@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-var-latin.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--border:var(--line);--border-strong:#c9c3e8;--bg-page:#f7f6fc;--bg-surface:var(--panel);--bg-surface-soft:var(--surface-soft);--text-primary:var(--ink);--text-muted:var(--muted);--text-inverse:#fff;--accent:var(--teal);--accent-hover:var(--teal-dark);--accent-soft:var(--mint);--teal-bright:#7b6ef6;--amber-bright:#c6f135;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--t-xs:.75rem;--t-sm:.875rem;--t-base:1rem;--t-lg:1.125rem;--t-xl:1.375rem;--t-2xl:1.75rem;--t-3xl:2.25rem;--lh-tight:1.2;--lh-snug:1.35;--lh-normal:1.55;--z-raised:1;--z-sticky:10;--z-nav:20;--z-backdrop:50;--z-dialog:60;--z-toast:70;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.28s}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.static{position:static}.block{display:block}.inline{display:inline}.table{display:table}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.landing-route-loading{color:#ede9fe;background:#110d2d;place-items:center;min-height:100vh;font-weight:750;display:grid}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1830;--ink:#1a1830;--muted:#615c7a;--line:#dfdcf2;--panel:#fff;--navy:#241e4e;--teal:#5b4fe0;--teal-dark:#4a3fc4;--surface-soft:#f5f3ff;--mint:#ede9fe;--sky:#eef9d6;--violet:#e4e1f5;--amber:#b87503;--red:#b3261e;--green:#1f7a4d;--shadow:0 16px 44px #241e4e1f;--shadow-soft:0 8px 24px #241e4e14;--radius-sm:10px;--radius:14px;--radius-lg:20px;background:#f7f6fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f7f6fcf2,#f7f6fcf2),url(/assets/patterns/isp-grid.svg);min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,.primary-link,.secondary-link{background:var(--teal);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}button svg,.primary-link svg,.secondary-link svg,.ghost-button svg{flex:none}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px}textarea{resize:vertical;min-height:96px}label{color:var(--muted);gap:8px;font-size:.9rem;font-weight:700;display:grid}label input,label select,label textarea{color:var(--ink);font-weight:500}.form-card,.tool-panel{background:var(--panel);border:1px solid var(--line);width:min(100%,520px);box-shadow:var(--shadow);border-radius:8px;gap:18px;padding:24px;display:grid}.tool-panel{width:100%;box-shadow:none}.form-heading{gap:8px;display:grid}h1,p{margin:0}h2{color:var(--navy);letter-spacing:0;margin:0;font-size:1.05rem}h1{color:var(--navy);letter-spacing:0;font-size:clamp(1.5rem,2vw,2.1rem)}p,span,small{color:var(--muted)}.form-error,.form-success,.state-box{border-radius:8px;gap:4px;padding:12px 14px;display:grid}.form-error,.state-error{color:var(--red);background:#fff1ef;border:1px solid #f2c3be}.form-success{color:var(--green);background:#e8f6ef;border:1px solid #b9dec8}.form-note{text-align:center}.form-note a{color:var(--teal);font-weight:800}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg, #fff 0%, var(--surface-soft) 100%);grid-template-rows:auto 1fr;gap:28px;min-height:100vh;padding:22px;display:grid;position:sticky;top:0}.sidebar-brand{gap:8px;display:grid}.sidebar-brand img{width:190px}.sidebar-brand span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.sidebar nav,.mobile-nav{align-content:start;gap:6px;display:grid}.sidebar a,.mobile-nav a{min-height:44px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-weight:800;text-decoration:none;display:flex}.sidebar a.active,.mobile-nav a.active{background:linear-gradient(135deg, var(--mint), var(--sky));color:var(--teal-dark)}.workspace{grid-template-rows:auto 1fr;min-width:0;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#ffffffeb;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-user{align-items:center;gap:12px;min-width:0;display:flex}.topbar-user>div:last-child{min-width:0;display:grid}.topbar-user strong,.topbar-user span{overflow-wrap:anywhere}.topbar-avatar,.avatar-token{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.avatar-token{background:linear-gradient(135deg, var(--teal), var(--navy));flex:none;width:46px;height:46px}.content{min-width:0;padding:28px}.page-stack{gap:20px;max-width:1120px;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.row-card,.empty-state{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.metric-card{gap:8px;min-height:104px;display:grid;box-shadow:0 8px 22px #241e4e0d}.metric-card strong{color:var(--navy);overflow-wrap:anywhere;font-size:clamp(1.2rem,2vw,1.8rem)}.metric-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:800}.metric-value{color:var(--navy);overflow-wrap:anywhere;font-size:clamp(1.2rem,2vw,1.8rem)}.action-row{flex-wrap:wrap;gap:10px;display:flex}.router-picker{align-items:flex-end}.router-picker label{flex:220px;min-width:0}.checkbox-row{color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}.checkbox-row input[type=checkbox]{flex:none;width:18px;min-height:18px}.secondary-link,.secondary-button,.ghost-button{color:var(--teal);border:1px solid var(--teal);background:#fff}.ghost-button{background:0 0;min-height:38px;padding:0 12px}.icon-button{width:32px;min-height:32px;color:var(--teal);border:1px solid var(--line);background:#fff;border-radius:8px;padding:0}.success-button{background:var(--green)}.danger-button{background:var(--red)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.receipt-preview{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);border-radius:8px;width:min(260px,100%)}.list-toolbar{grid-template-columns:minmax(160px,1fr) minmax(150px,220px) auto;align-items:center;gap:10px;display:grid}.list-toolbar select:only-child{max-width:240px}.responsive-list{gap:10px;display:grid}.row-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:78px;display:grid}.row-card.admin-row{grid-template-columns:minmax(0,1fr) auto auto minmax(190px,auto)}.row-card div:first-child{gap:3px;min-width:0;display:grid}.row-card strong,.row-card span,.row-card small{overflow-wrap:anywhere}.row-card a{color:var(--teal);font-weight:800}.manual-topup-label{color:var(--muted);font-size:.9rem;font-weight:800}.tab-bar{border-bottom:2px solid var(--border);gap:0;margin-bottom:16px;display:flex}.tab-button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-weight:700;transition:color .15s,border-color .15s}.tab-button.active{color:var(--navy);border-bottom-color:var(--teal)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:.9rem}.table-wrap th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:.78rem;font-weight:800}.table-wrap td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px}.cell-primary{color:var(--navy);font-weight:700}.cell-secondary{color:var(--muted);font-size:.78rem}.cell-mono{font-family:monospace;font-size:.78rem}.action-stack{flex-wrap:wrap;gap:4px;display:flex}.search-input{flex:1;min-width:200px}.row-actions{gap:8px;display:flex}.status-chip{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:5px 10px;font-size:.82rem;font-weight:900;display:inline-flex}.status-success{color:var(--green);background:#e4f4ea}.status-warning{color:var(--amber);background:#fff5dc}.status-danger{color:var(--red);background:#fff1ef}.status-neutral{background:var(--sky);color:var(--navy)}.pagination{justify-content:flex-end;align-items:center;gap:10px;display:flex}.pagination-rich{flex-wrap:wrap;justify-content:space-between;padding-top:4px}.pagination-summary,.pagination-controls,.pagination-pages{align-items:center;gap:8px;display:flex}.pagination-summary{flex-wrap:wrap}.pagination-summary label{color:var(--muted);align-items:center;gap:7px;font-size:.82rem;font-weight:700;display:flex}.pagination-summary select{width:auto;min-width:68px;padding:8px 28px 8px 10px}.pagination-pages button{min-width:38px;padding:9px 11px}.pagination-pages .is-current{pointer-events:none}.pagination-ellipsis{text-align:center;min-width:22px}.pagination span{color:var(--muted);font-weight:700}.empty-state{text-align:center;place-items:center;gap:8px;min-height:230px;display:grid}.empty-state img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:8px;width:min(220px,80%)}.state-box{border:1px solid var(--line);color:var(--muted);background:#fff}.agent-id-card,.agent-highlight,.temporary-card{border:1px solid var(--border-strong);box-shadow:var(--shadow);background:linear-gradient(135deg,#ede9fef2,#eef9d6f2);border-radius:8px;padding:16px}.agent-id-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid}.agent-id-card div,.agent-highlight div,.temporary-card{gap:4px;display:grid}.agent-id-card span,.agent-highlight span,.temporary-card span{color:var(--teal-dark);text-transform:uppercase;font-size:.82rem;font-weight:900}.agent-id-card strong,.agent-highlight strong,.temporary-card strong{color:var(--navy);overflow-wrap:anywhere;font-size:clamp(1.25rem,2vw,1.85rem)}.agent-mini-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;padding:12px;display:grid}.agent-mini-card.prominent{background:linear-gradient(135deg, var(--mint), var(--sky));border-color:var(--border-strong);grid-template-columns:auto auto minmax(0,1fr) auto}.agent-mini-card span{color:var(--muted);font-weight:900}.agent-mini-card strong{color:var(--navy);overflow-wrap:anywhere}.admin-users-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:18px;display:grid}.users-main,.users-side{gap:14px;min-width:0;display:grid}.users-side{position:sticky;top:88px}.search-panel{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.search-input{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;min-width:0;min-height:48px;padding:0 12px;display:flex}.search-input input{border:0;min-height:42px;padding:0}.search-input input:focus{outline:none}.agent-highlight{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.user-card-list{gap:12px;display:grid}.user-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(220px,1.2fr) minmax(180px,auto) minmax(150px,auto) minmax(230px,290px);align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 8px 22px #241e4e0d}.user-card-main{align-items:center;gap:12px;min-width:0;display:flex}.user-card-main>div:last-child,.user-stats{gap:3px;min-width:0;display:grid}.user-card strong,.user-card span,.user-card small{overflow-wrap:anywhere}.agent-code-pill{border:1px solid var(--border-strong);background:var(--mint);min-width:0;color:var(--teal-dark);border-radius:8px;align-items:center;gap:8px;padding:8px;font-weight:900;display:flex}.agent-code-pill span{min-width:0;color:var(--teal-dark)}.user-stats span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:900}.user-stats strong{color:var(--navy)}.inline-credit{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.panel-title{align-items:center;gap:8px;display:flex}.create-user-panel{align-self:start}.temporary-card{background:linear-gradient(135deg,#f0fad2fa,#ede9fef2);border-color:#c9d98a}.wide-illustration{aspect-ratio:16/7;width:min(100%,720px)}.mobile-nav{display:none}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px 16px 88px}.topbar{padding:0 16px}.mobile-nav{z-index:8;border-top:1px solid var(--line);background:#fff;grid-auto-columns:minmax(80px,1fr);grid-auto-flow:column;gap:4px;min-height:64px;padding:8px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.mobile-nav a{justify-content:center;justify-items:center;gap:4px;padding:0 10px;font-size:.78rem;display:grid}.metric-grid,.metric-grid.compact,.form-grid,.list-toolbar{grid-template-columns:1fr}.row-card,.row-card.admin-row{grid-template-columns:1fr;align-items:start}.row-actions{flex-wrap:wrap}.pagination{grid-template-columns:1fr;justify-content:stretch;display:grid}.pagination button{width:100%}.pagination-rich,.pagination-summary,.pagination-controls{align-items:stretch}.pagination-summary,.pagination-controls{grid-template-columns:1fr;display:grid}.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-pages button{width:auto}.pagination-summary label{justify-content:space-between}.pagination-summary select{width:84px}.admin-users-layout,.search-panel,.agent-highlight,.user-card,.agent-id-card,.agent-mini-card.prominent{grid-template-columns:1fr}.users-side{position:static}.inline-credit{grid-template-columns:1fr}.inline-credit button,.search-panel button{width:100%}}.router-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.router-main,.router-list{min-width:0}.router-list-item{width:100%;min-height:58px;color:var(--ink);border:1px solid var(--line);background:#fff;justify-content:space-between}.router-list-item.active{border-color:var(--teal);background:var(--mint)}.router-list-item span{text-align:left;gap:2px;min-width:0;display:grid}.discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.discovery-grid .state-box{align-content:start}@media (width<=900px){.router-layout,.discovery-grid{grid-template-columns:1fr}}.dashboard-stack{gap:18px;max-width:1180px}.dashboard-hero{box-shadow:var(--shadow);border:1px solid #241e4e1f;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:end;gap:22px;padding:24px;display:grid;position:relative;overflow:hidden}.dashboard-hero.admin{background-color:#0000;background-image:linear-gradient(135deg,#fffffff5,#eef9d6eb),url(/assets/patterns/signal-lines.svg);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.dashboard-hero.agent{background-color:#0000;background-image:linear-gradient(135deg,#fffffff5,#ede9fef0),url(/assets/patterns/isp-grid.svg);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.dashboard-hero-copy{gap:8px;min-width:0;display:grid}.dashboard-eyebrow{width:fit-content;color:var(--teal-dark);text-transform:uppercase;background:#ffffffc7;border:1px solid #7b6ef647;border-radius:8px;padding:6px 10px;font-size:.76rem;font-weight:900}.dashboard-hero h1{font-size:clamp(1.65rem,2vw,2.25rem)}.dashboard-hero p{max-width:660px;line-height:1.55}.dashboard-hero-panel{border-left:3px solid var(--teal);gap:7px;min-width:0;padding-left:18px;display:grid}.dashboard-hero-panel.balance{border-left-color:var(--green)}.dashboard-hero-panel span,.dashboard-metric-value span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:900}.dashboard-hero-panel strong{color:var(--navy);overflow-wrap:anywhere;font-size:clamp(1.45rem,2.2vw,2.35rem);line-height:1.05}.dashboard-hero-panel small,.dashboard-card-top small,.dashboard-action-card small,.dashboard-agent-card small{color:var(--muted);line-height:1.4}.dashboard-metric-grid{gap:12px}.dashboard-metric{border-color:#241e4e1a;align-content:space-between;gap:18px;min-height:132px;position:relative}.dashboard-metric:before{content:"";background:var(--teal);border-radius:8px 0 0 8px;width:4px;position:absolute;inset:0 auto 0 0}.dashboard-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dashboard-icon{background:var(--mint);width:42px;height:42px;color:var(--teal-dark);border-radius:8px;flex:none;place-items:center;display:inline-grid}.dashboard-card-top small{text-align:right;min-width:0;font-weight:700}.dashboard-metric-value{gap:6px;min-width:0;display:grid}.dashboard-metric-value strong{font-size:clamp(1.35rem,2vw,1.95rem);line-height:1.1}.dashboard-metric.tone-teal:before,.dashboard-metric.tone-teal .dashboard-icon{background:var(--mint)}.dashboard-metric.tone-teal:before{background:var(--teal)}.dashboard-metric.tone-teal .dashboard-icon{color:var(--teal-dark)}.dashboard-metric.tone-navy:before,.dashboard-metric.tone-navy .dashboard-icon{background:var(--navy)}.dashboard-metric.tone-navy .dashboard-icon{color:#fff}.dashboard-metric.tone-green:before,.dashboard-metric.tone-green .dashboard-icon{background:#e8f6ef}.dashboard-metric.tone-green:before{background:var(--green)}.dashboard-metric.tone-green .dashboard-icon{color:var(--green)}.dashboard-metric.tone-amber:before,.dashboard-metric.tone-amber .dashboard-icon{background:#fff3d9}.dashboard-metric.tone-amber:before{background:var(--amber)}.dashboard-metric.tone-amber .dashboard-icon{color:var(--amber)}.dashboard-metric.tone-violet:before,.dashboard-metric.tone-violet .dashboard-icon{background:var(--violet)}.dashboard-metric.tone-violet:before{background:#9333a6}.dashboard-metric.tone-violet .dashboard-icon{color:#9333a6}.dashboard-metric.tone-red:before,.dashboard-metric.tone-red .dashboard-icon{background:#fff1ef}.dashboard-metric.tone-red:before{background:var(--red)}.dashboard-metric.tone-red .dashboard-icon{color:var(--red)}.dashboard-section-heading{justify-content:space-between;align-items:end;gap:12px;margin-top:2px;display:flex}.dashboard-section-heading div{gap:4px;display:grid}.dashboard-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-action-grid.compact-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-card{border:1px solid var(--line);min-height:104px;color:var(--ink);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;text-decoration:none;display:grid;box-shadow:0 8px 22px #241e4e0d}.dashboard-action-card:hover{border-color:#7b6ef66b;transition:border-color .16s,transform .16s;transform:translateY(-1px)}.dashboard-action-card.primary{background:linear-gradient(135deg, var(--teal), var(--navy));color:#fff;border-color:#0000}.dashboard-action-card.primary .dashboard-icon{color:#fff;background:#ffffff29}.dashboard-action-card.primary small,.dashboard-action-card.primary strong,.dashboard-action-card.primary svg{color:#fff}.dashboard-action-copy{gap:4px;min-width:0;display:grid}.dashboard-action-card strong{color:var(--navy);overflow-wrap:anywhere;font-size:1rem}.dashboard-agent-card{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.dashboard-agent-card small{text-transform:none;font-weight:700}@media (width<=1100px){.dashboard-hero{grid-template-columns:minmax(0,1fr) minmax(240px,320px)}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.dashboard-hero{grid-template-columns:1fr;padding:20px}.dashboard-hero-panel{border-left:0;border-top:3px solid var(--teal);padding-top:14px;padding-left:0}.dashboard-hero-panel.balance{border-top-color:var(--green)}.dashboard-action-grid,.dashboard-action-grid.compact-actions{grid-template-columns:1fr}}@media (width<=620px){.dashboard-stack{gap:14px}.dashboard-hero{padding:18px}.dashboard-metric-grid{grid-template-columns:1fr}.dashboard-card-top small{text-align:left}.dashboard-agent-card{grid-template-columns:1fr;align-items:start}.dashboard-agent-card .ghost-button,.dashboard-action-card{width:100%}.dashboard-action-card{min-height:96px}}.router-resource-panel{grid-column:2}.resource-stack{gap:14px;display:grid}.resource-tab-bar{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.resource-tab{min-height:38px;color:var(--muted);border:1px solid var(--line);background:#fff;flex:none;padding:0 12px}.resource-tab.active{background:var(--mint);color:var(--teal-dark);border-color:var(--teal)}.router-resource-panel .metric-card strong{font-size:1.25rem}@media (width<=900px){.router-resource-panel{grid-column:auto}}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.topbar-balance{border:1px solid var(--border-strong);background:var(--mint);border-radius:8px;align-content:center;gap:1px;min-width:150px;min-height:42px;padding:6px 12px;display:grid}.topbar-balance span{color:var(--teal-dark);text-transform:uppercase;font-size:.72rem;font-weight:900}.topbar-balance strong{color:var(--navy);overflow-wrap:anywhere;font-size:.96rem}.voucher-page-stack{max-width:1180px}.agent-voucher-purchase-panel{gap:12px;display:grid}.qris-topup-row{justify-content:flex-end;display:flex}.topup-method-section{gap:14px;display:grid}.topup-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.topup-method-card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-soft);background:#fffffff5;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:20px;display:grid}.topup-method-card-primary{border-color:var(--border-strong);background:linear-gradient(135deg, #fffffffa, var(--mint))}.topup-method-icon{background:var(--navy);color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 24px #241e4e29}.topup-method-icon-manual{background:var(--sky);color:var(--navy);box-shadow:none}.topup-method-copy{gap:6px;min-width:0;display:grid}.topup-method-copy h3{color:var(--navy);margin:0;font-size:1.05rem}.topup-method-copy p{font-size:.82rem;line-height:1.5}.topup-method-badge{background:var(--teal);color:#fff;letter-spacing:.03em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.65rem;font-weight:900;display:inline-flex}.topup-method-badge-muted{background:var(--surface-soft);color:var(--muted)}.topup-method-card>button{grid-column:1/-1;width:100%}.manual-topup-panel{scroll-margin-top:100px}.manual-topup-heading{align-items:center;gap:12px;display:flex}.manual-topup-heading .topup-method-icon{border-radius:12px;flex:none;width:42px;height:42px}.manual-topup-heading>div:last-child{gap:3px;display:grid}.manual-topup-heading p{font-size:.78rem}.qris-dialog,.qris-payment-state,.qris-unavailable{gap:12px;display:grid}.qris-payment-state,.qris-unavailable{text-align:center;justify-items:center}.qris-unavailable{border:1px dashed var(--line);border-radius:10px;padding:22px}.qris-unavailable span{color:var(--muted)}.qris-image{aspect-ratio:1/1.14;border:1px solid var(--line);background:#fff;border-radius:12px;width:min(260px,82vw);padding:10px}.qris-amount{color:var(--navy);font-size:1.45rem}.qris-status{background:var(--sky);color:var(--navy);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-weight:800;display:inline-flex}.qris-status-paid{color:#16704a;background:#e8f7ef}.qris-status-expired,.qris-status-failed,.qris-status-cancelled{color:var(--red);background:#fff1ef}.voucher-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.voucher-summary-strip article{border:1px solid var(--line);background:#fff;border-radius:8px;gap:5px;padding:14px 16px;display:grid;box-shadow:0 8px 22px #241e4e0d}.voucher-summary-strip span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.voucher-summary-strip strong{color:var(--navy);font-size:clamp(1.2rem,2vw,1.7rem)}.voucher-history-toolbar{grid-template-columns:minmax(180px,260px)}.voucher-history-card{grid-template-columns:minmax(0,1fr) auto minmax(170px,auto)}.danger-text{color:var(--red)!important}.admin-users-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.user-card{grid-template-columns:minmax(240px,1.2fr) minmax(150px,.6fr) minmax(180px,.7fr);align-items:start}.user-card .inline-credit{grid-column:1/-1;grid-template-columns:minmax(160px,.7fr) minmax(220px,1fr) auto;align-items:center}.user-card-main,.agent-code-pill,.user-stats,.inline-credit{min-width:0}@media (width<=1180px){.admin-users-layout{grid-template-columns:1fr}.users-side{position:static}}@media (width<=900px){.topbar-actions{gap:8px}.topbar-balance{min-width:128px;padding:5px 10px}.voucher-history-card,.user-card,.user-card .inline-credit{grid-template-columns:1fr}}@media (width<=620px){.topbar{align-items:stretch;min-height:auto;padding-top:10px;padding-bottom:10px}.topbar-user{max-width:48%}.topbar-actions{grid-template-columns:1fr;justify-items:stretch;max-width:52%;display:grid}.topbar-balance{min-width:0}.topbar-balance strong{font-size:.86rem}.topbar-actions .ghost-button{width:100%}.voucher-summary-strip{grid-template-columns:1fr}}.admin-voucher-transaction,.admin-voucher-history{gap:14px;display:grid}.admin-voucher-transaction.compact{gap:12px}.admin-voucher-agent-panel{grid-template-columns:minmax(260px,1.4fr) minmax(220px,.9fr) minmax(220px,.8fr);align-items:end;gap:12px;display:grid}.admin-voucher-agent-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.admin-voucher-agent-summary{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:center;gap:4px;min-height:72px;padding:12px 14px;display:grid}.admin-voucher-agent-summary span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.admin-voucher-agent-summary strong{color:var(--navy);overflow-wrap:anywhere;font-size:1.15rem}.admin-voucher-agent-summary small{overflow-wrap:anywhere}.admin-voucher-history-card{grid-template-columns:minmax(0,1fr) auto minmax(260px,auto)}.admin-voucher-history-card .row-actions{flex-wrap:wrap;justify-content:flex-end}.admin-voucher-history-card .danger-button{min-height:38px;padding:0 12px}@media (width<=1180px){.admin-voucher-agent-panel{grid-template-columns:minmax(0,1fr) minmax(220px,.8fr)}.admin-voucher-agent-summary{grid-column:1/-1}}@media (width<=900px){.admin-voucher-agent-panel,.admin-voucher-agent-search,.admin-voucher-history-card{grid-template-columns:1fr}.admin-voucher-history-card .row-actions{justify-content:flex-start}}@media (width<=620px){.admin-voucher-agent-search button,.admin-voucher-history-card .row-actions,.admin-voucher-history-card .row-actions button,.admin-voucher-history-card .row-actions a{width:100%}}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 88% 4%,#5b4fe017,#0000 28rem),linear-gradient(#f7f6fcf7,#f7f6fcf7),url(/assets/patterns/isp-grid.svg)}::selection{color:var(--navy);background:#5b4fe02e}:where(button,a,input,select,textarea):focus-visible{outline-offset:2px;outline:3px solid #5b4fe033}button,.primary-link,.secondary-link{border-radius:var(--radius-sm);font-weight:800;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s}button:not(:disabled):hover,.primary-link:hover,.secondary-link:hover{transform:translateY(-1px);box-shadow:0 8px 18px #5b4fe02e}input,select,textarea{border-radius:var(--radius-sm);border-color:var(--line);min-height:48px;padding:11px 13px;transition:border-color .16s,box-shadow .16s,background-color .16s}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 4px #5b4fe01a}.form-card,.tool-panel,.metric-card,.row-card,.table-wrap,.search-panel,.dashboard-action-card{border-radius:var(--radius);box-shadow:var(--shadow-soft);border-color:#241e4e1a}.form-card{border-radius:var(--radius-lg);gap:20px;padding:clamp(24px,4vw,38px)}.auth-kicker,.page-eyebrow{width:fit-content;color:var(--teal-dark);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;font-size:.76rem;font-weight:900;display:inline-flex}.auth-kicker{border:1px solid var(--border-strong);background:var(--mint);border-radius:999px;padding:7px 10px}.form-heading h1,.page-heading h1,.dashboard-hero h1{letter-spacing:-.035em}.button-wide{width:100%}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon>svg{z-index:1;color:var(--muted);pointer-events:none;position:absolute;left:13px}.input-with-icon input{padding-left:40px;padding-right:44px}.field-icon-button,.icon-button{width:40px;min-width:40px;min-height:40px;color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;padding:0}.field-icon-button{position:absolute;right:4px}.field-icon-button:hover,.icon-button:hover{color:var(--teal-dark);box-shadow:none;background:#5b4fe017}.form-error,.form-success,.state-box{border-radius:var(--radius-sm);padding:13px 15px}.state-box,.state-loading,.state-error{justify-content:center;align-items:center;gap:10px;min-height:96px;display:flex}.state-loading svg{color:var(--teal)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);background:#ffffffb3;padding:36px 24px}.empty-state-icon{background:var(--mint);width:56px;height:56px;color:var(--teal-dark);border-radius:16px;place-items:center;display:grid}.app-shell{grid-template-columns:272px minmax(0,1fr)}.sidebar{z-index:20;background:linear-gradient(#fffffffa,#f5f3fffa),url(/assets/patterns/isp-grid.svg);border-right:0;grid-template-rows:auto auto 1fr auto;gap:18px;height:100vh;padding:24px 20px;box-shadow:8px 0 32px #241e4e0f}.sidebar-brand{grid-template-columns:1fr auto;align-items:center;gap:6px 12px}.sidebar-brand img{grid-column:1/-1;width:188px}.sidebar-brand>div{gap:2px;display:grid}.sidebar-brand small{font-size:.72rem}.nav-section-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;padding:0 12px;font-size:.7rem;font-weight:900}.sidebar a{border-radius:12px;min-height:48px;position:relative}.sidebar a:hover{color:var(--teal-dark);background:#5b4fe012}.sidebar a.active{background:linear-gradient(135deg, var(--mint), var(--sky));color:var(--teal-dark);box-shadow:inset 0 0 0 1px #5b4fe01a}.sidebar a.active:before{content:"";background:var(--teal);border-radius:0 6px 6px 0;width:4px;height:22px;position:absolute;left:0}.sidebar-profile{border:1px solid var(--border-strong);border-radius:var(--radius);background:#ffffffc7;align-items:center;gap:10px;padding:12px;display:flex}.sidebar-profile-icon{background:var(--navy);color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.sidebar-profile>div{gap:2px;min-width:0;display:grid}.sidebar-profile strong{color:var(--navy);font-size:.82rem}.sidebar-profile small{font-size:.72rem}.sidebar-close,.mobile-menu-button,.sidebar-backdrop{display:none}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-color:#241e4e14;min-height:78px;padding:0 clamp(18px,3vw,36px)}.topbar-avatar,.avatar-token{border-radius:13px;box-shadow:0 8px 20px #241e4e29}.topbar-user>div:last-child>span:last-child{align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.topbar-greeting{font-size:.7rem;color:var(--muted)!important}.content{padding:clamp(20px,3vw,36px)}.page-stack{gap:22px;max-width:1240px;margin:0 auto}.page-heading-enhanced{border-radius:var(--radius-lg);min-height:104px;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fffffff7,#ede9fee6),url(/assets/patterns/signal-lines.svg);border:1px solid #241e4e17;align-items:center;padding:22px 24px}.page-heading-enhanced>div:first-child{gap:6px;display:grid}.page-summary{border-left:3px solid var(--teal);gap:2px;min-width:118px;padding-left:18px;display:grid}.page-summary strong{color:var(--navy);font-size:1.9rem;line-height:1}.page-summary span{text-transform:uppercase;font-size:.78rem;font-weight:800}.dashboard-hero,.dashboard-metric,.dashboard-action-card{border-radius:var(--radius-lg)}.dashboard-hero{padding:clamp(22px,3vw,32px)}.dashboard-icon{border-radius:13px}.dashboard-action-card{border-radius:var(--radius)}.surface-toolbar{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#ffffffeb;padding:12px}.users-page .admin-users-layout{grid-template-columns:minmax(0,1fr) minmax(310px,360px);align-items:start}.users-page .users-side{position:sticky;top:100px}.user-card-premium{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fffffff5;grid-template-columns:1fr;gap:16px;padding:18px;display:grid}.user-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.user-card-main>div:last-child{gap:5px}.user-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.account-status{border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:.69rem;font-weight:900;display:inline-flex}.account-status.active{color:var(--green);background:#e8f6ef}.account-status.warning{color:#9a5c00;background:#fff4dc}.contact-line{align-items:center;gap:6px;font-size:.8rem;display:flex}.user-detail-grid{grid-template-columns:minmax(150px,.55fr) minmax(170px,.65fr) minmax(220px,1fr);gap:10px;display:grid}.user-detail-grid>div{border:1px solid var(--border-strong);background:var(--surface-soft);border-radius:12px;min-width:0;padding:12px}.user-detail-grid .agent-code-pill{background:var(--mint);border-color:var(--border-strong);grid-template-columns:auto 1fr auto;display:grid}.agent-code-pill>div,.user-meta{gap:3px;display:grid}.agent-code-pill small,.user-stats span{font-size:.68rem}.agent-code-pill strong{color:var(--teal-dark);letter-spacing:.08em;font-size:1.18rem}.user-meta span{overflow-wrap:anywhere;align-items:flex-start;gap:7px;font-size:.77rem;display:flex}.user-card-premium .inline-credit{border-top:1px solid var(--border-strong);grid-template-columns:minmax(175px,.8fr) minmax(130px,.55fr) minmax(180px,1fr) auto;align-items:center;gap:9px;padding-top:15px;display:grid}.inline-credit-label{color:var(--teal-dark);align-items:center;gap:9px;display:flex}.inline-credit-label>div{gap:2px;display:grid}.inline-credit-label strong{color:var(--navy);font-size:.82rem}.inline-credit-label span{font-size:.68rem}.panel-title-stacked{align-items:flex-start}.panel-title-stacked>div{gap:4px;display:grid}.panel-title-stacked p{font-size:.78rem;line-height:1.4}.panel-icon,.agent-highlight-icon,.dialog-heading-icon{background:var(--mint);width:44px;height:44px;color:var(--teal-dark);border-radius:13px;flex:none;place-items:center;display:grid}.create-user-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:22px}.security-note,.reset-warning,.credential-banner{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--mint);color:var(--teal-dark);align-items:flex-start;gap:9px;padding:11px 12px;display:flex}.security-note span,.reset-warning span{color:inherit;font-size:.78rem;line-height:1.45}.agent-highlight{border-radius:var(--radius);border-color:var(--border-strong);background:linear-gradient(135deg, var(--mint), var(--sky));grid-template-columns:auto 1fr auto;padding:15px}.dialog-open{overflow:hidden}.dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100c248f;place-items:center;padding:20px;animation:.15s ease-out dialog-fade;display:grid;position:fixed;inset:0}.dialog-panel{border-radius:var(--radius-lg);background:#fff;border:1px solid #ffffffb3;gap:20px;width:min(100%,520px);max-height:calc(100vh - 40px);padding:clamp(20px,4vw,28px);animation:.18s ease-out dialog-rise;display:grid;overflow:auto;box-shadow:0 32px 80px #100c2447}.dialog-wide{width:min(100%,720px)}.dialog-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:13px;display:grid}.dialog-header>div:nth-child(2){gap:5px;display:grid}.dialog-header h2{font-size:1.25rem}.dialog-header p{font-size:.83rem;line-height:1.5}.dialog-close{margin:-5px -5px 0 0}.dialog-form,.dialog-fields{gap:15px;display:grid}.dialog-actions{justify-content:flex-end;gap:10px;padding-top:2px;display:flex}.database-backup-panel{gap:16px;display:grid}.database-security-note{max-width:760px}.database-backup-panel>.button-wide{width:fit-content}.database-history-card{align-items:flex-start}.backup-checksum{text-overflow:ellipsis;white-space:nowrap;max-width:min(680px,72vw);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.choice-card{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:9px;padding:13px;display:grid}.choice-card.selected{border-color:var(--teal);background:var(--mint);box-shadow:0 0 0 3px #5b4fe014}.choice-card input{width:18px;min-height:18px;accent-color:var(--teal);margin:2px 0 0}.choice-card span{gap:4px;display:grid}.choice-card strong{color:var(--navy);font-size:.84rem}.choice-card small{font-size:.72rem}.credential-banner{background:linear-gradient(135deg, var(--mint), var(--sky));align-items:center}.credential-banner>div{gap:2px;display:grid}.credential-banner strong{color:var(--navy);font-size:.84rem}.credential-banner span{font-size:.76rem}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.credential-field{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-soft);grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;min-width:0;padding:12px;display:grid}.credential-field>span{text-transform:uppercase;grid-column:1;font-size:.7rem;font-weight:900}.credential-field>strong{color:var(--navy);overflow-wrap:anywhere;grid-column:1}.credential-actions{grid-area:1/2/3;align-items:center;display:flex}.credential-primary{border-color:var(--border-strong);background:var(--mint)}.credential-primary>strong{color:var(--teal-dark);font-size:1.1rem}@keyframes dialog-fade{0%{opacity:0}}@keyframes dialog-rise{0%{opacity:0;transform:translateY(12px)scale(.985)}}@media (width<=1180px){.users-page .admin-users-layout{grid-template-columns:1fr}.users-page .users-side{position:static}.user-card-premium .inline-credit{grid-template-columns:minmax(175px,.8fr) 1fr 1fr}.user-card-premium .inline-credit button{grid-column:2/-1}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:column;width:min(84vw,310px);height:100vh;transition:transform .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar nav{flex:1}.sidebar-close{display:inline-flex;position:absolute;top:14px;right:14px}.sidebar-backdrop{z-index:19;background:#100c2470;border-radius:0;width:100%;height:100%;min-height:0;padding:0;display:block;position:fixed;inset:0}.mobile-menu-button{display:inline-flex}.topbar{justify-content:flex-start}.topbar-actions{margin-left:auto}.mobile-nav{padding:7px max(8px, env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-auto-columns:minmax(64px,1fr);overflow:hidden;box-shadow:0 -8px 28px #241e4e17}.mobile-nav a,.mobile-nav button{min-height:50px;color:var(--muted);box-shadow:none;background:0 0;align-content:center;place-items:center;gap:3px;padding:4px 6px;font-size:.68rem;display:grid}.mobile-nav button span{color:inherit}.mobile-nav a.active{background:var(--mint);color:var(--teal-dark)}.page-heading-enhanced{align-items:flex-start}.user-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-meta{grid-column:1/-1}.user-card-premium .inline-credit{grid-template-columns:1fr 1fr}.inline-credit-label,.user-card-premium .inline-credit button{grid-column:1/-1}}@media (width<=620px){.content{padding:16px 12px 90px}.topbar{align-items:center;min-height:70px;padding:8px 12px}.topbar-user{flex:1;max-width:none}.topbar-user>div:last-child{display:none}.topbar-actions{max-width:none;display:flex}.topbar-actions .ghost-button{width:44px;min-width:44px;padding:0;font-size:0}.topbar-balance{min-width:112px}.page-heading-enhanced{min-height:0;padding:18px;display:grid}.page-summary{border-left:0;border-top:2px solid var(--teal);padding:12px 0 0}.surface-toolbar{grid-template-columns:1fr}.agent-highlight{grid-template-columns:auto 1fr}.agent-highlight .ghost-button{grid-column:1/-1;width:100%}.user-card-head{display:grid}.user-actions,.user-actions button{width:100%}.user-detail-grid,.user-card-premium .inline-credit{grid-template-columns:1fr}.user-meta,.inline-credit-label,.user-card-premium .inline-credit button{grid-column:auto}.dialog-backdrop{align-items:end;padding:10px}.dialog-panel{border-radius:20px 20px 12px 12px;max-height:calc(100vh - 20px);padding:20px 16px}.choice-grid,.credential-grid,.topup-method-grid{grid-template-columns:1fr}.topup-method-card{padding:17px}.dialog-actions{grid-template-columns:1fr;display:grid}.dialog-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand{align-items:center;gap:var(--s-3);min-width:0;color:inherit;text-decoration:none;display:inline-flex}.brand svg{border-radius:var(--radius-sm);flex:none}.brand-wordmark{gap:2px;min-width:0;display:grid}.brand-wordmark strong{font-size:var(--t-base);font-weight:650;line-height:var(--lh-tight);letter-spacing:-.015em;color:var(--text-primary);white-space:nowrap}.brand-wordmark small{font-size:var(--t-xs);line-height:var(--lh-tight);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.brand-stacked{gap:var(--s-2);text-align:center;flex-direction:column}.brand-stacked .brand-wordmark{justify-items:center}.sidebar .brand-wordmark strong,.portal-hero .brand-wordmark strong,.auth-visual .brand-wordmark strong{color:var(--text-inverse)}.sidebar .brand-wordmark small,.portal-hero .brand-wordmark small,.auth-visual .brand-wordmark small{color:#ffffffb8}@media (width>=768px){.brand-wordmark strong{font-size:var(--t-lg)}}.auth-screen{grid-template-columns:1fr;min-height:100dvh;display:grid}.auth-visual{display:none}.auth-panel,.password-screen,.fallback-screen{align-content:center;place-items:center;gap:var(--s-5);min-height:100dvh;padding:var(--s-6) var(--s-4);background:radial-gradient(circle at 85% 10%, #5b4fe014, transparent 18rem), var(--surface-soft);display:grid}.brand-mobile{text-decoration:none;display:block}@media (width>=768px){.auth-screen{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.brand-mobile{display:none}.auth-visual{align-content:space-between;gap:var(--s-8);min-height:100vh;color:var(--text-inverse);background-color:#0000;background-image:linear-gradient(145deg,#241e4efa,#4a3fc4eb),url(/assets/patterns/signal-lines.svg);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:clamp(2rem,4vw,4rem);display:grid;position:relative;overflow:hidden}.auth-headline{max-width:32rem;font-size:clamp(1.5rem,2.4vw,2.4rem);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.03em;color:#fffffff0;margin:0}.auth-art{justify-content:center;align-items:center;display:flex}.auth-art img{width:min(100%,34rem);height:auto}.auth-panel{padding:var(--s-10) var(--s-8)}}.portal{background:var(--bg-page) url(/assets/patterns/isp-grid.svg);min-height:100dvh;padding-bottom:calc(var(--s-12) + env(safe-area-inset-bottom))}.portal-header{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#ffffffeb;display:flex;position:sticky;top:0}.portal-pill{align-items:center;gap:var(--s-2);padding:6px var(--s-3);font-size:var(--t-xs);white-space:nowrap;border-radius:999px;font-weight:600;display:inline-flex}.portal-pill-online{background:var(--mint);color:var(--teal-dark)}.portal-pill-offline{background:var(--bg-surface-soft);color:var(--text-muted)}.portal-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.portal-hero{padding:var(--s-8) var(--s-4) var(--s-10);background:linear-gradient(160deg, var(--navy) 0%, #1a1638 100%);color:var(--text-inverse);position:relative;overflow:hidden}.portal-hero:after{content:"";opacity:.9;pointer-events:none;background:url(/assets/patterns/arc-mesh.svg) bottom/cover no-repeat;height:100%;position:absolute;inset:auto 0 0}.portal-hero-copy{z-index:var(--z-raised);gap:var(--s-3);max-width:34rem;display:grid;position:relative}.portal-hero h1{font-size:var(--t-2xl);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--text-inverse);margin:0}.portal-hero p{color:#ffffffc7;font-size:var(--t-sm);line-height:var(--lh-normal);margin:0}.portal-eyebrow{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--teal-bright);font-weight:700}.portal-hero-art{display:none}.portal-body{gap:var(--s-5);width:min(100% - var(--s-8), 68rem);margin:calc(var(--s-6) * -1) auto 0;z-index:var(--z-raised);display:grid;position:relative}.portal-card{gap:var(--s-3);padding:var(--s-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-soft);display:grid}.portal-active-live{background:linear-gradient(180deg, #f2fbf7 0%, var(--panel) 62%);border-color:#1f7a4d47}.portal-fresh{background:linear-gradient(180deg, var(--mint) 0%, var(--panel) 55%);border-color:#5b4fe04d}.portal-fresh .portal-section-head h2{color:var(--teal-dark)}.portal-active-head{justify-content:space-between;align-items:flex-start;gap:var(--s-3);display:flex}.portal-active-head img{flex:none;width:88px;height:auto}.portal-active .portal-eyebrow{color:var(--green)}.portal-active-spent .portal-eyebrow{color:var(--text-muted)}.portal-code{align-items:center;gap:var(--s-2);margin:var(--s-1) 0 0;font-size:var(--t-xl);letter-spacing:.14em;font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700;display:flex}.portal-code-large{font-size:var(--t-3xl);letter-spacing:.18em;padding:var(--s-4) var(--s-2);border-radius:var(--radius);border:2px dashed var(--border-strong);background:var(--bg-surface-soft);justify-content:center}.portal-countdown{align-items:baseline;gap:var(--s-2);margin:0;display:flex}.portal-countdown strong{font-size:var(--t-2xl);line-height:var(--lh-tight);color:var(--teal-dark);font-variant-numeric:tabular-nums}.portal-countdown span{font-size:var(--t-sm);color:var(--text-muted)}.portal-progress{background:var(--mint);border-radius:999px;height:8px;overflow:hidden}.portal-progress span{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--dur-slow) var(--ease-out);display:block}.portal-meta{font-size:var(--t-sm);color:var(--text-muted);margin:0}.portal-note{color:var(--text-muted);font-size:var(--t-xs);line-height:var(--lh-snug)}.portal-sync-warning{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--radius-sm);color:#8a5a02;font-size:var(--t-xs);background:#fff4dc;margin:0;display:flex}.portal-card-actions{gap:var(--s-2);display:grid}.portal-card-actions:empty{display:none}.portal-buy{gap:var(--s-4);display:grid}.portal-redeem{gap:var(--s-2);padding:var(--s-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-soft);display:grid}.portal-redeem label{font-size:var(--t-sm);color:var(--text-primary);font-weight:600}.portal-redeem-row{gap:var(--s-2);display:grid}.portal-redeem input{letter-spacing:.12em;font-variant-numeric:tabular-nums}.portal-section-head{gap:var(--s-1);display:grid}.portal-section-head h2{align-items:center;gap:var(--s-2);font-size:var(--t-lg);color:var(--text-primary);margin:0;display:flex}.portal-section-head p{font-size:var(--t-sm);color:var(--text-muted);margin:0}.portal-packages{gap:var(--s-3);display:grid}.portal-package{align-items:center;gap:var(--s-3);padding:var(--s-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-soft);transition:border-color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);grid-template-columns:auto 1fr;display:grid}.portal-package:hover{border-color:var(--accent);transform:translateY(-1px)}.portal-package.is-short{opacity:.72}.package-badge{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--teal-dark);background:var(--mint);place-items:center;display:grid}.package-badge-amber{color:var(--amber);background:#fff4dc}.package-badge-violet{color:#9333a6;background:#f6e4f5}.package-badge-navy{background:var(--sky);color:var(--navy)}.portal-package-copy{gap:2px;min-width:0;display:grid}.portal-package-copy strong{font-size:var(--t-base);color:var(--text-primary)}.portal-package-copy span{font-size:var(--t-xs);color:var(--text-muted)}.portal-package-price{font-size:var(--t-xl);color:var(--teal-dark);grid-column:1/-1;margin:0;font-weight:700}.portal-package-warning{font-size:var(--t-xs);color:var(--red);grid-column:1/-1}.portal-package button{grid-column:1/-1;width:100%}.portal-account{gap:var(--s-3);padding:var(--s-4);border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:var(--bg-surface-soft);display:grid}.portal-account span{font-size:var(--t-xs);color:var(--text-muted);display:block}.portal-account strong{font-size:var(--t-lg);color:var(--text-primary)}.portal-account-actions{gap:var(--s-2);grid-template-columns:1fr 1fr;display:grid}.portal-more-buy{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-soft)}.portal-more-buy>summary{align-items:center;gap:var(--s-2);padding:var(--s-4);cursor:pointer;color:var(--accent-hover);font-weight:600;list-style:none;display:flex}.portal-more-buy>summary::-webkit-details-marker{display:none}.portal-more-buy[open]>summary{border-bottom:1px solid var(--border)}.portal-more-buy .portal-buy{padding:var(--s-4)}.portal-history{gap:var(--s-3);display:grid}.portal-history-cards{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.portal-history-cards details{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-soft)}.portal-history-cards summary{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);cursor:pointer;grid-template-columns:1fr auto;list-style:none;display:grid}.portal-history-cards summary::-webkit-details-marker{display:none}.portal-history-code{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:var(--text-primary);font-weight:700}.portal-history-sub{font-size:var(--t-xs);color:var(--text-muted);grid-column:1/-1}.portal-history-detail{gap:var(--s-2);padding:0 var(--s-4) var(--s-3);margin:0;display:grid}.portal-history-detail>div{justify-content:space-between;gap:var(--s-3);font-size:var(--t-sm);display:flex}.portal-history-detail dt{color:var(--text-muted)}.portal-history-detail dd{color:var(--text-primary);text-align:right;margin:0}.portal-history-cards details>.ghost-button{margin:0 var(--s-4) var(--s-4)}.portal-history-table{display:none}.portal-code-button{min-height:0;box-shadow:none;color:var(--text-primary);letter-spacing:.08em;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.portal-code-button:hover{color:var(--accent-hover);box-shadow:none;transform:none}.portal-history-more{justify-self:start}.portal-auth-tabs{gap:var(--s-1);padding:var(--s-1);margin-bottom:var(--s-3);border-radius:var(--radius-sm);background:var(--bg-surface-soft);grid-template-columns:1fr 1fr;display:grid}.portal-auth-tabs button{min-height:40px;color:var(--text-muted);box-shadow:none;font-size:var(--t-sm);background:0 0}.portal-auth-tabs button.is-active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-soft)}.portal-auth-tabs button:hover{transform:none}.portal-confirm-summary{gap:var(--s-1);padding:var(--s-4);border-radius:var(--radius);background:var(--bg-surface-soft);border:1px solid var(--border);display:grid}.portal-confirm-summary strong{font-size:var(--t-xl);color:var(--teal-dark)}.portal-confirm-summary small{color:var(--text-muted)}.portal-confirm-balance{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.portal-confirm-balance span{font-size:var(--t-xs);color:var(--text-muted);display:block}@media (width>=768px){.portal-header{padding:var(--s-4) var(--s-6)}.portal-hero{align-items:center;gap:var(--s-6);padding:var(--s-12) var(--s-6) var(--s-16);grid-template-columns:minmax(0,1fr) minmax(0,22rem);display:grid}.portal-hero h1{font-size:var(--t-3xl)}.portal-hero p{font-size:var(--t-base)}.portal-hero-art{z-index:var(--z-raised);width:100%;height:auto;display:block;position:relative}.portal-body{width:min(100% - var(--s-12), 68rem);margin-top:calc(var(--s-10) * -1);gap:var(--s-6)}.portal-card,.portal-redeem{padding:var(--s-6)}.portal-redeem-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.portal-card-actions{grid-auto-flow:column;justify-content:start}.portal-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-account{grid-template-columns:1fr auto;align-items:center}.portal-account-actions{grid-template-columns:none;grid-auto-flow:column}.portal-active-head img{width:116px}.portal-history-cards{display:none}.portal-history-table{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-soft);display:block;overflow-x:auto}.portal-history-table table{border-collapse:collapse;width:100%}.portal-history-table th,.portal-history-table td{padding:var(--s-3) var(--s-4);text-align:left;font-size:var(--t-sm);white-space:nowrap}.portal-history-table thead th{font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.portal-history-table tbody tr+tr th,.portal-history-table tbody tr+tr td{border-top:1px solid var(--border)}}@media (width>=1024px){.portal-packages{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-package{grid-template-columns:auto 1fr;align-content:start}}