/* TezBill Platform Console. Self-contained so business pages are unaffected. */
:root{color-scheme:light;--bg:#f1f4ff;--panel:#fff;--soft:#f5f7ff;--ink:#141b4d;--muted:#5a678f;--line:#dfe5ff;--strong:#cbd5ff;--brand:#2447ff;--brand-ink:#fff;--focus:#2447ff;
--blue-bg:#e7ecff;--blue:#2036c9;--green-bg:#dcf7ec;--green:#07694a;--amber-bg:#fff0d9;--amber:#8a4b00;--red-bg:#ffe5ea;--red:#b00d2c;--grey-bg:#eceffa;--grey:#4c587f;
--shadow:0 4px 16px rgba(36,71,255,.07);--sans:'Manrope',Arial,sans-serif;--head:'Plus Jakarta Sans','Manrope',Arial,sans-serif}
html[data-theme="dark"]{color-scheme:dark;--bg:#0a0e2c;--panel:#131949;--soft:#192056;--ink:#eef1ff;--muted:#a9b4e8;--line:#272f73;--strong:#3a4596;--brand:#6f87ff;--brand-ink:#0a0e2c;--focus:#a9b8ff;
--blue-bg:#1f2a78;--blue:#c9d3ff;--green-bg:#0d3d30;--green:#8ff0c8;--amber-bg:#40290a;--amber:#ffc27a;--red-bg:#471324;--red:#ffb3c2;--grey-bg:#232a69;--grey:#c5cdf0;--shadow:0 4px 18px rgba(0,0,0,.28)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:500 14px/1.5 var(--sans)}
a{color:var(--brand)}h1,h2,h3{font-family:var(--head);margin:0;letter-spacing:-.015em}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.pf-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}
.pf-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 14px 14px;background:#111843;color:#dfe5ff;overflow-y:auto}
.pf-brand{display:block;padding:0 10px}.pf-brand img{display:block;max-width:150px;height:auto}
.pf-side-tag{margin:8px 10px 20px;font:800 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#ffb347}
.pf-nav{display:grid;gap:3px}.pf-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:#cdd5fb;text-decoration:none;font-weight:700;font-size:13px;white-space:nowrap}
.pf-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.pf-nav a.on{background:linear-gradient(135deg,#2447ff,#7b2cff);color:#fff}
.pf-ico{width:18px;text-align:center}.pf-count{margin-left:auto;min-width:21px;padding:1px 6px;border-radius:999px;background:#ffb347;color:#2a1600;font-size:11px;text-align:center}
.pf-side-foot{margin-top:auto;padding-top:16px;display:grid;gap:10px}.pf-who{display:flex;gap:10px;align-items:center;font-size:12px}.pf-who small{display:block;color:#a9b4e8}.pf-who b{display:block;color:#fff;overflow-wrap:anywhere}
.pf-avatar{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#2447ff;color:#fff;font-weight:800}
.pf-signout{width:100%;padding:9px;border-radius:9px;border:1px solid #3a4596;background:transparent;color:#dfe5ff;font:700 12px var(--sans);cursor:pointer}.pf-signout:hover{background:rgba(255,255,255,.08)}
.pf-main{min-width:0;display:flex;flex-direction:column}
.pf-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px 0}
.pf-top h1{font-size:25px;line-height:1.2}.pf-top p{margin:3px 0 0;color:var(--muted);font-size:13px}
.pf-top-tools{display:flex;gap:9px;align-items:center}.pf-search input{width:210px;max-width:100%}
.pf-theme{display:inline-flex;gap:6px;align-items:center;padding:9px 12px;border:1px solid var(--strong);border-radius:10px;background:var(--panel);color:var(--ink);font:700 12px var(--sans);cursor:pointer;white-space:nowrap}
.pf-content{padding:20px 28px 44px;display:grid;gap:18px;align-content:start}
.pf-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:0}
.pf-pad{padding:18px}.pf-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px}.pf-card-head+.pf-table,.pf-card-head+.pf-empty{border-top:1px solid var(--line)}
.pf-card h2{font-size:16px}.pf-card h3{font-size:14px}.pf-sub{margin:2px 0 0;color:var(--muted);font-size:12.5px}
.pf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pf-kpi{padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:0;text-decoration:none;color:inherit;display:block}
a.pf-kpi:hover{border-color:var(--brand)}.pf-kpi small{display:block;color:var(--muted);font-size:12px;font-weight:700}.pf-kpi b{display:block;margin:6px 0 2px;font:800 25px/1.2 var(--head);overflow-wrap:anywhere}.pf-kpi span{color:var(--muted);font-size:12px}
.pf-grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}.pf-even{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-stack{display:grid;gap:18px;min-width:0}
.pf-table{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:10px 18px;text-align:left;font-size:11px;font-weight:800;color:var(--muted);background:var(--soft);white-space:nowrap}
td{padding:12px 18px;border-top:1px solid var(--line);font-size:13px;vertical-align:middle}thead tr:first-child th{border-top:0}tbody tr:hover{background:var(--soft)}td small{display:block;color:var(--muted);font-size:12px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
.pf-link{font-weight:800;color:var(--ink);text-decoration:none}.pf-link:hover{color:var(--brand);text-decoration:underline}.pf-empty{padding:26px 18px;text-align:center;color:var(--muted)}
.pf-badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}.is-blue.pf-badge{background:var(--blue-bg);color:var(--blue)}.is-green.pf-badge{background:var(--green-bg);color:var(--green)}.is-amber.pf-badge{background:var(--amber-bg);color:var(--amber)}.is-red.pf-badge{background:var(--red-bg);color:var(--red)}.is-grey.pf-badge{background:var(--grey-bg);color:var(--grey)}
.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid var(--strong);border-radius:10px;background:var(--panel);color:var(--ink);font:800 12.5px var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}.pf-btn:hover{border-color:var(--brand);color:var(--brand)}
.pf-btn.is-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.pf-btn.is-primary:hover{filter:brightness(1.1);color:var(--brand-ink)}.pf-btn.is-danger{color:var(--red);border-color:var(--red)}.pf-btn.is-small{padding:6px 10px;font-size:12px;border-radius:8px}.pf-btn.is-wa{background:#0b7a45;border-color:#0b7a45;color:#fff}
.pf-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pf-inline{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.pf-inline form{margin:0}
.pf-alert{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 14px;border-radius:11px;font-size:13px;font-weight:600}.pf-alert.is-blue{background:var(--blue-bg);color:var(--blue)}.pf-alert.is-amber{background:var(--amber-bg);color:var(--amber)}.pf-alert.is-red{background:var(--red-bg);color:var(--red)}
label{display:grid;gap:5px;font-size:12.5px;font-weight:700;color:var(--ink)}label small{font-weight:500;color:var(--muted)}
input,select,textarea{width:100%;padding:10px 11px;border:1px solid var(--strong);border-radius:9px;background:var(--panel);color:var(--ink);font:600 13px var(--sans)}textarea{resize:vertical;min-height:84px}input[type=checkbox]{width:17px;height:17px;padding:0;accent-color:var(--brand)}
.pf-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pf-form .full{grid-column:1/-1}.pf-form .pf-check{display:flex;gap:8px;align-items:center;grid-column:1/-1}.pf-form-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pf-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:end;padding:14px 18px}.pf-filters label{min-width:150px;flex:0 1 190px}.pf-filters .grow{flex:1 1 210px}
.pf-tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line)}.pf-tabs a{padding:10px 14px;color:var(--muted);font-weight:800;font-size:13px;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap}.pf-tabs a:hover{color:var(--ink)}.pf-tabs a.on{color:var(--brand);border-color:var(--brand)}
.pf-chips{display:flex;gap:6px;flex-wrap:wrap}.pf-chips a{padding:7px 12px;border:1px solid var(--strong);border-radius:999px;background:var(--panel);color:var(--ink);font-weight:800;font-size:12px;text-decoration:none}.pf-chips a.on{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.pf-hero{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px}.pf-hero h2{font-size:21px}.pf-hero .pf-meta{margin-top:7px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13px}
.pf-facts{display:grid;gap:0;margin:0}.pf-facts div{display:flex;justify-content:space-between;gap:16px;padding:9px 18px;border-top:1px solid var(--line);font-size:13px}.pf-facts dt{color:var(--muted)}.pf-facts dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.pf-feed{list-style:none;margin:0;padding:0}.pf-feed li{padding:11px 18px;border-top:1px solid var(--line);font-size:13px}.pf-feed small{display:block;color:var(--muted);font-size:12px}
.pf-bars{display:flex;align-items:flex-end;gap:12px;height:160px;padding:12px 18px 0}.pf-bar{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.pf-bar i{display:block;width:min(100%,34px);border-radius:4px 4px 0 0;background:var(--brand)}.pf-bar b{font-size:12px}.pf-bar:hover i{opacity:.8}
.pf-bar-labels{display:flex;gap:12px;padding:6px 18px 16px;border-top:0;color:var(--muted);font-size:11.5px}.pf-bar-labels span{flex:1;text-align:center}
.pf-status{display:grid}.pf-status a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;border-top:1px solid var(--line);text-decoration:none;color:inherit}.pf-status a:hover{background:var(--soft)}
.pf-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;align-items:start}
details.pf-card>summary{cursor:pointer;padding:15px 18px;font-weight:800;list-style-position:inside}details.pf-card>form{padding:0 18px 18px}
.pf-note{color:var(--muted);font-size:12.5px;margin:0}.pf-pager{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:12.5px}
@media(max-width:1100px){.pf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-grid2,.pf-even{grid-template-columns:minmax(0,1fr)}}
@media(max-width:820px){.pf-shell{display:block}.pf-side{position:static;height:auto;display:block;padding:14px}.pf-brand{display:inline-block;padding:0}.pf-side-tag{display:inline-block;margin:0 0 0 10px;vertical-align:middle}.pf-nav{display:flex;overflow-x:auto;margin-top:12px;padding-bottom:4px}.pf-side-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.pf-signout{width:auto;padding:7px 11px}
.pf-top{display:block;padding:16px 16px 0}.pf-top-tools{margin-top:12px}.pf-search{flex:1}.pf-search input{width:100%}.pf-content{padding:16px 16px 32px}th,td{padding:10px 12px}}
@media(max-width:520px){.pf-kpis{gap:10px}.pf-kpi{padding:13px}.pf-kpi b{font-size:20px}.pf-form,.pf-form-3{grid-template-columns:minmax(0,1fr)}.pf-theme .theme-toggle-label{display:none}.pf-plans{grid-template-columns:minmax(0,1fr)}}