@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8eefb;background:#080f1d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#080f1d;--sidebar:#0c1526;--panel:#101b2d;--panel2:#14223a;--line:#23324a;--muted:#8d9bb3;--blue:#4f8cff;--green:#36cba0}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);border-right:1px solid #1c2a40;display:flex;flex-direction:column;z-index:20}.side-brand{height:78px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid #1c2a40}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#4f8cff,#6b6cff);display:grid;place-items:center;color:#fff;box-shadow:0 5px 18px #376df233}.brand strong{font-family:Manrope,sans-serif;display:block;font-size:16px;letter-spacing:-.4px}.brand span{display:block;color:#7788a5;font-size:10px;letter-spacing:1.5px;margin-top:3px}.workspace{margin:19px 14px 14px;padding:12px;background:#111f34;border:1px solid #233650;border-radius:10px;display:flex;align-items:center;gap:9px}.workspace-dot,.pulse-dot{width:8px;height:8px;background:#36cba0;border-radius:50%;box-shadow:0 0 0 4px #36cba018}.workspace strong,.workspace small{display:block}.workspace strong{font-size:12px}.workspace small{font-size:11px;color:var(--muted);margin-top:4px}.sidebar nav{overflow:auto;padding:0 12px 16px;flex:1}.nav-section{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#61718c;padding:18px 10px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px;border:0;border-radius:7px;color:#93a2ba;background:transparent;text-align:left;font-size:13px;margin:2px 0;transition:.15s}.nav-item:hover{background:#15243a;color:#eef4ff}.nav-active{background:#1b3153;color:#80adff;box-shadow:inset 2px 0 #5791ff}.nav-item span:nth-child(2){flex:1}.nav-pill{font-size:9px;color:#8caeff;border:1px solid #345181;border-radius:4px;padding:2px 4px}.sidebar-bottom{padding:13px;border-top:1px solid #1c2a40}.support-card{background:#101d30;border:1px solid #24344d;border-radius:10px;padding:13px}.support-icon{width:30px;height:30px;border-radius:8px;background:#193653;color:#6ba7ff;display:grid;place-items:center;margin-bottom:10px}.support-card strong{font-size:12px}.support-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:5px 0 12px}.status-line{font-size:11px;color:#a8b6cb;display:flex;align-items:center;gap:6px}.status-line i{width:6px;height:6px;background:#e8ae4c;border-radius:50%}.status-line.online i{background:#36cba0}.main-area{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:70px;background:#0b1423;border-bottom:1px solid #1b2940;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.breadcrumbs{font-size:12px;color:#8291aa}.breadcrumbs span{padding:0 9px;color:#45546d}.breadcrumbs strong{font-weight:600;color:#e1e9f8}.top-actions{display:flex;align-items:center;gap:16px}.search-box{width:235px;display:flex;align-items:center;gap:8px;border:1px solid #26354c;border-radius:7px;background:#101b2b;color:#7f8da5;padding:8px 10px}.search-box input{width:100%;background:transparent;border:0;outline:0;color:#eaf0fb;font-size:11px}.search-box input::placeholder{color:#71819b}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;color:#98a7be;background:transparent;position:relative}.icon-button:hover{background:#19263b;border-color:#2a3a54}.notification-dot{position:absolute;width:6px;height:6px;background:#fa777e;border-radius:50%;top:5px;right:5px;border:1px solid #0b1423}.avatar{width:31px;height:31px;border-radius:9px;background:#293c61;display:grid;place-items:center;font-weight:700;font-size:13px;color:#b7d0ff}.user-block strong,.user-block span{display:block}.user-block strong{font-size:11px}.user-block span{font-size:10px;color:var(--muted);margin-top:3px;text-transform:capitalize}.page-content{padding:28px 30px 36px;flex:1;max-width:1800px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#719cf0;margin:0 0 8px}.page-heading h1,.login-card h1{font-family:Manrope,sans-serif;font-size:26px;letter-spacing:-.8px;margin:0;font-weight:750;color:#f1f5ff}.muted{font-size:12px;color:#8d9bb3;line-height:1.6;margin:8px 0 0}.date-chip,.period-chip{display:flex;align-items:center;gap:7px;border:1px solid #263750;background:#111e31;border-radius:7px;padding:9px 11px;font-size:11px;color:#aabbd4}.date-chip svg{color:#51cba7}.welcome-banner{min-height:190px;background:radial-gradient(ellipse at 82% 45%,#1b3b65 0%,transparent 37%),linear-gradient(115deg,#152746,#101d32 60%,#132844);border:1px solid #29436a;border-radius:13px;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:27px}.welcome-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 50%,#4b8bff05);pointer-events:none}.welcome-tag{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.5px;color:#93b5f8;font-weight:700}.welcome-banner h2{font-family:Manrope,sans-serif;font-size:26px;line-height:1.35;letter-spacing:-.7px;margin:14px 0 7px}.welcome-banner h2 em{font-style:normal;color:#7eaaff}.welcome-banner p{font-size:12px;color:#9bacc7;margin:0}.banner-art{width:210px;height:140px;position:relative;display:grid;place-items:center;margin-right:8%;color:#78a8ff}.orbit{position:absolute;border:1px solid #4f8cff40;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:170px;height:78px}.orbit-two{width:130px;height:120px;transform:rotate(50deg)}.router-art{width:85px;height:75px;border:1px solid #4b76b2;border-radius:16px;background:linear-gradient(145deg,#203d66,#152a48);display:grid;place-items:center;position:relative;box-shadow:0 15px 35px #0004}.router-art span{position:absolute;width:4px;height:4px;border-radius:50%;background:#45d8b2;bottom:12px;right:15px}.router-art span:nth-of-type(2){right:24px}.router-art span:nth-of-type(3){right:33px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-heading h2{font-size:15px;margin:0;font-weight:650}.section-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.period-chip{font-size:9px;letter-spacing:1px;padding:6px 9px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{position:relative;min-height:136px;padding:18px;background:var(--panel);border:1px solid #202f46;border-radius:10px;overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-40px;top:-45px;background:#4f8cff08}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;margin-bottom:13px}.stat-icon.blue{background:#24416a;color:#7aabff}.stat-icon.green{background:#1c4b48;color:#54d7b0}.stat-icon.amber{background:#4b3d2c;color:#e9b968}.stat-icon.purple{background:#3c315f;color:#b7a0ff}.stat-title{font-size:11px;color:#9aa9c0}.stat-value{font-family:Manrope,sans-serif;font-size:25px;font-weight:750;letter-spacing:-.8px;margin:5px 0 4px}.stat-note{font-size:10px;color:#71819b}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:17px;margin-bottom:17px}.panel{background:var(--panel);border:1px solid #202f46;border-radius:10px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #202f46}.panel-head h3{font-size:13px;margin:0;font-weight:650}.panel-head p{font-size:10px;color:#7f8ea7;margin:5px 0 0}.panel-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #293b56;border-radius:8px;color:#83aaff;background:#172740}.chart-placeholder{height:225px;display:flex;padding:15px 18px 0}.chart-y{width:37px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:24px;font-size:9px;color:#65758f}.chart-y span:first-child{color:#8798b3}.chart-area{flex:1;position:relative;min-width:0}.chart-gridlines{position:absolute;top:0;right:0;bottom:24px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-gridlines i{border-top:1px dashed #26354a}.chart-area svg{position:absolute;top:0;right:0;bottom:24px;left:0;width:100%;height:calc(100% - 24px);overflow:visible}.chart-months{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;color:#687995}.chart-legend{display:flex;align-items:center;gap:7px;padding:0 18px 17px;color:#7f8ea7;font-size:10px}.chart-legend i{width:7px;height:7px;background:#4f8cff;border-radius:2px}.access-row{display:flex;align-items:center;gap:10px;padding:15px 17px;border-bottom:1px solid #202f46}.access-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:9px}.access-symbol.hotspot{color:#5dd5b4;background:#17433f}.access-symbol.pppoe{color:#89aaff;background:#1c3154}.access-label{flex:1}.access-label strong,.access-label span{display:block}.access-label strong{font-size:12px}.access-label span{font-size:10px;color:#8190a8;margin-top:4px}.coming-badge{font-size:9px;padding:5px 7px;border-radius:5px;background:#263248;color:#a8b7ce}.router-status{margin:14px;padding:12px;background:#111f32;border:1px solid #253650;border-radius:8px;display:flex;align-items:center;gap:10px}.router-status-icon{color:#8aafff}.router-status>div:nth-child(2){flex:1}.router-status strong,.router-status span{display:block}.router-status strong{font-size:11px}.router-status span{font-size:10px;color:#8190a8;margin-top:4px}.router-status .status-badge{margin:0;padding:5px 6px;border:1px solid #39435a;border-radius:5px;color:#c1cce0;font-size:9px}.lower-grid{grid-template-columns:1.2fr 1fr}.subtle-icon{color:#7184a2}.empty-state{min-height:158px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center}.empty-icon{width:42px;height:42px;border:1px solid #293b56;border-radius:12px;display:grid;place-items:center;color:#8aa9db;background:#17263d;margin-bottom:10px}.empty-state strong{font-size:12px}.empty-state span{max-width:260px;font-size:10px;color:#8291aa;line-height:1.6;margin-top:5px}.readiness-list{padding:8px 17px 13px}.readiness-list>div{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #202f46;font-size:11px;color:#b8c4d8}.readiness-list>div:last-child{border-bottom:0}.readiness-list>div span:nth-child(2){flex:1}.readiness-list b{font-size:10px;font-weight:500;color:#92a1b9}.readiness-check,.readiness-pending{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-size:12px}.readiness-check{color:#53d6ae;background:#1b423e}.readiness-pending{color:#e9b968;background:#423725}.footer{display:flex;justify-content:space-between;border-top:1px solid #1c2a40;padding:17px 30px;color:#64748c;font-size:10px}.footer b{color:#4c8cff;padding:0 4px}.page-content>.page-heading{margin-bottom:26px}.coming-card{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--panel);border:1px solid #22334c;border-radius:12px;padding:30px}.coming-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#1c3154;color:#86adff}.coming-card h2{font-family:Manrope,sans-serif;font-size:19px;margin:18px 0 5px}.coming-card p{max-width:440px;font-size:12px;color:var(--muted);line-height:1.7}.secondary,.primary{border:0;border-radius:7px;padding:11px 15px;font-size:12px;font-weight:600}.secondary{background:#203552;color:#d5e3fb;border:1px solid #344b6c;margin-top:10px}.primary{background:#4f8cff;color:#fff;box-shadow:0 5px 18px #4f8cff20}.primary:hover{background:#6b9cff}.primary:disabled{opacity:.65;cursor:wait}.full{width:100%;margin-top:6px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(ellipse at 50% 10%,#19345a,#0b1424 42%,#080f1d 75%)}.login-card{width:min(100%,410px);padding:34px;background:#101b2d;border:1px solid #263852;border-radius:15px;box-shadow:0 25px 80px #0004}.login-card>.brand{margin-bottom:38px}.login-card h1{font-size:28px}.login-card>.muted{margin-bottom:23px}.login-card label{display:block;font-size:11px;color:#aab8ce;margin-bottom:15px}.login-card input{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #2a3a53;background:#0c1626;border-radius:7px;outline:none;color:#eef4ff;font-size:13px}.login-card input:focus{border-color:#548fff;box-shadow:0 0 0 3px #548fff19}.login-foot{display:flex;justify-content:center;align-items:center;gap:6px;color:#7789a4;font-size:10px;margin:20px 0 0}.login-foot svg{color:#56cba9}.alert{padding:10px 12px;margin:0 0 15px;border:1px solid #70434b;background:#3a202c;color:#ffb6bf;border-radius:7px;font-size:12px}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#aab9d0;font-size:13px}.mobile-menu,.mobile-close,.mobile-scrim{display:none}@media(min-width:1500px){.page-content{padding-left:38px;padding-right:38px}.stats-grid{gap:18px}.stat-card{min-height:148px;padding:21px}.content-grid{gap:20px}}@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content{padding:24px 20px}.topbar{padding:0 20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.banner-art{margin-right:0}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .22s ease;width:260px}.sidebar-open{transform:translate(0)}.main-area{margin-left:0}.mobile-menu{display:grid}.mobile-close{display:grid;margin-left:auto}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#020711aa;border:0;z-index:15}.topbar{height:62px;padding:0 15px;gap:12px}.breadcrumbs{flex:1}.search-box{display:none}.top-actions{gap:8px}.user-block{display:none}.page-content{padding:22px 15px}.page-heading h1{font-size:23px}.welcome-banner{padding:22px;min-height:180px}.welcome-banner h2{font-size:22px}.banner-art{width:130px;margin-right:-15px}.orbit-one{width:120px}.orbit-two{width:100px}.content-grid,.lower-grid{grid-template-columns:1fr}.footer{padding:15px}.date-chip{font-size:0}.date-chip svg{width:17px;height:17px}}@media(max-width:520px){.page-heading{align-items:flex-start}.date-chip{display:none}.welcome-banner{padding:20px 18px}.welcome-banner h2{font-size:20px}.welcome-banner p{max-width:250px;line-height:1.7}.banner-art{position:absolute;right:-20px;bottom:3px;opacity:.32}.stats-grid{gap:9px}.stat-card{padding:13px;min-height:125px}.stat-value{font-size:22px}.stat-title{font-size:10px}.stat-note{font-size:9px}.panel-head{padding:14px}.chart-placeholder{padding-left:10px;padding-right:10px}.chart-y{width:28px}.login-card{padding:25px}.footer{font-size:9px}}.customer-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.customer-summary-grid .stat-card{min-height:118px}.customer-summary-grid .stat-icon{margin-bottom:9px}.add-customer{display:flex;align-items:center;gap:7px}.customer-panel{overflow:hidden}.customer-toolbar{display:flex;align-items:center;gap:13px;padding:14px 16px;border-bottom:1px solid #202f46}.customer-search{min-width:220px;max-width:390px;flex:1;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid #293a54;border-radius:7px;background:#0c1626;color:#8293ad}.customer-search input{width:100%;border:0;outline:0;background:transparent;color:#eaf0fb;font-size:11px}.customer-search input::placeholder{color:#73839d}.status-filter{display:flex;align-items:center;gap:8px;color:#8090aa;font-size:11px}.status-filter select,.customer-dialog select{border:1px solid #293a54;border-radius:7px;background:#101b2b;color:#dce6f6;padding:9px 10px;font-size:11px;outline:0}.customer-count{margin-left:auto;color:#8392aa;font-size:11px;white-space:nowrap}.customer-table-wrap{width:100%;overflow:auto}.customer-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.customer-table th{padding:12px 15px;background:#0d1727;color:#7687a2;font-size:10px;font-weight:600;letter-spacing:.35px}.customer-table td{padding:13px 15px;border-top:1px solid #1e2d43;color:#c5d0e1;font-size:11px}.customer-table td strong,.customer-table td>span:not(.customer-status){display:block}.customer-table td strong{font-size:11px;color:#e1e9f6;font-weight:600}.customer-code,.customer-email{display:block;color:#7889a3;font-size:10px;margin-top:4px}.table-muted{color:#65758f}.customer-status{display:inline-flex!important;align-items:center;text-transform:capitalize;border-radius:20px;padding:5px 8px;font-size:10px}.status-active{background:#173a36;color:#58d4ae}.status-suspended{background:#453728;color:#e9ba70}.status-closed{background:#2a3445;color:#a9b5c9}.row-actions{display:flex;justify-content:flex-end;gap:3px}.danger-action:hover{color:#ff9aa2;background:#402530;border-color:#70404b}.table-message{text-align:center!important;padding:42px 16px!important;color:#8998b0!important}.customer-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;border-top:1px solid #202f46;color:#7e8da5;font-size:10px}.customer-pagination>div{display:flex;gap:8px}.customer-pagination .secondary{margin:0;padding:8px 11px;font-size:10px}.secondary:disabled{opacity:.45;cursor:not-allowed}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;border:1px solid #285345;background:#14332f;color:#76dfbb;border-radius:7px;padding:10px 12px;font-size:11px}.notice button{display:grid;place-items:center;border:0;background:transparent;color:inherit}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#030812bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.customer-dialog{width:min(100%,650px);max-height:min(92vh,780px);overflow:auto;padding:22px;background:#101b2d;border:1px solid #2a3c57;border-radius:13px;box-shadow:0 24px 80px #0008}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-heading h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.4px;margin:0}.customer-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-form-grid label{display:block;color:#aab8ce;font-size:11px}.customer-form-grid input,.customer-form-grid select,.customer-form-grid textarea{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #2a3a53;border-radius:7px;background:#0c1626;color:#eef4ff;font-size:12px;outline:0}.customer-form-grid input:focus,.customer-form-grid select:focus,.customer-form-grid textarea:focus{border-color:#548fff;box-shadow:0 0 0 3px #548fff19}.customer-form-grid textarea{resize:vertical;line-height:1.5}.form-wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:19px;padding-top:15px;border-top:1px solid #23324a}.dialog-actions .secondary{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-table{min-width:760px}}@media(max-width:600px){.page-heading:has(.add-customer){align-items:flex-start}.add-customer{white-space:nowrap;padding:10px}.customer-summary-grid{gap:9px}.customer-summary-grid .stat-card{min-height:108px}.customer-toolbar{align-items:stretch;flex-wrap:wrap}.customer-search{max-width:none;flex-basis:100%}.status-filter{flex:1}.customer-count{display:flex;align-items:center}.customer-dialog{padding:18px}.customer-form-grid{grid-template-columns:1fr;gap:12px}.form-wide{grid-column:auto}.dialog-backdrop{padding:10px}.customer-pagination{padding:12px 10px}}.info-banner{padding:11px 13px;margin:0 0 15px;border:1px solid #314665;background:#14253d;color:#a9c3e8;border-radius:7px;font-size:11px;line-height:1.6}.form-note{margin:16px 0 0;font-size:10px}.subscription-banner{margin-bottom:14px}.customer-form-grid label.toggle-field,.toggle-field{display:flex;align-items:center;gap:8px;color:#aab8ce;font-size:10px}.toggle-field input{width:14px;height:14px;margin:0;accent-color:#4f8cff}.toolbar-toggle{white-space:nowrap}.compact-action{margin:0!important;padding:7px 9px;font-size:9px;white-space:nowrap}.row-actions{align-items:center}.plan-table{min-width:800px}.subscription-table{min-width:1030px}.subscription-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}.subscription-actions .icon-button{font-size:15px;font-weight:600;color:#e4939a}.payment-needed{color:#d9b36f;font-size:9px;white-space:nowrap}.customer-status.status-pending{background:#443827;color:#e9bd73}.customer-status.status-expired{background:#31364b;color:#bdc6dc}.customer-status.status-cancelled{background:#3a2933;color:#d59aa5}.customer-status.status-suspended{background:#453728;color:#e9ba70}.subscription-type-select{display:block;width:min(100%,290px);margin-bottom:14px;color:#aab8ce;font-size:10px}.subscription-type-select select{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #2a3a53;border-radius:7px;background:#0c1626;color:#eef4ff;font-size:11px}@media(max-width:600px){.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-banner{font-size:10px}.subscription-actions{justify-content:flex-start}}.router-table{min-width:940px}.session-table{min-width:1050px}.router-security-note{margin-bottom:15px}.router-error-banner{border-color:#66444a;background:#301d2a;color:#e7abb3}.customer-status.status-router-online{background:#173a36;color:#58d4ae}.customer-status.status-router-offline{background:#402c30;color:#f09da4}.customer-status.status-router-unknown{background:#30364a;color:#b4c1d7}.customer-status.status-router-disabled{background:#2a3445;color:#a9b5c9}.session-table .compact-action{display:inline-flex;align-items:center;gap:5px}.provision-customer{margin:0 0 16px}.credential-result label{display:block;margin:14px 0;color:#aab8ce;font-size:11px}.credential-result input{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #2a3a53;border-radius:7px;background:#0c1626;color:#eef4ff;font-size:13px;-webkit-user-select:all;user-select:all}.credential-result .dialog-actions{justify-content:space-between}.credential-result .dialog-actions button{display:inline-flex;align-items:center;gap:6px}.session-summary-grid .stat-card{min-height:118px}.credential-edit-hint{margin:13px 0 0;color:#8293ad;font-size:10px;line-height:1.5}@media(max-width:900px){.router-table,.session-table{min-width:900px}}@media(max-width:600px){.provision-dialog{padding:17px}.credential-result .dialog-actions{flex-wrap:wrap}.router-security-note{font-size:10px}}.session-refresh-meta{margin:6px 0 0;color:#71839f;font-size:10px}.payment-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.payment-heading-actions .secondary,.payment-heading-actions .primary{margin:0;white-space:nowrap}.payment-summary-grid .stat-value{font-size:clamp(16px,1.55vw,23px)}.payment-table{min-width:1080px}.customer-status.status-failed{background:#402c30;color:#f09da4}.customer-status.status-reversed{background:#31364b;color:#bdc6dc}.payment-package-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #263850;border-radius:7px;background:#0d1727;color:#8ea0ba;font-size:10px}.payment-package-summary strong{color:#dce8fb;font-size:11px}.receipt-dialog{width:min(100%,520px)}.receipt-amount{padding:15px 0 19px;border-bottom:1px solid #26364c;color:#7facff;font-family:Manrope,sans-serif;font-size:29px;font-weight:800}.receipt-details{margin:0}.receipt-details>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #202f46;font-size:11px}.receipt-details dt{color:#8292aa}.receipt-details dd{margin:0;color:#e2eafa;text-align:right}.receipt-thanks{margin:18px 0 0;color:#8c9db6;font-size:11px;text-align:center}@media(max-width:700px){.payment-heading-actions{justify-content:flex-start}.payment-heading-actions button{font-size:10px;padding:9px 10px}.payment-package-summary{align-items:flex-start;flex-direction:column;gap:5px}.payment-summary-grid .stat-value{font-size:16px}}@media print{body *{visibility:hidden!important}.dialog-backdrop{position:static!important;display:block!important;padding:0!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.receipt-dialog{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;max-width:none!important;max-height:none!important;overflow:visible!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important}.receipt-print-area,.receipt-print-area *{visibility:visible!important}.receipt-print-area{padding:32px!important;background:#fff!important;color:#111!important}.receipt-print-area .eyebrow,.receipt-details dt,.receipt-thanks{color:#555!important}.receipt-print-area h2,.receipt-details dd{color:#111!important}.receipt-amount{color:#164a9a!important;border-color:#ccc!important}.receipt-details>div{border-color:#ddd!important}.no-print{display:none!important}}.customer-status.status-confirmed{background:#173a36;color:#58d4ae}.recent-payment-list{padding:2px 16px 8px}.recent-payment-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #202f46}.recent-payment-row:last-child{border-bottom:0}.recent-payment-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:8px;background:#192b45;color:#8db2ff}.recent-payment-customer{min-width:0;flex:1}.recent-payment-customer strong,.recent-payment-customer small,.recent-payment-amount strong,.recent-payment-amount small{display:block}.recent-payment-customer strong{overflow:hidden;color:#dce6f6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-payment-customer small,.recent-payment-amount small{margin-top:4px;color:#8191aa;font-size:9px}.recent-payment-amount{text-align:right;white-space:nowrap}.recent-payment-amount strong{color:#e2ebfb;font-size:10px}.recent-payment-row .customer-status{font-size:9px}.payment-view-tabs{display:flex;gap:18px;padding:0 16px;border-bottom:1px solid #202f46}.payment-view-tabs button{padding:13px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8292aa;font-size:11px}.payment-view-tabs button.active{border-bottom-color:#4f8cff;color:#cfe0ff}.customer-status.status-void{background:#2a3445;color:#a9b5c9}.invoice-number{margin:4px 0 0;color:#9aabc4;font-size:12px;font-weight:650;letter-spacing:.6px}.reconcile-actions{flex-wrap:wrap}