*,: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}.static{position:static}.table{display:table}.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)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17211f;--ink:#17211f;--muted:#65706b;--line:#d8ded9;--panel:#fff;--navy:#12324a;--teal:#0f8b8d;--mint:#dff5ee;--sky:#dfefff;--violet:#ece8ff;--amber:#b87503;--red:#b3261e;--green:#1f7a4d;--shadow:0 10px 30px #12324a14;background:#f4f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#f4f6f3f2,#f4f6f3f2),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}.auth-screen{grid-template-columns:minmax(320px,.95fr) minmax(320px,1.05fr);min-height:100vh;display:grid}.auth-visual{color:#fff;background:#12324a url(/assets/patterns/signal-lines.svg) 0 0/cover;align-content:space-between;min-height:100vh;padding:44px;display:grid}.auth-visual>img{filter:drop-shadow(0 8px 20px #0000002e);width:min(280px,80%)}.auth-art{align-items:flex-end;min-height:360px;display:flex}.auth-art img,.wide-illustration{-o-object-fit:cover;object-fit:cover;border-radius:8px;max-width:100%}.auth-panel,.password-screen,.fallback-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.brand-mobile{display:none}.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(#fff 0%,#f8fbfa 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:#0c5f61}.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 #12324a0d}.metric-card strong{color:var(--navy);overflow-wrap:anywhere;font-size:clamp(1.2rem,2vw,1.8rem)}.action-row{flex-wrap:wrap;gap:10px;display:flex}.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;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}.pagination{justify-content:flex-end;align-items:center;gap:10px;display:flex}.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{box-shadow:var(--shadow);background:linear-gradient(135deg,#dff5eef2,#dfeffff2);border:1px solid #b9dec8;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:#0c5f61;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:#f8fbfa;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:#b9dec8;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 #12324a0d}.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{color:#0c5f61;background:#f2fbf7;border:1px solid #b9dec8;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:8px;font-weight:900;display:flex}.agent-code-pill span{color:#0c5f61;min-width:0}.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,#fff5dcfa,#ece8fff2);border-color:#ebd7a6}.wide-illustration{aspect-ratio:16/7;width:min(100%,720px)}.mobile-nav{display:none}@media (width<=900px){.auth-screen{grid-template-columns:1fr}.auth-visual{display:none}.brand-mobile{width:min(260px,80%);margin-bottom:18px;display:block}.brand-mobile img{width:100%}.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%}.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 #12324a1f;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,#dfefffeb),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,#dff5eef0),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{color:#0c5f61;text-transform:uppercase;background:#ffffffc7;border:1px solid #0f8b8d47;border-radius:8px;width:fit-content;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:#12324a1a;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);color:#0c5f61;border-radius:8px;flex:none;place-items:center;width:42px;height:42px;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-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:#6b5fc7}.dashboard-metric.tone-violet .dashboard-icon{color:#4e439f}.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 #12324a0d}.dashboard-action-card:hover{border-color:#0f8b8d6b;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:#0c5f61;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{background:#f2fbf7;border:1px solid #b9dec8;border-radius:8px;align-content:center;gap:1px;min-width:150px;min-height:42px;padding:6px 12px;display:grid}.topbar-balance span{color:#0c5f61;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}.voucher-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.voucher-summary-strip article,.voucher-package-card,.confirm-modal{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 8px 22px #12324a0d}.voucher-summary-strip article{gap:5px;padding:14px 16px;display:grid}.voucher-summary-strip span,.voucher-package-copy small,.confirm-balance-grid 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-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.voucher-package-card{min-height:190px;color:var(--ink);text-align:left;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:10px 12px;padding:16px;display:grid;position:relative}.voucher-package-card:hover{border-color:#0f8b8d73;transition:border-color .16s,transform .16s;transform:translateY(-1px)}.voucher-package-card.disabled{opacity:.72}.voucher-package-icon{background:var(--mint);color:#0c5f61;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.voucher-package-copy{gap:3px;min-width:0;display:grid}.voucher-package-copy strong{color:var(--navy);overflow-wrap:anywhere;font-size:1.1rem}.voucher-package-price{color:var(--navy);grid-column:1/-1;font-size:clamp(1.3rem,2vw,1.9rem);font-weight:900}.voucher-package-meta{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.voucher-package-meta span,.voucher-package-lock,.voucher-package-warning{min-height:32px;color:var(--muted);background:#f8fbfa;border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;font-size:.82rem;font-weight:800;display:inline-flex}.voucher-package-lock{color:#0c5f61;background:#f2fbf7;grid-column:1/-1;justify-content:flex-start;gap:6px}.voucher-package-warning{color:var(--red);background:#fff1ef;grid-column:1/-1;justify-content:flex-start}.voucher-history-toolbar{grid-template-columns:minmax(180px,260px)}.voucher-history-card{grid-template-columns:minmax(0,1fr) auto minmax(170px,auto)}.modal-backdrop{z-index:20;background:#12211f6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{gap:16px;width:min(100%,460px);padding:20px;display:grid}.confirm-package-summary{background:#f2fbf7;border:1px solid #b9dec8;border-radius:8px;gap:5px;padding:14px;display:grid}.confirm-package-summary span{color:#0c5f61;text-transform:uppercase;font-weight:900}.confirm-package-summary strong{color:var(--navy);font-size:1.7rem}.confirm-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.confirm-balance-grid div{border:1px solid var(--line);border-radius:8px;gap:5px;padding:12px;display:grid}.confirm-balance-grid strong{color:var(--navy);overflow-wrap:anywhere}.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){.voucher-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.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,.voucher-package-grid,.confirm-balance-grid{grid-template-columns:1fr}.voucher-package-card{min-height:176px}.voucher-package-meta{grid-template-columns:1fr}.modal-actions,.modal-actions button{width:100%}}
