:root{
  --yellow:#ffd400;--yellow-2:#ffea68;--yellow-soft:#fff8cd;--ink:#111318;--ink-2:#222630;
  --paper:#fffef9;--surface:#ffffff;--soft:#f2f1eb;--line:#dfddd4;--muted:#6b6e75;
  --green:#16875a;--green-soft:#e9f8f0;--red:#c63f42;--red-soft:#fff0f0;--orange:#d47a16;
  --blue:#2575da;--shadow:0 24px 70px rgba(17,19,24,.13);--shadow-sm:0 10px 28px rgba(17,19,24,.09);
  --radius:20px;--radius-sm:13px;--sidebar:254px;
}
.auth-form-row{display:flex;justify-content:flex-end;margin-top:-7px}.auth-form-row a{color:#6c5900;font-size:13px;font-weight:700;text-decoration:underline}.secure-signup-note{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid #ead56d;border-radius:13px;background:#fff9d8}.secure-signup-note>span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:9px;background:#252100;color:#ffd400}.secure-signup-note p{margin:0;color:#554d23;font-size:12px}.secure-signup-note b{color:#211e0e}.platform-invite-fields{margin-top:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.tabular{font-variant-numeric:tabular-nums}.container{width:min(1160px,calc(100% - 40px));margin:auto}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 17px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:650;transition:transform .18s ease,border-color .18s ease,background .18s ease}.btn:hover{transform:translateY(-1px);border-color:#bbb8ae}.btn-primary{border-color:var(--yellow);background:var(--yellow);box-shadow:0 9px 22px rgba(255,212,0,.22)}.btn-primary:hover{background:#f4cb00}.btn-dark{border-color:var(--ink);background:var(--ink);color:white}.btn-ghost{border-color:transparent;background:transparent}.btn-danger{border-color:#f1c7c7;background:var(--red-soft);color:var(--red)}.btn-block{width:100%}.icon-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.field{display:grid;gap:7px}.field label{font-weight:650}.input,.select,.textarea{width:100%;min-height:47px;padding:0 13px;border:1px solid var(--line);border-radius:12px;outline:none;background:var(--surface);color:var(--ink)}.textarea{min-height:100px;padding-top:12px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,212,0,.25)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error{color:var(--red);font-size:13px}.success{color:var(--green)}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:650;text-transform:capitalize}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.badge.active,.badge.confirmed,.badge.online,.badge.resolved{background:var(--green-soft);color:var(--green)}.badge.active:before,.badge.confirmed:before,.badge.online:before,.badge.resolved:before{background:var(--green)}.badge.pending,.badge.grace,.badge.degraded{background:#fff5df;color:var(--orange)}.badge.pending:before,.badge.grace:before,.badge.degraded:before{background:var(--orange)}.badge.suspended,.badge.offline,.badge.failed{background:var(--red-soft);color:var(--red)}.badge.suspended:before,.badge.offline:before,.badge.failed:before{background:var(--red)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-header h2,.panel-header h3{margin:0;font-size:18px}.panel-body{padding:22px}.empty{padding:42px 20px;text-align:center;color:var(--muted)}

/* Public site */
.site-header{position:sticky;z-index:20;top:0;border-bottom:1px solid rgba(223,221,212,.75);background:rgba(255,254,249,.9);backdrop-filter:blur(18px)}.site-nav{display:flex;height:78px;align-items:center;justify-content:space-between;gap:28px}.brand-logo{display:block;width:186px}.site-links{display:flex;align-items:center;gap:27px;color:#4e5159}.site-actions{display:flex;gap:10px}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;padding:92px 0 78px}.hero:before{content:"";position:absolute;width:570px;height:570px;border:100px solid rgba(255,212,0,.12);border-radius:50%;right:-210px;top:-190px}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px}.hero h1{margin:15px 0 22px;font-size:clamp(50px,6vw,82px);line-height:.96;letter-spacing:-.062em}.hero h1 span{color:#d4ad00}.hero-copy{max-width:620px;color:#53565e;font-size:18px}.hero-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:var(--muted);font-size:13px}.hero-proof span{display:flex;align-items:center;gap:7px}.hero-proof span:before{content:"✓";display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:var(--green-soft);color:var(--green)}.product-shot{position:relative;padding:18px;border-radius:30px;background:linear-gradient(145deg,var(--yellow),#fff3a0);box-shadow:var(--shadow);transform:rotate(1deg)}.shot-window{overflow:hidden;border-radius:20px;background:var(--surface);transform:rotate(-1deg)}.shot-top{display:flex;height:56px;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line)}.shot-dot{width:9px;height:9px;border-radius:50%;background:#d5d2c9}.shot-body{display:grid;grid-template-columns:128px 1fr;min-height:420px}.shot-side{padding:20px 13px;background:var(--ink);color:#aeb2ba}.shot-side strong{display:block;margin-bottom:25px;color:white}.shot-link{padding:9px;border-radius:9px;margin:5px 0}.shot-link.active{background:var(--yellow);color:var(--ink)}.shot-main{padding:24px}.shot-main h3{margin:0 0 4px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.mini-metric{padding:13px;border:1px solid var(--line);border-radius:12px}.mini-metric b{display:block;font-size:22px}.revenue-chart{height:125px;padding:14px;border-radius:13px;background:var(--soft);display:flex;align-items:flex-end;gap:9px}.revenue-chart span{flex:1;border-radius:5px 5px 0 0;background:var(--yellow)}.activity-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line)}.section{padding:88px 0}.section-soft{background:var(--soft)}.section-heading{max-width:720px;margin:0 auto 45px;text-align:center}.section-heading h2{margin:12px 0 14px;font-size:43px;line-height:1.05;letter-spacing:-.045em}.section-heading p{margin:0;color:var(--muted);font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:245px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.feature-icon{display:grid;width:48px;height:48px;margin-bottom:35px;place-items:center;border-radius:14px;background:var(--yellow);font-size:21px}.feature-card h3{margin:0 0 9px;font-size:20px}.feature-card p{margin:0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{position:relative;padding:28px}.step-number{display:grid;width:38px;height:38px;margin-bottom:28px;place-items:center;border-radius:50%;background:var(--ink);color:white;font-weight:700}.step:not(:last-child):after{content:"";position:absolute;left:80%;top:47px;width:42%;border-top:2px dashed #d2cfc4}.cta{padding:66px;border-radius:30px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{margin:0 0 12px;font-size:42px;line-height:1.05}.cta p{margin:0;color:#c8cbd1}.footer{padding:42px 0;border-top:1px solid var(--line)}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{color:var(--muted)}

/* Hotspot */
.hotspot-page{min-height:100vh;padding:22px;background:radial-gradient(circle at 5% 5%,rgba(255,212,0,.27),transparent 28%),linear-gradient(145deg,#eae8df,#fbfaf5)}.hotspot-shell{display:grid;grid-template-columns:.92fr 1.08fr;width:min(980px,100%);min-height:710px;margin:auto;overflow:hidden;border-radius:28px;background:var(--paper);box-shadow:var(--shadow)}.hotspot-brand{position:relative;overflow:hidden;padding:34px;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between}.hotspot-brand:after{content:"";position:absolute;width:420px;height:420px;border:80px solid rgba(255,212,0,.08);border-radius:50%;right:-210px;top:130px}.logo-plate{position:relative;z-index:1;display:grid;width:230px;min-height:76px;place-items:center;padding:10px 13px;border-radius:16px;background:white}.logo-plate img{display:block;width:100%}.online-line{position:relative;z-index:1;display:flex;align-items:center;gap:9px;margin-top:18px;color:#d9dce1}.online-dot{width:9px;height:9px;border-radius:50%;background:#19a56c;box-shadow:0 0 0 5px rgba(25,165,108,.17)}.hotspot-message{position:relative;z-index:1}.hotspot-message h1{margin:0 0 16px;font-size:58px;line-height:.97;letter-spacing:-.055em}.hotspot-message h1 span{color:var(--yellow)}.hotspot-message p{max-width:390px;color:#c8cbd1;font-size:17px}.trust-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px}.trust-chip{padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.04)}.hotspot-checkout{position:relative;padding:31px 35px}.checkout-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;color:var(--muted)}.language-toggle{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:white}.checkout-heading h2{margin:0 0 7px;font-size:30px;line-height:1.08}.checkout-heading p{margin:0;color:var(--muted)}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.package-option{position:relative;min-height:128px;padding:16px;text-align:left;border:1px solid var(--line);border-radius:16px;background:white}.package-option.selected{border:2px solid var(--ink);padding:15px;background:linear-gradient(145deg,#fff,#fff9d5)}.package-option strong{display:block;margin-bottom:9px}.package-option b{display:block;font-size:25px}.package-option small{color:var(--muted)}.popular{position:absolute;right:10px;top:10px;padding:4px 7px;border-radius:999px;background:var(--yellow);font-size:10px}.phone-combo{display:grid;grid-template-columns:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:white}.phone-combo span{display:grid;place-items:center;padding:0 13px;border-right:1px solid var(--line);color:var(--muted)}.phone-combo input{min-height:50px;border:0;outline:0;padding:0 13px}.pay-button{display:flex;width:100%;min-height:54px;margin-top:13px;align-items:center;justify-content:space-between;padding:0 18px;border:0;border-radius:14px;background:var(--yellow);font-weight:700}.alt-links{display:flex;justify-content:center;gap:24px;margin-top:17px}.alt-links button{padding:4px;border:0;background:none;text-decoration:underline;text-underline-offset:4px}.payment-state{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:35px;background:rgba(255,254,249,.97);backdrop-filter:blur(9px)}.payment-state-box{width:min(100%,390px);text-align:center}.state-icon{display:grid;width:80px;height:80px;margin:0 auto 21px;place-items:center;border-radius:24px;background:var(--yellow);font-size:30px}.state-icon.successful{border-radius:50%;background:var(--green);color:white}.payment-state h2{margin:0 0 8px}.payment-state p{color:var(--muted)}.progress-track{height:8px;margin:24px 0;overflow:hidden;border-radius:999px;background:#e5e2d8}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--yellow);transition:width .4s}.portal-footer{margin-top:18px;text-align:center;color:var(--muted);font-size:12px}

/* Auth */
.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.auth-art{position:relative;overflow:hidden;padding:55px;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between}.auth-art:before{content:"";position:absolute;width:600px;height:600px;border:120px solid rgba(255,212,0,.1);border-radius:50%;right:-340px;top:80px}.auth-art>*{position:relative}.auth-art h1{max-width:620px;margin:0;font-size:65px;line-height:.98;letter-spacing:-.055em}.auth-art h1 span{color:var(--yellow)}.auth-box-wrap{display:grid;place-items:center;padding:35px}.auth-box{width:min(100%,430px)}.auth-box h2{margin:0 0 8px;font-size:36px;letter-spacing:-.04em}.auth-box>p{margin:0 0 28px;color:var(--muted)}.auth-form{display:grid;gap:16px}.demo-note{margin-top:18px;padding:14px;border-radius:13px;background:var(--yellow-soft);font-size:13px}.back-link{display:inline-block;margin-top:22px;color:var(--muted);text-decoration:underline}

/* Application */
.app-layout{min-height:100vh;background:#f5f4ef}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);padding:24px 17px;background:var(--ink);color:#bfc2c8}.sidebar-brand{display:grid;min-height:70px;place-items:center;margin:0 5px 26px;padding:8px 11px;border-radius:14px;background:white}.sidebar-brand img{width:100%}.side-label{padding:0 11px 8px;color:#7f848d;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.side-nav{display:grid;gap:3px}.side-link{display:flex;min-height:44px;align-items:center;gap:11px;padding:0 12px;border-radius:10px;color:#bfc2c8}.side-link:hover{background:rgba(255,255,255,.06);color:white}.side-link.active{background:var(--yellow);color:var(--ink)}.side-icon{display:grid;width:24px;place-items:center}.sidebar-bottom{position:absolute;bottom:20px;left:17px;right:17px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-bottom button{width:100%;color:#bfc2c8}.app-main{margin-left:var(--sidebar);min-width:0}.app-topbar{position:sticky;z-index:15;top:0;display:flex;height:76px;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(245,244,239,.92);backdrop-filter:blur(16px)}.app-topbar h1{margin:0;font-size:22px}.top-actions{display:flex;align-items:center;gap:10px}.user-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--yellow);font-weight:700}.app-content{padding:27px 28px 50px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-heading h2{margin:0 0 4px;font-size:31px;letter-spacing:-.04em}.page-heading p{margin:0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric{padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.metric-label{color:var(--muted);font-size:13px}.metric-value{display:block;margin-top:9px;font-size:28px;font-weight:750;letter-spacing:-.035em}.metric-context{margin-top:6px;color:var(--green);font-size:12px}.dashboard-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td;padding:13px 15px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.table tbody tr:hover{background:#faf9f5}.customer-cell{display:flex;align-items:center;gap:10px}.avatar{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--yellow-soft);font-weight:700}.router-list{display:grid}.router-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid var(--line)}.router-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--soft)}.router-row strong{display:block}.router-row small{color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.search{position:relative;width:min(100%,360px)}.search input{padding-left:38px}.search:before{content:"⌕";position:absolute;left:13px;top:10px;color:var(--muted);font-size:21px}.package-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.package-admin{padding:21px;border:1px solid var(--line);border-radius:18px;background:white}.package-admin-top{display:flex;align-items:start;justify-content:space-between}.package-admin h3{margin:0}.package-admin-price{margin:20px 0 5px;font-size:29px;font-weight:750}.package-admin-meta{color:var(--muted)}.network-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.router-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:white}.router-card-head{display:flex;justify-content:space-between;gap:15px}.router-card h3{margin:0 0 4px}.router-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:19px}.router-stat{padding:11px;border-radius:11px;background:var(--soft)}.router-stat small{display:block;color:var(--muted)}.router-stat b{display:block;margin-top:3px}.report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.bar-list{display:grid;gap:15px}.bar-row{display:grid;grid-template-columns:110px 1fr 90px;align-items:center;gap:12px}.bar-track{height:10px;border-radius:999px;background:var(--soft);overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:var(--yellow)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:white}.settings-card h3{margin:0 0 7px}.settings-card p{margin:0 0 20px;color:var(--muted)}.integration-status{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line)}.mobile-sidebar-toggle{display:none}.drawer-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:20px;background:rgba(17,19,24,.5);backdrop-filter:blur(5px)}.modal{width:min(100%,590px);max-height:90vh;overflow:auto;border-radius:22px;background:white;box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:22px}.modal-body{padding:23px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:17px 23px;border-top:1px solid var(--line)}.code-block{overflow:auto;padding:15px;border-radius:12px;background:var(--ink);color:#e8e9ec;font:13px/1.6 Consolas,monospace}.onboard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:22px}.onboard-step{height:5px;border-radius:999px;background:var(--line)}.onboard-step.done{background:var(--yellow)}

/* Customer portal */
.customer-shell{min-height:100vh;background:var(--soft)}.customer-header{background:var(--ink);color:white}.customer-nav{display:flex;height:82px;align-items:center;justify-content:space-between}.customer-logo{width:190px;padding:7px 11px;border-radius:12px;background:white}.customer-links{display:flex;gap:22px;color:#c9ccd2}.customer-content{padding:35px 0 60px}.customer-welcome{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.customer-welcome h1{margin:0 0 5px;font-size:35px}.service-hero{display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;border-radius:24px;background:var(--ink);color:white;box-shadow:var(--shadow-sm)}.service-copy{padding:30px}.service-copy .badge{background:rgba(22,135,90,.25);color:#aef1d3}.service-copy h2{margin:18px 0 4px;font-size:35px}.service-copy p{color:#c7cad0}.service-actions{display:flex;gap:10px;margin-top:25px}.service-meta{padding:30px;background:var(--yellow);color:var(--ink);display:grid;align-content:center}.service-meta b{font-size:42px;line-height:1}.service-meta span{margin-top:8px}.customer-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}

#toast-region{position:fixed;z-index:100;right:20px;bottom:20px;display:grid;gap:9px}.toast{max-width:360px;padding:13px 16px;border-radius:12px;background:var(--ink);color:white;box-shadow:var(--shadow-sm);animation:toast-in .22s ease}.toast.error-toast{background:var(--red)}@keyframes toast-in{from{transform:translateY(10px);opacity:0}}

@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.product-shot{max-width:700px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.report-grid{grid-template-columns:1fr}.package-admin-grid{grid-template-columns:1fr 1fr}.site-links{display:none}.auth-page{grid-template-columns:1fr}.auth-art{min-height:380px}.auth-art h1{font-size:50px}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:none}.app-main{margin-left:0}.mobile-sidebar-toggle{display:grid}.network-grid{grid-template-columns:1fr}}
@media(max-width:760px){.container{width:min(100% - 28px,1160px)}.site-nav{height:68px}.brand-logo{width:160px}.site-actions .btn:not(.btn-primary){display:none}.hero{padding:62px 0}.hero h1{font-size:52px}.shot-body{grid-template-columns:90px 1fr}.shot-side{font-size:11px}.metric-row{grid-template-columns:1fr}.mini-metric:nth-child(n+2){display:none}.section{padding:65px 0}.section-heading h2{font-size:35px}.feature-grid,.steps{grid-template-columns:1fr}.step:not(:last-child):after{display:none}.cta{padding:35px;display:block}.cta .btn{margin-top:24px}.footer-grid{display:block}.hotspot-page{padding:8px}.hotspot-shell{grid-template-columns:1fr}.hotspot-brand{min-height:420px;padding:24px}.hotspot-message h1{font-size:45px}.hotspot-checkout{min-height:660px;padding:24px 19px}.auth-art{padding:35px;min-height:330px}.auth-art h1{font-size:42px}.auth-box-wrap{padding:30px 20px}.app-topbar{padding:0 17px}.app-content{padding:22px 16px 40px}.page-heading{align-items:start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.package-admin-grid,.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.table th,.table td{padding:12px 10px}.customer-links{display:none}.customer-content{padding-top:24px}.customer-welcome{align-items:start;flex-direction:column;gap:13px}.service-hero{grid-template-columns:1fr}.customer-grid{grid-template-columns:1fr}.service-actions{flex-wrap:wrap}}
@media(max-width:470px){.site-actions .btn-primary{padding:0 12px}.hero h1{font-size:45px}.hero-buttons .btn{width:100%}.product-shot{padding:8px}.shot-main{padding:14px}.feature-grid{grid-template-columns:1fr}.package-grid{gap:8px}.package-option{min-height:118px;padding:13px}.package-option.selected{padding:12px}.popular{position:static;display:inline-block;margin-bottom:6px}.metrics{grid-template-columns:1fr}.top-actions .btn{display:none}.network-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:80px 1fr 72px}.logo-plate{width:190px}.hotspot-message h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Hybrid identity: bright customer journeys + dark operations console */
body{background:#f7f5ee}
.site-header{border-top:4px solid var(--yellow);border-bottom:1px solid #e9e5da;background:rgba(255,254,249,.94)}
.site-nav{height:74px}.site-links{font-size:14px}.site-links a{position:relative}.site-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--yellow);transition:right .2s}.site-links a:hover:after{right:0}
.hero{padding:96px 0 92px;background:#0c1017;color:white}
.hero:before{width:720px;height:720px;border-width:120px;border-color:rgba(255,212,0,.085);right:-260px;top:-250px}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 60%,rgba(255,212,0,.025));pointer-events:none}
.hero .eyebrow{color:#a6adba}.hero h1{max-width:700px;font-size:clamp(56px,6.4vw,88px)}.hero h1 span{color:var(--yellow)}.hero-copy{color:#b9c0cb}.hero-proof{color:#aab1bd}.hero-proof span:before{background:rgba(22,135,90,.18);color:#5ee2a8}.hero .btn:not(.btn-primary){border-color:#343b47;background:#171d26;color:white}.hero .btn:not(.btn-primary):hover{border-color:#697483}
.product-shot{padding:10px;border:1px solid rgba(255,212,0,.28);background:linear-gradient(145deg,#1a202a,#0a0e14);box-shadow:0 35px 100px rgba(0,0,0,.45);transform:rotate(0)}
.shot-window{background:#121821;color:white;transform:rotate(0)}.shot-top{border-color:#28303b;background:#0c1017}.shot-body{grid-template-columns:136px 1fr}.shot-side{background:#090d13;color:#77808e}.shot-side strong{color:var(--yellow)}.shot-link.active{box-shadow:0 8px 20px rgba(255,212,0,.15)}.shot-main{background:#141a23}.shot-main .muted,.shot-main small{color:#8f98a6}.mini-metric{border-color:#2b3340;background:#0e131b}.revenue-chart{background:#0d1219}.activity-row{border-color:#29313d}
.section-soft{background:#efede6}.feature-card{position:relative;overflow:hidden;border-color:#dfdbcf;box-shadow:0 12px 34px rgba(17,19,24,.045);transition:transform .2s,box-shadow .2s}.feature-card:after{content:"";position:absolute;right:-45px;bottom:-45px;width:105px;height:105px;border:20px solid rgba(255,212,0,.12);border-radius:50%}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(17,19,24,.09)}.feature-icon{border-radius:50%;box-shadow:0 8px 18px rgba(255,212,0,.22)}
.cta{position:relative;overflow:hidden;border:1px solid #242a34;background:#0c1017}.cta:after{content:"";position:absolute;right:-70px;top:-120px;width:330px;height:330px;border:60px solid rgba(255,212,0,.1);border-radius:50%}.cta>*{position:relative;z-index:1}

/* Dark operator workspace */
.app-layout{--ops-bg:#0a0e14;--ops-panel:#121821;--ops-panel-2:#171e28;--ops-line:#28303b;--ops-muted:#8f98a6;min-height:100vh;background:var(--ops-bg);color:#f5f7fa}
.sidebar{width:236px;padding:0 14px 22px;border-right:1px solid #202733;background:#080c12;color:#99a2af}.sidebar-brand{height:98px;min-height:98px;margin:0 -14px 24px;padding:18px 22px;border-radius:0;border-bottom:1px solid #252c37;background:#f8f6ef}.sidebar-brand img{width:190px}.side-label{padding:0 11px 9px;color:#596372}.side-nav{gap:2px}.side-link{position:relative;min-height:45px;padding:0 12px;color:#9099a6}.side-link span:nth-child(2){flex:1}.side-link em{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#252c37;color:#b8c0cb;font-style:normal;font-size:11px}.side-link:hover{background:#101720;color:#e8ebef}.side-link.active{background:linear-gradient(90deg,var(--yellow),#f2c700);color:var(--ink);box-shadow:0 9px 22px rgba(255,212,0,.14)}.side-link.active:before{content:"";position:absolute;left:-14px;width:4px;height:27px;border-radius:0 4px 4px 0;background:var(--yellow)}.side-link.active em{background:rgba(17,19,24,.15);color:var(--ink)}.side-icon{font-size:15px}.sidebar-bottom{left:14px;right:14px;bottom:17px;border-color:#202733}.side-profile{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;margin-bottom:10px;padding:8px}.side-profile .user-avatar{width:38px;height:38px}.side-profile b,.side-profile small{display:block}.side-profile b{color:#f4f6f8;font-size:12px}.side-profile small{margin-top:2px;color:#6f7885;font-size:11px;text-transform:capitalize}.sidebar-bottom .btn{justify-content:flex-start;border:0;color:#7e8794}
.app-main{margin-left:236px;background:var(--ops-bg)}.app-topbar{height:88px;padding:0 30px;border-color:var(--ops-line);background:rgba(10,14,20,.91);color:white}.topbar-title{display:flex;align-items:center;gap:13px}.topbar-kicker{display:block;margin-bottom:2px;color:#6f7987;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.app-topbar h1{font-size:21px}.top-actions{gap:9px}.top-actions .icon-button{border-color:#2c3542;background:#141a23;color:white}.top-status{display:flex;align-items:center;gap:8px;margin-left:5px;color:#778291;font-size:12px}.top-status span{width:8px;height:8px;border-radius:50%;background:#1cbb7a;box-shadow:0 0 0 5px rgba(28,187,122,.12)}.app-content{min-height:calc(100vh - 88px);padding:30px 30px 54px;background:radial-gradient(circle at 100% 0,rgba(255,212,0,.055),transparent 28%),var(--ops-bg)}
.app-layout .page-heading{margin-bottom:25px}.app-layout .page-heading h2{color:#f8fafc;font-size:30px}.app-layout .page-heading p,.app-layout .muted{color:var(--ops-muted)}
.app-layout .panel,.app-layout .metric,.app-layout .package-admin,.app-layout .router-card,.app-layout .settings-card{border-color:var(--ops-line);background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));color:#eef1f5;box-shadow:0 14px 35px rgba(0,0,0,.18)}
.app-layout .metric{position:relative;overflow:hidden;padding:19px 20px}.app-layout .metric:after{content:"";position:absolute;right:-30px;top:-30px;width:80px;height:80px;border:14px solid rgba(255,212,0,.055);border-radius:50%}.app-layout .metric-label,.app-layout .package-admin-meta,.app-layout .router-card .muted{color:var(--ops-muted)}.app-layout .metric-value{color:white}.app-layout .metric-context{color:#54d69e}.app-layout .panel-header{border-color:var(--ops-line)}.app-layout .panel-header a{color:var(--yellow)}.app-layout .table th,.app-layout .table td{border-color:var(--ops-line)}.app-layout .table th{color:#7d8795}.app-layout .table tbody tr:hover{background:#1a222d}.app-layout .avatar{background:rgba(255,212,0,.14);color:var(--yellow)}.app-layout .router-row{border-color:var(--ops-line)}.app-layout .router-icon{background:#222a35;color:var(--yellow)}
.app-layout .package-admin-price{color:var(--yellow)}.app-layout .router-stat{background:#0d1219}.app-layout .router-stat small{color:#7f8997}.app-layout .bar-track{background:#242c37}.app-layout .activity-row{border-color:var(--ops-line)}.app-layout .settings-card p{color:var(--ops-muted)}.app-layout .integration-status{border-color:var(--ops-line)}.app-layout .input,.app-layout .select,.app-layout .textarea{border-color:var(--ops-line);background:#10161e;color:white}.app-layout .search:before{color:#6f7885}.app-layout .btn:not(.btn-primary){border-color:#303946;background:#171e27;color:#d9dde3}.app-layout .btn:not(.btn-primary):hover{border-color:#586372;background:#1d2530}.app-layout .badge{background:#222a35;color:#aeb7c3}.app-layout .badge.active,.app-layout .badge.confirmed,.app-layout .badge.online,.app-layout .badge.resolved{background:rgba(22,135,90,.19);color:#6be1ad}.app-layout .badge.pending,.app-layout .badge.grace,.app-layout .badge.degraded{background:rgba(212,122,22,.18);color:#ffbd6c}.app-layout .badge.suspended,.app-layout .badge.offline,.app-layout .badge.failed{background:rgba(198,63,66,.2);color:#ff8a8d}
.app-layout .network-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-layout .router-card{min-height:205px}.app-layout .router-card h3{font-size:18px}.app-layout .router-stats{margin-top:24px}.app-layout .router-stat{padding:13px}.app-layout .code-block{border:1px solid #303946;background:#090d13}
.drawer-backdrop{background:rgba(0,0,0,.72)}.modal{border:1px solid #323a47;background:#151b24;color:#f4f6f8}.modal-head,.modal-foot{border-color:#303744}.modal .input,.modal .select,.modal .textarea{border-color:#323b48;background:#0e131a;color:white}.modal .muted{color:#929ba8}.modal .icon-button{border-color:#343d49;background:#202731;color:white}.modal .btn:not(.btn-primary){border-color:#35404d;background:#202731;color:white}

/* Refined customer-facing surfaces */
.hotspot-page{padding:26px;background:radial-gradient(circle at 0 0,rgba(255,212,0,.32),transparent 25%),radial-gradient(circle at 100% 100%,rgba(255,212,0,.09),transparent 30%),#0b0f15}.hotspot-shell{min-height:690px;border:1px solid #252c36;box-shadow:0 35px 100px rgba(0,0,0,.42)}.hotspot-brand{padding:38px;background:linear-gradient(155deg,#10151d,#070a0f)}.hotspot-brand:before{content:"";position:absolute;inset:auto -100px -140px auto;width:400px;height:400px;border:75px solid rgba(255,212,0,.075);border-radius:50%}.hotspot-brand:after{right:-185px;top:80px;border-color:rgba(255,212,0,.05)}.hotspot-message h1{font-size:61px}.hotspot-checkout{padding:34px 38px;background:#fffef9}.package-option{transition:transform .18s,border-color .18s,box-shadow .18s}.package-option:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(17,19,24,.07)}.package-option.selected{box-shadow:0 12px 28px rgba(17,19,24,.09)}.pay-button{box-shadow:0 12px 28px rgba(255,212,0,.25);transition:transform .18s}.pay-button:hover{transform:translateY(-2px)}
.customer-header{border-top:4px solid var(--yellow);border-bottom:1px solid #e5e1d7;background:#fffef9;color:var(--ink);box-shadow:0 8px 28px rgba(17,19,24,.05)}.customer-logo{width:190px;padding:0;background:transparent}.customer-links{color:#60636b}.customer-header .btn{border-color:var(--line);background:white;color:var(--ink)}.customer-content{padding-top:38px}.service-hero{background:linear-gradient(145deg,#0c1118,#171e28);box-shadow:0 22px 55px rgba(17,19,24,.18)}.service-copy{padding:34px}.service-meta{position:relative;overflow:hidden;padding:34px}.service-meta:after{content:"";position:absolute;width:180px;height:180px;border:35px solid rgba(17,19,24,.08);border-radius:50%;right:-85px;bottom:-90px}.customer-shell .panel{border-color:#ddd9cd;box-shadow:0 10px 30px rgba(17,19,24,.05)}

@media(max-width:1000px){.sidebar{width:236px;transform:translateX(-100%)}.sidebar.open{transform:none}.app-main{margin-left:0}.app-layout .network-grid{grid-template-columns:1fr}.top-status{display:none}}
@media(max-width:760px){.hero{padding:70px 0}.hero h1{font-size:53px}.app-topbar{height:76px;padding:0 16px}.topbar-kicker{display:none}.app-content{padding:22px 15px 40px}.top-actions .btn{display:none}.hotspot-page{padding:8px}.hotspot-shell{border-radius:20px}.hotspot-brand{min-height:390px;padding:24px}.hotspot-message h1{font-size:46px}.hotspot-checkout{padding:27px 20px}.customer-header{border-top-width:3px}}
@media(max-width:470px){.hero h1{font-size:46px}.hotspot-message h1{font-size:41px}.top-status{display:none}.app-layout .metric{padding:17px}.app-layout .page-heading h2{font-size:27px}}

/* Persistent admin appearance toggle */
.theme-toggle{display:flex;height:40px;align-items:center;gap:8px;padding:0 12px;border:1px solid #2c3542;border-radius:10px;background:#141a23;color:#e9edf2;cursor:pointer;font:inherit;transition:border-color .18s,background .18s,color .18s}.theme-toggle:hover{border-color:#596575;background:#1d2530}.theme-toggle span{font-size:17px;line-height:1}.theme-toggle b{font-size:12px;font-weight:650}
.app-layout.theme-light{--ops-bg:#f3f5f7;--ops-panel:#fff;--ops-panel-2:#fafbfc;--ops-line:#dfe3e8;--ops-muted:#667085;color:#181d25;color-scheme:light}
.app-layout.theme-light .sidebar{border-color:#dde1e6;background:#fff;color:#5e6875;box-shadow:5px 0 22px rgba(23,29,37,.04)}
.app-layout.theme-light .sidebar-brand{border-color:#e2e5e9;background:#fff}.app-layout.theme-light .side-label{color:#98a0aa}.app-layout.theme-light .side-link{color:#626c78}.app-layout.theme-light .side-link:hover{background:#f2f4f6;color:#171c23}.app-layout.theme-light .side-link em{background:#eef1f4;color:#66707d}.app-layout.theme-light .side-link.active{color:var(--ink)}.app-layout.theme-light .side-link.active em{background:rgba(17,19,24,.12);color:var(--ink)}
.app-layout.theme-light .sidebar-bottom{border-color:#e2e5e9}.app-layout.theme-light .side-profile b{color:#1b2028}.app-layout.theme-light .side-profile small{color:#7b8490}.app-layout.theme-light .sidebar-bottom .btn{color:#66707d}
.app-layout.theme-light .app-main{background:var(--ops-bg)}.app-layout.theme-light .app-topbar{border-color:var(--ops-line);background:rgba(255,255,255,.92);color:#171c23;box-shadow:0 4px 18px rgba(23,29,37,.035)}.app-layout.theme-light .topbar-kicker{color:#8b939d}.app-layout.theme-light .top-actions .icon-button{border-color:#dce1e6;background:#fff;color:#28303a}.app-layout.theme-light .top-status{color:#68727f}
.app-layout.theme-light .theme-toggle{border-color:#d9dee4;background:#fff;color:#27303a}.app-layout.theme-light .theme-toggle:hover{border-color:#b9c1cb;background:#f7f8fa}.app-layout.theme-light .app-content{background:radial-gradient(circle at 100% 0,rgba(255,212,0,.12),transparent 30%),var(--ops-bg)}
.app-layout.theme-light .page-heading h2{color:#171c23}.app-layout.theme-light .page-heading p,.app-layout.theme-light .muted{color:var(--ops-muted)}
.app-layout.theme-light .panel,.app-layout.theme-light .metric,.app-layout.theme-light .package-admin,.app-layout.theme-light .router-card,.app-layout.theme-light .settings-card{border-color:var(--ops-line);background:linear-gradient(145deg,#fff,#fafbfc);color:#1b2028;box-shadow:0 10px 28px rgba(23,29,37,.055)}
.app-layout.theme-light .metric:after{border-color:rgba(255,212,0,.16)}.app-layout.theme-light .metric-value{color:#171c23}.app-layout.theme-light .metric-label,.app-layout.theme-light .package-admin-meta,.app-layout.theme-light .router-card .muted{color:var(--ops-muted)}.app-layout.theme-light .metric-context{color:#16875a}
.app-layout.theme-light .panel-header,.app-layout.theme-light .table th,.app-layout.theme-light .table td,.app-layout.theme-light .router-row,.app-layout.theme-light .activity-row,.app-layout.theme-light .integration-status{border-color:var(--ops-line)}.app-layout.theme-light .table th{color:#77818d}.app-layout.theme-light .table tbody tr:hover{background:#f7f8fa}.app-layout.theme-light .avatar{background:#fff4b8;color:#352d00}.app-layout.theme-light .router-icon{background:#f0f2f5;color:#5e5200}
.app-layout.theme-light .router-stat{background:#f0f2f5}.app-layout.theme-light .router-stat small{color:#717b87}.app-layout.theme-light .bar-track{background:#e6e9ed}.app-layout.theme-light .settings-card p{color:var(--ops-muted)}
.app-layout.theme-light .input,.app-layout.theme-light .select,.app-layout.theme-light .textarea{border-color:#d8dde3;background:#fff;color:#171c23}.app-layout.theme-light .btn:not(.btn-primary){border-color:#d8dde3;background:#fff;color:#323b46}.app-layout.theme-light .btn:not(.btn-primary):hover{border-color:#aeb7c2;background:#f7f8fa}.app-layout.theme-light .badge{background:#eef1f4;color:#5f6975}.app-layout.theme-light .code-block{border-color:#d9dee4;background:#171d25;color:#edf0f4}
.modal-root.theme-light .drawer-backdrop{background:rgba(28,34,43,.38)}.modal-root.theme-light .modal{border-color:#dce1e6;background:#fff;color:#1b2028}.modal-root.theme-light .modal-head,.modal-root.theme-light .modal-foot{border-color:#e0e4e9}.modal-root.theme-light .modal .input,.modal-root.theme-light .modal .select,.modal-root.theme-light .modal .textarea{border-color:#d7dce2;background:#fff;color:#171c23}.modal-root.theme-light .modal .muted{color:#69737f}.modal-root.theme-light .modal .icon-button,.modal-root.theme-light .modal .btn:not(.btn-primary){border-color:#d8dde3;background:#f7f8fa;color:#303944}
@media(max-width:760px){.theme-toggle{width:40px;justify-content:center;padding:0}.theme-toggle b{display:none}}

/* Admin palette refinement: balanced contrast in both appearances */
.app-layout{--yellow:#f6cc00;--ops-bg:#090e14;--ops-panel:#121a24;--ops-panel-2:#18212c;--ops-line:#2c3745;--ops-muted:#a2adba;--ops-text:#f3f6fa;--ops-elevated:#1c2632;color:var(--ops-text);color-scheme:dark}
.app-layout .app-main{background:var(--ops-bg)}.app-layout .app-content{background:radial-gradient(circle at 100% 0,rgba(246,204,0,.07),transparent 30%),var(--ops-bg)}
.app-layout .sidebar{border-color:#25303c;background:#080d13;color:#a8b2bf}.app-layout .sidebar-brand{border-color:#dfe3e7;background:#fffef9}.app-layout .side-label{color:#778492}.app-layout .side-link{color:#a4afbc}.app-layout .side-link:hover{background:#141c26;color:#f7f9fb}.app-layout .side-link.active{background:linear-gradient(90deg,#f6cc00,#ffdc36);color:#171a1f;box-shadow:0 8px 22px rgba(246,204,0,.18)}.app-layout .side-link.active em{background:rgba(17,19,24,.13);color:#171a1f}.app-layout .sidebar-bottom{border-color:#26313d}.app-layout .side-profile b{color:#f5f7fa}.app-layout .side-profile small{color:#929daa}.app-layout .sidebar-bottom .btn{border-color:transparent;background:transparent;color:#aab4c0;box-shadow:none}.app-layout .sidebar-bottom .btn:hover{border-color:#303c49;background:#141c26;color:#fff}
.app-layout .app-topbar{border-color:var(--ops-line);background:rgba(9,14,20,.94);color:var(--ops-text);box-shadow:0 5px 22px rgba(0,0,0,.14)}.app-layout .topbar-kicker{color:#929daa}.app-layout .top-status{color:#9ba6b3}.app-layout .top-status span{background:#2bd38f;box-shadow:0 0 0 5px rgba(43,211,143,.13)}.app-layout .top-actions .icon-button,.app-layout .theme-toggle{border-color:#344150;background:#18212c;color:#e9edf2}.app-layout .top-actions .icon-button:hover,.app-layout .theme-toggle:hover{border-color:#536173;background:#202b38}
.app-layout .page-heading h2{color:#f6f8fa}.app-layout .page-heading p,.app-layout .muted{color:var(--ops-muted)}
.app-layout .panel,.app-layout .metric,.app-layout .package-admin,.app-layout .router-card,.app-layout .settings-card{border-color:var(--ops-line);background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));color:var(--ops-text);box-shadow:0 14px 35px rgba(0,0,0,.2)}.app-layout .panel-header{border-color:var(--ops-line)}.app-layout .panel-header a{color:#ffda33}.app-layout .metric-label,.app-layout .package-admin-meta,.app-layout .router-card .muted,.app-layout .settings-card p{color:var(--ops-muted)}.app-layout .metric-value{color:#fff}.app-layout .metric-context{color:#68e3b3}.app-layout .metric:after{border-color:rgba(246,204,0,.065)}
.app-layout .table th,.app-layout .table td,.app-layout .router-row,.app-layout .activity-row,.app-layout .integration-status{border-color:var(--ops-line)}.app-layout .table th{color:#9ba6b4}.app-layout .table tbody tr:hover{background:#1c2632}.app-layout .avatar{background:#3b3514;color:#ffe36b}.app-layout .router-icon{background:#222d39;color:#ffdb35}.app-layout .router-stat{background:#0c1219}.app-layout .router-stat small{color:#9ca7b5}.app-layout .bar-track{background:#273240}.app-layout .bar-fill{background:linear-gradient(90deg,#e9b900,#ffdc39)}
.app-layout .input,.app-layout .select,.app-layout .textarea{border-color:#344150;background:#0f161e;color:#f2f5f8}.app-layout .input::placeholder,.app-layout .textarea::placeholder{color:#7f8b99}.app-layout .input:focus,.app-layout .select:focus,.app-layout .textarea:focus{border-color:#f6cc00;box-shadow:0 0 0 4px rgba(246,204,0,.16)}.app-layout .btn:not(.btn-primary){border-color:#364250;background:#19232e;color:#e4e9ee}.app-layout .btn:not(.btn-primary):hover{border-color:#58687a;background:#222d3a}.app-layout .btn-primary{border-color:#f6cc00;background:#f6cc00;color:#171a1f;box-shadow:0 9px 24px rgba(246,204,0,.19)}.app-layout .btn-primary:hover{background:#ffda24}
.app-layout .badge{background:#27313d;color:#c0c8d1}.app-layout .badge.active,.app-layout .badge.confirmed,.app-layout .badge.online,.app-layout .badge.resolved{background:#10372d;color:#6de7b7}.app-layout .badge.pending,.app-layout .badge.grace,.app-layout .badge.degraded{background:#3d2d1b;color:#ffc675}.app-layout .badge.suspended,.app-layout .badge.offline,.app-layout .badge.failed{background:#402229;color:#ff929a}
.modal-root.theme-dark .modal{border-color:#354150;background:#151d27;color:#f4f6f9}.modal-root.theme-dark .modal-head,.modal-root.theme-dark .modal-foot{border-color:#313c49}.modal-root.theme-dark .modal .muted{color:#a1acb9}.modal-root.theme-dark .modal .input,.modal-root.theme-dark .modal .select,.modal-root.theme-dark .modal .textarea{border-color:#384554;background:#0e151d;color:#f2f5f8}.modal-root.theme-dark .modal .input:focus,.modal-root.theme-dark .modal .select:focus,.modal-root.theme-dark .modal .textarea:focus{border-color:#f6cc00;box-shadow:0 0 0 4px rgba(246,204,0,.16)}

.app-layout.theme-light{--yellow:#f2c600;--ops-bg:#f2f5f7;--ops-panel:#fff;--ops-panel-2:#fbfcfd;--ops-line:#d5dce4;--ops-muted:#5f6b79;--ops-text:#18202a;--ops-elevated:#f7f9fb;color:var(--ops-text);color-scheme:light}
.app-layout.theme-light .sidebar{border-color:#d8dee5;background:#fff;color:#53606e;box-shadow:4px 0 20px rgba(26,35,45,.045)}.app-layout.theme-light .sidebar-brand{border-color:#e1e5e9;background:#fff}.app-layout.theme-light .side-label{color:#788491}.app-layout.theme-light .side-link{color:#566372}.app-layout.theme-light .side-link:hover{background:#eef2f5;color:#151b23}.app-layout.theme-light .side-link.active{background:linear-gradient(90deg,#f2c600,#ffd72b);color:#171a1f;box-shadow:0 8px 20px rgba(210,168,0,.16)}.app-layout.theme-light .sidebar-bottom{border-color:#dce2e8}.app-layout.theme-light .side-profile b{color:#19212a}.app-layout.theme-light .side-profile small{color:#65717f}.app-layout.theme-light .sidebar-bottom .btn{border-color:transparent;background:transparent;color:#5d6976}.app-layout.theme-light .sidebar-bottom .btn:hover{border-color:#d5dce4;background:#f1f4f6;color:#18202a}
.app-layout.theme-light .app-topbar{border-color:var(--ops-line);background:rgba(255,255,255,.95);color:var(--ops-text);box-shadow:0 4px 18px rgba(28,37,47,.055)}.app-layout.theme-light .topbar-kicker{color:#65717f}.app-layout.theme-light .top-status{color:#5f6b78}.app-layout.theme-light .top-actions .icon-button,.app-layout.theme-light .theme-toggle{border-color:#d3dae2;background:#f8fafb;color:#26313d}.app-layout.theme-light .top-actions .icon-button:hover,.app-layout.theme-light .theme-toggle:hover{border-color:#abb6c2;background:#eef2f5}.app-layout.theme-light .app-content{background:radial-gradient(circle at 100% 0,rgba(242,198,0,.13),transparent 29%),var(--ops-bg)}
.app-layout.theme-light .page-heading h2{color:#17202a}.app-layout.theme-light .page-heading p,.app-layout.theme-light .muted{color:var(--ops-muted)}
.app-layout.theme-light .panel,.app-layout.theme-light .metric,.app-layout.theme-light .package-admin,.app-layout.theme-light .router-card,.app-layout.theme-light .settings-card{border-color:var(--ops-line);background:linear-gradient(145deg,#fff,#fbfcfd);color:var(--ops-text);box-shadow:0 9px 26px rgba(28,37,47,.06)}.app-layout.theme-light .panel-header{border-color:var(--ops-line)}.app-layout.theme-light .panel-header a{color:#715d00}.app-layout.theme-light .metric-label,.app-layout.theme-light .package-admin-meta,.app-layout.theme-light .router-card .muted,.app-layout.theme-light .settings-card p{color:var(--ops-muted)}.app-layout.theme-light .metric-value{color:#17202a}.app-layout.theme-light .metric-context{color:#08764c}.app-layout.theme-light .metric:after{border-color:rgba(242,198,0,.15)}
.app-layout.theme-light .table th,.app-layout.theme-light .table td,.app-layout.theme-light .router-row,.app-layout.theme-light .activity-row,.app-layout.theme-light .integration-status{border-color:var(--ops-line)}.app-layout.theme-light .table th{color:#65717e}.app-layout.theme-light .table tbody tr:hover{background:#f3f6f8}.app-layout.theme-light .avatar{background:#fff1ad;color:#3a3000}.app-layout.theme-light .router-icon{background:#edf1f4;color:#6c5900}.app-layout.theme-light .router-stat{background:#edf1f4}.app-layout.theme-light .router-stat small{color:#5f6b78}.app-layout.theme-light .bar-track{background:#e0e5ea}.app-layout.theme-light .bar-fill{background:linear-gradient(90deg,#d9aa00,#f2c600)}
.app-layout.theme-light .input,.app-layout.theme-light .select,.app-layout.theme-light .textarea{border-color:#cdd5de;background:#fff;color:#18202a}.app-layout.theme-light .input::placeholder,.app-layout.theme-light .textarea::placeholder{color:#7a8694}.app-layout.theme-light .input:focus,.app-layout.theme-light .select:focus,.app-layout.theme-light .textarea:focus{border-color:#9e8100;box-shadow:0 0 0 4px rgba(242,198,0,.18)}.app-layout.theme-light .btn:not(.btn-primary){border-color:#ccd4dd;background:#fff;color:#283440}.app-layout.theme-light .btn:not(.btn-primary):hover{border-color:#9eaab6;background:#f4f7f9}.app-layout.theme-light .btn-primary{border-color:#f2c600;background:#f2c600;color:#171a1f;box-shadow:0 9px 22px rgba(210,168,0,.2)}.app-layout.theme-light .btn-primary:hover{background:#ffd425}
.app-layout.theme-light .badge{background:#e9eef2;color:#4e5a67}.app-layout.theme-light .badge.active,.app-layout.theme-light .badge.confirmed,.app-layout.theme-light .badge.online,.app-layout.theme-light .badge.resolved{background:#e2f6ed;color:#08734a}.app-layout.theme-light .badge.pending,.app-layout.theme-light .badge.grace,.app-layout.theme-light .badge.degraded{background:#fff0d3;color:#915000}.app-layout.theme-light .badge.suspended,.app-layout.theme-light .badge.offline,.app-layout.theme-light .badge.failed{background:#fde8ea;color:#ab2731}
.modal-root.theme-light .modal{border-color:#d3dae2;background:#fff;color:#18202a}.modal-root.theme-light .modal-head,.modal-root.theme-light .modal-foot{border-color:#dbe1e7}.modal-root.theme-light .modal .muted{color:#5f6b79}.modal-root.theme-light .modal .input,.modal-root.theme-light .modal .select,.modal-root.theme-light .modal .textarea{border-color:#cdd5de;background:#fff;color:#18202a}.modal-root.theme-light .modal .input:focus,.modal-root.theme-light .modal .select:focus,.modal-root.theme-light .modal .textarea:focus{border-color:#9e8100;box-shadow:0 0 0 4px rgba(242,198,0,.18)}

.app-layout :focus-visible,.modal-root :focus-visible{outline:3px solid #f2c600;outline-offset:3px}

/* Payments workspace */
.payments-page{display:grid;gap:20px}.payments-page .payments-heading{margin-bottom:0}.payments-heading .eyebrow{margin-bottom:7px;color:#8f9aa8}.payment-heading-actions{display:flex;flex-wrap:wrap;gap:9px}.payment-metrics{margin-bottom:0}.payment-metric{display:flex;min-height:160px;flex-direction:column;padding:19px 20px}.app-layout .payment-metric:after{display:none}.payment-metric-top{display:flex;align-items:center;gap:10px}.payment-metric-icon{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;font-size:13px;font-weight:800}.payment-metric .metric-value{margin-top:16px;font-size:27px}.payment-metric-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--ops-line);color:var(--ops-muted);font-size:11px}.payment-metric-foot strong{font-weight:700}.payment-metric-confirmed .payment-metric-icon{background:#10372d;color:#71e9ba}.payment-metric-confirmed .payment-metric-foot strong{color:#71e9ba}.payment-metric-pending .payment-metric-icon{background:#3d2d1b;color:#ffc675}.payment-metric-pending .payment-metric-foot strong{color:#ffc675}.payment-metric-gateway .payment-metric-icon{background:#3c3510;color:#ffe261}.payment-metric-gateway .payment-metric-foot strong{color:#71e9ba}.payment-metric-reconciled .payment-metric-icon{background:#182f47;color:#8bc6ff}.payment-metric-reconciled .payment-metric-foot strong{color:#8bc6ff}
.payment-ledger{overflow:hidden}.payment-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px}.payment-ledger-head h3{margin:0 0 3px;font-size:18px}.payment-ledger-head p{margin:0;color:var(--ops-muted);font-size:13px}.payment-count{padding:6px 10px;border:1px solid var(--ops-line);border-radius:999px;background:#202a36;color:#b8c1cc;font-size:11px;font-weight:700;white-space:nowrap}.payment-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-top:1px solid var(--ops-line);border-bottom:1px solid var(--ops-line);background:#0f161e}.payment-search{width:min(100%,420px)}.payment-search .input{min-height:42px}.payment-filters{display:flex;gap:4px;padding:4px;border:1px solid var(--ops-line);border-radius:12px;background:#151e28}.payment-filter{min-height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#aeb8c4;font-size:12px;font-weight:700}.payment-filter:hover{background:#222d39;color:white}.payment-filter.active{background:#f6cc00;color:#171a1f;box-shadow:0 4px 12px rgba(246,204,0,.15)}
.payments-table{table-layout:auto}.payments-table th,.payments-table td{padding:14px 14px}.payments-table th:first-child,.payments-table td:first-child{padding-left:23px}.payments-table th:last-child,.payments-table td:last-child{padding-right:23px}.payments-table thead{background:rgba(255,255,255,.018)}.payments-table tbody tr{transition:background .16s}.payments-table tbody tr:last-child td{border-bottom:0}.payment-reference b{display:block;font-size:12px;letter-spacing:.025em}.payment-reference small{display:block;margin-top:3px;color:var(--ops-muted);font-size:10px}.payment-customer .customer-cell>span:last-child{min-width:0}.payment-customer .customer-cell b,.payment-customer .customer-cell small{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis}.payment-customer .customer-cell small{margin-top:2px;color:var(--ops-muted);font-size:10px}.payment-customer .avatar{width:34px;height:34px;font-size:11px}.mpesa-channel{display:inline-flex;align-items:center;gap:7px}.mpesa-channel i{display:grid;width:23px;height:23px;place-items:center;border-radius:7px;background:#0b713f;color:white;font-style:normal;font-size:11px;font-weight:800}.payment-amount,.amount-column{text-align:right!important}.payment-amount b{font-size:13px}.payment-received{color:var(--ops-muted);font-size:12px}.payment-ledger-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid var(--ops-line);color:var(--ops-muted);font-size:11px}.payment-ledger-foot .btn{min-height:34px;padding:0 12px;border-radius:9px;font-size:11px}
.app-layout.theme-light .payments-heading .eyebrow{color:#66727f}.app-layout.theme-light .payment-metric-confirmed .payment-metric-icon{background:#e2f6ed;color:#08734a}.app-layout.theme-light .payment-metric-confirmed .payment-metric-foot strong{color:#08734a}.app-layout.theme-light .payment-metric-pending .payment-metric-icon{background:#fff0d3;color:#915000}.app-layout.theme-light .payment-metric-pending .payment-metric-foot strong{color:#915000}.app-layout.theme-light .payment-metric-gateway .payment-metric-icon{background:#fff3b8;color:#6c5900}.app-layout.theme-light .payment-metric-gateway .payment-metric-foot strong{color:#08734a}.app-layout.theme-light .payment-metric-reconciled .payment-metric-icon{background:#e5f1fc;color:#145e9c}.app-layout.theme-light .payment-metric-reconciled .payment-metric-foot strong{color:#145e9c}.app-layout.theme-light .payment-count{background:#edf1f4;color:#53606e}.app-layout.theme-light .payment-toolbar{background:#f7f9fb}.app-layout.theme-light .payment-filters{background:#edf1f4}.app-layout.theme-light .payment-filter{color:#53606e}.app-layout.theme-light .payment-filter:hover{background:#fff;color:#18202a}.app-layout.theme-light .payment-filter.active{background:#f2c600;color:#171a1f}.app-layout.theme-light .payments-table thead{background:#f7f9fb}

@media(max-width:760px){
  .payments-page{gap:15px}.payments-heading{gap:17px}.payment-heading-actions{width:100%}.payment-heading-actions .btn{flex:1;padding:0 11px}.payment-metrics{grid-template-columns:1fr 1fr;gap:10px}.payment-metric{min-height:145px;padding:15px}.payment-metric-top{align-items:flex-start;gap:8px}.payment-metric-icon{width:29px;height:29px;border-radius:9px}.payment-metric .metric-label{font-size:11px}.payment-metric .metric-value{margin-top:13px;font-size:22px}.payment-metric-foot{align-items:flex-start;flex-direction:column;gap:2px;padding-top:9px;line-height:1.25}.payment-ledger{overflow:visible;border:0;background:transparent!important;box-shadow:none!important}.payment-ledger-head{align-items:flex-start;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--ops-line);border-radius:16px 16px 0 0;background:var(--ops-panel)}.payment-toolbar{align-items:stretch;flex-direction:column;padding:12px;border-radius:0 0 16px 16px}.payment-search{width:100%}.payment-filters{width:100%}.payment-filter{flex:1;padding:0 8px}.payment-table-wrap{overflow:visible;margin-top:10px}.payments-table,.payments-table tbody{display:block;width:100%}.payments-table thead{display:none}.payments-table tbody{display:grid;gap:10px}.payments-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 16px;padding:16px;border:1px solid var(--ops-line);border-radius:16px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));box-shadow:0 8px 22px rgba(0,0,0,.12)}.payments-table tbody tr[hidden]{display:none}.payments-table td,.payments-table td:first-child,.payments-table td:last-child{display:block;padding:0;border:0;white-space:normal}.payments-table td:before{display:block;margin-bottom:4px;color:var(--ops-muted);content:attr(data-label);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.payment-reference{grid-column:1}.payment-reference b{font-size:13px}.payment-reference small{display:none}.payment-amount{grid-column:2;text-align:right!important}.payment-amount b{font-size:15px}.payment-customer{grid-column:1}.payment-customer .customer-cell b,.payment-customer .customer-cell small{max-width:190px}.payment-status{grid-column:2;align-self:end}.payment-package{grid-column:1}.payment-received{grid-column:2;text-align:right}.payment-method{display:none!important}.payment-ledger-foot{padding:13px 2px 0;border:0}.app-layout.theme-light .payment-ledger-head{background:#fff}.app-layout.theme-light .payments-table tbody tr{background:#fff;box-shadow:0 8px 22px rgba(28,37,47,.06)}
}
@media(max-width:390px){.payment-heading-actions{display:grid;grid-template-columns:1fr 1fr}.payments-table tbody tr{gap:13px 10px;padding:14px}.payment-customer .avatar{display:none}}
@media(max-width:340px){.payment-metrics{grid-template-columns:1fr}.payment-metric{min-height:132px}}

/* Spacious overview workspace */
.overview-page{display:grid;gap:21px}.overview-page .overview-heading{margin-bottom:0}.overview-heading .eyebrow{margin-bottom:7px;color:#8f9aa8}.overview-metrics{margin-bottom:0}.overview-stat{display:flex;min-height:160px;flex-direction:column;padding:19px 20px}.app-layout .overview-stat:after{display:none}.overview-stat-head{display:flex;align-items:center;gap:10px}.overview-stat-icon{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;font-size:14px;font-weight:800}.overview-stat .metric-value{margin-top:15px;font-size:28px}.overview-stat .metric-value small{color:var(--ops-muted);font-size:12px;font-weight:650;letter-spacing:0}.overview-stat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--ops-line);color:var(--ops-muted);font-size:11px}.overview-stat-foot strong{font-weight:750}.overview-stat-revenue .overview-stat-icon{background:#10372d;color:#71e9ba}.overview-stat-revenue .overview-stat-foot strong{color:#71e9ba}.overview-stat-services .overview-stat-icon{background:#3c3510;color:#ffe261}.overview-stat-services .overview-stat-foot strong{color:#ffe261}.overview-stat-network .overview-stat-icon{background:#182f47;color:#8bc6ff}.overview-stat-network .overview-stat-foot strong{color:#8bc6ff}.overview-stat-attention .overview-stat-icon{background:#3d2d1b;color:#ffc675}.overview-stat-attention .overview-stat-foot strong{color:#ffc675}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.85fr);align-items:start;gap:20px}.overview-grid>.panel{overflow:hidden}.overview-panel-head{min-height:76px;padding:17px 21px}.overview-panel-head h2{margin:0 0 3px}.overview-panel-head p{margin:0;color:var(--ops-muted);font-size:12px}.overview-panel-head a{flex:0 0 auto;font-size:12px;font-weight:700}.overview-payment-columns{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(90px,.65fr) minmax(105px,.65fr) minmax(85px,.5fr);gap:16px;padding:10px 21px;border-top:1px solid var(--ops-line);border-bottom:1px solid var(--ops-line);background:rgba(255,255,255,.018);color:#9ba6b4;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.overview-payment-columns span:last-child{text-align:right}.overview-payment-list{display:grid}.overview-payment-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(90px,.65fr) minmax(105px,.65fr) minmax(85px,.5fr);min-height:72px;align-items:center;gap:16px;padding:11px 21px;border-bottom:1px solid var(--ops-line);transition:background .16s}.overview-payment-row:last-child{border-bottom:0}.overview-payment-row:hover{background:#1c2632}.overview-payment-customer b,.overview-payment-customer small{display:block}.overview-payment-customer small{margin-top:2px;color:var(--ops-muted);font-size:10px}.overview-payment-package>small,.overview-payment-status>small,.overview-payment-amount>small{display:none}.overview-payment-package span{font-size:12px}.overview-payment-amount{text-align:right}.overview-payment-amount b{font-size:13px}.overview-network .panel-body{padding:6px 21px 9px}.overview-network .router-row{min-height:73px;padding:12px 0}.overview-network .router-row:last-child{border-bottom:0}.overview-network .router-row>span:nth-child(2){min-width:0}.overview-network .router-row strong,.overview-network .router-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-layout.theme-light .overview-heading .eyebrow{color:#66727f}.app-layout.theme-light .overview-stat-revenue .overview-stat-icon{background:#e2f6ed;color:#08734a}.app-layout.theme-light .overview-stat-revenue .overview-stat-foot strong{color:#08734a}.app-layout.theme-light .overview-stat-services .overview-stat-icon{background:#fff3b8;color:#6c5900}.app-layout.theme-light .overview-stat-services .overview-stat-foot strong{color:#6c5900}.app-layout.theme-light .overview-stat-network .overview-stat-icon{background:#e5f1fc;color:#145e9c}.app-layout.theme-light .overview-stat-network .overview-stat-foot strong{color:#145e9c}.app-layout.theme-light .overview-stat-attention .overview-stat-icon{background:#fff0d3;color:#915000}.app-layout.theme-light .overview-stat-attention .overview-stat-foot strong{color:#915000}.app-layout.theme-light .overview-payment-columns{background:#f7f9fb;color:#65717e}.app-layout.theme-light .overview-payment-row:hover{background:#f3f6f8}
@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}}
@media(max-width:760px){.overview-page{gap:15px}.overview-heading{gap:17px}.overview-heading .btn{width:100%}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.overview-stat{min-height:145px;padding:15px}.overview-stat-head{align-items:flex-start;gap:8px}.overview-stat-icon{width:29px;height:29px;border-radius:9px}.overview-stat .metric-label{font-size:11px}.overview-stat .metric-value{margin-top:13px;font-size:23px}.overview-stat .metric-value small{display:inline;margin-left:2px;font-size:10px}.overview-stat-foot{align-items:flex-start;flex-direction:column;gap:2px;padding-top:9px;line-height:1.25}.overview-grid{gap:14px}.overview-panel-head{min-height:72px;padding:15px 17px}.overview-panel-head p{display:none}.overview-payment-columns{display:none}.overview-payment-list{gap:0}.overview-payment-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"customer amount" "package status";min-height:0;gap:16px 12px;padding:17px;border-bottom:1px solid var(--ops-line)}.overview-payment-customer{grid-area:customer;min-width:0}.overview-payment-customer>span:last-child{min-width:0}.overview-payment-customer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-payment-package{grid-area:package}.overview-payment-status{grid-area:status;justify-self:end}.overview-payment-amount{grid-area:amount;align-self:start}.overview-payment-package>small,.overview-payment-status>small,.overview-payment-amount>small{display:block;margin-bottom:4px;color:var(--ops-muted);font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.overview-payment-amount b{font-size:14px}.overview-network .panel-body{padding:7px 17px 9px}.overview-network .router-row{min-height:70px}}
@media(max-width:340px){.overview-metrics{grid-template-columns:1fr}.overview-stat{min-height:132px}}
.app-layout .topbar-title .mobile-sidebar-toggle{border-color:#344150;background:#18212c;color:#eef2f6}.app-layout.theme-light .topbar-title .mobile-sidebar-toggle{border-color:#d3dae2;background:#fff;color:#26313d}

/* Customer directory */
.customers-page{display:grid;gap:20px}.customers-page .customers-heading{margin-bottom:0}.customers-heading .eyebrow{margin-bottom:7px;color:#8f9aa8}.customer-heading-actions{display:flex;flex-wrap:wrap;gap:9px}.customer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.customer-summary article{display:flex;min-height:92px;align-items:center;gap:13px;padding:17px 18px;border:1px solid var(--ops-line);border-radius:17px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));box-shadow:0 10px 28px rgba(0,0,0,.14)}.customer-summary-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;font-size:15px;font-weight:800}.customer-summary-icon.total{background:#182f47;color:#8bc6ff}.customer-summary-icon.active{background:#10372d;color:#71e9ba}.customer-summary-icon.attention{background:#3d2d1b;color:#ffc675}.customer-summary-icon.new{background:#3c3510;color:#ffe261}.customer-summary small,.customer-summary b{display:block}.customer-summary small{color:var(--ops-muted);font-size:11px}.customer-summary b{margin-top:3px;color:var(--ops-text);font-size:23px;line-height:1}
.customer-directory{overflow:hidden}.customer-directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px}.customer-directory-head h3{margin:0 0 3px;font-size:18px}.customer-directory-head p{margin:0;color:var(--ops-muted);font-size:13px}.customer-count{padding:6px 10px;border:1px solid var(--ops-line);border-radius:999px;background:#202a36;color:#b8c1cc;font-size:11px;font-weight:700;white-space:nowrap}.customer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-top:1px solid var(--ops-line);border-bottom:1px solid var(--ops-line);background:#0f161e}.customer-search{width:min(100%,430px)}.customer-search .input{min-height:42px}.customer-filters{display:flex;gap:4px;padding:4px;border:1px solid var(--ops-line);border-radius:12px;background:#151e28}.customer-filter{min-height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#aeb8c4;font-size:12px;font-weight:700}.customer-filter:hover{background:#222d39;color:white}.customer-filter.active{background:#f6cc00;color:#171a1f;box-shadow:0 4px 12px rgba(246,204,0,.15)}
.customers-table th,.customers-table td{padding:14px 16px}.customers-table th:first-child,.customers-table td:first-child{padding-left:23px}.customers-table th:last-child,.customers-table td:last-child{padding-right:19px}.customers-table thead{background:rgba(255,255,255,.018)}.customers-table tbody tr{transition:background .16s}.customers-table tbody tr:last-child td{border-bottom:0}.customer-identity .customer-cell>span:last-child{min-width:0}.customer-identity .customer-cell b,.customer-identity .customer-cell small,.customer-account b,.customer-account small,.customer-contact b,.customer-contact small{display:block}.customer-identity .customer-cell b{font-size:13px}.customer-identity .customer-cell small,.customer-account small,.customer-contact small{margin-top:2px;color:var(--ops-muted);font-size:10px}.customer-account b,.customer-contact b{font-size:12px}.customer-joined{color:var(--ops-muted);font-size:12px;white-space:nowrap}.customer-action{text-align:right}.customer-open{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--ops-line);border-radius:9px;background:#1b2530;color:#c3ccd6;font-size:21px;line-height:1}.customer-open:hover{border-color:#f6cc00;color:#f6cc00}.customer-directory-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid var(--ops-line);color:var(--ops-muted);font-size:11px}.customer-directory-foot .btn{min-height:34px;padding:0 12px;border-radius:9px;font-size:11px}
.app-layout.theme-light .customers-heading .eyebrow{color:#66727f}.app-layout.theme-light .customer-summary article{background:linear-gradient(145deg,#fff,#fbfcfd);box-shadow:0 8px 24px rgba(28,37,47,.055)}.app-layout.theme-light .customer-summary-icon.total{background:#e5f1fc;color:#145e9c}.app-layout.theme-light .customer-summary-icon.active{background:#e2f6ed;color:#08734a}.app-layout.theme-light .customer-summary-icon.attention{background:#fff0d3;color:#915000}.app-layout.theme-light .customer-summary-icon.new{background:#fff3b8;color:#6c5900}.app-layout.theme-light .customer-count{background:#edf1f4;color:#53606e}.app-layout.theme-light .customer-toolbar{background:#f7f9fb}.app-layout.theme-light .customer-filters{background:#edf1f4}.app-layout.theme-light .customer-filter{color:#53606e}.app-layout.theme-light .customer-filter:hover{background:#fff;color:#18202a}.app-layout.theme-light .customer-filter.active{background:#f2c600;color:#171a1f}.app-layout.theme-light .customers-table thead{background:#f7f9fb}.app-layout.theme-light .customer-open{background:#f7f9fb;color:#596674}
@media(max-width:900px){.customer-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-toolbar{align-items:stretch;flex-direction:column}.customer-search{width:100%}.customer-filters{width:100%}.customer-filter{flex:1}}
@media(max-width:760px){.customers-page{gap:15px}.customers-heading{gap:17px}.customer-heading-actions{width:100%}.customer-heading-actions .btn{flex:1}.customer-summary{gap:10px}.customer-summary article{min-height:82px;padding:13px}.customer-summary-icon{width:34px;height:34px}.customer-summary b{font-size:20px}.customer-directory{overflow:visible;border:0;background:transparent!important;box-shadow:none!important}.customer-directory-head{align-items:flex-start;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--ops-line);border-radius:16px 16px 0 0;background:var(--ops-panel)}.customer-toolbar{padding:12px;border-radius:0 0 16px 16px}.customer-filters{overflow:auto}.customer-filter{min-width:max-content;padding:0 10px}.customer-table-wrap{overflow:visible;margin-top:10px}.customers-table,.customers-table tbody{display:block;width:100%}.customers-table thead{display:none}.customers-table tbody{display:grid;gap:10px}.customers-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity status" "account contact" "joined action";gap:15px 12px;padding:16px;border:1px solid var(--ops-line);border-radius:16px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));box-shadow:0 8px 22px rgba(0,0,0,.12)}.customers-table tbody tr[hidden]{display:none}.customers-table td,.customers-table td:first-child,.customers-table td:last-child{display:block;padding:0;border:0;white-space:normal}.customers-table td:before{display:block;margin-bottom:4px;color:var(--ops-muted);content:attr(data-label);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.customer-identity{grid-area:identity}.customer-identity:before{display:none!important}.customer-status{grid-area:status;align-self:start;justify-self:end}.customer-account{grid-area:account}.customer-contact{grid-area:contact;text-align:right}.customer-joined{grid-area:joined}.customer-action{grid-area:action;align-self:end;justify-self:end}.customer-identity .customer-cell b{font-size:14px}.customer-identity .customer-cell small{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-directory-foot{padding:13px 2px 0;border:0}.app-layout.theme-light .customer-directory-head{background:#fff}.app-layout.theme-light .customers-table tbody tr{background:#fff;box-shadow:0 8px 22px rgba(28,37,47,.06)}}
@media(max-width:340px){.customer-summary{grid-template-columns:1fr}}

/* Consistent table column alignment across every workspace */
.table thead th{text-align:left!important;vertical-align:middle}.table tbody td{vertical-align:middle}.payments-table th.amount-column,.payments-table td.payment-amount{text-align:right!important}.customers-table th:last-child,.customers-table td.customer-action{text-align:right!important}.overview-payment-columns span:last-child,.overview-payment-amount{text-align:right}

/* Support service desk */
.support-page{display:grid;gap:20px}.support-page .support-heading{margin-bottom:0}.support-heading .eyebrow{margin-bottom:7px;color:#8f9aa8}.support-heading-actions{display:flex;flex-wrap:wrap;gap:9px}.support-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.support-summary article{display:flex;min-height:92px;align-items:center;gap:13px;padding:17px 18px;border:1px solid var(--ops-line);border-radius:17px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));box-shadow:0 10px 28px rgba(0,0,0,.14)}.support-summary-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;font-size:15px;font-weight:800}.support-summary-icon.open{background:#182f47;color:#8bc6ff}.support-summary-icon.pending{background:#3d2d1b;color:#ffc675}.support-summary-icon.resolved{background:#10372d;color:#71e9ba}.support-summary-icon.priority{background:#402229;color:#ff929a}.support-summary small,.support-summary b{display:block}.support-summary small{color:var(--ops-muted);font-size:11px}.support-summary b{margin-top:3px;color:var(--ops-text);font-size:23px;line-height:1}
.support-queue{overflow:hidden}.support-queue-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px}.support-queue-head h3{margin:0 0 3px;font-size:18px}.support-queue-head p{margin:0;color:var(--ops-muted);font-size:13px}.support-count{padding:6px 10px;border:1px solid var(--ops-line);border-radius:999px;background:#202a36;color:#b8c1cc;font-size:11px;font-weight:700;white-space:nowrap}.support-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-top:1px solid var(--ops-line);border-bottom:1px solid var(--ops-line);background:#0f161e}.support-search{width:min(100%,430px)}.support-search .input{min-height:42px}.support-filters{display:flex;gap:4px;padding:4px;border:1px solid var(--ops-line);border-radius:12px;background:#151e28}.support-filter{min-height:32px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#aeb8c4;font-size:12px;font-weight:700}.support-filter:hover{background:#222d39;color:white}.support-filter.active{background:#f6cc00;color:#171a1f;box-shadow:0 4px 12px rgba(246,204,0,.15)}
.support-table th,.support-table td{padding:15px 16px}.support-table th:first-child,.support-table td:first-child{padding-left:23px}.support-table th:last-child,.support-table td:last-child{padding-right:19px}.support-table thead{background:rgba(255,255,255,.018)}.support-table tbody tr{transition:background .16s}.support-table tbody tr:last-child td{border-bottom:0}.support-ticket-id{display:inline-flex;padding:4px 7px;border-radius:7px;background:#273340;color:#b8c3cf;font-size:10px;font-weight:800}.support-ticket>div:last-child{margin-top:7px}.support-ticket b,.support-ticket small,.support-customer b,.support-customer small{display:block}.support-ticket b{max-width:410px;overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.support-ticket small,.support-customer small{margin-top:2px;color:var(--ops-muted);font-size:10px}.support-customer b{font-size:12px}.support-created{color:var(--ops-muted);font-size:12px;white-space:nowrap}.support-action{text-align:right}.support-open{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--ops-line);border-radius:9px;background:#1b2530;color:#c3ccd6;font-size:21px;line-height:1}.support-open:hover{border-color:#f6cc00;color:#f6cc00}.app-layout .badge.high{background:#402229;color:#ff929a}.app-layout .badge.normal{background:#273340;color:#c2cbd5}.support-queue-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-top:1px solid var(--ops-line);color:var(--ops-muted);font-size:11px}.support-queue-foot .btn{min-height:34px;padding:0 12px;border-radius:9px;font-size:11px}
.app-layout.theme-light .support-heading .eyebrow{color:#66727f}.app-layout.theme-light .support-summary article{background:linear-gradient(145deg,#fff,#fbfcfd);box-shadow:0 8px 24px rgba(28,37,47,.055)}.app-layout.theme-light .support-summary-icon.open{background:#e5f1fc;color:#145e9c}.app-layout.theme-light .support-summary-icon.pending{background:#fff0d3;color:#915000}.app-layout.theme-light .support-summary-icon.resolved{background:#e2f6ed;color:#08734a}.app-layout.theme-light .support-summary-icon.priority{background:#fde8ea;color:#ab2731}.app-layout.theme-light .support-count{background:#edf1f4;color:#53606e}.app-layout.theme-light .support-toolbar{background:#f7f9fb}.app-layout.theme-light .support-filters{background:#edf1f4}.app-layout.theme-light .support-filter{color:#53606e}.app-layout.theme-light .support-filter:hover{background:#fff;color:#18202a}.app-layout.theme-light .support-filter.active{background:#f2c600;color:#171a1f}.app-layout.theme-light .support-table thead{background:#f7f9fb}.app-layout.theme-light .support-ticket-id{background:#edf1f4;color:#53606e}.app-layout.theme-light .support-open{background:#f7f9fb;color:#596674}.app-layout.theme-light .badge.high{background:#fde8ea;color:#ab2731}.app-layout.theme-light .badge.normal{background:#e9eef2;color:#4e5a67}
@media(max-width:900px){.support-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.support-toolbar{align-items:stretch;flex-direction:column}.support-search{width:100%}.support-filters{width:100%}.support-filter{flex:1}}
@media(max-width:760px){.support-page{gap:15px}.support-heading{gap:17px}.support-heading-actions{width:100%}.support-heading-actions .btn{flex:1}.support-summary{gap:10px}.support-summary article{min-height:82px;padding:13px}.support-summary-icon{width:34px;height:34px}.support-summary b{font-size:20px}.support-queue{overflow:visible;border:0;background:transparent!important;box-shadow:none!important}.support-queue-head{align-items:flex-start;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--ops-line);border-radius:16px 16px 0 0;background:var(--ops-panel)}.support-toolbar{padding:12px;border-radius:0 0 16px 16px}.support-filters{overflow:auto}.support-filter{min-width:max-content;padding:0 10px}.support-table-wrap{overflow:visible;margin-top:10px}.support-table,.support-table tbody{display:block;width:100%}.support-table thead{display:none}.support-table tbody{display:grid;gap:10px}.support-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"ticket action" "customer status" "priority created";gap:15px 12px;padding:16px;border:1px solid var(--ops-line);border-radius:16px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));box-shadow:0 8px 22px rgba(0,0,0,.12)}.support-table tbody tr[hidden]{display:none}.support-table td,.support-table td:first-child,.support-table td:last-child{display:block;padding:0;border:0;white-space:normal}.support-table td:before{display:block;margin-bottom:4px;color:var(--ops-muted);content:attr(data-label);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.support-ticket{grid-area:ticket}.support-ticket:before{display:none!important}.support-ticket b{max-width:230px;white-space:normal}.support-action{grid-area:action;align-self:start;justify-self:end}.support-customer{grid-area:customer}.support-status{grid-area:status;align-self:end;justify-self:end}.support-priority{grid-area:priority}.support-created{grid-area:created;text-align:right}.support-queue-foot{padding:13px 2px 0;border:0}.app-layout.theme-light .support-queue-head{background:#fff}.app-layout.theme-light .support-table tbody tr{background:#fff;box-shadow:0 8px 22px rgba(28,37,47,.06)}}
@media(max-width:340px){.support-summary{grid-template-columns:1fr}}

/* Compact package catalogue */
.packages-page{display:grid;gap:18px}.packages-page .packages-heading{margin-bottom:0}.packages-heading .eyebrow{margin-bottom:7px;color:#8f9aa8}.package-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid var(--ops-line);border-radius:14px;background:#0f161e}.package-type-filters{display:flex;gap:4px}.package-type-filter{display:flex;min-height:32px;align-items:center;gap:7px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#aeb8c4;font-size:12px;font-weight:700}.package-type-filter span{display:grid;min-width:20px;height:20px;place-items:center;padding:0 5px;border-radius:999px;background:#273340;color:#c2cbd5;font-size:9px}.package-type-filter:hover{background:#222d39;color:#fff}.package-type-filter.active{background:#f6cc00;color:#171a1f}.package-type-filter.active span{background:rgba(17,19,24,.13);color:#171a1f}.package-catalog-count{color:var(--ops-muted);font-size:11px;font-weight:700}.package-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.package-card{display:flex;min-height:166px;flex-direction:column;padding:17px 18px;border-radius:16px}.package-card[hidden]{display:none}.package-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.package-card-head h3{margin:2px 0 0;font-size:16px}.package-type{color:var(--ops-muted);font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.package-card-actions{display:flex;align-items:center;gap:6px}.package-card-actions .badge{padding:4px 7px;font-size:9px}.package-menu{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--ops-line);border-radius:8px;background:#1b2530;color:#aeb8c4;font-size:11px;letter-spacing:-.12em}.package-menu:hover{border-color:#f6cc00;color:#f6cc00}.package-price-row{display:flex;align-items:baseline;gap:7px;margin-top:13px}.package-price-row b{color:#f6cc00;font-size:23px;letter-spacing:-.03em}.package-price-row span{color:var(--ops-muted);font-size:9px}.package-specs{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.package-specs span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:7px;background:#0d141c;color:#b8c2cd;font-size:9px;white-space:nowrap}.package-specs i{color:#f6cc00;font-style:normal}.package-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:11px;border-top:1px solid var(--ops-line)}.package-active{display:flex;align-items:center;gap:5px;color:#75dcb2;font-size:9px;font-weight:700}.package-active i{width:6px;height:6px;border-radius:50%;background:#24bb7b}.package-card-foot button{padding:0;border:0;background:transparent;color:#aab5c1;font-size:9px;font-weight:700}.package-card-foot button:hover{color:#f6cc00}.check-field{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px;border:1px solid var(--ops-line);border-radius:12px;background:#10171f;cursor:pointer}.check-field input{width:18px;height:18px;accent-color:#f6cc00}.check-field b,.check-field small{display:block}.check-field small{margin-top:2px;color:var(--ops-muted);font-size:11px}.package-name-field{grid-column:span 1}
.app-layout.theme-light .packages-heading .eyebrow{color:#66727f}.app-layout.theme-light .package-catalog-toolbar{background:#f7f9fb}.app-layout.theme-light .package-type-filter{color:#53606e}.app-layout.theme-light .package-type-filter span{background:#e6ebef;color:#596674}.app-layout.theme-light .package-type-filter:hover{background:#fff;color:#18202a}.app-layout.theme-light .package-type-filter.active{background:#f2c600;color:#171a1f}.app-layout.theme-light .package-card{background:#fff}.app-layout.theme-light .package-menu{background:#f7f9fb;color:#596674}.app-layout.theme-light .package-price-row b{color:#b18d00}.app-layout.theme-light .package-specs span{background:#edf1f4;color:#53606e}.app-layout.theme-light .package-specs i{color:#806700}.app-layout.theme-light .package-active{color:#08734a}.modal-root.theme-light .check-field{background:#f7f9fb}
.package-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.package-options .check-field{margin-top:18px}.package-card.package-inactive{opacity:.72}.package-active.inactive{color:#aeb7c3}.package-active.inactive i{background:#778390}.app-layout.theme-light .package-active.inactive{color:#66727f}
.packages-heading-actions{display:flex;align-items:center;gap:8px}.packages-heading-actions .btn{white-space:nowrap}
@media(max-width:1000px){.package-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.packages-page{gap:14px}.packages-heading{gap:17px}.packages-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.packages-heading .btn{width:100%}.package-catalog-toolbar{align-items:stretch;flex-direction:column;padding:9px}.package-type-filters{width:100%}.package-type-filter{flex:1;justify-content:center;padding:0 7px}.package-catalog-count{padding:0 4px}.package-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.package-card{min-height:172px;padding:14px}.package-card-head h3{font-size:14px}.package-card-actions .badge{position:absolute;right:11px;top:11px}.package-card{position:relative}.package-card-actions .package-menu{display:none}.package-price-row{display:block;margin-top:11px}.package-price-row b{display:block;font-size:19px}.package-price-row span{display:block;margin-top:1px}.package-specs{gap:4px;margin-top:8px}.package-specs span{padding:3px 5px;font-size:8px}.package-card-foot{padding-top:8px}.package-card-foot button{display:inline-flex;min-height:32px;align-items:center;font-size:9px}.package-form-grid,.package-options{grid-template-columns:1fr}.package-options .check-field+ .check-field{margin-top:0}}
@media(max-width:340px){.package-catalog{grid-template-columns:1fr}.package-card{min-height:145px}}

/* Workspace density system: compact, consistent controls and information cards */
.app-layout .app-topbar{height:76px;padding:0 24px}
.app-layout .app-content{min-height:calc(100vh - 76px);padding:24px 24px 44px}
.app-layout .sidebar-brand{height:88px;min-height:88px;margin-bottom:18px;padding:15px 20px}
.app-layout .sidebar-brand img{width:174px}
.app-layout .side-link{min-height:40px;border-radius:9px;font-size:14px}
.app-layout .side-nav{gap:1px}
.app-layout .btn,.modal-root .btn{min-height:38px;padding:0 14px;border-radius:10px;font-size:13px}
.app-layout .icon-button{width:38px;height:38px;border-radius:10px}
.app-layout .theme-toggle{height:38px;border-radius:10px}
.app-layout .page-heading{gap:16px;margin-bottom:19px}
.app-layout .page-heading h2{font-size:27px}
.app-layout .page-heading p{font-size:13px;line-height:1.45}
.app-layout .eyebrow{font-size:10px;letter-spacing:.14em}
.app-layout .metrics{gap:12px;margin-bottom:16px}
.app-layout .metric{padding:16px 17px}
.app-layout .panel-header{padding:16px 18px}
.app-layout .table th,.app-layout .table td{padding:11px 13px}
.app-layout .input,.app-layout .select,.app-layout .textarea{min-height:40px;border-radius:10px}
.app-layout .router-card{min-height:170px;padding:17px;border-radius:15px}
.app-layout .router-stats{margin-top:16px}
.app-layout .router-stat{padding:9px}
.app-layout .settings-card{padding:18px;border-radius:15px}
.app-layout .settings-card p{margin-bottom:15px}
.app-layout .integration-status{padding-top:13px}

/* Compact segmented tabs across packages, customers, payments and support */
.package-catalog-toolbar,.customer-toolbar,.payment-toolbar,.support-toolbar{padding:9px 11px}
.package-type-filters,.customer-filters,.payment-filters,.support-filters{gap:3px;padding:3px;border-radius:10px}
.package-type-filter,.customer-filter,.payment-filter,.support-filter{min-height:29px;padding:0 10px;border-radius:7px;font-size:11px}
.package-type-filter{gap:5px}
.package-type-filter span{min-width:18px;height:18px;font-size:8px}
.customer-search .input,.payment-search .input,.support-search .input{min-height:38px}

/* Package catalogue: smaller cards with a clearer scan rhythm */
.packages-page{gap:14px}
.package-catalog{gap:10px}
.package-card{min-height:145px;padding:14px 15px;border-radius:14px}
.package-card-head h3{font-size:15px}
.package-menu{width:26px;height:26px;border-radius:7px}
.package-price-row{margin-top:9px}
.package-price-row b{font-size:21px}
.package-specs{gap:4px;margin-top:7px}
.package-specs span{padding:3px 6px;font-size:8.5px}
.package-card-foot{padding-top:8px}

/* Summary and ledger cards use the same compact scale */
.overview-page,.customers-page,.payments-page,.support-page{gap:15px}
.overview-stat,.payment-metric{min-height:132px;padding:16px 17px}
.overview-stat .metric-value,.payment-metric .metric-value{margin-top:11px;font-size:25px}
.overview-stat-foot,.payment-metric-foot{padding-top:9px}
.customer-summary,.support-summary{gap:11px}
.customer-summary article,.support-summary article{min-height:78px;padding:13px 14px;border-radius:14px}
.customer-summary-icon,.support-summary-icon{width:34px;height:34px;border-radius:10px}
.customer-summary b,.support-summary b{font-size:20px}
.customer-directory-head,.payment-ledger-head,.support-queue-head{padding:16px 18px}
.customers-table th,.customers-table td,.payments-table th,.payments-table td,.support-table th,.support-table td{padding:11px 13px}
.overview-panel-head{min-height:66px;padding:13px 17px}
.overview-payment-row{min-height:62px;padding:9px 17px}
.overview-network .router-row{min-height:61px;padding:9px 0}

@media(max-width:760px){
  .app-layout .app-topbar{height:64px;padding:0 12px}
  .app-layout .app-content{min-height:calc(100vh - 64px);padding:16px 12px 32px}
  .app-layout .app-topbar h1{font-size:19px}
  .app-layout .icon-button,.app-layout .theme-toggle{width:36px;height:36px}
  .app-layout .top-actions{gap:7px}
  .app-layout .page-heading{align-items:flex-start;gap:11px;margin-bottom:0}
  .app-layout .page-heading h2{font-size:24px;line-height:1.12}
  .app-layout .page-heading p{font-size:12.5px;line-height:1.45}
  .app-layout .btn,.modal-root .btn{min-height:38px;padding:0 13px}
  .overview-heading .btn,.packages-heading .btn{width:auto;align-self:flex-start}

  .overview-page,.customers-page,.payments-page,.support-page,.packages-page{gap:12px}
  .overview-metrics,.payment-metrics,.customer-summary,.support-summary{gap:8px}
  .overview-stat,.payment-metric{min-height:108px;padding:11px 12px}
  .overview-stat-icon,.payment-metric-icon{width:27px;height:27px}
  .overview-stat .metric-label,.payment-metric .metric-label{font-size:10px}
  .overview-stat .metric-value,.payment-metric .metric-value{margin-top:8px;font-size:20px}
  .overview-stat-foot,.payment-metric-foot{display:block;margin-top:auto;padding-top:6px;font-size:9px;line-height:1.25}
  .overview-stat-foot span,.payment-metric-foot span{display:none}
  .customer-summary article,.support-summary article{min-height:68px;gap:8px;padding:9px 10px;border-radius:13px}
  .customer-summary-icon,.support-summary-icon{width:30px;height:30px;border-radius:9px;font-size:13px}
  .customer-summary small,.support-summary small{font-size:9px}
  .customer-summary b,.support-summary b{font-size:18px}

  .customer-directory-head,.payment-ledger-head,.support-queue-head{align-items:center;flex-direction:row;gap:8px;padding:13px;border-radius:13px 13px 0 0}
  .customer-directory-head h3,.payment-ledger-head h3,.support-queue-head h3{font-size:16px}
  .customer-directory-head p,.payment-ledger-head p,.support-queue-head p{font-size:10px;line-height:1.35}
  .customer-count,.payment-count,.support-count{margin-left:auto;padding:5px 8px;font-size:9px}
  .customer-toolbar,.payment-toolbar,.support-toolbar{gap:8px;padding:8px;border-radius:0 0 13px 13px}
  .customer-search .input,.payment-search .input,.support-search .input{min-height:36px;font-size:12px}
  .package-type-filter,.customer-filter,.payment-filter,.support-filter{min-height:28px;padding:0 7px;font-size:10px}

  .package-catalog-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;border-radius:12px}
  .package-type-filters{min-width:0;width:100%}
  .package-catalog-count{padding:0 3px;font-size:9px;white-space:nowrap}
  .package-catalog{gap:7px}
  .package-card{min-height:138px;padding:11px;border-radius:13px}
  .package-card-head h3{font-size:13px;line-height:1.2}
  .package-type{font-size:8px}
  .package-card-actions .badge{right:8px;top:8px;padding:3px 5px;font-size:8px}
  .package-price-row{margin-top:8px}
  .package-price-row b{font-size:17px}
  .package-price-row span{display:none}
  .package-specs{gap:3px;margin-top:6px}
  .package-specs span{padding:2px 4px;font-size:7.5px}
  .package-card-foot{padding-top:6px}
  .package-active{font-size:8px}

  .overview-panel-head{min-height:58px;padding:11px 13px}
  .overview-payment-row{gap:8px 10px;padding:12px 13px}
  .overview-payment-package>small,.overview-payment-status>small,.overview-payment-amount>small{margin-bottom:2px;font-size:7px}
  .overview-network .panel-body{padding:4px 13px 6px}
  .overview-network .router-row{min-height:56px;padding:7px 0}

  .customers-table tbody,.payments-table tbody,.support-table tbody{gap:7px}
  .app-layout .customers-table td,.app-layout .customers-table td:first-child,.app-layout .customers-table td:last-child,
  .app-layout .payments-table td,.app-layout .payments-table td:first-child,.app-layout .payments-table td:last-child,
  .app-layout .support-table td,.app-layout .support-table td:first-child,.app-layout .support-table td:last-child{padding:0}
  .customers-table tbody tr{gap:8px 10px;padding:12px;border-radius:13px}
  .customers-table td:before,.payments-table td:before,.support-table td:before{margin-bottom:2px;font-size:7.5px}
  .customer-identity .customer-cell{gap:8px}
  .customer-identity .avatar{width:30px;height:30px;font-size:10px}
  .customer-identity .customer-cell b{font-size:12px}
  .customer-identity .customer-cell small{font-size:9px}
  .customer-account b,.customer-contact b{font-size:11px}
  .customer-account small,.customer-contact small{display:none}
  .customer-joined{font-size:10px}
  .customer-open,.support-open{width:28px;height:28px;border-radius:8px;font-size:18px}

  .payments-table tbody tr{grid-template-areas:"reference status" "customer amount" "package received";gap:8px 10px;padding:12px;border-radius:13px}
  .payment-reference{grid-area:reference}
  .payment-status{grid-area:status;align-self:start;justify-self:end}
  .payment-customer{grid-area:customer}
  .payment-customer .avatar{display:none}
  .payment-customer .customer-cell b{font-size:12px}
  .payment-customer .customer-cell small{font-size:8px}
  .payment-amount{grid-area:amount;align-self:end}
  .payment-package{grid-area:package;font-size:11px}
  .payment-received{grid-area:received;align-self:end;font-size:9px}
  .payment-amount b{font-size:13px}

  .support-table tbody tr{gap:8px 10px;padding:12px;border-radius:13px}
  .support-ticket{display:flex!important;align-items:flex-start;gap:7px}
  .support-ticket>div:last-child{margin-top:0}
  .support-ticket b{max-width:210px;font-size:11.5px;line-height:1.3}
  .support-ticket small,.support-customer small{display:none}
  .support-ticket-id{padding:3px 5px;font-size:8px}
  .support-customer b{font-size:11px}
  .support-created{font-size:9px}

  .app-layout .network-grid,.app-layout .dashboard-grid,.app-layout .report-grid,.app-layout .settings-grid{gap:10px}
  .app-layout .router-card{min-height:150px;padding:14px}
  .app-layout .router-card h3{font-size:16px}
  .app-layout .router-stats{gap:6px;margin-top:13px}
  .app-layout .router-stat{padding:8px;font-size:11px}
  .app-layout .settings-card{padding:15px}
  .app-layout .settings-card p{margin-bottom:11px;font-size:12px}
  .customer-directory-foot,.payment-ledger-foot,.support-queue-foot{padding-top:9px;font-size:9px}
}

@media(max-width:470px){
  .hotspot-checkout{padding:22px 16px}
  .checkout-top{margin-bottom:18px}
  .checkout-heading h2{font-size:26px}
  .package-grid{gap:7px;margin:16px 0}
  .package-option{min-height:96px;padding:10px;border-radius:13px}
  .package-option.selected{padding:9px}
  .package-option strong{margin-bottom:5px;font-size:13px}
  .package-option b{font-size:20px}
  .package-option small{font-size:10px}
  .popular{margin-bottom:4px;padding:3px 5px;font-size:8px}
  .pay-button{min-height:48px;border-radius:12px}
}

/* ISP self-registration */
.isp-signup-page{min-height:100vh;background:#f5f4ee}.signup-header{display:flex;height:78px;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #dedbd1;background:rgba(255,254,249,.94);backdrop-filter:blur(16px)}.signup-header>a{width:188px}.signup-header>div{display:flex;align-items:center;gap:14px;color:#656870;font-size:13px}.signup-shell{display:grid;grid-template-columns:minmax(390px,.85fr) minmax(560px,1.15fr);width:min(1240px,calc(100% - 40px));margin:0 auto;padding:48px 0 70px;gap:56px;align-items:start}.signup-story{position:sticky;top:120px;padding:48px 46px;border-radius:28px;background:radial-gradient(circle at 100% 0,rgba(255,212,0,.2),transparent 38%),#11151b;color:white;box-shadow:0 25px 70px rgba(20,23,29,.18)}.signup-story h1{margin:13px 0 18px;font-size:52px;line-height:1;letter-spacing:-.055em}.signup-story h1 span{color:var(--yellow)}.signup-story>p{max-width:500px;color:#b7bec7;font-size:16px}.signup-benefits{display:grid;gap:20px;margin:37px 0}.signup-benefits article{display:grid;grid-template-columns:34px 1fr;gap:13px}.signup-benefits i{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;background:var(--yellow);color:#171a1f;font-style:normal;font-weight:800}.signup-benefits b,.signup-benefits span{display:block}.signup-benefits span{margin-top:3px;color:#98a2ae;font-size:12px}.signup-trust{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;border-top:1px solid #2c333d}.signup-trust span{padding:7px 9px;border-radius:8px;background:#1a2029;color:#c6cbd2;font-size:10px}.signup-card{padding:34px;border:1px solid #dfdcd2;border-radius:28px;background:white;box-shadow:0 18px 50px rgba(26,29,35,.08)}.signup-progress{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;width:150px;margin-bottom:25px}.signup-progress span{display:grid;width:32px;height:32px;place-items:center;border:1px solid #d7d3c8;border-radius:50%;color:#85878c;font-size:12px;font-weight:800}.signup-progress span.active,.signup-progress span.done{border-color:var(--yellow);background:var(--yellow);color:#171a1f}.signup-progress i{height:2px;background:#dedbd1}.signup-progress i.done{background:var(--yellow)}.signup-card-head small{color:#8a8d93;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.signup-card-head h2{margin:4px 0 5px;font-size:30px;letter-spacing:-.04em}.signup-card-head p{margin:0;color:#6d7077}.signup-form{display:grid;gap:16px;margin-top:25px}.slug-input{display:grid;grid-template-columns:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:12px}.slug-input span{display:flex;align-items:center;padding:0 11px;background:#f4f3ee;color:#72757c;font-size:12px}.slug-input input{min-width:0;min-height:47px;padding:0 11px;border:0;outline:0}.plan-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 0;padding:0;border:0}.plan-selector legend{margin-bottom:8px;font-weight:650}.plan-selector label{position:relative;cursor:pointer}.plan-selector input{position:absolute;opacity:0}.plan-selector label>span{display:block;min-height:76px;padding:12px;border:1px solid var(--line);border-radius:12px}.plan-selector input:checked+span{border:2px solid #1b1e24;padding:11px;background:#fffbe2}.plan-selector b,.plan-selector small{display:block}.plan-selector small{margin-top:3px;color:var(--muted);font-size:10px}.plan-selector em{position:absolute;right:7px;top:-7px;padding:3px 6px;border-radius:999px;background:var(--yellow);font-size:8px;font-style:normal;font-weight:800}.signup-divider{display:flex;align-items:center;gap:12px;margin:6px 0;color:#777a81;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.signup-divider:after{content:"";height:1px;flex:1;background:var(--line)}.signup-submit{min-height:52px}.signup-terms{color:#85878d;text-align:center}.auth-switch{margin:20px 0 0!important;padding-top:18px;border-top:1px solid var(--line);text-align:center}.auth-switch a{font-weight:750;text-decoration:underline}.verify-icon{display:grid;width:60px;height:60px;margin:35px auto 18px;place-items:center;border-radius:18px;background:var(--yellow);font-size:25px}.verify-head{text-align:center}.demo-code{display:grid;gap:2px;margin:22px 0;padding:15px;border:1px dashed #c9a800;border-radius:13px;background:#fffae2;text-align:center}.demo-code small{color:#7f6c0d}.demo-code b{font-size:25px;letter-spacing:.2em}.verify-code{text-align:center;font-size:24px;font-weight:800;letter-spacing:.22em}.verify-back{display:block;margin:18px auto 0;border:0;background:none}.safe-config{display:grid;grid-template-columns:34px 1fr;gap:11px;margin-bottom:20px;padding:13px;border-radius:12px;background:#fff8cc}.safe-config>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:var(--yellow);font-weight:800}.safe-config p{margin:0;color:#4d4b40;font-size:12px}.color-input{padding:6px}.text-button{padding:0;border:0;background:none;color:var(--yellow);font-weight:700}

/* Guided workspace, team and plan */
.onboarding-page,.team-page,.account-page{display:grid;gap:18px}.onboarding-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 30px;border:1px solid var(--ops-line);border-radius:21px;background:linear-gradient(130deg,#18212c,#121a24);box-shadow:0 15px 35px rgba(0,0,0,.16)}.onboarding-hero h2{max-width:750px;margin:7px 0 8px;font-size:30px;line-height:1.1;letter-spacing:-.04em}.onboarding-hero p{margin:0;color:var(--ops-muted)}.onboarding-score{display:grid;width:125px;height:110px;flex:0 0 auto;place-content:center;border:1px solid #3a4350;border-radius:18px;background:#0d131a;text-align:center}.onboarding-score b{color:var(--yellow);font-size:34px}.onboarding-score b span{font-size:15px}.onboarding-score small{color:var(--ops-muted);font-size:9px}.onboarding-progress{height:7px;overflow:hidden;border-radius:999px;background:#25303d}.onboarding-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ddb500,var(--yellow))}.onboarding-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.setup-checklist{overflow:hidden;border:1px solid var(--ops-line);border-radius:18px;background:var(--ops-panel)}.setup-item{display:grid;grid-template-columns:30px 38px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:91px;padding:15px 18px;border-bottom:1px solid var(--ops-line)}.setup-number,.setup-icon{display:grid;place-items:center}.setup-number{width:27px;height:27px;border:1px solid #44505f;border-radius:50%;color:#a8b1bd;font-size:11px;font-weight:800}.setup-icon{width:36px;height:36px;border-radius:10px;background:#232e3a;color:var(--yellow);font-weight:800}.setup-copy h3{margin:0 0 3px;font-size:14px}.setup-copy p{margin:0;color:var(--ops-muted);font-size:11px}.setup-item.complete .setup-number{border-color:#1f9664;background:#15392d;color:#6ce2ae}.setup-item.complete .setup-copy h3{color:#a9b2bc}.setup-item .btn{min-height:35px;padding:0 12px;font-size:10px}.setup-finish{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;background:#0e151d}.setup-finish b,.setup-finish span{display:block}.setup-finish span{color:var(--ops-muted);font-size:10px}.setup-aside{display:grid;align-content:start;gap:13px}.trial-card,.setup-help{padding:20px;border:1px solid var(--ops-line);border-radius:17px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel))}.trial-card small,.trial-card b,.trial-card span{display:block}.trial-card small{color:var(--yellow);text-transform:uppercase}.trial-card b{margin-top:18px;font-size:22px}.trial-card span{color:var(--ops-muted);font-size:10px}.trial-card a{display:inline-block;margin-top:22px;color:var(--yellow);font-size:11px;font-weight:700}.setup-help>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#25303d;color:var(--yellow);font-weight:800}.setup-help h3{margin:14px 0 5px}.setup-help p{margin:0 0 16px;color:var(--ops-muted);font-size:11px}.team-role-strip,.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.team-role-strip{grid-template-columns:repeat(3,1fr)}.team-role-strip article,.usage-grid article{padding:17px;border:1px solid var(--ops-line);border-radius:15px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel))}.team-role-strip b,.team-role-strip span,.usage-grid small,.usage-grid b,.usage-grid em{display:block}.team-role-strip b{font-size:24px}.team-role-strip span,.usage-grid small,.usage-grid em{color:var(--ops-muted);font-size:10px}.team-directory{overflow:hidden}.team-list{display:grid}.team-list article{display:grid;grid-template-columns:38px minmax(0,1fr) 110px 80px;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--ops-line)}.team-list article:last-child{border-bottom:0}.team-list b,.team-list small{display:block}.team-list small{color:var(--ops-muted);font-size:10px}.role-pill{width:max-content;padding:5px 8px;border-radius:999px;background:#25303d;color:#c3cbd4;font-size:10px;text-transform:capitalize}.member-state{color:#69d9a8;font-size:10px}.member-state.pending{color:#ffc675}.role-guide{padding:17px;border:1px solid var(--ops-line);border-radius:15px;background:var(--ops-panel)}.role-guide h3{margin:0 0 12px}.role-guide>div{display:flex;flex-wrap:wrap;gap:9px}.role-guide span{padding:8px 10px;border-radius:9px;background:#202a36;color:var(--ops-muted);font-size:10px}.current-plan{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;border:1px solid #665a1d;border-radius:19px;background:radial-gradient(circle at 100%,rgba(255,212,0,.15),transparent 40%),#171a1c}.current-plan small,.current-plan span{color:var(--ops-muted)}.current-plan h3{margin:5px 0 2px;color:var(--yellow);font-size:30px}.current-plan p{margin:0 0 10px}.usage-grid article>span{display:grid;width:32px;height:32px;place-items:center;margin-bottom:14px;border-radius:10px;background:#26303b;color:var(--yellow)}.usage-grid b{margin:4px 0;font-size:25px}.usage-grid em{font-style:normal}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan-grid article{position:relative;padding:22px;border:1px solid var(--ops-line);border-radius:17px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel))}.plan-grid article.featured{border-color:#75661b}.plan-grid article>em{position:absolute;right:13px;top:13px;padding:4px 7px;border-radius:999px;background:var(--yellow);color:#171a1f;font-size:8px;font-style:normal;font-weight:800}.plan-grid small{color:var(--ops-muted)}.plan-grid h3{margin:16px 0 7px;font-size:21px}.plan-grid p{min-height:52px;color:var(--ops-muted);font-size:11px}
.app-layout.theme-light .onboarding-hero,.app-layout.theme-light .team-role-strip article,.app-layout.theme-light .usage-grid article,.app-layout.theme-light .trial-card,.app-layout.theme-light .setup-help,.app-layout.theme-light .plan-grid article{background:linear-gradient(145deg,#fff,#f8fafb);box-shadow:0 8px 22px rgba(28,37,47,.05)}.app-layout.theme-light .onboarding-hero h2,.app-layout.theme-light .setup-copy h3{color:#18202a}.app-layout.theme-light .onboarding-score{border-color:#d8dee5;background:#f5f7f8}.app-layout.theme-light .setup-checklist,.app-layout.theme-light .role-guide{background:#fff}.app-layout.theme-light .setup-icon,.app-layout.theme-light .role-guide span,.app-layout.theme-light .role-pill,.app-layout.theme-light .usage-grid article>span{background:#edf1f4;color:#6c5900}.app-layout.theme-light .setup-finish{background:#f7f9fb}.app-layout.theme-light .current-plan{border-color:#e3d16d;background:radial-gradient(circle at 100%,rgba(242,198,0,.18),transparent 42%),#fff}.app-layout.theme-light .current-plan h3{color:#8b7100}.app-layout.theme-light .text-button{color:#6c5900}

/* FinchPulse platform administration */
.platform-page{min-height:100vh;background:#0a0e14;color:#f3f6fa}.platform-header{display:flex;height:76px;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid #28303b;background:#10161e}.platform-header>a{width:185px;padding:8px 10px;border-radius:11px;background:white}.platform-header>div{display:flex;align-items:center;gap:14px}.platform-role{color:#9ba5b2;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.platform-header .btn{border-color:#34404e;background:#17202a;color:white}.platform-main{width:min(1240px,calc(100% - 40px));margin:auto;padding:40px 0 70px}.platform-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.platform-heading h1{margin:5px 0;font-size:37px}.platform-heading p{margin:0;color:#9ba5b2}.platform-live{display:flex;align-items:center;gap:8px;color:#9ba5b2;font-size:11px}.platform-live i{width:8px;height:8px;border-radius:50%;background:#29c484;box-shadow:0 0 0 5px rgba(41,196,132,.12)}.platform-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:27px 0 19px}.platform-metrics article{padding:19px;border:1px solid #2c3745;border-radius:16px;background:linear-gradient(145deg,#18212c,#121a24)}.platform-metrics small,.platform-metrics b,.platform-metrics span{display:block}.platform-metrics small,.platform-metrics span{color:#96a1af}.platform-metrics b{margin:9px 0 5px;font-size:29px}.platform-metrics span{font-size:10px}.platform-directory{overflow:hidden;border-color:#2c3745;background:#121a24;color:#eef2f6}.platform-directory .panel-header{border-color:#2c3745}.platform-directory .panel-header p{margin:2px 0 0;color:#96a1af;font-size:11px}.platform-table th,.platform-table td{border-color:#2c3745}.platform-table th{color:#8f9aa8}.platform-table small{display:block;color:#8f9aa8}.platform-table .select{min-height:36px;border-color:#3a4655;background:#0e151d;color:white}.mini-progress{width:100px;height:5px;margin-bottom:5px;overflow:hidden;border-radius:999px;background:#2b3541}.mini-progress span{display:block;height:100%;background:var(--yellow)}
.platform-auth .auth-art{background:radial-gradient(circle at 80% 35%,rgba(255,212,0,.12),transparent 30%),#0a0e14}.platform-auth .auth-art h1{max-width:690px}.platform-auth-note{max-width:430px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.04)}.platform-auth-note p{margin:4px 0 0;color:#aab2bd}.platform-lock{display:grid;width:46px;height:46px;margin-bottom:20px;place-items:center;border-radius:13px;background:#121923;color:var(--yellow);box-shadow:inset 0 0 0 1px #2d3744}.restricted-note{display:grid;grid-template-columns:30px 1fr;gap:10px;margin-top:18px;padding:13px;border:1px solid #dfe2e5;border-radius:12px;background:#f6f7f8}.restricted-note>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#171d25;color:var(--yellow);font-size:10px}.restricted-note p{margin:0;color:#606a76;font-size:11px}.restricted-note b{color:#252d36}

/* Super-admin command centre */
.platform-page{--platform-bg:#070b10;--platform-panel:#111821;--platform-panel-2:#151e29;--platform-line:#27313d;--platform-muted:#8e99a8;--platform-text:#f2f5f8;min-height:100vh;background:radial-gradient(circle at 82% -10%,rgba(246,204,0,.09),transparent 27%),var(--platform-bg);color:var(--platform-text)}
.platform-sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:236px;padding:19px 14px;border-right:1px solid #202a35;background:linear-gradient(180deg,#0d131a,#090e14);color:#acb5c1}.platform-brand{display:grid;height:68px;place-items:center;padding:8px 12px;border:1px solid #2a333e;border-radius:14px;background:#fff}.platform-brand img{width:100%}.platform-side-label{margin:28px 11px 8px;color:#65717f;font-size:9px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.platform-nav{display:grid;gap:4px}.platform-nav a{display:flex;min-height:43px;align-items:center;gap:11px;padding:0 11px;border-radius:10px;color:#a5afbb;font-size:12px;font-weight:650;transition:.16s}.platform-nav a:hover{background:#151e29;color:#fff}.platform-nav a.active{background:linear-gradient(90deg,#f3c700,#ffdc3b);color:#171a1f;box-shadow:0 10px 24px rgba(246,204,0,.14)}.platform-nav a>span{display:grid;width:22px;place-items:center;font-size:15px}.platform-nav em{display:grid;min-width:20px;height:20px;margin-left:auto;place-items:center;padding:0 5px;border-radius:999px;background:#202a35;color:#aab5c1;font-size:8px;font-style:normal}.platform-nav a.active em{background:rgba(17,19,24,.12);color:#171a1f}.platform-nav em.attention{background:#4a2528;color:#ff9da2}.platform-sidebar-bottom{position:absolute;right:14px;bottom:17px;left:14px;padding-top:15px;border-top:1px solid #222c37}.platform-admin{display:flex;align-items:center;gap:10px;padding:0 5px 12px}.platform-admin>span,.platform-profile{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--yellow);color:#1a1d20;font-size:10px;font-weight:800}.platform-admin b,.platform-admin small{display:block}.platform-admin b{overflow:hidden;color:#eef2f5;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.platform-admin small{margin-top:2px;color:#717d8b;font-size:8px}.platform-sidebar-bottom>button{width:100%;min-height:37px;border:0;border-radius:9px;background:transparent;color:#8995a3;text-align:left;font-size:10px}.platform-sidebar-bottom>button:hover{background:#151e29;color:#fff}
.platform-workspace{min-width:0;margin-left:236px}.platform-topbar{position:sticky;z-index:25;top:0;display:flex;height:76px;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid rgba(39,49,61,.9);background:rgba(7,11,16,.91);backdrop-filter:blur(18px)}.platform-topbar>div{display:flex;align-items:center;gap:12px}.platform-topbar>div>div>span,.platform-topbar>div>div>b{display:block}.platform-topbar>div>div>span{color:#667280;font-size:8px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.platform-topbar>div>div>b{margin-top:1px;font-size:16px}.platform-menu{display:none;width:38px;height:38px;border:1px solid #303a47;border-radius:10px;background:#151d27;color:#fff}.platform-top-actions{gap:9px!important}.platform-live{display:flex;align-items:center;gap:7px;margin-right:6px;color:#8e99a7;font-size:10px}.platform-live i{width:7px;height:7px;border-radius:50%;background:#27c584;box-shadow:0 0 0 4px rgba(39,197,132,.12)}.platform-notification{position:relative;display:grid;width:38px;height:38px;place-items:center;border:1px solid #303a47;border-radius:10px;background:#151d27;color:#c6ced7}.platform-notification em{position:absolute;right:-4px;top:-4px;display:grid;min-width:17px;height:17px;place-items:center;border-radius:999px;background:#f0c400;color:#171a1f;font-size:8px;font-style:normal;font-weight:800}.platform-profile{width:38px;height:38px}.platform-content{min-height:calc(100vh - 76px);padding:28px 28px 55px}.platform-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:22px}.platform-welcome .eyebrow{color:#778392}.platform-welcome h1{margin:5px 0 4px;font-size:31px;line-height:1.08;letter-spacing:-.04em}.platform-welcome p{margin:0;color:var(--platform-muted);font-size:12px}.platform-welcome-actions{display:flex;gap:8px}.platform-primary,.platform-secondary{display:inline-flex;min-height:40px;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;font-size:10px;font-weight:750}.platform-primary{background:var(--yellow);color:#171a1f;box-shadow:0 8px 20px rgba(246,204,0,.14)}.platform-secondary{border:1px solid #303b48;background:#141c26;color:#c6ced7}
.platform-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 16px}.platform-metrics .platform-metric{display:flex;min-height:143px;flex-direction:column;padding:16px 17px;border:1px solid var(--platform-line);border-radius:15px;background:linear-gradient(145deg,var(--platform-panel-2),var(--platform-panel));box-shadow:0 14px 35px rgba(0,0,0,.16)}.platform-metric>div{display:flex;align-items:center;gap:9px}.platform-metric-icon{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;font-size:13px;font-weight:800}.platform-metric>div small{color:#a6b0bc;font-size:10px;font-weight:650}.platform-metric>b{display:block;margin:13px 0 11px;font-size:27px;line-height:1;letter-spacing:-.035em}.platform-metric>b small{color:#9aa5b2;font-size:10px;font-weight:650}.platform-metric footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--platform-line);color:#7e8a98;font-size:8.5px}.platform-metric footer strong{font-weight:750}.metric-isps .platform-metric-icon{background:#192f47;color:#8cc8ff}.metric-isps footer strong{color:#8cc8ff}.metric-active .platform-metric-icon{background:#12372d;color:#71e5b6}.metric-active footer strong{color:#71e5b6}.metric-trials .platform-metric-icon{background:#3d3512;color:#ffe16a}.metric-trials footer strong{color:#ffe16a}.metric-footprint .platform-metric-icon{background:#382a45;color:#d3a8ff}.metric-footprint footer strong{color:#d3a8ff}
.platform-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.55fr);align-items:start;gap:16px}.platform-directory,.platform-health-card,.platform-plan-card{overflow:hidden;border:1px solid var(--platform-line);border-radius:16px;background:linear-gradient(145deg,var(--platform-panel-2),var(--platform-panel));box-shadow:0 14px 35px rgba(0,0,0,.14)}.platform-section-head,.platform-health-card>header,.platform-plan-card>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px}.platform-section-head>div,.platform-health-card>header>div,.platform-plan-card>header>div{display:flex;align-items:center;gap:10px}.platform-section-icon{display:grid;width:33px;height:33px;flex:0 0 auto;place-items:center;border-radius:10px;background:#202b37;color:var(--yellow);font-weight:800}.platform-section-head h2,.platform-health-card h3,.platform-plan-card h3{margin:0 0 2px;font-size:14px}.platform-section-head p,.platform-health-card header p,.platform-plan-card header p{margin:0;color:var(--platform-muted);font-size:9px}.platform-result-count{padding:5px 8px;border-radius:999px;background:#202a35;color:#aeb8c4;font-size:8px;font-weight:700}.platform-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid var(--platform-line);border-bottom:1px solid var(--platform-line);background:#0e151d}.platform-search{position:relative;width:min(310px,100%)}.platform-search>span{position:absolute;left:11px;top:8px;color:#73808e}.platform-search input{width:100%;height:34px;padding:0 11px 0 31px;border:1px solid #2d3845;border-radius:9px;outline:0;background:#111923;color:#edf1f5;font-size:10px}.platform-search input:focus{border-color:#b89500;box-shadow:0 0 0 3px rgba(246,204,0,.1)}.platform-filters{display:flex;gap:3px;padding:3px;border:1px solid #2a3541;border-radius:9px;background:#151e28}.platform-filters button{min-height:27px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#8f9ba9;font-size:8.5px;font-weight:700}.platform-filters button:hover{color:#fff}.platform-filters button.active{background:var(--yellow);color:#171a1f}.platform-table-wrap{overflow:auto}.platform-table{width:100%;border-collapse:collapse}.platform-table th,.platform-table td{padding:11px 13px;border-bottom:1px solid var(--platform-line);text-align:left;white-space:nowrap}.platform-table th{color:#778391;font-size:8px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.platform-table tbody tr{transition:background .16s}.platform-table tbody tr:hover{background:#18232e}.platform-table tbody tr:last-child td{border-bottom:0}.platform-tenant{display:flex;align-items:center;gap:9px}.platform-tenant-avatar{display:grid;width:33px;height:33px;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--tenant-colour) 55%,#4a5360);border-radius:10px;background:color-mix(in srgb,var(--tenant-colour) 14%,#18202a);color:var(--tenant-colour);font-size:9px;font-weight:800}.platform-tenant b,.platform-tenant small,.platform-table td>small{display:block}.platform-tenant b{font-size:10.5px}.platform-tenant small,.platform-table td>small{margin-top:2px;color:#7f8a98;font-size:8px}.platform-plan{display:inline-flex;padding:4px 6px;border-radius:6px;background:#272f18;color:#f7da4a;font-size:8px;font-weight:750;text-transform:capitalize}.platform-adoption{display:flex;align-items:baseline;gap:4px}.platform-adoption b{font-size:13px}.platform-adoption span{color:#a0aab6;font-size:8px}.platform-onboarding{display:flex;min-width:125px;align-items:center;gap:10px}.platform-onboarding>span b,.platform-onboarding>span small{display:block}.platform-onboarding>span b{font-size:9px}.platform-onboarding>span small{color:#7f8a98;font-size:7px}.mini-progress{width:66px;height:5px;margin:0;overflow:hidden;border-radius:999px;background:#2b3541}.mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#caa500,#ffdc3b)}.tenant-status-select{min-width:94px;height:31px;padding:0 26px 0 9px;border:1px solid #354150;border-radius:8px;outline:0;background:#111821;color:#dce2e8;font-size:8px;font-weight:750;text-transform:capitalize}.tenant-status-select.status-active{border-color:#245a46;color:#71e5b6}.tenant-status-select.status-trial{border-color:#645718;color:#ffe16a}.tenant-status-select.status-review{border-color:#69451e;color:#ffc675}.tenant-status-select.status-suspended{border-color:#653139;color:#ff9ba1}.platform-empty{padding:35px;text-align:center}.platform-empty>span{display:grid;width:38px;height:38px;margin:0 auto 9px;place-items:center;border-radius:10px;background:#202a35;color:var(--yellow)}.platform-empty b{display:block}.platform-empty p{margin:3px 0 0;color:var(--platform-muted);font-size:10px}
.platform-insights{display:grid;align-content:start;gap:13px}.health-score{padding:5px 7px;border-radius:999px;background:#12372d;color:#70e1b2;font-size:8px;font-weight:800}.health-list{display:grid;padding:0 16px}.health-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid var(--platform-line);font-size:8.5px}.health-list span{display:flex;align-items:center;gap:7px;color:#a9b2be}.health-list i{width:6px;height:6px;border-radius:50%;background:#2bc788;box-shadow:0 0 0 3px rgba(43,199,136,.1)}.health-list i.demo{background:#f0c400;box-shadow:0 0 0 3px rgba(240,196,0,.1)}.health-list b{color:#6edfaf;font-size:8px}.health-list b.demo{color:#f0ce3c}.platform-health-card>footer,.platform-plan-card>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid var(--platform-line);background:#0e151d;color:#7f8b98;font-size:8px}.platform-health-card>footer b,.platform-plan-card>footer b{color:#b8c1cb}.plan-mix-row{display:grid;grid-template-columns:68px minmax(60px,1fr) 28px;align-items:center;gap:8px;padding:9px 16px}.plan-mix-row>span b,.plan-mix-row>span small{display:block}.plan-mix-row>span b{font-size:8.5px}.plan-mix-row>span small{color:#7f8a98;font-size:7px}.plan-mix-row>div{height:5px;overflow:hidden;border-radius:999px;background:#293440}.plan-mix-row>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c7a400,#ffda30)}.plan-mix-row>strong{color:#aab4c0;font-size:8px;text-align:right}

.platform-nav button{display:flex;width:100%;min-height:43px;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:#a5afbb;font:inherit;font-size:12px;font-weight:650;text-align:left;cursor:pointer;transition:background .16s,color .16s,transform .16s}.platform-nav button:hover{background:#151e29;color:#fff}.platform-nav button:active{transform:translateY(1px)}.platform-nav button.active{background:linear-gradient(90deg,#f3c700,#ffdc3b);color:#171a1f;box-shadow:0 10px 24px rgba(246,204,0,.14)}.platform-nav button>span{display:grid;width:22px;place-items:center;font-size:15px}.platform-nav button.active em{background:rgba(17,19,24,.12);color:#171a1f}.platform-nav button.active em.attention{background:#502c22;color:#fff0c7}
.platform-account-wrap{position:relative}.platform-profile{border:0;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.platform-profile:hover{box-shadow:0 0 0 3px rgba(246,204,0,.17)}.platform-account-menu{position:absolute;z-index:60;right:0;top:48px;display:grid;width:220px;padding:15px;border:1px solid #303b48;border-radius:13px;background:#151d27;box-shadow:0 20px 50px rgba(0,0,0,.42)}.platform-account-menu b{font-size:12px}.platform-account-menu small{margin-top:3px;color:#8995a3;font-size:9px}.platform-account-menu>span{margin:13px 0 10px;padding-top:11px;border-top:1px solid #2b3541;color:#f1ce36;font-size:8px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.platform-account-menu button{min-height:35px;border:1px solid #374351;border-radius:8px;background:#101720;color:#dce3ea;font-size:10px;text-align:center}.platform-account-menu button:hover{border-color:#635a27;color:#ffe15b}.platform-notification,.platform-menu,.platform-primary,.platform-secondary{cursor:pointer}.platform-notification:hover,.platform-menu:hover,.platform-secondary:hover{border-color:#596674;color:#fff}.platform-primary:hover{filter:brightness(1.06)}.platform-secondary:disabled{cursor:wait;opacity:.7}
.platform-view-workspaces .platform-dashboard-grid{grid-template-columns:minmax(0,1fr)}.platform-view-workspaces .platform-directory{min-height:430px}.platform-special-view{overflow:hidden;border:1px solid var(--platform-line);border-radius:17px;background:linear-gradient(145deg,var(--platform-panel-2),var(--platform-panel));box-shadow:0 14px 35px rgba(0,0,0,.14)}.platform-special-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--platform-line)}.platform-special-head>div{display:flex;align-items:center;gap:11px}.platform-special-head h2{margin:0 0 3px;font-size:15px}.platform-special-head p{margin:0;color:var(--platform-muted);font-size:10px}.platform-special-head>span{padding:6px 9px;border-radius:999px;background:#202a35;color:#bac4cf;font-size:9px;font-weight:750}
.platform-trial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:16px}.platform-trial-grid>article{padding:17px;border:1px solid #2b3744;border-radius:14px;background:#0e151d}.trial-tenant-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.trial-tenant-head h3{margin:0 0 2px;font-size:12px}.trial-tenant-head p{margin:0;color:#8793a1;font-size:8.5px}.trial-progress-copy{display:flex;justify-content:space-between;margin:20px 0 7px;color:#8e9aa8;font-size:8.5px}.trial-progress-copy b{color:#dce3e9}.trial-progress{height:6px;overflow:hidden;border-radius:999px;background:#293440}.trial-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#caa500,#ffdc3b)}.platform-trial-grid dl{display:grid;grid-template-columns:repeat(3,1fr);margin:17px 0 15px;padding:12px 0;border-top:1px solid #27313d;border-bottom:1px solid #27313d}.platform-trial-grid dl>div{padding:0 8px;border-right:1px solid #27313d}.platform-trial-grid dl>div:first-child{padding-left:0}.platform-trial-grid dl>div:last-child{padding-right:0;border-right:0}.platform-trial-grid dt{color:#7f8b98;font-size:7.5px}.platform-trial-grid dd{margin:4px 0 0;color:#e8edf1;font-size:9px;font-weight:700}.platform-trial-grid>article>button{width:100%;min-height:36px;border:1px solid #554c20;border-radius:9px;background:#221e0f;color:#f7d73e;font-size:9px;font-weight:750}.platform-trial-grid>article>button:hover{background:#2d2710}.platform-zero-state{padding:64px 20px;text-align:center}.platform-zero-state>span{display:grid;width:44px;height:44px;margin:0 auto 12px;place-items:center;border-radius:13px;background:#12372d;color:#71e5b6}.platform-zero-state h3{margin:0 0 5px;font-size:15px}.platform-zero-state p{margin:0;color:var(--platform-muted);font-size:10px}
.platform-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.platform-service-grid article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:15px;border:1px solid #2b3744;border-radius:14px;background:#0e151d}.platform-service-grid article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#1a2d29;color:#75e4b8;font-size:12px;font-weight:800}.platform-service-grid h3{margin:1px 0 3px;font-size:11px}.platform-service-grid p{margin:0;color:#84909d;font-size:8px;line-height:1.45}.platform-service-grid article>b{grid-column:1/3;display:flex;align-items:center;gap:6px;margin-top:5px;padding-top:10px;border-top:1px solid #27313d;color:#70dfb1;font-size:8px}.platform-service-grid article>b i{width:6px;height:6px;border-radius:50%;background:#2bc788}.platform-service-grid article>b.demo{color:#f0ce3c}.platform-service-grid article>b.demo i{background:#f0c400}.platform-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 16px}.platform-security-grid>article{padding:18px;border:1px solid #2b3744;border-radius:14px;background:#0e151d}.platform-security-grid h3{margin:0 0 13px;font-size:12px}.platform-security-grid>article:first-child>div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #27313d;color:#9ca7b4;font-size:9px}.platform-security-grid>article:first-child>div b{color:#72dfb2}.platform-security-grid p{min-height:42px;margin:0 0 18px;color:#929eab;font-size:9px;line-height:1.6}.readiness-meter{height:7px;overflow:hidden;border-radius:999px;background:#293440}.readiness-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#caa500,#ffdc3b)}.platform-security-grid footer{display:flex;justify-content:space-between;margin-top:8px;color:#8995a2;font-size:8px}.platform-security-grid footer b{color:#f4d439}

@media(max-width:1100px){.platform-dashboard-grid{grid-template-columns:1fr}.platform-insights{grid-template-columns:1fr 1fr}.platform-table{min-width:720px}.platform-trial-grid{grid-template-columns:1fr 1fr}.platform-service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.platform-sidebar{transform:translateX(-100%);transition:transform .2s}.platform-sidebar.open{transform:translateX(0);box-shadow:25px 0 60px rgba(0,0,0,.45)}.platform-workspace{margin-left:0}.platform-menu{display:grid;place-items:center}.platform-content{padding:22px 16px 45px}.platform-metrics{grid-template-columns:1fr 1fr}.platform-welcome{align-items:flex-start;flex-direction:column}.platform-welcome-actions{width:100%}.platform-welcome-actions>*{flex:1}.platform-live{display:none}}
@media(max-width:560px){.platform-topbar{height:66px;padding:0 12px}.platform-top-actions{gap:6px!important}.platform-profile{display:grid}.platform-content{min-height:calc(100vh - 66px);padding:18px 11px 36px}.platform-welcome{gap:15px;margin-bottom:16px}.platform-welcome h1{font-size:25px}.platform-welcome p{font-size:10px}.platform-welcome-actions{display:grid;grid-template-columns:1fr 1fr}.platform-primary,.platform-secondary{padding:0 8px}.platform-metrics{gap:8px}.platform-metrics .platform-metric{min-height:123px;padding:13px}.platform-metric>div{align-items:flex-start;gap:7px}.platform-metric-icon{width:27px;height:27px}.platform-metric>div small{font-size:8.5px}.platform-metric>b{margin:11px 0 8px;font-size:22px}.platform-metric footer{display:block;padding-top:8px}.platform-metric footer span{display:none}.platform-dashboard-grid{gap:11px}.platform-section-head{padding:13px}.platform-toolbar{align-items:stretch;flex-direction:column}.platform-search{width:100%}.platform-filters{overflow:auto}.platform-filters button{min-width:max-content}.platform-insights{grid-template-columns:1fr}.platform-table-wrap{max-width:100%}.platform-table{min-width:680px}.platform-special-head{align-items:flex-start;padding:14px}.platform-special-head>span{white-space:nowrap}.platform-trial-grid,.platform-service-grid,.platform-security-grid{grid-template-columns:1fr;padding:11px}.platform-security-grid{padding-top:0}.platform-account-menu{position:fixed;right:11px;top:58px}.platform-topbar>div>div>span{display:none}}

@media(max-width:980px){.signup-shell{grid-template-columns:1fr;gap:24px}.signup-story{position:static;padding:35px}.signup-story h1{max-width:680px}.onboarding-layout{grid-template-columns:1fr}.setup-aside{grid-template-columns:1fr 1fr}.platform-metrics{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.plan-grid p{min-height:0}}
@media(max-width:760px){.signup-header{height:68px;padding:0 15px}.signup-header>a{width:160px}.signup-header>div>span{display:none}.signup-shell{width:min(100% - 24px,620px);padding:20px 0 40px}.signup-story{padding:25px;border-radius:20px}.signup-story h1{font-size:38px}.signup-benefits{margin:27px 0}.signup-card{padding:22px 17px;border-radius:20px}.signup-card-head h2{font-size:25px}.plan-selector{grid-template-columns:1fr}.plan-selector label>span{min-height:60px}.onboarding-hero{align-items:flex-start;padding:20px}.onboarding-hero h2{font-size:24px}.onboarding-score{width:90px;height:88px}.setup-item{grid-template-columns:28px 34px minmax(0,1fr);gap:8px;padding:13px}.setup-item>.btn{grid-column:2/4;width:100%}.setup-finish{align-items:flex-start;flex-direction:column}.setup-finish .btn{width:100%}.setup-aside{grid-template-columns:1fr}.team-role-strip,.usage-grid{grid-template-columns:1fr 1fr}.team-list article{grid-template-columns:34px minmax(0,1fr) auto}.team-list .member-state{display:none}.current-plan{align-items:flex-start;flex-direction:column}.plan-grid{grid-template-columns:1fr}.platform-header{padding:0 15px}.platform-role{display:none}.platform-main{width:min(100% - 24px,680px);padding-top:25px}.platform-heading{align-items:flex-start;flex-direction:column}.platform-metrics{grid-template-columns:1fr 1fr}.platform-table{min-width:760px}}
@media(max-width:430px){.signup-story{display:none}.signup-shell{padding-top:12px}.signup-header>div .btn{min-height:38px}.onboarding-hero{display:block}.onboarding-score{width:100%;height:70px;margin-top:18px}.onboarding-score b{font-size:27px}.team-role-strip,.usage-grid,.platform-metrics{grid-template-columns:1fr 1fr}.team-list article{padding:11px}.team-list .role-pill{display:none}}

.sidebar-backdrop{display:none}.sidebar-lock{overflow:hidden}
@media(max-width:1000px){.sidebar{display:flex;max-width:86vw;flex-direction:column;overflow-y:auto;will-change:transform}.sidebar .side-nav{flex:1}.sidebar .sidebar-bottom{position:static;margin-top:18px}.sidebar.open{box-shadow:24px 0 55px rgba(0,0,0,.42)}.sidebar-backdrop{position:fixed;z-index:29;inset:0;display:block;border:0;background:rgba(2,6,11,.58);opacity:0;visibility:hidden;cursor:pointer;transition:opacity .2s,visibility .2s}.sidebar-backdrop.visible{opacity:1;visibility:visible}}

/* MikroTik compatibility and safe onboarding */
.radius-console{display:grid;gap:14px;padding:20px;border:1px solid var(--ops-line);border-radius:18px;background:linear-gradient(145deg,#111b27,#0d141d);box-shadow:0 18px 50px rgba(0,0,0,.16)}.radius-console-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.radius-console-head h2{margin:4px 0;font-size:21px}.radius-console-head p{margin:0;color:var(--ops-muted);font-size:13px}.radius-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.radius-summary article{display:grid;gap:5px;min-height:105px;padding:15px;border:1px solid var(--ops-line);border-radius:14px;background:rgba(255,255,255,.025)}.radius-summary small{color:var(--ops-muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.radius-summary b{font-size:24px}.radius-summary span{color:var(--ops-muted);font-size:11px}.radius-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.radius-client-list,.radius-event-list{display:grid}.radius-client-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 12px;min-height:84px;padding:12px 15px;border-top:1px solid var(--ops-line)}.radius-event-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:10px 15px;border-top:1px solid var(--ops-line)}.radius-client-list b,.radius-client-list small,.radius-event-list b,.radius-event-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radius-client-list small,.radius-event-list small{margin-top:3px;color:var(--ops-muted);font-size:11px}.radius-client-actions{display:flex;grid-column:2/-1;justify-content:flex-end;gap:8px}.radius-client-list .radius-manage-button,.radius-client-list .radius-revoke-button{min-height:34px;padding:7px 12px;border:1px solid rgba(243,202,19,.36);border-radius:9px;background:rgba(243,202,19,.1);color:#f3ca13;font-weight:800;cursor:pointer}.radius-client-list .radius-manage-button:hover{background:#f3ca13;color:#111}.radius-client-list .radius-revoke-button{border-color:rgba(255,155,137,.28);background:transparent;color:#ff9b89}.radius-client-list .radius-revoke-button:hover{background:rgba(255,155,137,.12)}.radius-client-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#27320e;color:#f3ca13;font-weight:800}.radius-link-summary{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:14px;border:1px solid var(--ops-line);border-radius:13px}.radius-link-summary b,.radius-link-summary small{display:block}.radius-link-summary small{margin-top:3px;color:var(--ops-muted)}.radius-event-dot{width:9px;height:9px;border-radius:50%;background:#f06565;box-shadow:0 0 0 4px rgba(240,101,101,.1)}.radius-event-dot.accept{background:#4bd5a0;box-shadow:0 0 0 4px rgba(75,213,160,.1)}.radius-security-note,.radius-once-warning{display:flex;gap:12px;margin-bottom:18px;padding:14px;border:1px solid #3d3512;border-radius:13px;background:#211e10;color:#e9dfaa}.radius-security-note span{font-size:22px}.radius-security-note b,.radius-security-note p,.radius-once-warning b,.radius-once-warning span{display:block}.radius-security-note p,.radius-once-warning span{margin:3px 0 0;font-size:12px}.app-layout.theme-light .radius-console{background:linear-gradient(145deg,#fff,#f3f6f8)}.app-layout.theme-light .radius-summary article{background:#fff}.app-layout.theme-light .radius-security-note{background:#fff9dc;color:#62530d}.app-layout.theme-light .radius-client-list .radius-manage-button{background:#fff7c7;color:#554500}.app-layout.theme-light .radius-client-list .radius-manage-button:hover{background:#ffd500;color:#111}
@media(max-width:900px){.radius-summary{grid-template-columns:1fr 1fr}.radius-columns{grid-template-columns:1fr}}@media(max-width:560px){.radius-console{padding:14px}.radius-console-head{align-items:stretch;flex-direction:column}.radius-summary{grid-template-columns:1fr 1fr}.radius-summary article{min-height:94px;padding:12px}.radius-client-list article,.radius-event-list article{grid-template-columns:auto minmax(0,1fr) auto}.radius-client-actions{grid-column:1/-1}.radius-client-list .radius-manage-button{flex:1}}
.badge.compatible{background:var(--green-soft);color:var(--green)}.badge.compatible:before{background:var(--green)}.badge.limited,.badge.assessment{background:#fff5df;color:#9b5c0c}.badge.limited:before,.badge.assessment:before{background:#d47a16}.badge.unsupported{background:var(--red-soft);color:var(--red)}.badge.unsupported:before{background:var(--red)}
.network-page,.compatibility-page{display:grid;gap:18px}.network-page>.page-heading,.compatibility-page>.page-heading{margin-bottom:0}.network-heading-actions{display:flex;flex-wrap:wrap;gap:9px}.router-compatibility{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ops-line);color:var(--ops-muted);font-size:10px}.router-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--ops-muted);font-size:9px;text-transform:capitalize}
.compatibility-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compatibility-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:17px;border:1px solid var(--ops-line);border-radius:16px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));box-shadow:0 12px 30px rgba(0,0,0,.13)}.compatibility-card>span{display:grid;width:51px;height:51px;place-items:center;border-radius:13px;background:#12372d;color:#70e1b2;font-size:12px;font-weight:800}.compatibility-card.legacy>span{background:#3d2d1b;color:#ffc675}.compatibility-card.blocked>span{background:#402229;color:#ff929a}.compatibility-card h3{margin:0 0 3px;font-size:14px}.compatibility-card p{margin:0;color:var(--ops-muted);font-size:9px}.compatibility-card>.badge{grid-column:2;width:max-content}
.compatibility-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:13px}.compatibility-panel{overflow:hidden;border:1px solid var(--ops-line);border-radius:17px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel))}.compatibility-panel-head{display:grid;grid-template-columns:37px minmax(0,1fr);align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--ops-line)}.compatibility-panel-head>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#222d39;color:var(--yellow);font-weight:800}.compatibility-panel-head h3{margin:0 0 2px;font-size:14px}.compatibility-panel-head p{margin:0;color:var(--ops-muted);font-size:9px}.compatibility-family-list{display:grid}.compatibility-family-list>div{display:grid;grid-template-columns:minmax(125px,.75fr) minmax(160px,1fr) auto;align-items:center;gap:12px;min-height:55px;padding:10px 18px;border-bottom:1px solid var(--ops-line)}.compatibility-family-list>div:last-child{border-bottom:0}.compatibility-family-list b{font-size:11px}.compatibility-family-list span{color:var(--ops-muted);font-size:9px}.compatibility-family-list em{padding:5px 7px;border-radius:999px;font-size:8px;font-style:normal;font-weight:750}.compatibility-family-list .is-ready{background:#10372d;color:#6de7b7}.compatibility-family-list .is-review{background:#3d2d1b;color:#ffc675}.compatibility-family-list .is-blocked{background:#402229;color:#ff929a}
.service-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}.service-support-grid>span{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:8px;padding:11px;border:1px solid var(--ops-line);border-radius:11px;background:#0e151d}.service-support-grid i{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#26313d;color:var(--yellow);font-style:normal;font-weight:800}.service-support-grid b{font-size:10px}.service-support-grid small{color:var(--ops-muted);font-size:8px}.compatibility-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;padding:14px 16px;border:1px solid #51491f;border-radius:13px;background:#211e10}.compatibility-note>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:var(--yellow);color:#171a1f;font-weight:800}.compatibility-note b{font-size:11px}.compatibility-note p{margin:2px 0 0;color:#b9b294;font-size:9px}
.app-layout .badge.compatible{background:#10372d;color:#6de7b7}.app-layout .badge.limited,.app-layout .badge.assessment{background:#3d2d1b;color:#ffc675}.app-layout .badge.unsupported{background:#402229;color:#ff929a}.app-layout.theme-light .badge.compatible{background:#e2f6ed;color:#08734a}.app-layout.theme-light .badge.limited,.app-layout.theme-light .badge.assessment{background:#fff0d3;color:#915000}.app-layout.theme-light .badge.unsupported{background:#fde8ea;color:#ab2731}.app-layout.theme-light .compatibility-card,.app-layout.theme-light .compatibility-panel{background:linear-gradient(145deg,#fff,#fbfcfd);box-shadow:0 9px 26px rgba(28,37,47,.06)}.app-layout.theme-light .compatibility-card.primary>span{background:#e2f6ed;color:#08734a}.app-layout.theme-light .compatibility-card.legacy>span{background:#fff0d3;color:#915000}.app-layout.theme-light .compatibility-card.blocked>span{background:#fde8ea;color:#ab2731}.app-layout.theme-light .compatibility-panel-head>span{background:#edf1f4;color:#6c5900}.app-layout.theme-light .service-support-grid>span{background:#f7f9fb}.app-layout.theme-light .service-support-grid i{background:#e9eef2;color:#715d00}.app-layout.theme-light .compatibility-note{border-color:#e3d26d;background:#fff9d9}.app-layout.theme-light .compatibility-note p{color:#6f6746}
.router-modal{width:min(100%,720px)}.router-modal .modal-head small{display:block;margin-bottom:2px;color:#939daa;font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.preflight-intro{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;margin-bottom:18px;padding:11px 12px;border-radius:11px;background:#fff8cc;color:#4d4b40}.preflight-intro>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--yellow);color:#171a1f;font-weight:800}.preflight-intro p{margin:1px 0 0;font-size:10px}.router-form-grid .field-wide{grid-column:1/-1}.router-services{margin:18px 0 0;padding:0;border:0}.router-services legend{margin-bottom:8px;font-size:11px;font-weight:700}.router-service-options{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.router-service-options label{position:relative;cursor:pointer}.router-service-options input{position:absolute;opacity:0}.router-service-options span{display:flex;min-height:39px;align-items:center;justify-content:center;padding:0 8px;border:1px solid #3a4654;border-radius:9px;color:#aeb8c4;font-size:9px;font-weight:700}.router-service-options input:checked+span{border-color:#d5b000;background:#3a3210;color:#ffe46b}.router-preflight,.claim-result{margin-top:18px;overflow:hidden;border:1px solid #3a4654;border-radius:13px;background:#0d141c}.preflight-result-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px}.preflight-result-head>span,.claim-result-head>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#26313d;color:#ffc675;font-weight:800}.preflight-result-head small{display:block;color:#8995a3;font-size:8px;text-transform:uppercase}.preflight-result-head h3{margin:1px 0;font-size:13px}.preflight-result-head p{margin:0;color:#98a3b0;font-size:9px}.status-compatible .preflight-result-head>span,.status-limited .preflight-result-head>span{background:#12372d;color:#70e1b2}.status-unsupported .preflight-result-head>span{background:#402229;color:#ff929a}.preflight-checks{display:grid;padding:0 13px 10px}.preflight-checks>div{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid #293441}.preflight-checks i{display:grid;width:22px;height:22px;place-items:center;border-radius:7px;background:#293441;color:#ffc675;font-size:10px;font-style:normal;font-weight:800}.preflight-checks .check-passed i{background:#12372d;color:#70e1b2}.preflight-checks .check-failed i{background:#402229;color:#ff929a}.preflight-checks b,.preflight-checks small{display:block}.preflight-checks b{font-size:9px}.preflight-checks small{margin-top:1px;color:#909ba8;font-size:8px}.claim-result{padding:14px}.claim-result-head{display:grid;grid-template-columns:31px 1fr;gap:9px;margin-bottom:12px}.claim-result-head>span{background:#12372d;color:#70e1b2}.claim-result-head b{font-size:11px}.claim-result-head p{margin:2px 0 0;color:#98a3b0;font-size:9px}.claim-result .success{margin:10px 0 0;font-size:9px}.modal-root.theme-light .preflight-intro{background:#fff8cc}.modal-root.theme-light .router-service-options span{border-color:#d5dce3;color:#596674}.modal-root.theme-light .router-service-options input:checked+span{border-color:#b59200;background:#fff4b8;color:#4e4100}.modal-root.theme-light .router-preflight,.modal-root.theme-light .claim-result{border-color:#d8dfe6;background:#f7f9fb}.modal-root.theme-light .preflight-checks>div{border-color:#dfe4e9}.modal-root.theme-light .preflight-result-head p,.modal-root.theme-light .preflight-checks small,.modal-root.theme-light .claim-result-head p{color:#687481}
@media(max-width:920px){.compatibility-summary{grid-template-columns:1fr}.compatibility-grid{grid-template-columns:1fr}}
@media(max-width:760px){.network-heading-actions{display:grid;width:100%;grid-template-columns:1fr 1fr}.compatibility-family-list>div{grid-template-columns:1fr auto}.compatibility-family-list span{grid-column:1/-1}.router-service-options{grid-template-columns:repeat(3,1fr)}.router-modal .modal-foot{position:sticky;bottom:0;background:inherit}.router-card-foot{align-items:flex-start;flex-direction:column}}
@media(max-width:470px){.network-heading-actions{grid-template-columns:1fr}.service-support-grid{grid-template-columns:1fr}.compatibility-card{grid-template-columns:auto 1fr}.compatibility-card>.badge{grid-column:1/-1}.router-service-options{grid-template-columns:1fr 1fr}.router-modal .modal-body{padding:17px}.router-modal .modal-foot{padding:13px 17px}.router-modal .modal-foot .btn{flex:1}.preflight-result-head{grid-template-columns:31px 1fr}.preflight-result-head>.badge{grid-column:2}}

/* Searchable MikroTik model catalogue */
.catalog-loading{display:flex;min-height:150px;align-items:center;justify-content:center;gap:12px;color:#a5afbb}.catalog-loading>span{width:20px;height:20px;border:2px solid #485565;border-top-color:var(--yellow);border-radius:50%;animation:catalog-spin .8s linear infinite}@keyframes catalog-spin{to{transform:rotate(360deg)}}
.model-picker{gap:8px}.model-search{position:relative}.model-search>span{position:absolute;z-index:1;left:13px;top:9px;color:#8793a1;font-size:20px}.model-search .input{padding-left:39px}.model-picker select{min-height:112px;padding:8px 10px}.model-picker optgroup{color:#8d98a6;font-size:12px}.model-picker option{padding:7px 9px;color:inherit;font-size:13px}.model-selection-help{display:grid;gap:2px;min-height:45px;padding:10px 12px;border:1px solid #354150;border-radius:10px;background:#0e151d;color:#9ca7b4;font-size:12px}.model-selection-help b{color:#e8edf2;font-size:13px}.model-selection-help span,.model-selection-help small{display:block}.model-selection-help small{color:#8e9aa7}.model-selection-help.model-status-recommended,.model-selection-help.model-status-supported{border-color:#245a46;background:#10251f}.model-selection-help.model-status-recommended b,.model-selection-help.model-status-supported b{color:#75e4b8}.model-selection-help.model-status-assessment{border-color:#694d23;background:#2b2116}.model-selection-help.model-status-assessment b{color:#ffc675}.model-selection-help.model-status-unsupported{border-color:#653139;background:#2d1a20}.model-selection-help.model-status-unsupported b{color:#ff929a}.modal-root.theme-light .model-selection-help{border-color:#d4dce4;background:#f7f9fb;color:#5f6b78}.modal-root.theme-light .model-selection-help b{color:#25313d}.modal-root.theme-light .model-selection-help.model-status-recommended,.modal-root.theme-light .model-selection-help.model-status-supported{border-color:#b9dfd0;background:#edf9f4}.modal-root.theme-light .model-selection-help.model-status-recommended b,.modal-root.theme-light .model-selection-help.model-status-supported b{color:#08734a}.modal-root.theme-light .model-selection-help.model-status-assessment{border-color:#ead09e;background:#fff7e6}.modal-root.theme-light .model-selection-help.model-status-assessment b{color:#915000}.modal-root.theme-light .model-selection-help.model-status-unsupported{border-color:#ecc0c5;background:#fff1f2}.modal-root.theme-light .model-selection-help.model-status-unsupported b{color:#ab2731}
.platform-model-catalogue{overflow:visible}.platform-model-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 16px;border-bottom:1px solid var(--platform-line);background:#0e151d}.platform-model-toolbar>span{color:#9ca7b4;font-size:12px}.platform-model-table{min-width:940px}.platform-model-table th,.platform-model-table td{padding:12px 14px;font-size:12px}.platform-model-name{display:flex;align-items:center;gap:10px}.platform-model-name>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#202b37;color:var(--yellow)}.platform-model-name b,.platform-model-name small{display:block}.platform-model-name b{font-size:13px}.platform-model-name small{font-size:11px}.catalogue-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:750;text-transform:capitalize}.catalogue-status.status-recommended{background:#12372d;color:#75e4b8}.catalogue-status.status-supported{background:#192f47;color:#8cc8ff}.catalogue-status.status-assessment{background:#3d2d1b;color:#ffc675}.catalogue-status.status-unsupported{background:#402229;color:#ff929a}.catalogue-services{display:flex;max-width:245px;flex-wrap:wrap;gap:4px}.catalogue-services span{padding:4px 6px;border-radius:6px;background:#222d39;color:#b9c2cc;font-size:10px;text-transform:uppercase}.catalogue-visibility{display:flex;align-items:center;gap:6px;color:#8b96a3;font-size:11px}.catalogue-visibility i{width:7px;height:7px;border-radius:50%;background:#677280}.catalogue-visibility.visible{color:#71e5b6}.catalogue-visibility.visible i{background:#2bc788}.platform-model-edit{min-height:32px;padding:0 10px;border:1px solid #3b4755;border-radius:8px;background:#151e28;color:#dbe2e9;font-size:11px;font-weight:700}.platform-model-edit:hover{border-color:#716321;color:#ffe15b}.platform-model-modal{width:min(100%,720px)}.platform-model-modal .modal-head small{display:block;color:#929daa;font-size:11px;font-weight:750;text-transform:uppercase}.platform-model-modal .field label,.platform-model-modal .router-services legend{font-size:13px}.catalogue-active{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:16px;padding:12px;border:1px solid #354150;border-radius:10px;background:#0e151d}.catalogue-active input{margin-top:4px}.catalogue-active b,.catalogue-active small{display:block}.catalogue-active b{font-size:13px}.catalogue-active small{color:#8d99a6;font-size:12px}.platform-model-modal .error{margin-top:12px}.platform-model-modal .input,.platform-model-modal .select,.platform-model-modal .textarea{border-color:#384554;background:#0e151d;color:#f2f5f8}.platform-model-modal .btn:not(.btn-primary),.platform-model-modal .icon-button{border-color:#3a4654;background:#1a2430;color:#e5eaf0}
@media(max-width:820px){.platform-model-toolbar{align-items:stretch;flex-direction:column}.platform-model-toolbar .platform-search{width:100%}.platform-model-toolbar>span{padding-left:2px}.platform-model-modal .form-grid{grid-template-columns:1fr}}
.model-picker select{min-height:47px;padding-top:0;padding-bottom:0}

/* Readable MikroTik workflows */
.compatibility-page>.page-heading p{max-width:760px;font-size:16px;line-height:1.55}.compatibility-page>.page-heading .eyebrow{font-size:13px}.compatibility-page .btn{font-size:14px}.compatibility-card{padding:20px}.compatibility-card h3{font-size:17px}.compatibility-card p{font-size:14px;line-height:1.5}.compatibility-card>.badge{font-size:12px}.compatibility-panel-head{padding:19px 20px}.compatibility-panel-head h3{font-size:17px}.compatibility-panel-head p{font-size:14px;line-height:1.45}.compatibility-family-list>div{min-height:68px;padding:13px 20px}.compatibility-family-list b{font-size:15px}.compatibility-family-list span{font-size:13px}.compatibility-family-list em{padding:6px 9px;font-size:12px}.service-support-grid{gap:10px;padding:17px}.service-support-grid>span{padding:14px}.service-support-grid b{font-size:14px}.service-support-grid small{font-size:12px;line-height:1.4}.compatibility-note{padding:17px 18px}.compatibility-note b{font-size:14px}.compatibility-note p{font-size:13px;line-height:1.5}
.router-modal .modal-head small{font-size:12px}.router-modal .modal-head h2{font-size:24px}.router-modal .preflight-intro p{font-size:14px;line-height:1.5}.router-modal .field label,.router-modal .router-services legend{font-size:14px}.router-modal .input,.router-modal .select{font-size:15px}.router-modal .router-service-options span{font-size:13px}.router-modal .model-picker optgroup{font-size:13px}.router-modal .model-picker option{font-size:14px}.router-modal .model-selection-help{font-size:13px;line-height:1.45}.router-modal .model-selection-help b{font-size:14px}.router-modal .model-selection-help small{font-size:12px}.router-modal .preflight-result-head small{font-size:12px}.router-modal .preflight-result-head h3{font-size:16px}.router-modal .preflight-result-head p{font-size:13px;line-height:1.45}.router-modal .preflight-checks b{font-size:13px}.router-modal .preflight-checks small{font-size:12px;line-height:1.45}.router-modal .claim-result-head b{font-size:14px}.router-modal .claim-result-head p,.router-modal .claim-result .success{font-size:12px;line-height:1.45}.router-modal .btn{font-size:14px}
@media(max-width:760px){.compatibility-page>.page-heading p{font-size:15px}.compatibility-card h3,.compatibility-panel-head h3{font-size:16px}.compatibility-card p,.compatibility-panel-head p{font-size:13px}.router-modal .modal-head h2{font-size:21px}.router-modal .preflight-intro p{font-size:13px}.router-modal .router-service-options span{font-size:12px}}

/* Accessible dashboard typography */
.app-layout{font-size:16px}.app-layout .topbar-kicker{font-size:12px}.app-layout .app-topbar h1{font-size:22px}.app-layout .side-label{font-size:12px}.app-layout .side-link{font-size:14px}.app-layout .side-profile b{font-size:14px}.app-layout .side-profile small{font-size:12px}.app-layout .page-heading h2{font-size:30px}.app-layout .page-heading p{font-size:15px;line-height:1.55}.app-layout .eyebrow{font-size:12px}.app-layout .btn,.modal-root .btn{font-size:14px}.app-layout .input,.app-layout .select,.app-layout .textarea{font-size:15px}.app-layout .badge{font-size:12px}.app-layout small{font-size:12px}.app-layout .panel-header h2,.app-layout .panel-header h3{font-size:18px}.app-layout .panel-header p,.app-layout .settings-card p{font-size:14px;line-height:1.5}.app-layout .table th{font-size:12px}.app-layout .table td{font-size:14px}.app-layout .metric-label{font-size:13px}.app-layout .metric-context{font-size:12px}
.overview-stat-foot,.payment-metric-foot{font-size:12px}.overview-panel-head p{font-size:13px}.overview-panel-head a{font-size:13px}.overview-payment-columns{font-size:12px}.overview-payment-customer b{font-size:14px}.overview-payment-customer small{font-size:12px}.overview-payment-package span{font-size:13px}.overview-payment-amount b{font-size:14px}.overview-network .router-row strong{font-size:14px}.overview-network .router-row small{font-size:12px}
.customer-summary small,.support-summary small{font-size:13px}.customer-directory-head p,.payment-ledger-head p,.support-queue-head p{font-size:14px}.customer-count,.payment-count,.support-count{font-size:12px}.customer-filter,.payment-filter,.support-filter,.package-type-filter{font-size:13px}.package-type-filter span{font-size:11px}.customer-identity .customer-cell b,.customer-account b,.customer-contact b{font-size:14px}.customer-identity .customer-cell small,.customer-account small,.customer-contact small,.customer-joined{font-size:12px}.customer-directory-foot,.payment-ledger-foot,.support-queue-foot{font-size:12px}.customer-directory-foot .btn,.payment-ledger-foot .btn,.support-queue-foot .btn{font-size:13px}
.payment-reference b,.payment-customer b,.payment-amount b{font-size:14px}.payment-reference small,.payment-customer small{font-size:12px}.payment-package,.payment-received{font-size:13px}.mpesa-channel{font-size:13px}.support-ticket-id{font-size:12px}.support-ticket b,.support-customer b{font-size:14px}.support-ticket small,.support-customer small,.support-created{font-size:12px}
.package-catalog-count{font-size:12px}.package-type{font-size:12px}.package-card-head h3{font-size:17px}.package-card-actions .badge{font-size:11px}.package-price-row span{font-size:12px}.package-specs span{font-size:12px}.package-active,.package-card-foot button{font-size:12px}.check-field b{font-size:14px}.check-field small{font-size:12px}
.router-card h3{font-size:18px}.router-card .muted{font-size:13px}.router-compatibility,.router-card-foot{font-size:12px}.router-stat{font-size:14px}.router-stat small{font-size:12px}.settings-card h3{font-size:17px}.integration-status{font-size:13px}.bar-row,.activity-row{font-size:13px}
.onboarding-hero p{font-size:14px}.onboarding-score small{font-size:12px}.setup-number{font-size:12px}.setup-copy h3{font-size:16px}.setup-copy p{font-size:13px;line-height:1.5}.setup-item .btn{font-size:13px}.setup-finish span,.trial-card span,.trial-card a,.setup-help p{font-size:12px}.team-role-strip span,.usage-grid small,.usage-grid em{font-size:12px}.team-list b{font-size:14px}.team-list small,.role-pill,.member-state{font-size:12px}.role-guide span{font-size:12px}.plan-grid small{font-size:12px}.plan-grid p{font-size:14px;line-height:1.5}.plan-grid article>em{font-size:11px}
.customers-table td:before,.payments-table td:before,.support-table td:before,.overview-payment-package>small,.overview-payment-status>small,.overview-payment-amount>small{font-size:11px}

/* FinchPulse Super Admin typography */
.platform-page{font-size:16px}.platform-side-label{font-size:12px}.platform-nav button{font-size:14px}.platform-nav button em{font-size:11px}.platform-admin b{font-size:13px}.platform-admin small,.platform-sidebar-bottom>button{font-size:12px}.platform-topbar>div>div>span{font-size:12px}.platform-topbar>div>div>b{font-size:18px}.platform-live{font-size:12px}.platform-welcome .eyebrow{font-size:12px}.platform-welcome h1{font-size:32px}.platform-welcome p{font-size:14px;line-height:1.5}.platform-primary,.platform-secondary{font-size:13px}.platform-metric>div small,.platform-metric>b small{font-size:13px}.platform-metric footer{font-size:12px}.platform-section-head h2,.platform-health-card h3,.platform-plan-card h3{font-size:16px}.platform-section-head p,.platform-health-card header p,.platform-plan-card header p{font-size:12px}.platform-result-count,.health-score{font-size:12px}.platform-search input{font-size:13px}.platform-filters button{font-size:12px}.platform-table th{font-size:12px}.platform-table td{font-size:13px}.platform-tenant b{font-size:14px}.platform-tenant small,.platform-table td>small{font-size:12px}.platform-plan{font-size:12px}.platform-adoption span{font-size:12px}.platform-onboarding>span b{font-size:13px}.platform-onboarding>span small{font-size:12px}.tenant-status-select{font-size:12px}.platform-special-head h2{font-size:17px}.platform-special-head p,.platform-special-head>span{font-size:12px}.trial-tenant-head h3{font-size:15px}.trial-tenant-head p,.trial-progress-copy{font-size:12px}.platform-trial-grid dt{font-size:12px}.platform-trial-grid dd{font-size:13px}.platform-trial-grid>article>button{font-size:13px}.platform-zero-state h3{font-size:17px}.platform-zero-state p{font-size:13px}.platform-service-grid h3,.platform-security-grid h3{font-size:15px}.platform-service-grid p,.platform-service-grid article>b,.platform-security-grid>article:first-child>div,.platform-security-grid p,.platform-security-grid footer{font-size:12px}.health-list>div,.platform-health-card>footer,.platform-plan-card>footer{font-size:12px}.plan-mix-row>span b{font-size:13px}.plan-mix-row>span small,.plan-mix-row>strong{font-size:12px}.platform-model-toolbar>span,.platform-model-table th{font-size:12px}.platform-model-table td{font-size:13px}.platform-model-name b{font-size:14px}.platform-model-name small,.catalogue-status,.catalogue-services span,.catalogue-visibility,.platform-model-edit{font-size:12px}

@media(max-width:760px){.app-layout .page-heading h2{font-size:26px}.app-layout .page-heading p{font-size:14px}.app-layout .table td{font-size:13px}.overview-stat .metric-label{font-size:13px}.overview-stat-foot{font-size:12px}.customer-summary small,.support-summary small{font-size:12px}.customer-identity .customer-cell b,.support-ticket b{font-size:14px}.platform-welcome p{font-size:13px}.platform-metric>div small{font-size:12px}.platform-metric footer{font-size:12px}}

/* Subscriber lifecycle */
.app-layout .badge.pending_setup,.app-layout .badge.pending_activation{background:#3d2d1b;color:#ffc675}.app-layout .badge.pending_setup:before,.app-layout .badge.pending_activation:before{background:#e49a36}.app-layout.theme-light .badge.pending_setup,.app-layout.theme-light .badge.pending_activation{background:#fff0d3;color:#915000}
.app-layout .badge.paid_pending_provisioning,.app-layout .badge.paid_pending_network,.app-layout .badge.ready_to_provision{background:#192f47;color:#8cc8ff}.app-layout .badge.paid_pending_provisioning:before,.app-layout .badge.paid_pending_network:before,.app-layout .badge.ready_to_provision:before{background:#4aa8f0}.app-layout .badge.grace{background:#3d2d1b;color:#ffc675}.app-layout .badge.disconnected,.app-layout .badge.archived,.app-layout .badge.timed_out{background:#2b323a;color:#aab4be}.app-layout.theme-light .badge.paid_pending_provisioning,.app-layout.theme-light .badge.paid_pending_network,.app-layout.theme-light .badge.ready_to_provision{background:#e5f1fc;color:#145e9c}.app-layout.theme-light .badge.disconnected,.app-layout.theme-light .badge.archived,.app-layout.theme-light .badge.timed_out{background:#edf1f4;color:#53606e}
.subscriber-table{min-width:960px}.subscriber-table .customer-service b,.subscriber-table .customer-service small,.subscriber-table .customer-package b,.subscriber-table .customer-package small{display:block}.subscriber-table .customer-service b,.subscriber-table .customer-package b{font-size:14px}.subscriber-table .customer-service small,.subscriber-table .customer-package small{max-width:190px;margin-top:3px;overflow:hidden;color:var(--ops-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.subscriber-table .customer-account small{text-transform:capitalize}
.subscriber-modal{width:min(100%,760px)}.subscriber-modal .modal-head small,.subscriber-detail-modal .modal-head small{display:block;margin-bottom:3px;color:var(--ops-muted);font-size:12px;font-weight:750;text-transform:uppercase}.subscriber-wizard{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;padding:15px 26px;border-bottom:1px solid var(--ops-line);background:#101720}.subscriber-wizard button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#7f8b98;font-size:13px;font-weight:750}.subscriber-wizard button span{display:grid;width:28px;height:28px;place-items:center;border:1px solid #43505e;border-radius:50%;background:#18212b;color:#aeb8c3}.subscriber-wizard button.active{color:#f4f7f9}.subscriber-wizard button.active span{border-color:#f1c900;background:#f1c900;color:#171a1f}.subscriber-wizard button.done{color:#72dfb2}.subscriber-wizard button.done span{border-color:#2c9e75;background:#12372d;color:#72dfb2}.subscriber-wizard i{height:1px;background:#35404c}.subscriber-modal-body{min-height:430px}.subscriber-step-heading{margin-bottom:19px}.subscriber-step-heading h3{margin:0 0 5px;font-size:20px}.subscriber-step-heading p{margin:0;color:var(--ops-muted);font-size:14px;line-height:1.5}.subscriber-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.subscriber-type-picker input{position:absolute;opacity:0}.subscriber-type-picker span{display:block;padding:15px;border:1px solid var(--ops-line);border-radius:13px;background:#151e28}.subscriber-type-picker b,.subscriber-type-picker small{display:block}.subscriber-type-picker b{font-size:14px}.subscriber-type-picker small{margin-top:3px;color:var(--ops-muted);font-size:12px}.subscriber-type-picker input:checked+span{border-color:#c9aa16;background:#29230f;box-shadow:0 0 0 1px #c9aa16}.subscriber-form-grid{gap:15px}.subscriber-form-grid .field>label{font-size:13px}.subscriber-form-grid .field>label small{color:var(--ops-muted);font-weight:500}.subscriber-form-grid .input,.subscriber-form-grid .select{min-height:45px}.subscriber-form-grid .textarea{min-height:84px}.subscriber-form-error{margin-top:14px}.subscriber-modal-foot{display:grid;grid-template-columns:auto 1fr auto auto}.subscriber-review{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:16px}.subscriber-review>div,.subscriber-detail-grid article{padding:15px;border:1px solid var(--ops-line);border-radius:13px;background:#151e28}.subscriber-review small,.subscriber-review b,.subscriber-review span,.subscriber-detail-grid small,.subscriber-detail-grid b,.subscriber-detail-grid span{display:block}.subscriber-review small,.subscriber-detail-grid small{color:var(--ops-muted);font-size:11px;text-transform:uppercase}.subscriber-review b,.subscriber-detail-grid b{margin-top:7px;font-size:14px}.subscriber-review span,.subscriber-detail-grid span{margin-top:4px;color:#aab5c0;font-size:12px}.subscriber-pending-note{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #675020;border-radius:13px;background:#2a2112;color:#ffc675}.subscriber-pending-note>span{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:8px;background:#4a3715;font-weight:800}.subscriber-pending-note b{font-size:14px}.subscriber-pending-note p{margin:4px 0 0;color:#d7c69f;font-size:12px;line-height:1.5}.subscriber-detail-modal{width:min(100%,720px)}.subscriber-detail-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--ops-line)}.subscriber-detail-hero .avatar{width:45px;height:45px}.subscriber-detail-hero b{font-size:15px}.subscriber-detail-hero p{margin:3px 0 0;color:var(--ops-muted);font-size:12px}.subscriber-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:15px}.subscriber-notes{margin-top:14px;padding:14px;border:1px solid var(--ops-line);border-radius:12px}.subscriber-notes small{color:var(--ops-muted);font-size:11px;text-transform:uppercase}.subscriber-notes p{margin:6px 0 0;font-size:13px;line-height:1.5}
.app-layout.theme-light .subscriber-wizard{background:#f7f9fb}.app-layout.theme-light .subscriber-type-picker span,.app-layout.theme-light .subscriber-review>div,.app-layout.theme-light .subscriber-detail-grid article{background:#f7f9fb}.app-layout.theme-light .subscriber-type-picker input:checked+span{border-color:#b89a00;background:#fff8cf}.app-layout.theme-light .subscriber-pending-note{border-color:#e6ca92;background:#fff7e7;color:#915000}.app-layout.theme-light .subscriber-pending-note>span{background:#ffe9b5}.app-layout.theme-light .subscriber-pending-note p{color:#6f6248}
@media(max-width:760px){.subscriber-table{min-width:0}.subscriber-table tbody tr{grid-template-areas:"identity status" "service package" "account joined" "action action"}.subscriber-table .customer-service{grid-area:service}.subscriber-table .customer-package{grid-area:package;text-align:right}.subscriber-table .customer-account{grid-area:account}.subscriber-table .customer-action{grid-area:action}.subscriber-modal{max-height:96vh}.subscriber-wizard{padding:12px 16px}.subscriber-wizard button b{display:none}.subscriber-modal-body{min-height:0}.subscriber-type-picker,.subscriber-review,.subscriber-detail-grid{grid-template-columns:1fr}.subscriber-modal-foot{grid-template-columns:auto 1fr auto}.subscriber-modal-foot #subscriber-submit{grid-column:3}.subscriber-step-heading h3{font-size:18px}.subscriber-detail-hero{grid-template-columns:auto 1fr}.subscriber-detail-hero .badge{grid-column:1/3;width:max-content}}

/* Subscriber account centre */
.subscriber-account-centre{width:min(100%,940px);max-height:94vh}.subscriber-account-centre .modal-body{padding:20px}.subscriber-account-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.subscriber-account-actions .btn{min-height:39px}.subscriber-readiness{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;margin-bottom:16px;padding:13px 15px;border:1px solid var(--ops-line);border-radius:14px;background:#111923}.subscriber-readiness>div{display:grid;grid-template-columns:28px auto;align-items:center;column-gap:8px}.subscriber-readiness>div>span{display:grid;width:28px;height:28px;grid-row:1/3;place-items:center;border:1px solid #485462;border-radius:50%;color:#a7b1bc;font-size:12px;font-weight:800}.subscriber-readiness>div>b{font-size:13px}.subscriber-readiness>div>small{color:var(--ops-muted);font-size:11px}.subscriber-readiness>div.done>span{border-color:#248863;background:#12372d;color:#70dfb1}.subscriber-readiness>i{height:1px;margin:0 14px;background:#38434f}.subscriber-account-columns{display:grid;grid-template-columns:1.12fr .88fr;gap:12px;margin-top:15px}.subscriber-account-columns>section{overflow:hidden;border:1px solid var(--ops-line);border-radius:14px;background:#121a23}.subscriber-account-columns>section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--ops-line)}.subscriber-account-columns h3{margin:0 0 2px;font-size:15px}.subscriber-account-columns header p{margin:0;color:var(--ops-muted);font-size:11px}.subscriber-account-columns header>span{display:grid;min-width:26px;height:26px;place-items:center;border-radius:8px;background:#242f3b;color:#c8d0d8;font-size:11px;font-weight:750}.subscriber-payment-list,.subscriber-history-list{display:grid}.subscriber-payment-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--ops-line)}.subscriber-payment-list article:last-child,.subscriber-history-list article:last-child{border-bottom:0}.subscriber-payment-list b,.subscriber-payment-list small{display:block}.subscriber-payment-list b{font-size:12px}.subscriber-payment-list small{margin-top:2px;color:var(--ops-muted);font-size:10px;text-transform:capitalize}.subscriber-payment-list strong{font-size:12px}.subscriber-history-list article{display:grid;grid-template-columns:8px 1fr;align-items:start;gap:9px;padding:11px 14px;border-bottom:1px solid var(--ops-line)}.subscriber-history-list article>span{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#f2ca19}.subscriber-history-list b,.subscriber-history-list small{display:block}.subscriber-history-list b{font-size:12px;text-transform:capitalize}.subscriber-history-list small{margin-top:3px;color:var(--ops-muted);font-size:10px}.subscriber-management-foot{justify-content:space-between}.subscriber-management-foot>div{display:flex;flex-wrap:wrap;gap:7px}.subscriber-management-foot .danger{color:#ff858d}.subscriber-edit-modal,.subscriber-payment-modal{width:min(100%,680px)}.service-edit-grid{margin-top:16px}.payment-collection-amount{padding:18px;border:1px solid #62551d;border-radius:15px;background:linear-gradient(145deg,#2b250f,#201c0e);text-align:center}.payment-collection-amount span,.payment-collection-amount small{display:block}.payment-collection-amount span{color:#ccb94e;font-size:11px;font-weight:750;text-transform:uppercase}.payment-collection-amount b{display:block;margin:6px 0 4px;color:#ffe04b;font-size:30px}.payment-collection-amount small{color:#c5b979;font-size:12px}.payment-collection-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:14px 0;padding:4px;border:1px solid var(--ops-line);border-radius:12px;background:#151e28}.payment-collection-tabs button{min-height:38px;border:0;border-radius:8px;background:transparent;color:#aeb8c3;font-size:12px;font-weight:750}.payment-collection-tabs button.active{background:#f3ca13;color:#171a1f}.subscriber-payment-modal form{display:grid;gap:12px}.payment-collection-result{display:grid;gap:9px}.payment-waiting{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #675020;border-radius:12px;background:#2a2112}.payment-waiting>span{width:20px;height:20px;border:2px solid #685722;border-top-color:#ffd943;border-radius:50%;animation:spin .8s linear infinite}.payment-waiting b,.payment-waiting p{display:block;margin:0}.payment-waiting b{font-size:13px}.payment-waiting p{margin-top:3px;color:#cbbb91;font-size:11px}.paybill-fallback{display:flex;gap:12px;margin-top:14px;padding:14px;border:1px solid var(--ops-line);border-radius:13px;background:#121a23}.paybill-fallback>span{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:10px;background:#0b783e;color:#fff;font-weight:850}.paybill-fallback b{font-size:13px}.paybill-fallback p{margin:4px 0 0;color:var(--ops-muted);font-size:12px;line-height:1.55}.paybill-fallback strong{color:var(--ops-text)}
.app-layout.theme-light .subscriber-readiness,.app-layout.theme-light .subscriber-account-columns>section,.app-layout.theme-light .paybill-fallback{background:#f8fafb}.app-layout.theme-light .subscriber-payment-list article,.app-layout.theme-light .subscriber-history-list article{border-color:#e1e6ea}.app-layout.theme-light .payment-collection-tabs{background:#edf1f4}.app-layout.theme-light .payment-collection-amount{border-color:#ead474;background:#fff8d8}.app-layout.theme-light .payment-collection-amount span{color:#7c6900}.app-layout.theme-light .payment-collection-amount b{color:#594b00}.app-layout.theme-light .payment-collection-amount small{color:#766b35}.app-layout.theme-light .payment-waiting{border-color:#e6ca92;background:#fff7e7}

/* Package, router and payment assignment */
.service-assignment-modal{width:min(100%,760px)}.service-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0;padding:5px;border:1px solid var(--ops-line);border-radius:13px;background:#111923}.service-type-switch button{min-height:43px;border:0;border-radius:9px;background:transparent;color:#a9b3bf;font-size:13px;font-weight:750}.service-type-switch button.active{background:#f3ca13;color:#171a1f;box-shadow:0 7px 18px rgba(0,0,0,.18)}.service-package-field{margin-top:2px}.service-package-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-package-options>label{position:relative;cursor:pointer}.service-package-options input{position:absolute;opacity:0;pointer-events:none}.service-package-options label>span{display:grid;grid-template-columns:1fr auto;min-height:115px;padding:14px;border:1px solid var(--ops-line);border-radius:14px;background:#121a23;transition:.16s}.service-package-options input:checked+span{padding:13px;border:2px solid #f0c91c;background:linear-gradient(145deg,#2a250f,#1d1b11);box-shadow:0 9px 24px rgba(0,0,0,.16)}.service-package-options i{grid-column:1/3;width:max-content;margin-bottom:9px;padding:4px 7px;border-radius:999px;background:#27313d;color:#aeb8c3;font-size:10px;font-style:normal;font-weight:800}.service-package-options b{align-self:end;font-size:15px}.service-package-options strong{align-self:end;color:#ffe04b;font-size:16px}.service-package-options small{grid-column:1/3;margin-top:5px;color:var(--ops-muted);font-size:12px}.service-packages-empty{grid-column:1/3;padding:20px;border:1px dashed #46515d;border-radius:14px;text-align:center}.service-packages-empty b{font-size:15px}.service-packages-empty p{margin:5px 0 13px;color:var(--ops-muted);font-size:13px}.service-network-section{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:17px;padding-top:17px;border-top:1px solid var(--ops-line)}.service-network-section label small{color:var(--ops-muted);font-weight:500}.router-assignment-empty,.payment-prerequisite{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:1px solid #675020;border-radius:13px;background:#2a2112}.router-assignment-empty>span,.payment-prerequisite>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#493814;color:#ffd84a;font-weight:850}.router-assignment-empty b,.payment-prerequisite b{display:block;font-size:13px}.router-assignment-empty p,.payment-prerequisite p{margin:3px 0 0;color:#d7c69f;font-size:12px;line-height:1.4}.router-assignment-empty .btn,.payment-prerequisite .btn{min-height:36px;white-space:nowrap}.payment-prerequisite{margin-top:14px}.payment-prerequisite>span{border-radius:50%}
.modal-root.theme-light .service-type-switch{background:#edf1f4}.modal-root.theme-light .service-type-switch button{color:#52606d}.modal-root.theme-light .service-package-options label>span{background:#f8fafb}.modal-root.theme-light .service-package-options input:checked+span{border-color:#b89a00;background:#fff8cf;box-shadow:0 8px 20px rgba(45,39,8,.08)}.modal-root.theme-light .service-package-options i{background:#e8edf1;color:#52606d}.modal-root.theme-light .service-package-options strong{color:#6e5b00}.modal-root.theme-light .service-packages-empty{border-color:#cbd3da}.modal-root.theme-light .router-assignment-empty,.modal-root.theme-light .payment-prerequisite{border-color:#e6ca92;background:#fff7e7}.modal-root.theme-light .router-assignment-empty>span,.modal-root.theme-light .payment-prerequisite>span{background:#ffe8ac;color:#725700}.modal-root.theme-light .router-assignment-empty p,.modal-root.theme-light .payment-prerequisite p{color:#6f6248}
@media(max-width:650px){.service-package-options,.service-network-section{grid-template-columns:1fr}.service-packages-empty{grid-column:1}.router-assignment-empty,.payment-prerequisite{grid-template-columns:38px 1fr}.router-assignment-empty .btn,.payment-prerequisite .btn{grid-column:1/3;width:100%}}
@media(max-width:760px){.subscriber-account-centre .modal-body{padding:14px}.subscriber-readiness{grid-template-columns:1fr;gap:9px}.subscriber-readiness>i{width:1px;height:12px;margin:0 0 0 13px}.subscriber-account-columns{grid-template-columns:1fr}.subscriber-management-foot{align-items:stretch;flex-direction:column}.subscriber-management-foot>div{width:100%}.subscriber-management-foot .btn{flex:1}.subscriber-payment-list article{grid-template-columns:minmax(0,1fr) auto}.subscriber-payment-list .badge{grid-column:1/3;width:max-content}.subscriber-account-actions{display:grid;grid-template-columns:1fr 1fr}.subscriber-account-actions .btn:first-child{grid-column:1/3}.subscriber-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.subscriber-detail-grid{grid-template-columns:1fr}.subscriber-account-actions{grid-template-columns:1fr}.subscriber-account-actions .btn:first-child{grid-column:auto}.subscriber-payment-list article{grid-template-columns:1fr auto}.subscriber-management-foot>div:first-child{display:grid;grid-template-columns:1fr 1fr}.subscriber-management-foot>div:first-child .btn:last-child{grid-column:1/3}}
@media(max-width:600px){.package-catalog{grid-template-columns:1fr}.package-card{min-height:160px}.package-card-head h3{font-size:17px}.package-specs span,.package-card-foot button{font-size:12px}}

/* MikroTik terminal script actions */
.terminal-script{overflow:hidden;border:1px solid #303b48;border-radius:12px;background:#090d13}.terminal-script-bar{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px 7px 14px;border-bottom:1px solid #303b48;background:#151d27}.terminal-script-bar>span{color:#a3aebb;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.terminal-script-bar button{display:inline-flex;min-height:32px;align-items:center;gap:7px;padding:0 11px;border:1px solid #465363;border-radius:8px;background:#202b37;color:#eef2f6;font-size:13px;font-weight:700}.terminal-script-bar button:hover{border-color:var(--yellow);color:var(--yellow)}.terminal-script-bar button.copied{border-color:#2f9d70;background:#12372d;color:#75e4b8}.terminal-script-bar button i{font-style:normal}.terminal-script .code-block{border:0;border-radius:0;background:#090d13;font-size:13px;white-space:pre-wrap;word-break:break-all}.modal-root.theme-light .terminal-script{border-color:#d5dde5;background:#f7f9fb}.modal-root.theme-light .terminal-script-bar{border-color:#d5dde5;background:#edf1f4}.modal-root.theme-light .terminal-script-bar>span{color:#5e6a77}.modal-root.theme-light .terminal-script-bar button{border-color:#c4cdd6;background:#fff;color:#25313d}.modal-root.theme-light .terminal-script-bar button:hover{border-color:#a08000;color:#715d00}.modal-root.theme-light .terminal-script-bar button.copied{border-color:#8fcbb3;background:#e2f6ed;color:#08734a}.modal-root.theme-light .terminal-script .code-block{background:#18202a;color:#edf2f6}
@media(max-width:470px){.terminal-script-bar{align-items:flex-start;flex-direction:column;padding:10px}.terminal-script-bar button{width:100%;justify-content:center}.terminal-script .code-block{font-size:12px}}

/* Tenant Branding Studio */
.branding-settings-hero{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:18px;padding:22px;border:1px solid color-mix(in srgb,var(--brand-primary),#404957 58%);border-radius:19px;background:radial-gradient(circle at 82% 25%,color-mix(in srgb,var(--brand-primary),transparent 84%),transparent 27%),linear-gradient(145deg,var(--brand-secondary),#111923);color:#fff}.branding-settings-mark{display:grid;width:96px;height:66px;place-items:center;padding:8px;border-radius:13px;background:#fff}.branding-settings-mark img{display:block;max-width:100%;max-height:100%;object-fit:contain}.branding-settings-hero span{color:var(--brand-primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.branding-settings-hero h3{margin:4px 0;font-size:22px}.branding-settings-hero p{margin:0;color:#b9c1cb;font-size:14px}.branding-settings-actions{display:grid;justify-items:end;gap:9px}.branding-settings-actions small{color:#9ca7b4;font-size:12px;text-transform:none;letter-spacing:0}.branding-backdrop{padding:12px}.branding-studio{width:min(1380px,100%);height:min(920px,calc(100vh - 24px));max-height:none;overflow:hidden;border:1px solid #303a47;background:#0e151d;color:#eef2f5}.branding-studio-head{display:flex;min-height:91px;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid #2a3440;background:#111923}.branding-studio-head h2{margin:4px 0 3px;font-size:25px}.branding-studio-head p{margin:0;color:#9ba6b3;font-size:14px}.branding-studio-layout{display:grid;grid-template-columns:minmax(520px,.94fr) minmax(470px,1.06fr);height:calc(100% - 162px)}.branding-editor{overflow-y:auto;padding:20px 22px}.branding-section-nav{position:sticky;z-index:2;top:-20px;display:flex;gap:5px;margin:-20px -22px 20px;padding:12px 22px;border-bottom:1px solid #29333f;background:rgba(14,21,29,.96);backdrop-filter:blur(12px)}.branding-section-nav button{min-height:37px;padding:0 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#9ca8b5;font-size:13px;font-weight:700}.branding-section-nav button.active{border-color:#5c5120;background:#2b260f;color:#ffe04a}.branding-form-section{display:none}.branding-form-section.active{display:grid;gap:15px}.branding-section-title{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:11px;margin-bottom:2px}.branding-section-title>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#252f3a;color:#f4ca16;font-size:13px;font-weight:800}.branding-section-title h3{margin:0 0 3px;font-size:18px}.branding-section-title p{margin:0;color:#929eab;font-size:13px}.brand-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.brand-upload{position:relative;display:grid;align-content:start;min-width:0;padding:10px;border:1px solid #34404d;border-radius:13px;background:#121b25;cursor:pointer}.brand-upload input{position:absolute;width:1px;height:1px;opacity:0}.brand-upload>span{display:grid;height:82px;place-items:center;overflow:hidden;margin-bottom:9px;border:1px dashed #485462;border-radius:9px;background:#0a1017}.brand-upload>span img{width:100%;height:100%;object-fit:contain;background:#fff}.brand-upload>span b{font-size:23px}.brand-upload strong{font-size:13px}.brand-upload small{min-height:32px;margin-top:3px;color:#8f9ba8;font-size:12px;line-height:1.35}.brand-upload button{width:max-content;margin-top:6px;padding:0;border:0;background:none;color:#ff929a;font-size:12px}.brand-colour-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.brand-colour-grid label{display:grid;gap:6px;padding:9px;border:1px solid #34404d;border-radius:11px;background:#121b25}.brand-colour-grid span{overflow:hidden;color:#aeb7c1;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.brand-colour-grid input{width:100%;height:35px;padding:2px;border:0;border-radius:7px;background:transparent}.branding-editor .field{margin-bottom:0}.branding-editor .field label{font-size:14px}.branding-editor .field label small{color:#8e99a6;font-weight:500}.branding-editor .input,.branding-editor .select{min-height:45px}.branding-editor .textarea{min-height:92px}.domain-input{display:grid;grid-template-columns:auto 1fr;overflow:hidden;border:1px solid #3a4653;border-radius:11px;background:#0d141c}.domain-input span{display:flex;align-items:center;padding:0 12px;background:#1b2530;color:#9ca7b4;font-size:13px}.domain-input input{min-width:0;min-height:45px;padding:0 12px;border:0;outline:0;background:transparent;color:#eef2f5;font-size:14px}.branding-toggle{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #34404d;border-radius:12px;background:#121b25}.branding-toggle input{width:20px;height:20px;accent-color:#f3ca13}.branding-toggle b,.branding-toggle small{display:block}.branding-toggle b{font-size:14px}.branding-toggle small{margin-top:3px;color:#929eab;font-size:12px}

.branding-preview{display:grid;grid-template-rows:auto 1fr auto;min-width:0;overflow:hidden;border-left:1px solid #2a3440;background:#080d13}.branding-preview>header{display:flex;min-height:65px;align-items:center;justify-content:space-between;padding:10px 17px;border-bottom:1px solid #252f3a}.branding-preview>header small,.branding-preview>header b{display:block}.branding-preview>header small{color:#7f8b98;font-size:11px;text-transform:uppercase}.branding-preview>header b{margin-top:2px;font-size:13px}.branding-preview>header>div:last-child{display:flex;padding:3px;border-radius:9px;background:#18212b}.branding-preview>header button{min-height:32px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#8d99a6;font-size:12px}.branding-preview>header button.active{background:#f2ca18;color:#171a1f;font-weight:750}#branding-preview-canvas{display:grid;overflow:auto;place-items:center;padding:26px;background:radial-gradient(circle at 50% 18%,#202b37,#0b1118 58%)}.branding-preview>footer{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border-top:1px solid #252f3a;color:#808c99;font-size:12px}.branding-preview>footer button{border:0;background:none;color:#e1c332;font-size:12px}.brand-hotspot-preview{display:grid;grid-template-columns:.9fr 1.1fr;width:min(100%,670px);min-height:440px;overflow:hidden;border-radius:22px;background:var(--preview-light);box-shadow:0 25px 70px rgba(0,0,0,.35)}.brand-hotspot-preview>section{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;padding:25px;background-color:var(--preview-secondary);background-size:cover;background-position:center;color:#fff}.brand-preview-logo{display:grid;width:150px;height:57px;place-items:center;padding:7px;border-radius:10px;background:#fff}.brand-preview-logo img{max-width:100%;max-height:100%;object-fit:contain}.brand-preview-logo>span{color:var(--preview-secondary);font-size:18px;font-weight:850}.brand-hotspot-preview h3{margin:0 0 10px;color:#fff;font-size:35px;line-height:1.02}.brand-hotspot-preview section p{margin:0;color:#d4d9df;font-size:14px}.brand-hotspot-preview section small{font-size:12px}.brand-hotspot-preview>article{display:flex;flex-direction:column;padding:28px;color:#1c2229}.brand-hotspot-preview>article>span{font-size:20px;font-weight:800}.brand-hotspot-preview>article>div{display:grid;grid-template-columns:1fr auto;margin:26px 0;padding:16px;border:2px solid var(--preview-primary);border-radius:13px;background:#fff}.brand-hotspot-preview article b,.brand-hotspot-preview article small{grid-column:1/3}.brand-hotspot-preview article strong{grid-column:2;grid-row:1}.brand-hotspot-preview article small{margin-top:6px;color:#68727d}.brand-hotspot-preview article button{min-height:48px;border:0;border-radius:11px;background:var(--preview-primary);color:#171a1f;font-weight:800}.brand-hotspot-preview article em{margin-top:auto;padding-top:25px;color:#737c85;font-size:11px;font-style:normal;text-align:center}.brand-customer-preview{width:min(100%,680px);overflow:hidden;border-radius:22px;background:var(--preview-light);color:#1c2229;box-shadow:0 25px 70px rgba(0,0,0,.35)}.brand-customer-preview>header{display:flex;height:72px;align-items:center;justify-content:space-between;padding:0 22px;background:var(--preview-secondary)}.brand-customer-preview>header>img{max-width:155px;max-height:48px;padding:6px;border-radius:8px;background:#fff}.brand-customer-preview>header>span{display:grid;width:45px;height:45px;place-items:center;border-radius:9px;background:#fff;color:var(--preview-secondary);font-weight:800}.brand-customer-preview>header button{min-height:34px;padding:0 12px;border:1px solid #63707d;border-radius:8px;background:transparent;color:#fff}.brand-customer-preview main{padding:26px}.brand-customer-preview main>span{color:#68737e;font-size:11px;text-transform:uppercase}.brand-customer-preview h3{max-width:520px;margin:4px 0 19px;font-size:26px}.brand-customer-preview main>section{display:flex;align-items:center;justify-content:space-between;padding:21px;border-radius:15px;background:var(--preview-secondary);color:#fff}.brand-customer-preview section small,.brand-customer-preview section b,.brand-customer-preview section p{display:block;margin:0}.brand-customer-preview section b{margin:6px 0;font-size:23px}.brand-customer-preview section p{color:#b9c1ca;font-size:12px}.brand-customer-preview section strong{color:var(--preview-primary);font-size:25px}.brand-preview-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.brand-preview-panels article{padding:16px;border:1px solid #d8dde1;border-radius:12px;background:#fff}.brand-preview-panels b,.brand-preview-panels small{display:block}.brand-preview-panels small{margin-top:5px;color:#717b85}.branding-studio-foot{display:flex;min-height:71px;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;border-top:1px solid #2a3440;background:#111923}.branding-studio-foot>div{display:flex;gap:8px}.branding-studio-foot .danger{border-color:#57343b;color:#ff9aa1}.tenant-branded.hotspot-page{background:radial-gradient(circle at 5% 5%,color-mix(in srgb,var(--hotspot-brand),transparent 73%),transparent 28%),linear-gradient(145deg,var(--tenant-light),#fff)}.tenant-branded .hotspot-brand{background-color:var(--tenant-secondary);background-size:cover;background-position:center}.tenant-branded .pay-button,.tenant-branded .popular{background:var(--hotspot-brand)}.tenant-branded .online-dot{background:var(--tenant-accent)}.tenant-branded .package-option.selected{border-color:var(--tenant-secondary);background:color-mix(in srgb,var(--hotspot-brand),#fff 86%)}.tenant-customer-shell{background:var(--tenant-light)}.tenant-customer-shell .customer-header,.tenant-customer-shell .service-hero{background:var(--tenant-secondary)}.tenant-customer-shell .service-meta,.tenant-customer-shell .btn-primary{background:var(--tenant-primary);color:#171a1f}.tenant-support-links{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.tenant-support-links a{padding:7px 9px;border-radius:8px;background:color-mix(in srgb,var(--tenant-primary),#fff 80%);color:#3e3600;font-size:12px;font-weight:700}.tenant-powered-by{padding:28px 0 0;color:#7a828a;font-size:12px;text-align:center}
.tenant-customer-shell.portal-theme-dark{background:var(--tenant-dark);color:#edf2f6}.tenant-customer-shell.portal-theme-dark .panel{border-color:#303b47;background:#121b24;color:#edf2f6}.tenant-customer-shell.portal-theme-dark .table th,.tenant-customer-shell.portal-theme-dark .table td,.tenant-customer-shell.portal-theme-dark .panel-header{border-color:#303b47}.tenant-customer-shell.portal-theme-dark .table tbody tr:hover{background:#18232e}.tenant-customer-shell.portal-theme-dark .input,.tenant-customer-shell.portal-theme-dark .textarea{border-color:#3b4652;background:#0d141b;color:#edf2f6}@media(prefers-color-scheme:dark){.tenant-customer-shell.portal-theme-system{background:var(--tenant-dark);color:#edf2f6}.tenant-customer-shell.portal-theme-system .panel{border-color:#303b47;background:#121b24;color:#edf2f6}.tenant-customer-shell.portal-theme-system .table th,.tenant-customer-shell.portal-theme-system .table td,.tenant-customer-shell.portal-theme-system .panel-header{border-color:#303b47}.tenant-customer-shell.portal-theme-system .input,.tenant-customer-shell.portal-theme-system .textarea{border-color:#3b4652;background:#0d141b;color:#edf2f6}}
@media(max-width:1050px){.branding-studio-layout{grid-template-columns:1fr}.branding-editor{height:50vh}.branding-preview{display:none}.branding-settings-hero{grid-template-columns:82px 1fr}.branding-settings-mark{width:82px}.branding-settings-actions{grid-column:1/3;align-items:center;justify-items:start}}
@media(max-width:650px){.branding-backdrop{padding:0}.branding-studio{height:100vh;border:0;border-radius:0}.branding-studio-head{padding:14px 16px}.branding-studio-head h2{font-size:20px}.branding-studio-head p{display:none}.branding-studio-layout{height:calc(100% - 145px)}.branding-editor{height:auto;padding:16px}.branding-section-nav{top:-16px;overflow-x:auto;margin:-16px -16px 16px;padding:10px 16px}.branding-section-nav button{white-space:nowrap}.brand-upload-grid{grid-template-columns:1fr 1fr}.brand-upload:last-child{grid-column:1/3}.brand-colour-grid{grid-template-columns:1fr 1fr}.branding-studio-foot{padding:10px 12px}.branding-studio-foot>div{margin-left:auto}.branding-studio-foot .danger,.branding-studio-foot [data-close-modal]{display:none}.branding-settings-hero{grid-template-columns:1fr}.branding-settings-mark{width:100%;height:72px}.branding-settings-actions{grid-column:1}.branding-settings-actions .btn{width:100%}}

/* Branding Studio viewport fit */
.branding-backdrop{overflow:hidden;padding:clamp(6px,1.25vw,16px)}
.branding-studio{display:grid;width:min(1280px,calc(100vw - clamp(12px,2.5vw,32px)));height:min(900px,calc(100dvh - clamp(12px,2.5vw,32px)));max-width:none;max-height:none;grid-template-rows:auto minmax(0,1fr) auto}
.branding-studio-head{min-height:0;padding:15px 20px}.branding-studio-head h2{font-size:clamp(20px,2vw,25px)}
.branding-studio-layout{height:auto;min-height:0;grid-template-columns:minmax(430px,.95fr) minmax(420px,1.05fr)}
.branding-editor,.branding-preview,#branding-preview-canvas{min-height:0}.branding-editor{padding:16px 18px}.branding-section-nav{top:-16px;margin:-16px -18px 16px;padding:9px 18px}.branding-section-nav button{min-height:34px;padding:0 10px}
.branding-studio-foot{min-height:0;padding:10px 18px}.branding-studio-foot .btn{min-height:38px}
@media(max-width:1120px),(max-height:700px){.branding-studio-layout{grid-template-columns:1fr}.branding-preview{display:none}.branding-editor{height:auto}.branding-studio-head p{display:none}.branding-settings-hero{grid-template-columns:82px 1fr}.branding-settings-mark{width:82px}.branding-settings-actions{grid-column:1/3;align-items:center;justify-items:start}}
@media(max-width:650px){.branding-backdrop{padding:0}.branding-studio{width:100vw;height:100dvh;max-height:100dvh}.branding-studio-layout{height:auto}.branding-editor{padding:14px 15px}.branding-section-nav{top:-14px;margin:-14px -15px 14px;padding:8px 15px}.branding-studio-foot{padding:8px 10px}.branding-studio-foot .btn{min-height:40px;padding:0 10px}}

/* Router claim lifecycle */
.app-layout .badge.awaiting_claim{background:#3d2d1b;color:#ffc675}.app-layout .badge.awaiting_claim:before{background:#e49a36}.app-layout .badge.claim_expired{background:#402229;color:#ff929a}.app-layout .badge.claim_expired:before{background:#e65c68}.router-claim-state{display:grid;gap:3px;margin-top:14px;padding:12px 13px;border:1px solid;border-radius:11px}.router-claim-state b{font-size:14px}.router-claim-state span{font-size:12px;line-height:1.45}.router-claim-state.pending{border-color:#675020;background:#2a2112;color:#ffc675}.router-claim-state.pending span{color:#d7c69f}.router-claim-state.expired{border-color:#63313a;background:#29191e;color:#ff929a}.router-claim-state.expired span{color:#d7abb0}.app-layout.theme-light .badge.awaiting_claim{background:#fff0d3;color:#915000}.app-layout.theme-light .badge.claim_expired{background:#fde8ea;color:#ab2731}.app-layout.theme-light .router-claim-state.pending{border-color:#e6ca92;background:#fff7e7;color:#915000}.app-layout.theme-light .router-claim-state.pending span{color:#6f6248}.app-layout.theme-light .router-claim-state.expired{border-color:#e9bec3;background:#fff1f2;color:#ab2731}.app-layout.theme-light .router-claim-state.expired span{color:#765258}

/* Network operations workspace */
.network-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.network-summary article{display:flex;min-height:112px;align-items:center;gap:13px;padding:17px;border:1px solid var(--ops-line);border-radius:16px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel))}.network-summary-icon{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:12px;font-size:16px;font-weight:850}.network-summary-icon.online{background:#12372d;color:#70e1b2}.network-summary-icon.attention{background:#3d2d1b;color:#ffc675}.network-summary-icon.jobs{background:#192f47;color:#8cc8ff}.network-summary-icon.sites{background:#343016;color:#ffe15b}.network-summary small,.network-summary b,.network-summary em{display:block}.network-summary small{color:var(--ops-muted);font-size:12px}.network-summary b{margin:3px 0;font-size:25px}.network-summary em{color:var(--ops-muted);font-size:11px;font-style:normal}.network-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.network-filters{display:flex;gap:5px;padding:4px;border:1px solid var(--ops-line);border-radius:11px;background:#111923}.network-filter{min-height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:var(--ops-muted);font-size:12px;font-weight:700}.network-filter.active{background:#2b3440;color:#fff}.router-card-action{cursor:pointer;transition:transform .16s,border-color .16s}.router-card-action:hover,.router-card-action:focus{border-color:#736622;outline:0;transform:translateY(-2px)}.router-card-foot button{padding:0;border:0;background:transparent;color:#ffda33;font-size:12px;font-weight:750}.network-empty{grid-column:1/-1;padding:36px;border:1px dashed var(--ops-line);border-radius:17px;text-align:center}.network-empty p{margin:6px 0 16px;color:var(--ops-muted)}.provisioning-queue{overflow:hidden}.provisioning-queue .panel-header p{margin:3px 0 0;color:var(--ops-muted);font-size:12px}.network-job-count{color:var(--ops-muted);font-size:12px}.provisioning-list{display:grid}.provisioning-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:63px;padding:10px 18px;border-top:1px solid var(--ops-line)}.job-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:#222d39;color:#8cc8ff;font-weight:800}.provisioning-list b,.provisioning-list small{display:block}.provisioning-list b{text-transform:capitalize}.provisioning-list small{margin-top:2px;color:var(--ops-muted);font-size:11px}.router-detail-modal{width:min(100%,960px)}.router-detail-modal .badge.queued,.router-detail-modal .badge.running,.router-detail-modal .badge.retrying{background:#24303d;color:#b9c5d1}.router-detail-modal .modal-head small{display:block;color:var(--ops-muted);font-size:11px;text-transform:uppercase}.router-detail-hero{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px}.router-detail-mark{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:#343016;color:#ffe15b;font-size:19px}.router-detail-hero b{font-size:18px}.router-detail-hero p{margin:3px 0 0;color:var(--ops-muted);font-size:12px}.router-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px}.router-detail-stats article{padding:13px;border:1px solid var(--ops-line);border-radius:12px;background:#0c1219}.router-detail-stats small,.router-detail-stats b{display:block}.router-detail-stats small{color:var(--ops-muted);font-size:11px}.router-detail-stats b{margin-top:4px;font-size:14px}.router-detail-actions{display:flex;align-items:center;gap:8px;margin:17px 0}.router-detail-actions .danger{margin-left:auto}.router-detail-claim{margin-bottom:17px}.router-configuration{padding:16px;border:1px solid var(--ops-line);border-radius:14px}.router-configuration header h3,.router-detail-columns h3,.router-activity h3{margin:0;font-size:15px}.router-configuration header p,.router-detail-columns header p,.router-activity header p{margin:3px 0 0;color:var(--ops-muted);font-size:11px}.router-config-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin-top:13px}.router-config-grid>div{padding:11px;border-radius:10px;background:#111923}.router-config-grid small,.router-config-grid b{display:block}.router-config-grid small{margin-bottom:5px;color:var(--ops-muted);font-size:10px}.router-config-grid b{text-transform:capitalize}.router-config-services span{display:flex;flex-wrap:wrap;gap:5px}.router-config-services i{padding:4px 7px;border-radius:7px;background:#293441;color:#c4ccd5;font-size:10px;font-style:normal;text-transform:uppercase}.router-config-services em{color:var(--ops-muted);font-size:11px}.router-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.router-detail-columns>section,.router-activity{overflow:hidden;border:1px solid var(--ops-line);border-radius:14px}.router-detail-columns header,.router-activity header{display:flex;align-items:center;justify-content:space-between;padding:14px}.router-detail-columns header>span{display:grid;min-width:27px;height:27px;place-items:center;border-radius:8px;background:#27313d;color:#dce2e9;font-size:11px}.router-subscriber-list,.router-job-list{display:grid}.router-subscriber-list article,.router-job-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:8px 13px;border-top:1px solid var(--ops-line)}.router-subscriber-list b,.router-subscriber-list small,.router-job-list b,.router-job-list small{display:block}.router-subscriber-list b,.router-job-list b{font-size:12px;text-transform:capitalize}.router-subscriber-list small,.router-job-list small{margin-top:2px;color:var(--ops-muted);font-size:10px}.router-activity{margin-top:13px}.router-activity article{display:grid;grid-template-columns:9px 1fr;gap:10px;padding:10px 14px;border-top:1px solid var(--ops-line)}.router-activity article>span{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#e9bf17}.router-activity b,.router-activity small{display:block}.router-activity b{font-size:12px;text-transform:capitalize}.router-activity small{margin-top:2px;color:var(--ops-muted);font-size:10px}.app-layout.theme-light .network-summary article{background:linear-gradient(145deg,#fff,#fbfcfd)}.app-layout.theme-light .network-filters,.modal-root.theme-light .router-detail-stats article,.modal-root.theme-light .router-config-grid>div{background:#edf1f4}.app-layout.theme-light .network-filter.active{background:#fff;color:#17202a;box-shadow:0 2px 8px rgba(20,30,40,.1)}.app-layout.theme-light .router-card-foot button{color:#6d5900}.modal-root.theme-light .router-config-services i{background:#dfe5ea;color:#42505e}.modal-root.theme-light .router-detail-modal .badge.queued,.modal-root.theme-light .router-detail-modal .badge.running,.modal-root.theme-light .router-detail-modal .badge.retrying{background:#e5ebf0;color:#52606d}
@media(max-width:900px){.network-summary{grid-template-columns:1fr 1fr}.router-detail-columns{grid-template-columns:1fr}.router-config-grid{grid-template-columns:1fr 1fr}.router-config-services{grid-column:1/-1}}
@media(max-width:600px){.network-summary{grid-template-columns:1fr}.network-toolbar{align-items:stretch;flex-direction:column}.network-toolbar .search{width:100%}.network-filters{display:grid;grid-template-columns:repeat(3,1fr)}.router-detail-stats{grid-template-columns:1fr 1fr}.router-detail-actions{align-items:stretch;flex-direction:column}.router-detail-actions .danger{margin-left:0}.router-config-grid{grid-template-columns:1fr}.router-config-services{grid-column:auto}.router-detail-hero{grid-template-columns:42px 1fr}.router-detail-hero>.badge{grid-column:2}.provisioning-list article{grid-template-columns:32px 1fr}.provisioning-list article>.badge{grid-column:2;width:max-content}}

/* FinchPulse visual refresh */
:root{--fp-gold:#ffd51e;--fp-night:#080c12;--fp-mint:#55dda9;--fp-grid:rgba(17,19,24,.045)}
::selection{background:var(--fp-gold);color:#101318}
body{background-image:radial-gradient(circle at 10% -10%,rgba(255,213,30,.08),transparent 26%)}
.btn,.icon-button,.package-option,.feature-card,.panel{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.btn:active,.icon-button:active{transform:translateY(1px) scale(.985)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid color-mix(in srgb,var(--fp-gold),transparent 35%);outline-offset:3px}
.site-header{border-color:rgba(17,19,24,.08);background:rgba(255,254,249,.82);box-shadow:0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(24px) saturate(150%)}.site-brand{display:flex;align-items:center;gap:15px}.site-brand>span{display:flex;align-items:center;gap:7px;padding-left:15px;border-left:1px solid #d9d7ce;color:#72757c;font-size:10px;font-weight:750;letter-spacing:.04em}.site-brand>span i{width:7px;height:7px;border-radius:50%;background:#20ae73;box-shadow:0 0 0 5px rgba(32,174,115,.12)}
.site-links a{position:relative;font-weight:590}.site-links a:after{position:absolute;right:0;bottom:-7px;left:0;height:2px;border-radius:2px;background:var(--fp-gold);content:"";transform:scaleX(0);transition:transform .2s}.site-links a:hover:after{transform:scaleX(1)}
.hero{padding:108px 0 100px;background-image:linear-gradient(var(--fp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--fp-grid) 1px,transparent 1px);background-size:42px 42px}.hero:after{position:absolute;bottom:-170px;left:-130px;width:420px;height:420px;border:1px solid rgba(215,173,0,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(255,213,30,.035),0 0 0 110px rgba(255,213,30,.025);content:""}.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 10px 7px 8px;border:1px solid #e3dfcf;border-radius:999px;background:rgba(255,255,255,.75);color:#50535a}.hero .eyebrow:before{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;background:var(--fp-gold);color:#17191d;content:"⌁";font-size:11px}.hero h1 span{background:linear-gradient(105deg,#b38f00,#f0c400 55%,#8c7200);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{line-height:1.7}
.hero-visual{position:relative}.product-shot{z-index:2;padding:12px;border:1px solid rgba(142,111,0,.18);background:linear-gradient(145deg,#ffe248,#f4bd00);box-shadow:0 35px 100px rgba(45,38,12,.22),0 5px 0 rgba(137,107,0,.25)}.shot-window{box-shadow:inset 0 0 0 1px rgba(17,19,24,.05)}.shot-top{justify-content:flex-start}.shot-top>b{margin-left:7px;font-size:11px}.shot-top>em{display:flex;align-items:center;gap:5px;margin-left:auto;color:#6f747b;font-size:10px;font-style:normal}.shot-top>em i{width:6px;height:6px;border-radius:50%;background:#21a86f}
.pulse-orbit{position:absolute;z-index:0;inset:-58px -46px;border:1px solid rgba(177,141,0,.17);border-radius:50%;animation:fp-breathe 5s ease-in-out infinite}.pulse-orbit:before,.pulse-orbit:after{position:absolute;border:1px solid rgba(177,141,0,.1);border-radius:50%;content:""}.pulse-orbit:before{inset:40px}.pulse-orbit:after{inset:80px}.pulse-orbit i{position:absolute;z-index:2;width:11px;height:11px;border:3px solid #fff;border-radius:50%;background:var(--fp-gold);box-shadow:0 5px 15px rgba(50,40,0,.2)}.pulse-orbit i:nth-child(1){top:11%;left:15%}.pulse-orbit i:nth-child(2){right:2%;bottom:31%}.pulse-orbit i:nth-child(3){bottom:3%;left:29%}
.signal-pill{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;min-width:192px;padding:11px 13px;border:1px solid rgba(17,19,24,.08);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(17,19,24,.16);backdrop-filter:blur(14px)}.signal-pill>span{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#eaf8f1;color:#13885a;font-weight:900}.signal-pill b,.signal-pill small{display:block}.signal-pill b{font-size:12px}.signal-pill small{color:#777b82;font-size:9px}.signal-pill-top{top:-26px;right:-25px}.signal-pill-bottom{bottom:-25px;left:-28px}.signal-pill-bottom>span{background:#fff7c7;color:#846a00}
.section-soft{background-color:#f4f2ea;background-image:radial-gradient(rgba(17,19,24,.08) .7px,transparent .7px);background-size:18px 18px}.feature-card{position:relative;overflow:hidden;border-color:#dedbd0}.feature-card:after{position:absolute;right:-42px;bottom:-42px;width:100px;height:100px;border:18px solid rgba(255,213,30,.09);border-radius:50%;content:""}.feature-card:hover{border-color:#d0bc59;box-shadow:0 18px 45px rgba(24,25,20,.09);transform:translateY(-5px)}.feature-icon{box-shadow:0 9px 22px rgba(255,207,0,.22)}.step-number{box-shadow:0 0 0 7px #f3f1e8}.cta{position:relative;overflow:hidden;background:linear-gradient(125deg,#090d13,#171d26);box-shadow:0 28px 80px rgba(10,14,20,.23)}.cta:after{position:absolute;right:-80px;width:310px;height:310px;border:58px solid rgba(255,213,30,.09);border-radius:50%;content:""}.cta>*{position:relative;z-index:1}
.tenant-branded.hotspot-page{display:grid;place-items:center;background-image:radial-gradient(circle at 8% 9%,color-mix(in srgb,var(--hotspot-brand),transparent 66%),transparent 27%),linear-gradient(var(--fp-grid) 1px,transparent 1px),linear-gradient(90deg,var(--fp-grid) 1px,transparent 1px),linear-gradient(145deg,var(--tenant-light),#fff);background-size:auto,35px 35px,35px 35px,auto}.hotspot-shell{border:1px solid rgba(17,19,24,.08);box-shadow:0 32px 100px rgba(17,19,24,.2)}.hotspot-brand{isolation:isolate}.hotspot-brand:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(160deg,transparent 40%,rgba(0,0,0,.28));content:""}.hotspot-brand:after{border-width:1px;box-shadow:0 0 0 48px color-mix(in srgb,var(--hotspot-brand),transparent 94%),0 0 0 96px color-mix(in srgb,var(--hotspot-brand),transparent 96%)}.hotspot-kicker{display:inline-flex;margin-bottom:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;color:#dfe3e7;font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.hotspot-message h1{font-size:clamp(46px,5vw,62px)}
.checkout-journey{display:flex;align-items:center;margin:0 0 25px;color:#9a9ea5;font-size:10px;font-weight:750;text-transform:uppercase}.checkout-journey span{display:flex;align-items:center;gap:5px;white-space:nowrap}.checkout-journey i{display:grid;width:22px;height:22px;place-items:center;border:1px solid #d7d5ce;border-radius:50%;font-size:9px;font-style:normal}.checkout-journey span.active{color:#202329}.checkout-journey span.active i{border-color:var(--hotspot-brand);background:var(--hotspot-brand);color:#15171b}.checkout-journey b{height:1px;flex:1;margin:0 8px;background:#dfddd6}.package-option:before{position:absolute;right:14px;bottom:14px;width:15px;height:15px;border:1.5px solid #c9c7c0;border-radius:50%;content:""}.package-option.selected:before{border:4px solid var(--tenant-secondary);background:var(--hotspot-brand)}.package-option:hover{border-color:color-mix(in srgb,var(--hotspot-brand),#777 35%);transform:translateY(-2px)}.pay-button{box-shadow:0 12px 26px color-mix(in srgb,var(--hotspot-brand),transparent 72%);transition:transform .2s,filter .2s}.pay-button:hover{filter:saturate(1.08) brightness(.98);transform:translateY(-2px)}
.tenant-customer-shell{min-height:100vh;background-image:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--tenant-primary),transparent 78%),transparent 28%),linear-gradient(rgba(20,24,29,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,24,29,.025) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px}.customer-header{position:sticky;z-index:20;top:0;border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 8px 30px rgba(0,0,0,.12)}.customer-logo{display:grid;min-width:176px;height:54px;place-items:center;padding:6px 10px;border-radius:11px;background:#fff}.customer-logo img{max-width:156px;max-height:42px;object-fit:contain}.customer-links a{position:relative}.customer-links a:after{position:absolute;right:0;bottom:-8px;left:0;height:2px;background:var(--tenant-primary);content:"";transform:scaleX(0);transition:transform .2s}.customer-links a:hover:after{transform:scaleX(1)}.customer-content{padding-top:44px!important;padding-bottom:48px!important}.customer-welcome h1{margin-bottom:4px;font-size:clamp(32px,4vw,48px);letter-spacing:-.045em}
.portal-status-strip{display:grid;grid-template-columns:1.35fr repeat(3,1fr);margin:4px 0 18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tenant-secondary),transparent 84%);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 10px 30px rgba(17,19,24,.06);backdrop-filter:blur(12px)}.portal-status-strip>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 9px;min-height:70px;padding:13px 17px;border-right:1px solid rgba(110,115,120,.14)}.portal-status-strip>span:last-child{border:0}.portal-status-strip i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--tenant-accent);box-shadow:0 0 0 7px color-mix(in srgb,var(--tenant-accent),transparent 84%)}.portal-status-strip b{font-size:13px}.portal-status-strip small{color:#747a81;font-size:10px}
.service-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 60px color-mix(in srgb,var(--tenant-secondary),transparent 76%)}.service-hero:after{position:absolute;z-index:-1;right:-100px;bottom:-170px;width:390px;height:390px;border:1px solid color-mix(in srgb,var(--tenant-primary),transparent 65%);border-radius:50%;box-shadow:0 0 0 52px color-mix(in srgb,var(--tenant-primary),transparent 94%),0 0 0 104px color-mix(in srgb,var(--tenant-primary),transparent 96%);content:""}.service-label{display:block;margin-bottom:9px;color:#aeb6c0;font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.service-copy h2{font-size:clamp(31px,4vw,46px);letter-spacing:-.04em}.service-meta{position:relative;min-width:220px;border:1px solid color-mix(in srgb,var(--tenant-primary),transparent 35%);box-shadow:0 15px 40px rgba(0,0,0,.17)}.service-meta em{display:flex;align-items:center;gap:6px;margin-top:11px;color:#244d3d;font-size:10px;font-style:normal;font-weight:750}.service-meta em:before{width:7px;height:7px;border-radius:50%;background:var(--tenant-accent);content:""}.service-signal{position:absolute;right:21%;bottom:-94px;width:250px;height:250px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.service-signal i{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.service-signal i:nth-child(1){inset:35px}.service-signal i:nth-child(2){inset:70px}.service-signal i:nth-child(3){top:40px;left:20px;width:9px;height:9px;border:0;background:var(--tenant-primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--tenant-primary),transparent 85%)}.customer-grid .panel{overflow:hidden;border-color:color-mix(in srgb,var(--tenant-secondary),transparent 86%);box-shadow:0 14px 40px rgba(17,19,24,.07)}.customer-grid .panel:hover{box-shadow:0 18px 50px rgba(17,19,24,.1);transform:translateY(-2px)}.panel-kicker{display:block;margin-bottom:2px;color:#858a91;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tenant-customer-shell.portal-theme-dark .portal-status-strip{border-color:#303b47;background:rgba(18,27,36,.84)}.tenant-customer-shell.portal-theme-dark .portal-status-strip small{color:#98a4b0}
.app-layout{--pulse-accent:#f6cc00}.app-layout .sidebar{background-image:radial-gradient(circle at 30% 0,rgba(246,204,0,.075),transparent 22%),linear-gradient(180deg,#0b1118,#0a0f15)}.app-layout .sidebar-brand{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}.app-layout .sidebar-brand:after{position:absolute;right:-17px;width:50px;height:50px;border:8px solid rgba(246,204,0,.08);border-radius:50%;content:""}.app-layout .side-link{position:relative;overflow:hidden}.app-layout .side-link:before{position:absolute;top:25%;bottom:25%;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--pulse-accent);content:"";transform:scaleY(0);transition:transform .18s}.app-layout .side-link.active:before{transform:scaleY(1)}.app-layout .side-link:hover{background:rgba(255,255,255,.045)}.app-layout .side-link.active{background:linear-gradient(90deg,rgba(246,204,0,.15),rgba(246,204,0,.035));box-shadow:inset 0 0 0 1px rgba(246,204,0,.08)}.app-layout .app-topbar{border-bottom:1px solid rgba(255,255,255,.07);background:rgba(10,15,21,.82);backdrop-filter:blur(22px) saturate(135%)}.topbar-kicker{display:flex!important;align-items:center;gap:7px}.topbar-kicker:before{width:6px;height:6px;border-radius:50%;background:#43d29d;box-shadow:0 0 0 5px rgba(67,210,157,.1);content:""}.app-layout .app-content{position:relative;background-image:radial-gradient(circle at 95% 0,rgba(246,204,0,.055),transparent 25%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}.app-layout .page-heading h2{letter-spacing:-.035em}.app-layout .page-heading .eyebrow{color:#cfad22}.app-layout .panel,.app-layout .metric,.app-layout .overview-stat,.app-layout .customer-summary article,.app-layout .support-summary article,.app-layout .network-summary article,.app-layout .package-card{border-color:rgba(151,164,178,.17);box-shadow:0 14px 35px rgba(0,0,0,.14)}
.app-layout.theme-light .app-topbar{border-color:#dde3e8;background:rgba(250,251,252,.86);box-shadow:0 6px 24px rgba(28,37,47,.05)}.app-layout.theme-light .app-content{background-color:#f5f7f9;background-image:radial-gradient(circle at 95% 0,rgba(242,198,0,.09),transparent 25%),linear-gradient(rgba(20,30,40,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,30,40,.025) 1px,transparent 1px)}.app-layout.theme-light .panel,.app-layout.theme-light .metric,.app-layout.theme-light .overview-stat,.app-layout.theme-light .customer-summary article,.app-layout.theme-light .support-summary article,.app-layout.theme-light .network-summary article,.app-layout.theme-light .package-card{border-color:#dfe5ea;box-shadow:0 12px 30px rgba(28,37,47,.065)}.app-layout.theme-light .page-heading .eyebrow{color:#7b6600}
.platform-page{background-image:radial-gradient(circle at 87% 0,rgba(255,213,30,.07),transparent 24%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px}.platform-sidebar{background-image:radial-gradient(circle at 30% 0,rgba(255,213,30,.08),transparent 22%)}.platform-brand{margin:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035)}.platform-nav button{position:relative;overflow:hidden}.platform-nav button:before{position:absolute;top:24%;bottom:24%;left:0;width:3px;border-radius:0 3px 3px 0;background:#f7cc16;content:"";transform:scaleY(0);transition:transform .18s}.platform-nav button.active:before{transform:scaleY(1)}.platform-nav button.active{background:linear-gradient(90deg,rgba(247,204,22,.15),rgba(247,204,22,.03));box-shadow:inset 0 0 0 1px rgba(247,204,22,.08)}.platform-topbar{background:rgba(12,18,25,.84);backdrop-filter:blur(22px) saturate(140%)}.platform-welcome h1{letter-spacing:-.04em}.platform-metric,.platform-directory,.platform-health-card,.platform-plan-card,.platform-special-view{box-shadow:0 16px 42px rgba(0,0,0,.16)}.platform-metric{position:relative;overflow:hidden}.platform-metric:after{position:absolute;right:-31px;bottom:-31px;width:80px;height:80px;border:14px solid rgba(255,213,30,.045);border-radius:50%;content:""}
@keyframes fp-breathe{0%,100%{transform:scale(.98);opacity:.65}50%{transform:scale(1.025);opacity:1}}
@media(max-width:1050px){.site-brand>span{display:none}.signal-pill-top{right:-5px}.signal-pill-bottom{left:-5px}.portal-status-strip{grid-template-columns:1fr 1fr}.portal-status-strip>span:nth-child(2){border-right:0}.portal-status-strip>span:nth-child(-n+2){border-bottom:1px solid rgba(110,115,120,.14)}}
@media(max-width:760px){.hero{padding:70px 0 66px}.hero-grid{gap:68px}.pulse-orbit{inset:-30px -12px}.signal-pill{display:none}.site-nav{height:68px}.site-actions .btn:first-child{display:none}.site-actions .btn{min-height:39px;padding:0 12px;font-size:12px}.site-brand .brand-logo{width:150px}.checkout-journey{margin-bottom:20px}.customer-logo{min-width:125px;height:46px}.customer-logo img{max-width:112px}.customer-content{padding-top:28px!important}.portal-status-strip{grid-template-columns:1fr 1fr}.service-meta{min-width:0}.service-signal{display:none}.cta{padding:38px 28px}}
@media(max-width:520px){.portal-status-strip{grid-template-columns:1fr}.portal-status-strip>span{border-right:0;border-bottom:1px solid rgba(110,115,120,.14)}.portal-status-strip>span:last-child{border-bottom:0}.checkout-journey{font-size:9px}.checkout-journey b{margin:0 4px}.hotspot-page{padding:0}.hotspot-shell{border:0}.customer-welcome .btn{width:100%;margin-top:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Contrast refinements from rendered-page QA */
.signal-pill{color:#151a20}
.app-layout .sidebar-brand,.platform-brand{border-color:rgba(255,255,255,.12);background:#fff}
@media(prefers-color-scheme:dark){.tenant-customer-shell.portal-theme-system .portal-status-strip{border-color:#303b47;background:rgba(18,27,36,.86);color:#edf2f6}.tenant-customer-shell.portal-theme-system .portal-status-strip small{color:#98a4b0}.tenant-customer-shell.portal-theme-system .customer-links a{color:#e8edf2}}
.connector-state{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:15px;padding:12px 13px;border:1px solid;border-radius:12px}.connector-state>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;font-weight:850}.connector-state b{display:block;font-size:13px}.connector-state p{margin:2px 0 0;font-size:11px;line-height:1.4}.connector-state.connected{border-color:#285946;background:#102d25}.connector-state.connected>span{background:#18513e;color:#78e8ba}.connector-state.connected p{color:#a8c9bc}.connector-state.not-connected{border-color:#675020;background:#2a2112}.connector-state.not-connected>span{background:#493814;color:#ffd84a}.connector-state.not-connected p{color:#d7c69f}.connector-enrollment-result{display:grid;gap:9px;margin:0 0 17px;padding:14px;border:1px solid #3a4654;border-radius:13px;background:#0d141c}.connector-enrollment-result>div:not(.terminal-script){display:grid;grid-template-columns:28px 1fr;align-items:start;gap:9px}.connector-enrollment-result>div>span{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:#343016;color:#ffe15b;font-size:11px;font-weight:850}.connector-enrollment-result p{margin:0;color:#98a3b0;font-size:11px}.connector-enrollment-result p b{display:block;margin-bottom:2px;color:#eef1f5;font-size:12px}.modal-root.theme-light .connector-state.connected{border-color:#b7dfcf;background:#edf9f4}.modal-root.theme-light .connector-state.connected p{color:#4e6d61}.modal-root.theme-light .connector-state.not-connected{border-color:#e6ca92;background:#fff7e7}.modal-root.theme-light .connector-state.not-connected p{color:#6f6248}.modal-root.theme-light .connector-enrollment-result{border-color:#d8dfe6;background:#f7f9fb}.modal-root.theme-light .connector-enrollment-result p{color:#687481}.modal-root.theme-light .connector-enrollment-result p b{color:#17202a}@media(max-width:600px){.connector-state{grid-template-columns:34px 1fr}.connector-state>.badge{grid-column:2;width:max-content}}

/* Strong active navigation contrast in dark mode */
.app-layout.theme-dark .side-link.active{border:1px solid rgba(246,204,0,.28);background:linear-gradient(90deg,rgba(246,204,0,.24),rgba(246,204,0,.075));box-shadow:inset 3px 0 0 #f6cc00,0 8px 22px rgba(0,0,0,.18);color:#fff}
.app-layout.theme-dark .side-link.active .side-icon{color:#ffdb38;text-shadow:0 0 16px rgba(246,204,0,.45)}
.app-layout.theme-dark .side-link.active em{background:#4b4015;color:#ffe46c}
.platform-nav button.active{border:1px solid rgba(247,204,22,.22);background:linear-gradient(90deg,rgba(247,204,22,.21),rgba(247,204,22,.055));box-shadow:inset 3px 0 0 #f7cc16;color:#fff}
.platform-nav button.active>span{color:#ffdb38}

/* Subscription checkout */
.plan-price{display:flex;align-items:baseline;gap:5px;margin:12px 0 4px}.plan-price b{font-size:20px}.plan-price span{color:var(--ops-muted);font-size:10px}.pending-plan-banner{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 18px;border:1px solid #665a1d;border-radius:16px;background:linear-gradient(110deg,#28220d,#171a1c)}.pending-plan-banner>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#403713;color:#ffe25b;font-size:18px}.pending-plan-banner small,.pending-plan-banner b,.pending-plan-banner p{display:block}.pending-plan-banner small{color:#d0b83d;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.pending-plan-banner b{margin:2px 0;font-size:14px;text-transform:capitalize}.pending-plan-banner p{margin:0;color:var(--ops-muted);font-size:11px}.pending-plan-banner strong{color:#f5f7f8}.app-layout.theme-light .pending-plan-banner{border-color:#e2cb70;background:linear-gradient(110deg,#fff9d8,#fff)}.app-layout.theme-light .pending-plan-banner b,.app-layout.theme-light .pending-plan-banner strong{color:#242a31}
.plan-checkout-modal{width:min(100%,900px)}.plan-checkout-modal .modal-head{align-items:flex-start}.plan-checkout-modal .modal-head p{max-width:620px;margin:5px 0 0;color:var(--ops-muted);font-size:12px;line-height:1.5}.billing-cycle-switch{display:grid;width:min(100%,390px);grid-template-columns:1fr 1fr;gap:5px;margin:0 auto 18px;padding:4px;border:1px solid #34404d;border-radius:12px;background:#0e151d}.billing-cycle-switch button{min-height:40px;border:0;border-radius:8px;background:transparent;color:#a9b3bf;font-weight:750}.billing-cycle-switch button span{margin-left:4px;color:#e7c31e;font-size:9px}.billing-cycle-switch button.active{background:#f3ca13;color:#171a1f;box-shadow:0 5px 14px rgba(0,0,0,.16)}.billing-cycle-switch button.active span{color:#5b4a00}.checkout-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.checkout-plan{display:block;padding:17px;border:1px solid #35404d;border-radius:15px;background:#111923;cursor:pointer;transition:border-color .16s,transform .16s,box-shadow .16s}.checkout-plan:hover{border-color:#75671d;transform:translateY(-2px)}.checkout-plan.selected{border-color:#f3ca13;box-shadow:0 0 0 2px rgba(243,202,19,.13),0 12px 28px rgba(0,0,0,.16)}.checkout-plan>input{position:absolute;opacity:0;pointer-events:none}.checkout-plan-head{display:flex;align-items:center;gap:10px}.checkout-plan-head>i{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:#293440;color:#f3ca13;font-style:normal}.checkout-plan-head span small,.checkout-plan-head span b{display:block}.checkout-plan-head span small{color:var(--ops-muted);font-size:8px;text-transform:uppercase}.checkout-plan-head span b{font-size:16px}.checkout-plan>strong{display:block;margin:16px 0 8px;color:#ffe052;font-size:22px}.checkout-plan>strong small{margin-left:3px;color:var(--ops-muted);font-size:10px}.checkout-plan>p{min-height:48px;margin:0 0 12px;color:var(--ops-muted);font-size:11px;line-height:1.5}.checkout-plan ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:#c9d0d8;font-size:10px}.checkout-plan li::first-letter{color:#61d9a4}.plan-order-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px;padding:15px 17px;border:1px solid #384451;border-radius:13px;background:#0d141c}.plan-order-summary small,.plan-order-summary b,.plan-order-summary span{display:block}.plan-order-summary small{color:#aab4bf;font-size:9px;text-transform:uppercase}.plan-order-summary b{margin:3px 0;font-size:14px}.plan-order-summary span{color:var(--ops-muted);font-size:10px}.plan-order-summary>strong{color:#ffe052;font-size:23px}.plan-checkout-success{text-align:center}.plan-checkout-success>span{display:grid;width:54px;height:54px;place-items:center;margin:0 auto 13px;border-radius:50%;background:#12372d;color:#72e1b2;font-size:24px}.plan-checkout-success h3{margin:0;font-size:24px}.plan-checkout-success>p{margin:6px auto 18px;color:var(--ops-muted)}.plan-checkout-success>div{padding:15px;border:1px solid #665a1d;border-radius:13px;background:#28220d}.plan-checkout-success>div small,.plan-checkout-success>div b{display:block}.plan-checkout-success>div b{margin-top:4px;color:#ffe052;font-size:27px}.plan-checkout-success>label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;margin:10px 0;padding:13px 14px;border:1px solid #35404d;border-radius:13px;text-align:left}.plan-checkout-success>label span{grid-column:1;color:var(--ops-muted);font-size:10px}.plan-checkout-success>label strong{grid-column:1;font-size:17px;letter-spacing:.05em}.plan-checkout-success>label button{grid-column:2;grid-row:1/3}.modal-root.theme-light .billing-cycle-switch{border-color:#d5dce3;background:#edf1f4}.modal-root.theme-light .checkout-plan{border-color:#d7dde3;background:#f8fafb}.modal-root.theme-light .checkout-plan.selected{border-color:#ad8e00;background:#fffcef}.modal-root.theme-light .checkout-plan-head>i{background:#e8edf1;color:#786200}.modal-root.theme-light .checkout-plan>strong,.modal-root.theme-light .plan-order-summary>strong{color:#745e00}.modal-root.theme-light .checkout-plan ul{color:#4f5d69}.modal-root.theme-light .plan-order-summary{border-color:#d7dde3;background:#f4f7f9}.modal-root.theme-light .plan-checkout-success>div{border-color:#e2cb70;background:#fff9d8}.modal-root.theme-light .plan-checkout-success>div b{color:#745e00}.modal-root.theme-light .plan-checkout-success>label{border-color:#d7dde3}
@media(max-width:760px){.checkout-plan-grid{grid-template-columns:1fr}.checkout-plan>p{min-height:0}.plan-checkout-modal .modal-body{padding:16px}.plan-order-summary{align-items:flex-start}.pending-plan-banner{grid-template-columns:38px 1fr}.pending-plan-banner .btn{grid-column:2;width:max-content}}
@media(max-width:480px){.plan-order-summary{display:grid}.plan-checkout-success>label{grid-template-columns:1fr}.plan-checkout-success>label button{grid-column:1;grid-row:auto;margin-top:8px}.billing-cycle-switch button span{display:block;margin:2px 0 0}}

.plan-payment-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:14px}.plan-payment-summary,.plan-payment-entry{padding:20px;border:1px solid #35404d;border-radius:16px;background:#101821}.plan-payment-summary>span{color:var(--ops-muted);font-size:10px;font-weight:800;text-transform:uppercase}.plan-payment-summary>b{display:block;margin:5px 0 20px;color:#ffe052;font-size:31px}.plan-payment-summary dl{display:grid;gap:11px;margin:0}.plan-payment-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding-top:11px;border-top:1px solid #303b47}.plan-payment-summary dt{color:var(--ops-muted);font-size:11px}.plan-payment-summary dd{margin:0;font-size:11px;font-weight:750;text-align:right;text-transform:capitalize}.plan-payment-entry{position:relative;padding-left:72px}.mpesa-mark{position:absolute;top:20px;left:20px;display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:#0a8f4e;color:#fff;font-weight:900}.plan-payment-entry h3{margin:0;font-size:18px}.plan-payment-entry>div>p{margin:4px 0 18px;color:var(--ops-muted);font-size:11px;line-height:1.5}.plan-payment-entry .field,.plan-payment-entry .payment-security-note,.plan-payment-entry .error{grid-column:1/-1;margin-left:-52px}.payment-security-note{display:flex;gap:10px;margin-top:13px;padding:12px;border:1px solid #285946;border-radius:11px;background:#102d25}.payment-security-note>span{color:#72e1b2}.payment-security-note p{margin:0!important;color:#a8c9bc!important}.payment-security-note b{display:block;color:#dcf5ea}.modal-root.theme-light .plan-payment-summary,.modal-root.theme-light .plan-payment-entry{border-color:#d7dde3;background:#f8fafb}.modal-root.theme-light .plan-payment-summary>b{color:#745e00}.modal-root.theme-light .plan-payment-summary dl>div{border-color:#d7dde3}.modal-root.theme-light .payment-security-note{border-color:#b7dfcf;background:#edf9f4}.modal-root.theme-light .payment-security-note p{color:#4e6d61!important}.modal-root.theme-light .payment-security-note b{color:#174f3b}
@media(max-width:760px){.plan-payment-layout{grid-template-columns:1fr}.plan-payment-entry{padding-left:72px}}
@media(max-width:480px){.plan-payment-entry{padding:17px}.mpesa-mark{position:static;margin-bottom:11px}.plan-payment-entry .field,.plan-payment-entry .payment-security-note,.plan-payment-entry .error{margin-left:0}}

/* Registration verification and Daraja onboarding */
.verification-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.verification-actions .back-link{margin:0;border:0;background:transparent;cursor:pointer}.verification-actions .back-link:disabled{cursor:not-allowed;opacity:.5}.mpesa-connection-modal{width:min(100%,780px)}.mpesa-connection-modal .modal-head{align-items:flex-start}.mpesa-connection-modal .modal-head p{max-width:580px;margin:5px 0 0;color:var(--ops-muted);font-size:11px;line-height:1.5}.mpesa-connection-state{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;margin-bottom:13px;padding:13px 15px;border:1px solid #665a1d;border-radius:13px;background:#28220d}.mpesa-connection-state>span{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:#0a8f4e;color:#fff;font-weight:900}.mpesa-connection-state small,.mpesa-connection-state b,.mpesa-connection-state p{display:block}.mpesa-connection-state small{color:#c9b44d;font-size:9px;font-weight:800;text-transform:uppercase}.mpesa-connection-state b{text-transform:capitalize}.mpesa-connection-state p{margin:2px 0 0;color:#c8bd8d;font-size:11px}.mpesa-connection-state.state-connected{border-color:#285946;background:#102d25}.mpesa-connection-state.state-connected small,.mpesa-connection-state.state-connected p{color:#a8c9bc}.mpesa-callbacks{margin-top:16px;overflow:hidden;border:1px solid #35404d;border-radius:14px}.mpesa-callbacks header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #35404d}.mpesa-callbacks h3{margin:0;font-size:14px}.mpesa-callbacks header p{margin:2px 0 0;color:var(--ops-muted);font-size:10px}.mpesa-callbacks label{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid #303a46}.mpesa-callbacks label:last-child{border:0}.mpesa-callbacks label>span{color:var(--ops-muted);font-size:10px}.mpesa-callbacks code{overflow:hidden;color:#dfe5eb;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.mpesa-callbacks button{min-height:28px;padding:0 9px;border:1px solid #465362;border-radius:7px;background:#202a35;color:#dfe5eb;font-size:10px}.modal-root.theme-light .mpesa-connection-state{border-color:#e2cb70;background:#fff9d8}.modal-root.theme-light .mpesa-connection-state p{color:#6f6248}.modal-root.theme-light .mpesa-connection-state.state-connected{border-color:#b7dfcf;background:#edf9f4}.modal-root.theme-light .mpesa-connection-state.state-connected p{color:#4e6d61}.modal-root.theme-light .mpesa-callbacks,.modal-root.theme-light .mpesa-callbacks header,.modal-root.theme-light .mpesa-callbacks label{border-color:#d7dde3}.modal-root.theme-light .mpesa-callbacks code{color:#33404c}.modal-root.theme-light .mpesa-callbacks button{border-color:#cbd3db;background:#f4f7f9;color:#33404c}
@media(max-width:560px){.verification-actions{align-items:flex-start;flex-direction:column}.mpesa-callbacks label{grid-template-columns:1fr auto}.mpesa-callbacks code{grid-column:1/3;grid-row:2}.mpesa-callbacks button{grid-column:2;grid-row:1}.mpesa-connection-modal .modal-foot{flex-wrap:wrap}.mpesa-connection-modal .modal-foot .btn-primary{width:100%;order:-1}}

/* ISP-owned customer revenue reporting */
.reports-page{display:grid;gap:18px}.reports-page>.page-heading{margin-bottom:0}.report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.report-summary article{position:relative;overflow:hidden;padding:18px;border:1px solid var(--ops-line);border-radius:16px;background:linear-gradient(145deg,var(--ops-panel-2),var(--ops-panel));box-shadow:0 12px 28px rgba(0,0,0,.1)}.report-summary article:after{position:absolute;right:-24px;bottom:-24px;width:66px;height:66px;border:11px solid rgba(246,204,0,.045);border-radius:50%;content:""}.report-summary small,.report-summary b,.report-summary span{display:block}.report-summary small{color:var(--ops-muted);font-size:12px;font-weight:750}.report-summary b{margin:7px 0 4px;font-size:25px;letter-spacing:-.03em}.report-summary span{color:var(--ops-muted);font-size:11px}.customer-report-ledger{overflow:hidden}.customer-report-ledger .panel-header>span{color:var(--ops-muted);font-size:12px;font-weight:700}.customer-report-table td b,.customer-report-table td small{display:block}.customer-report-table td small{margin-top:3px;color:var(--ops-muted);font-size:11px}.customer-report-table td:nth-child(4),.customer-report-table td:nth-child(5),.customer-report-table td:nth-child(6){font-variant-numeric:tabular-nums}.app-layout.theme-light .report-summary article{background:linear-gradient(145deg,#fff,#f8fafb);box-shadow:0 9px 24px rgba(28,37,47,.06)}
@media(max-width:1050px){.report-summary{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.report-summary{grid-template-columns:1fr}.customer-report-ledger .panel-header{align-items:flex-start;flex-direction:column}.customer-report-table thead{display:none}.customer-report-table,.customer-report-table tbody,.customer-report-table tr,.customer-report-table td{display:block;width:100%}.customer-report-table tr{padding:12px 15px;border-bottom:1px solid var(--ops-line)}.customer-report-table tr:last-child{border-bottom:0}.customer-report-table td{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:7px 0;border:0;text-align:right;white-space:normal}.customer-report-table td:before{flex:0 0 40%;color:var(--ops-muted);content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.04em;text-align:left;text-transform:uppercase}.customer-report-table td b,.customer-report-table td small{max-width:100%;text-align:right}}

/* Faint connected-network texture, replacing the square grid motif */
:root{--network-mesh-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='270' viewBox='0 0 420 270'%3E%3Cg fill='none' stroke='%23151c24' stroke-opacity='.045' stroke-width='1'%3E%3Cpath d='M18 62L104 22l68 71 91-48 136 57M49 231l93-76 92 55 110-72M172 93l-30 62m121-110 81 93M234 210l84 47'/%3E%3C/g%3E%3Cg fill='%23b99500' fill-opacity='.15'%3E%3Ccircle cx='18' cy='62' r='2'/%3E%3Ccircle cx='104' cy='22' r='2.5'/%3E%3Ccircle cx='172' cy='93' r='2'/%3E%3Ccircle cx='263' cy='45' r='2.5'/%3E%3Ccircle cx='399' cy='102' r='2'/%3E%3Ccircle cx='49' cy='231' r='2'/%3E%3Ccircle cx='142' cy='155' r='3'/%3E%3Ccircle cx='234' cy='210' r='2'/%3E%3Ccircle cx='344' cy='138' r='2.5'/%3E%3Ccircle cx='318' cy='257' r='2'/%3E%3C/g%3E%3C/svg%3E");--network-mesh-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='270' viewBox='0 0 420 270'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.035' stroke-width='1'%3E%3Cpath d='M18 62L104 22l68 71 91-48 136 57M49 231l93-76 92 55 110-72M172 93l-30 62m121-110 81 93M234 210l84 47'/%3E%3C/g%3E%3Cg fill='%23f6cc00' fill-opacity='.12'%3E%3Ccircle cx='18' cy='62' r='2'/%3E%3Ccircle cx='104' cy='22' r='2.5'/%3E%3Ccircle cx='172' cy='93' r='2'/%3E%3Ccircle cx='263' cy='45' r='2.5'/%3E%3Ccircle cx='399' cy='102' r='2'/%3E%3Ccircle cx='49' cy='231' r='2'/%3E%3Ccircle cx='142' cy='155' r='3'/%3E%3Ccircle cx='234' cy='210' r='2'/%3E%3Ccircle cx='344' cy='138' r='2.5'/%3E%3Ccircle cx='318' cy='257' r='2'/%3E%3C/g%3E%3C/svg%3E")}
.app-layout .app-content{background-color:var(--ops-bg);background-image:radial-gradient(circle at 95% 0,rgba(246,204,0,.06),transparent 25%),radial-gradient(circle at 12% 88%,rgba(41,197,132,.025),transparent 24%),var(--network-mesh-dark);background-position:0 0,0 0,18px 12px;background-size:auto,auto,420px 270px}
.app-layout.theme-light .app-content{background-color:#f5f7f9;background-image:radial-gradient(circle at 95% 0,rgba(242,198,0,.09),transparent 25%),radial-gradient(circle at 10% 90%,rgba(15,135,92,.035),transparent 25%),var(--network-mesh-light);background-position:0 0,0 0,18px 12px;background-size:auto,auto,420px 270px}
.platform-page{background-color:var(--platform-bg,#070b10);background-image:radial-gradient(circle at 87% 0,rgba(255,213,30,.07),transparent 24%),var(--network-mesh-dark);background-position:0 0,24px 18px;background-size:auto,420px 270px}
.tenant-customer-shell{background-color:var(--tenant-light,#f5f4ef);background-image:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--tenant-primary),transparent 82%),transparent 28%),var(--network-mesh-light);background-position:0 0,12px 8px;background-size:auto,420px 270px}
.tenant-customer-shell.portal-theme-dark{background-color:var(--tenant-dark);background-image:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--tenant-primary),transparent 88%),transparent 28%),var(--network-mesh-dark)}
@media(prefers-color-scheme:dark){.tenant-customer-shell.portal-theme-system{background-color:var(--tenant-dark);background-image:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--tenant-primary),transparent 88%),transparent 28%),var(--network-mesh-dark)}}
.hero{background-image:radial-gradient(circle at 86% 8%,rgba(255,212,0,.08),transparent 24%),var(--network-mesh-light);background-position:0 0,10px 12px;background-size:auto,420px 270px}
.tenant-branded.hotspot-page{background-color:var(--tenant-light);background-image:radial-gradient(circle at 8% 9%,color-mix(in srgb,var(--hotspot-brand),transparent 72%),transparent 27%),var(--network-mesh-light),linear-gradient(145deg,var(--tenant-light),#fff);background-position:0 0,8px 6px,0 0;background-size:auto,420px 270px,auto}

/* Operational payment reconciliation */
.modal-root.theme-dark .badge.unmatched{background:#402229;color:#ff929a}.modal-root.theme-dark .badge.unmatched:before{background:#ff6974}.modal-root.theme-light .badge.unmatched{background:#fde8ea;color:#ab2731}.modal-root.theme-light .badge.unmatched:before{background:#c93643}
.payment-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-metric-unmatched .payment-metric-icon{background:#402229;color:#ff929a}.payment-metric-unmatched .payment-metric-foot strong{color:#ff929a}.app-layout .badge.unmatched{background:#402229;color:#ff929a}.app-layout .badge.unmatched:before{background:#ff6974}.app-layout.theme-light .badge.unmatched{background:#fde8ea;color:#ab2731}.app-layout.theme-light .badge.unmatched:before{background:#c93643}.payment-query{border-top:1px solid var(--ops-line)}.payment-query .payment-toolbar{border-top:0}.payment-advanced-filters{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(135px,.8fr) minmax(135px,.8fr) auto auto;align-items:end;gap:9px;padding:11px 18px;border-bottom:1px solid var(--ops-line);background:#0d141b}.payment-advanced-filters label{display:grid;gap:5px}.payment-advanced-filters label>span{color:var(--ops-muted);font-size:10px;font-weight:750;text-transform:uppercase}.payment-advanced-filters .input,.payment-advanced-filters .select{min-height:38px;border-radius:9px;font-size:12px}.payment-advanced-filters .btn{min-height:38px}.payment-clear{min-height:38px;padding:0 8px;border:0;background:transparent;color:var(--ops-muted);font-size:11px;font-weight:700}.payments-table tbody tr[data-payment-id]{cursor:pointer}.payments-table tbody tr[data-payment-id]:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.payment-row-action{text-align:right}.payment-row-action button{display:grid;width:29px;height:29px;place-items:center;margin-left:auto;border:1px solid var(--ops-line);border-radius:8px;background:#202a36;color:#dbe2e9;font-size:18px}.payment-pagination{display:flex;gap:7px}.payment-pagination .btn:disabled{cursor:not-allowed;opacity:.45}
.payment-detail-modal{width:min(100%,860px)}.payment-detail-modal .modal-head{align-items:flex-start}.payment-detail-modal .modal-head p{margin:4px 0 0;color:var(--ops-muted);font-size:12px}.payment-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--ops-line);border-radius:15px;background:linear-gradient(135deg,#101923,#171f29)}.payment-detail-hero small,.payment-detail-hero b,.payment-detail-hero span{display:block}.payment-detail-hero small,.payment-detail-hero span{color:var(--ops-muted);font-size:11px}.payment-detail-hero b{margin:3px 0;font-size:29px}.payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:13px}.payment-detail-grid>section{padding:17px;border:1px solid var(--ops-line);border-radius:14px;background:#111923}.payment-detail-grid h3,.payment-timeline h3{margin:0 0 12px;font-size:15px}.payment-detail-grid dl{display:grid;gap:0;margin:0}.payment-detail-grid dl>div{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-top:1px solid var(--ops-line)}.payment-detail-grid dt{color:var(--ops-muted);font-size:11px}.payment-detail-grid dd{margin:0;font-size:11px;font-weight:700;text-align:right}.payment-match-form p{margin:0 0 13px;color:var(--ops-muted);font-size:11px;line-height:1.5}.payment-match-form .field span{font-size:11px;font-weight:700}.payment-match-form .btn{width:100%;margin-top:12px}.matched-account{display:flex;align-items:center;gap:12px;padding:14px;border-radius:12px;background:#0d141b}.matched-account .avatar{width:42px;height:42px}.matched-account b,.matched-account small,.matched-account em{display:block}.matched-account small{margin-top:2px;color:var(--ops-muted);font-size:11px}.matched-account em{margin-top:8px;color:#e6c522;font-size:10px;font-style:normal}.payment-timeline{margin-top:13px;overflow:hidden;border:1px solid var(--ops-line);border-radius:14px}.payment-timeline header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid var(--ops-line)}.payment-timeline header h3{margin:0}.payment-timeline header p{margin:2px 0 0;color:var(--ops-muted);font-size:10px}.payment-timeline header>span{color:var(--ops-muted);font-size:10px}.payment-timeline article{display:grid;grid-template-columns:15px 1fr;gap:9px;padding:11px 17px;border-bottom:1px solid var(--ops-line)}.payment-timeline article:last-child{border:0}.payment-timeline article i{width:8px;height:8px;margin-top:5px;border:2px solid #31404e;border-radius:50%;background:var(--yellow)}.payment-timeline article b,.payment-timeline article small{display:block}.payment-timeline article b{font-size:12px}.payment-timeline article small{margin-top:2px;color:var(--ops-muted);font-size:10px}
.app-layout.theme-light .payment-metric-unmatched .payment-metric-icon{background:#fde8ea;color:#ab2731}.app-layout.theme-light .payment-metric-unmatched .payment-metric-foot strong{color:#ab2731}.app-layout.theme-light .payment-advanced-filters{background:#f3f6f8}.app-layout.theme-light .payment-row-action button{background:#f3f6f8;color:#33404c}.modal-root.theme-light .payment-detail-hero{background:linear-gradient(135deg,#f7f9fb,#fff)}.modal-root.theme-light .payment-detail-grid>section{background:#fff}.modal-root.theme-light .matched-account{background:#f4f7f9}
@media(min-width:1500px){.payment-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){.payment-advanced-filters{grid-template-columns:1fr 1fr 1fr}.payment-advanced-filters .btn,.payment-clear{width:100%}}
@media(max-width:760px){.payment-metrics{grid-template-columns:1fr 1fr}.payment-advanced-filters{grid-template-columns:1fr 1fr;padding:11px 12px}.payment-advanced-filters label:first-child{grid-column:1/-1}.payment-detail-grid{grid-template-columns:1fr}.payment-row-action{display:none!important}.payment-ledger-foot{align-items:flex-start;gap:9px}.payment-pagination{width:100%}.payment-pagination .btn{flex:1}.payment-detail-modal .modal-body{padding:15px}}
@media(max-width:390px){.payment-advanced-filters{grid-template-columns:1fr}.payment-advanced-filters label:first-child{grid-column:auto}.payment-detail-hero{align-items:flex-start;flex-direction:column}.payment-pagination{display:grid}}
.password-change-modal{width:min(100%,520px)}.password-change-modal .modal-head{align-items:flex-start}.password-change-modal .modal-head p{margin:5px 0 0;color:var(--ops-muted);font-size:12px}.password-change-modal .modal-body{display:grid;gap:14px}.password-change-modal .field{margin:0}.password-change-modal .field small{margin-top:6px;color:var(--ops-muted);font-size:10px;line-height:1.45}

/* Crisp admin typography: use the native Windows variable face and ClearType rendering. */
.app-layout,.platform-page,.modal-root{font-family:"Segoe UI Variable Text","Segoe UI",Tahoma,Arial,sans-serif;font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:auto}
.app-layout{font-size:16px}.app-layout p,.app-layout td,.app-layout small,.platform-page p,.platform-page td,.platform-page small{letter-spacing:.005em}.app-layout small,.platform-page small{font-weight:500}.app-layout .side-link,.app-layout .btn,.app-layout .table th,.platform-page button,.platform-page .platform-table th{font-weight:600}
.app-layout.theme-dark{--ops-muted:#b0bac6}.app-layout.theme-light{--ops-muted:#53606e}.app-layout.theme-dark .table th{color:#b3bdc9}.app-layout.theme-light .table th{color:#53606e}
.tenant-login-page .auth-art{background:var(--tenant-secondary)}.tenant-login-page .auth-art h1 span{color:var(--tenant-primary)}.tenant-login-page .btn-primary{border-color:var(--tenant-primary);background:var(--tenant-primary);color:#111318}.tenant-login-page .logo-plate{min-height:82px}

/* Hotspot recovery, ISP support and real voucher operations */
.hotspot-support{margin-top:18px;padding:13px;border:1px solid #e4e0d5;border-radius:14px;background:#faf9f5}.hotspot-support>div{display:flex;align-items:center;gap:10px}.hotspot-support>div>span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--hotspot-brand),#fff 68%);font-weight:900}.hotspot-support b,.hotspot-support small{display:block}.hotspot-support b{font-size:12px}.hotspot-support small{margin-top:2px;color:#6b7078;font-size:10px}.hotspot-support nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.hotspot-support nav a{display:flex;align-items:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid #d9d5ca;border-radius:9px;background:#fff;color:#17191d;font-size:10px;font-weight:750;text-decoration:none}.hotspot-support nav a:hover{border-color:var(--hotspot-brand);box-shadow:0 4px 15px rgba(20,20,20,.07)}.hotspot-support nav em{font-style:normal;font-weight:600}.hotspot-modal-backdrop{position:fixed;z-index:1000;display:grid;inset:0;place-items:center;padding:18px;background:rgba(6,9,13,.72);backdrop-filter:blur(8px)}.hotspot-modal{width:min(100%,480px);overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.34);color:#101318}.hotspot-modal header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 22px 17px;border-bottom:1px solid #ebe7dc}.hotspot-modal header small{color:#8a7100;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hotspot-modal header h2{margin:4px 0 5px;font-size:24px}.hotspot-modal header p{margin:0;color:#626871;font-size:12px;line-height:1.55}.hotspot-modal header button{width:34px;height:34px;border:1px solid #dedad0;border-radius:10px;background:#f8f7f2;font-size:20px}.hotspot-modal-body{display:grid;gap:14px;padding:20px 22px}.hotspot-modal-body .field{margin:0}.hotspot-modal footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 22px;border-top:1px solid #ebe7dc;background:#faf9f5}.recovery-code{text-transform:uppercase}.hotspot-recovery-result{padding:34px;text-align:center}.hotspot-recovery-result .state-icon{margin:0 auto}.hotspot-recovery-result h2{margin:16px 0 7px}.hotspot-recovery-result p{margin:0 0 20px;color:#60666e}.hotspot-heading-actions{display:flex;flex-wrap:wrap;gap:9px}.hotspot-metrics .metric small{display:block;margin-top:8px;color:var(--ops-muted);font-size:10px}.hotspot-admin-grid{align-items:start}.voucher-list{display:grid;gap:0}.voucher-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--ops-line)}.voucher-list article:last-child{border-bottom:0}.voucher-list b,.voucher-list small{display:block}.voucher-list b{font:700 12px/1.3 Consolas,monospace}.voucher-list small{margin-top:3px;color:var(--ops-muted);font-size:10px}.voucher-generator-modal{width:min(100%,650px)}.voucher-generator-modal .modal-head p{margin:4px 0 0;color:var(--ops-muted);font-size:11px}.voucher-security-note{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:12px 13px;border:1px solid var(--ops-line);border-radius:11px;background:#101821}.voucher-security-note b{font-size:11px}.voucher-security-note span{color:var(--ops-muted);font-size:10px;text-align:right}.voucher-code-output{width:100%;min-height:230px;padding:15px;border:1px solid var(--ops-line);border-radius:12px;background:#091017;color:#ffe04c;font:700 13px/1.7 Consolas,monospace;resize:vertical}.modal-root.theme-light .voucher-security-note{background:#f5f7f9}.modal-root.theme-light .voucher-code-output{background:#15202a;color:#ffe04c}
@media(max-width:650px){.hotspot-support nav{display:grid;grid-template-columns:1fr 1fr}.hotspot-support nav a{justify-content:center}.hotspot-support nav em{display:none}.hotspot-modal-backdrop{align-items:end;padding:0}.hotspot-modal{border-radius:22px 22px 0 0}.hotspot-modal footer .btn{flex:1}.hotspot-heading-actions{width:100%}.hotspot-heading-actions>*{flex:1}.hotspot-admin-page .metrics{grid-template-columns:1fr 1fr}.voucher-generator-modal .form-grid{grid-template-columns:1fr}}
.platform-tenant-modal{width:min(100%,760px)}.platform-tenant-modal .field small{color:var(--ops-muted);font-size:11px}.platform-credential-note{display:flex;align-items:flex-start;gap:11px;padding:14px 15px;border:1px solid #e5c632;border-radius:13px;background:#fff4b8;color:#282000}.platform-credential-note>span{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border-radius:50%;background:#2b2400;color:#ffd400;font-size:12px;font-weight:900}.platform-credential-note b{display:block;color:#211b00;font-size:13px}.platform-credential-note p{margin:3px 0 0;color:#554900;font-size:12px}.credential-summary{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0;margin-top:16px;overflow:hidden;border:1px solid #354150;border-radius:13px}.credential-summary span,.credential-summary b,.credential-secret{padding:11px 14px;border-bottom:1px solid #303b48}.credential-summary span{color:#9da8b5;font-size:11px}.credential-summary b{overflow-wrap:anywhere;font-size:12px}.credential-secret{display:flex;align-items:center;justify-content:space-between;gap:12px}.credential-secret code{overflow-wrap:anywhere;color:#f3f5f7;font:700 12px/1.4 Consolas,monospace}.credential-secret button{min-height:29px;padding:0 10px;border:1px solid #465363;border-radius:8px;background:#202a35;color:#e8edf2;font-size:10px;font-weight:750}.credential-summary>*:nth-last-child(-n+2){border-bottom:0}@media(max-width:600px){.credential-summary{grid-template-columns:1fr}.credential-summary span{padding-bottom:2px;border-bottom:0}.credential-summary b,.credential-secret{padding-top:2px}.platform-tenant-modal .modal-foot{flex-wrap:wrap}}

/* Public FAQs */
.site-links a[aria-current="page"]{color:var(--ink);font-weight:750}.site-links a[aria-current="page"]:after{transform:scaleX(1)}
.public-menu{display:none}
.mobile-menu{display:none;min-height:42px;align-items:center;gap:7px;padding:0 12px;border:1px solid #efc400;border-radius:12px;background:var(--yellow);color:var(--ink);font-size:13px;font-weight:750;box-shadow:0 8px 18px rgba(255,212,0,.28)}
.mobile-menu i{width:7px;height:7px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.site-header.menu-open .mobile-menu{background:#111318;border-color:#111318;color:#fff;box-shadow:none}
.site-header.menu-open .mobile-menu i{border-color:#fff;transform:translateY(2px) rotate(225deg)}
@media(max-width:1000px){
  .mobile-menu{display:inline-flex}
  .site-header.menu-open .public-menu{display:grid;gap:2px;margin:0 14px 14px;padding:8px;border:1px solid #e7e3d6;border-radius:18px;background:#fff;box-shadow:0 18px 44px rgba(17,19,24,.12)}
  .public-menu a{display:flex;min-height:44px;align-items:center;padding:0 12px;border-radius:12px;color:var(--ink);font-weight:700}
  .public-menu a:hover,.public-menu a:focus-visible{background:#fff6cc}
  .public-menu .btn{justify-content:center;margin-top:6px;border-color:var(--line);background:#fff}
  .public-menu .btn:hover{border-color:#c9b14a;background:#fff}
}
@media(max-width:760px){
  .site-nav{gap:8px}
  .site-actions{gap:8px}
  .site-brand .brand-logo{width:128px}
  .site-actions .btn-primary{padding:0 12px;font-size:13px}
}
.app-layout .sidebar{display:flex;height:100vh;height:100dvh;flex-direction:column;overflow:hidden;padding-bottom:0}
.app-layout .sidebar .side-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:8px}
.app-layout .sidebar-identity{display:flex;align-items:center;gap:12px;min-height:84px;margin:0 -14px 16px;padding:18px 16px;border-bottom:1px solid #25303c;background:transparent}
.app-layout .sidebar-mark{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:13px;background:var(--identity,#ffd400);color:#171a1f;font-size:14px;font-weight:800}
.app-layout .sidebar-mark img{width:100%;height:100%;object-fit:contain;background:#fff}
.app-layout .sidebar-identity b,.app-layout .sidebar-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-layout .sidebar-identity b{max-width:148px;color:#f6f8fb;font-size:14px;line-height:1.25}
.app-layout .sidebar-identity small{margin-top:3px;color:#8d98a6;font-size:12px}
.app-layout.theme-light .sidebar-identity{border-bottom-color:#e3e7ec}
.app-layout.theme-light .sidebar-identity b{color:#17202a}
.app-layout.theme-light .sidebar-identity small{color:#66717e}
.app-layout .sidebar .sidebar-bottom{position:relative;left:auto;right:auto;bottom:auto;display:flex;flex:0 0 auto;align-items:center;margin:0;padding:4px 0 18px 3px;border:0;background:transparent}
.app-layout.theme-light .sidebar .sidebar-bottom{background:transparent}
.app-layout .sidebar .account-trigger{display:grid;width:42px;height:42px;min-height:42px;place-items:center;padding:0;border:2px solid transparent;border-radius:50%;background:transparent;box-shadow:none}
.account-trigger .user-avatar{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--yellow);color:#171a1f;font-size:12px;font-weight:800}
.account-trigger[aria-expanded="true"]{border-color:var(--yellow)}
.account-menu{position:absolute;z-index:6;bottom:64px;left:0;display:grid;width:200px;gap:4px;padding:10px;border:1px solid #2c3745;border-radius:16px;background:#121922;box-shadow:0 18px 40px rgba(0,0,0,.38)}
.account-menu[hidden]{display:none}
.account-menu-id{padding:4px 8px 8px}
.account-menu-id b,.account-menu-id small{display:block}
.account-menu-id b{color:#f5f7fa;font-size:14px}
.account-menu-id small{margin-top:2px;color:#929daa;font-size:12px;text-transform:capitalize}
.account-menu .btn{width:100%;justify-content:flex-start;border-color:transparent;background:transparent;color:#d5dbe3;box-shadow:none}
.account-menu .btn:hover{border-color:#303c49;background:#1b2531;color:#fff}
.app-layout.theme-light .account-menu{border-color:#e1e6ec;background:#fff;box-shadow:0 16px 36px rgba(23,29,37,.14)}
.app-layout.theme-light .account-menu-id b{color:#19212a}
.app-layout.theme-light .account-menu-id small{color:#65717f}
.app-layout.theme-light .account-menu .btn{color:#2b3440}
.app-layout.theme-light .account-menu .btn:hover{border-color:#d5dce4;background:#f3f5f7;color:#18202a}
.footer-grid{align-items:flex-start}.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:6px}.footer-links a{color:#4e5159;font-size:14px;font-weight:650}.footer-links a:hover{color:var(--ink)}
.faq-hero{padding:78px 0 28px}.faq-hero h1{max-width:760px;margin:12px 0 16px;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.055em}.faq-hero p{max-width:640px;margin:0;color:#53565e;font-size:18px}.faq-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.faq-jumps a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13px;font-weight:700}.faq-jumps a:hover{border-color:#c9b14a;background:var(--yellow-soft)}
.faq-section{padding-top:36px}.faq-layout{display:grid;gap:34px;max-width:860px}.faq-group h2{margin:0 0 12px;font-size:28px;letter-spacing:-.04em}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;font-size:17px;font-weight:700;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--yellow);font-size:18px;line-height:1}.faq-item[open] summary:after{content:"–"}.faq-item p{max-width:720px;margin:0 0 18px;color:#53565e;font-size:16px}
@media(max-width:760px){.faq-hero{padding:54px 0 12px}.faq-hero h1{font-size:40px}.faq-group h2{font-size:24px}.faq-item summary{align-items:flex-start;font-size:16px}.footer-grid{display:grid;gap:18px}}