@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.captive-portal{--cp-navy: #071c35;--cp-blue: #1677ff;--cp-cyan: #25d9d0;--cp-ink: #14253b;--cp-muted: #6d7b8c;--cp-line: #e4ebf2;--cp-paper: #fbf8f1;--cp-shadow: 0 14px 40px rgba(16, 42, 73, .09);min-height:100%;overflow:hidden;background:var(--cp-paper);color:var(--cp-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}.captive-portal *,.captive-portal *:before,.captive-portal *:after{box-sizing:border-box}.captive-portal a{color:inherit;text-decoration:none}.captive-portal button,.captive-portal input,.captive-portal textarea{font:inherit}.captive-portal button,.captive-portal a{-webkit-tap-highlight-color:transparent}.cp-wrap{width:min(1120px,calc(100% - 28px));margin:0 auto}.cp-header{background:var(--cp-navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.09)}.cp-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}.cp-brand{display:flex;align-items:center;gap:11px;min-width:0}.cp-logo{width:45px;height:45px;flex:0 0 auto;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--cp-cyan),#5b91ff);box-shadow:0 7px 20px #25d9d033}.cp-logo svg{width:32px;height:32px}.cp-brand-name{display:block;font-size:18px;font-weight:850;letter-spacing:.1px;line-height:1.1}.cp-brand-name span{color:var(--cp-cyan)}.cp-brand-tag{display:block;margin-top:5px;color:#b5c8dc;font-size:10px;letter-spacing:1.9px;text-transform:uppercase}.cp-nav-actions{display:flex;align-items:center;gap:9px}.cp-nav-link,.cp-nav-cta{padding:10px 14px;border:1px solid #ffffff2a;border-radius:999px;color:#fff!important;font-size:12px;font-weight:750}.cp-nav-cta{border-color:var(--cp-cyan);background:var(--cp-cyan);color:#062239!important}.cp-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 78% 10%,#1a6d9a66,transparent 38%),linear-gradient(125deg,#071c35,#0b3153 64%,#0a465c)}.cp-hero:after{position:absolute;right:-100px;bottom:-190px;width:300px;height:300px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff04;content:""}.cp-hero-inner{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 0}.cp-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #ffffff20;border-radius:99px;background:#ffffff0d;color:#a6fff1;font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.cp-live-dot{width:7px;height:7px;border-radius:50%;background:#32e6ac;box-shadow:0 0 0 4px #32e6ac20}.captive-portal h1{max-width:590px;margin:0;color:#fff;font-family:inherit;font-size:clamp(19px,3vw,26px);font-weight:800;line-height:1.15;letter-spacing:-.6px}.captive-portal h1 em{color:var(--cp-cyan);font-style:normal}.cp-hero-copy{max-width:490px;margin:0 0 21px;color:#c6d7e7;font-size:14px}.cp-hero-buttons{display:flex;flex-wrap:wrap;gap:10px}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:0;border-radius:12px;font-size:12px;font-weight:800;transition:transform .18s,filter .18s;cursor:pointer}.cp-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}.cp-btn-primary{background:var(--cp-cyan);color:#062239!important}.cp-btn-glass{border:1px solid #ffffff28;background:#ffffff12;color:#fff!important}.cp-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cp-stat{padding:17px 15px;border:1px solid #ffffff20;border-radius:17px;background:#ffffff0c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cp-stat-icon{font-size:18px}.cp-stat strong{display:block;margin:8px 0 1px;font-size:22px;letter-spacing:-.7px}.cp-stat span{color:#c0d1e0;font-size:10px}.cp-ticker-shell{padding-top:16px}.cp-ticker{height:43px;display:flex;align-items:center;overflow:hidden;border:1px solid var(--cp-line);border-radius:13px;background:#fff;box-shadow:0 5px 16px #132b4410}.cp-ticker-label{z-index:1;height:100%;display:flex;align-items:center;gap:7px;padding:0 13px;background:var(--cp-navy);color:#fff;font-size:10px;font-weight:850;letter-spacing:.7px;white-space:nowrap}.cp-ticker-label b{width:6px;height:6px;border-radius:50%;background:var(--cp-cyan)}.cp-ticker-viewport{flex:1;min-width:0;overflow:hidden}.cp-ticker-track{display:flex;align-items:center;width:max-content;animation:cp-marquee 34s linear infinite}.cp-ticker:hover .cp-ticker-track{animation-play-state:paused}.cp-ticker-item{display:flex;align-items:center;gap:10px;padding:0 20px;color:#42536a;font-size:11px;font-weight:700;white-space:nowrap}.cp-tag{padding:4px 6px;border-radius:5px;background:#dffaf7;color:#087d8a;font-size:9px;letter-spacing:.5px;text-transform:uppercase}@keyframes cp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.cp-main{padding-bottom:34px}.cp-section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:28px 0 14px}.cp-kicker{color:#087f91;font-size:10px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase}.captive-portal .cp-section-head h2{margin:4px 0 0;color:var(--cp-ink);font-family:inherit;font-size:clamp(21px,3vw,28px);font-weight:800;line-height:1.15;letter-spacing:-.8px}.cp-section-sub{margin:6px 0 0;color:var(--cp-muted);font-size:12px}.cp-small-note{color:var(--cp-muted);font-size:10px}.cp-ad-shell{position:relative;min-height:210px;overflow:hidden;border-radius:22px;background:#102c4c;box-shadow:var(--cp-shadow)}.cp-ad-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:25px 30px;overflow:hidden;color:#fff;opacity:0;pointer-events:none;transition:opacity .55s ease}.cp-ad-slide.active{position:relative;min-height:210px;opacity:1;pointer-events:auto}.cp-ad-slide:before{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 40%,#ffffff28,transparent 30%);content:"";pointer-events:none}.cp-ad-one{background:linear-gradient(115deg,#0b3153,#0d6880)}.cp-ad-two{background:linear-gradient(115deg,#13234d,#6c3bc1)}.cp-ad-three{background:linear-gradient(115deg,#063e37,#128b74)}.cp-ad-copy,.cp-ad-art{position:relative;z-index:1}.cp-ad-label{display:inline-block;margin-bottom:10px;color:#a8fff2;font-size:9px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.captive-portal .cp-ad-copy h3{max-width:470px;margin:0 0 9px;color:#fff;font-family:inherit;font-size:clamp(21px,3.4vw,34px);font-weight:800;line-height:1.05;letter-spacing:-.9px}.cp-ad-copy p{max-width:420px;margin:0 0 15px;color:#d8e7f1;font-size:12px}.cp-ad-copy .cp-btn{padding:10px 13px;font-size:11px}.cp-ad-art{display:flex;align-items:center;justify-content:center;min-height:130px}.cp-promo-orb{width:132px;height:132px;display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;background:linear-gradient(145deg,#ffffff25,#ffffff05);box-shadow:0 0 0 14px #ffffff08,0 0 50px #ffffff15}.cp-promo-orb svg{width:82px;height:82px;filter:drop-shadow(0 9px 16px #0003)}.cp-promo-price{font-size:29px;font-weight:900;letter-spacing:-1px}.cp-promo-price small{display:block;font-size:10px;letter-spacing:1px;text-align:center}.cp-ad-controls{position:absolute;z-index:4;right:16px;bottom:14px;display:flex;align-items:center;gap:6px}.cp-ad-dot{width:7px;height:7px;padding:0;border:0;border-radius:10px;background:#ffffff70;cursor:pointer}.cp-ad-dot.active{width:21px;background:var(--cp-cyan)}.cp-ad-arrow{width:28px;height:28px;display:grid;place-items:center;margin-left:5px;border:1px solid #ffffff55;border-radius:50%;background:#071c3544;color:#fff;font-size:16px;cursor:pointer}.cp-pricing-head{margin-top:31px}.cp-filters{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.cp-filter{padding:8px 13px;border:1px solid #dce5ee;border-radius:999px;background:#fff;color:#66768a;font-size:11px;font-weight:800;cursor:pointer}.cp-filter.active{border-color:var(--cp-navy);background:var(--cp-navy);color:#fff;box-shadow:0 5px 12px #071c3522}.cp-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cp-plan{position:relative;display:flex;min-width:0;flex-direction:column;padding:17px 15px 14px;border:1px solid var(--cp-line);border-radius:17px;background:#fff;box-shadow:0 4px 16px #142c4506;transition:transform .2s,border-color .2s,box-shadow .2s}.cp-plan:hover{transform:translateY(-3px);border-color:#b7d8ee;box-shadow:var(--cp-shadow)}.cp-plan.popular{border:1.5px solid #2ccbc3}.cp-popular-badge{position:absolute;top:-9px;right:13px;padding:4px 8px;border-radius:99px;background:var(--cp-cyan);color:#063044;font-size:9px;font-weight:900}.cp-plan-top{display:flex;align-items:center;gap:8px}.cp-plan-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#e8f9f8;font-size:16px}.cp-plan-type{color:var(--cp-muted);font-size:10px;font-weight:750}.captive-portal .cp-plan h3{margin:13px 0 1px;color:var(--cp-ink);font-family:inherit;font-size:14px;font-weight:850;letter-spacing:.2px}.cp-price{color:#0c3558;font-size:25px;font-weight:900;letter-spacing:-.9px}.cp-plan-desc{min-height:17px;color:var(--cp-muted);font-size:10px}.cp-plan-line{margin:12px 0 9px;border-top:1px solid #edf1f5}.cp-plan-perk{display:flex;gap:6px;margin:0 0 14px;color:#657589;font-size:10px}.cp-plan-perk b{color:#10a77c}.cp-btn-plan{width:100%;margin-top:auto;padding:10px;border:1px solid #dce8f1;background:#f7fbfe;color:#0d476c;font-size:10px}.cp-home-packages{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:14px 16px;border:1px solid #d9eaf2;border-radius:14px;background:linear-gradient(110deg,#eaf9fa,#f7fbff)}.cp-home-packages strong{color:#103858;font-size:12px}.cp-home-packages p{margin-top:3px;color:var(--cp-muted);font-size:10px}.cp-home-packages .cp-btn{padding:9px 12px;background:#fff;color:#0d476c;font-size:10px;white-space:nowrap}.cp-plan-disclaimer{display:block;margin-top:10px}.cp-fibre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cp-fibre{position:relative;display:flex;flex-direction:column;padding:20px 18px 18px;border:1px solid var(--cp-line);border-radius:17px;background:#fff;box-shadow:0 4px 16px #142c4506;transition:transform .2s,border-color .2s,box-shadow .2s}.cp-fibre:hover{transform:translateY(-3px);border-color:#b7d8ee;box-shadow:var(--cp-shadow)}.cp-fibre.featured{border:1.5px solid #24bfb5;box-shadow:0 8px 26px #25d9d018}.cp-fibre-name{color:#8190a0;font-size:10px;font-weight:850;letter-spacing:.9px;text-transform:uppercase}.cp-fibre-speed{margin:8px 0 2px;color:#0b2745;font-size:34px;font-weight:900;line-height:1.1;letter-spacing:-1.4px}.cp-fibre-speed small{color:#738397;font-size:12px;font-weight:700;letter-spacing:0}.cp-fibre-price{color:#087f91;font-size:15px;font-weight:850}.cp-fibre-price small{color:#738397;font-size:10px;font-weight:700}.cp-fibre ul{display:grid;gap:8px;margin:14px 0 18px;padding:14px 0 0;border-top:1px solid #edf1f5;color:#53657a;font-size:11px;list-style:none}.cp-fibre li:before{margin-right:7px;color:#13a875;font-weight:900;content:"✓"}.cp-fibre .cp-btn{width:100%;margin-top:auto;background:#eaf2fa;color:#0b3153}.cp-fibre.featured .cp-btn{background:var(--cp-navy);color:#fff}.cp-fibre-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;color:var(--cp-muted);font-size:11px}.cp-fibre-foot a{color:#087f91;font-weight:800}.cp-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cp-panel{min-width:0;padding:17px;border:1px solid var(--cp-line);border-radius:16px;background:#fff;box-shadow:0 4px 16px #142c4506}.cp-panel-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.cp-panel-icon{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:#edf7fa;font-size:17px}.captive-portal .cp-panel-head h3{margin:1px 0 4px;color:var(--cp-ink);font-family:inherit;font-size:13px;font-weight:800}.cp-panel-head p{color:var(--cp-muted);font-size:10px}.cp-field{margin:0 0 11px}.cp-field label{display:block;margin-bottom:5px;color:#596c80;font-size:9px;font-weight:850;letter-spacing:.6px}.cp-field input,.cp-field textarea{width:100%;min-height:38px;padding:9px 10px;border:1px solid #dce5ed;border-radius:8px;outline:0;background:#fff;color:var(--cp-ink);font-size:11px}.cp-field textarea{min-height:82px;resize:vertical}.cp-field input:focus,.cp-field textarea:focus{border-color:#56b9c5;box-shadow:0 0 0 3px #25d9d01c}.cp-btn-dark,.cp-btn-green{width:100%;background:var(--cp-navy);color:#fff}.cp-btn-green{background:#0c9f76}.cp-form-message{display:none;margin-top:10px;padding:9px 10px;border-radius:8px;background:#eef8f5;color:#26765f;font-size:10px;line-height:1.5}.cp-form-message:not(:empty){display:block}.cp-mini-actions{margin-top:10px;text-align:center}.cp-mini-actions button{padding:0;border:0;background:none;color:#177e8e;font-size:10px;font-weight:700;text-decoration:underline;cursor:pointer}.cp-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cp-faq{padding:15px;border:1px solid var(--cp-line);border-radius:14px;background:#fff}.cp-faq strong{color:#193a56;font-size:11px}.cp-faq p{margin-top:7px;color:var(--cp-muted);font-size:10px;line-height:1.6}.cp-support-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px;padding:15px 17px;border-radius:14px;background:var(--cp-navy);color:#fff}.cp-support-strip strong{font-size:12px}.cp-support-strip p{margin-top:3px;color:#bfd0df;font-size:10px}.cp-support-actions{display:flex;flex-wrap:wrap;gap:7px}.cp-support-actions a{padding:8px 11px;border:1px solid #ffffff3b;border-radius:8px;color:#fff;font-size:10px;font-weight:750;white-space:nowrap}.cp-support-actions a:first-child{border-color:var(--cp-cyan);background:var(--cp-cyan);color:#062239}.cp-footer{padding:22px 0;background:#06172b;color:#dce8f2;font-size:10px;text-align:center}.cp-footer-brand{margin-bottom:3px;color:#fff;font-size:12px;font-weight:900;letter-spacing:1px}.cp-footer-copyright{margin-top:7px;color:#9fb2c4}.cp-footer-mac{margin-top:9px;color:#bfd0df}.cp-footer-mac span{color:var(--cp-cyan)}.cp-footer-note{margin-top:10px;color:#9fb2c4}.cp-toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 32px));padding:13px 16px;transform:translateY(15px);border:1px solid #ffffff20;border-radius:11px;background:#102c4c;color:#fff;box-shadow:0 12px 35px #071c3544;font-size:12px;opacity:0;pointer-events:none;transition:.2s ease}.cp-toast.show{transform:translateY(0);opacity:1}@media(max-width:850px){.cp-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-plan{padding:15px 12px}.cp-ad-slide{padding:22px}.cp-promo-orb{width:112px;height:112px}}@media(max-width:760px){.cp-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-faq-grid{grid-template-columns:1fr}}@media(max-width:620px){.cp-wrap{width:min(100% - 20px,500px)}.cp-nav{min-height:66px}.cp-logo{width:39px;height:39px;border-radius:13px}.cp-brand-name{font-size:16px}.cp-brand-tag{font-size:8px;letter-spacing:1.4px}.cp-nav-link{display:none}.cp-nav-cta{padding:9px 11px;font-size:10px}.cp-hero-inner{gap:10px;padding:14px 0}.captive-portal h1{font-size:19px;letter-spacing:-.4px}.cp-hero-buttons{width:100%}.cp-hero-buttons .cp-btn{flex:1}.cp-ticker-shell{padding-top:11px}.cp-ticker{height:39px}.cp-ticker-label{padding:0 10px;font-size:9px}.cp-ticker-item{padding:0 13px;font-size:10px}.cp-section-head{align-items:flex-start;margin-top:24px}.captive-portal .cp-section-head h2{font-size:23px}.cp-section-sub{font-size:11px}.cp-small-note{display:none}.cp-ad-shell{border-radius:17px}.cp-ad-slide,.cp-ad-slide.active{min-height:192px;grid-template-columns:1fr .55fr;padding:20px 17px}.captive-portal .cp-ad-copy h3{font-size:23px}.cp-ad-copy p{font-size:10px;line-height:1.5}.cp-ad-label{font-size:8px}.cp-promo-orb{width:83px;height:83px;box-shadow:0 0 0 8px #ffffff08}.cp-promo-orb svg{width:55px;height:55px}.cp-promo-price{font-size:22px}.cp-ad-controls{right:10px;bottom:9px}.cp-ad-arrow{width:24px;height:24px}.cp-pricing-head{margin-top:26px}.cp-filters{gap:5px;margin:12px 0}.cp-filter{padding:7px 10px;font-size:10px}.cp-plan-grid{gap:9px}.cp-plan{padding:13px 11px;border-radius:14px}.captive-portal .cp-plan h3{min-height:29px;font-size:12px}.cp-price{font-size:25px}.cp-plan-desc,.cp-plan-perk{font-size:9px}.cp-btn-plan{padding:10px 6px;font-size:10px}.cp-fibre-grid,.cp-tools-grid,.cp-faq-grid{grid-template-columns:1fr}.cp-tools-grid{gap:11px;margin-top:22px}.cp-panel{padding:16px}.cp-faq{padding:13px}.cp-support-strip{align-items:flex-start;flex-direction:column;padding:17px}.cp-support-actions{width:100%}.cp-support-actions a{flex:1;text-align:center}}@media(prefers-reduced-motion:reduce){.captive-portal *,.captive-portal *:before,.captive-portal *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.theme-dark .captive-portal{--cp-ink: #e2e8f0;--cp-muted: #a3b0c2;--cp-line: #26354a;--cp-paper: #0b1220;background:var(--cp-paper);color:var(--cp-ink)}.theme-dark .cp-ticker,.theme-dark .cp-plan,.theme-dark .cp-fibre,.theme-dark .cp-panel,.theme-dark .cp-faq{border-color:var(--cp-line);background:#131d2e;color:var(--cp-ink)}.theme-dark .cp-ticker-item,.theme-dark .cp-plan-type,.theme-dark .cp-plan-desc,.theme-dark .cp-plan-perk,.theme-dark .cp-fibre-name,.theme-dark .cp-fibre ul,.theme-dark .cp-panel-head p,.theme-dark .cp-field label,.theme-dark .cp-faq p{color:#a3b0c2}.theme-dark .captive-portal .cp-section-head h2,.theme-dark .captive-portal .cp-plan h3,.theme-dark .captive-portal .cp-panel-head h3,.theme-dark .cp-faq strong{color:#e2e8f0}.theme-dark .cp-price,.theme-dark .cp-fibre-speed{color:#f1f5f9}.theme-dark .cp-fibre-speed small,.theme-dark .cp-fibre-price small{color:#a3b0c2}.theme-dark .cp-fibre ul,.theme-dark .cp-plan-line{border-color:#26354a}.theme-dark .cp-filter{border-color:#334155;background:#131d2e;color:#cbd5e1}.theme-dark .cp-filter.active{border-color:#25d9d0;background:#25d9d0;color:#062239}.theme-dark .cp-btn-plan,.theme-dark .cp-fibre .cp-btn{border-color:#334155;background:#1e293b;color:#e2e8f0}.theme-dark .cp-fibre.featured .cp-btn{background:var(--cp-cyan);color:#062239}.theme-dark .cp-field input,.theme-dark .cp-field textarea{border-color:#334155;background:#0b1220;color:#e2e8f0}.theme-dark .cp-home-packages{border-color:#26354a;background:#131d2e}.theme-dark .cp-home-packages strong{color:#e2e8f0}.theme-dark .cp-home-packages .cp-btn{background:#1e293b;color:#e2e8f0}.theme-dark .cp-panel-icon{background:#1e293b}.cp-form-message.error{background:#fdeeee;color:#b42318}.captive-portal .cp-btn:disabled{opacity:.65;cursor:progress}.cp-modal-backdrop{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#071c35b3}.cp-modal{position:relative;width:100%;max-width:380px;max-height:calc(100vh - 32px);overflow-y:auto;padding:22px;border-radius:18px;background:#fff;color:var(--cp-ink);box-shadow:0 24px 60px #071c3555}.cp-modal h3{margin:10px 0 2px;font-size:20px}.cp-modal .cp-plan-desc{margin-bottom:16px}.cp-modal-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--cp-muted);font-size:22px;line-height:1;cursor:pointer}.cp-modal-close:hover{background:#0000000d}.cp-modal-wait{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:#eef6ff;color:#12406e;font-size:12px;font-weight:600}.cp-spinner{flex:none;width:20px;height:20px;border:3px solid #1677ff33;border-top-color:#1677ff;border-radius:50%;animation:cp-spin .8s linear infinite}.cp-modal-note{margin:12px 0 0;line-height:1.5}@keyframes cp-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cp-spinner{animation-duration:2.4s}}.theme-dark .cp-modal{background:#131d2e;color:var(--cp-ink)}.theme-dark .cp-modal h3{color:#e2e8f0}.theme-dark .cp-modal-wait{background:#10243d;color:#cfe3ff}.theme-dark .cp-form-message.error{background:#3b1720;color:#fecaca}.theme-dark .cp-modal-close:hover{background:#ffffff14}.cp-booking-done{margin-bottom:14px;font-weight:600;line-height:1.5}.cp-modal .cp-price small{font-size:.55em;font-weight:500;opacity:.7}:root{font-family:DM Sans,sans-serif;color:#202133;background:#fbf8f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--purple: #704fe0;--purple-dark: #5d3dcc;--muted: #9296a8;--line: #edf0f5}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh;background:#fbf8f1}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:#fbf8f1}.sidebar{width:248px;background:#fff;border-right:1px solid #eef0f4;padding:25px 16px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{height:33px;display:flex;align-items:center;gap:9px;padding-left:9px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;letter-spacing:-1px}.brand-mark{width:28px;height:28px;color:#fff;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#9276f4,#6142d6)}.brand-mark svg{width:17px}.brand-dot{color:#7758e4}.workspace-switcher{display:flex;align-items:center;gap:10px;padding:12px 9px;margin:27px 0 30px;border:1px solid #eeeff4;border-radius:9px}.workspace-icon{width:33px;height:33px;display:grid;place-items:center;color:#6646d5;background:#f0edff;border-radius:8px;font-family:Manrope,sans-serif;font-weight:800}.workspace-copy,.sidebar-user-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.workspace-copy b,.sidebar-user-copy b{font-size:12px;font-weight:700}.workspace-copy small,.sidebar-user-copy small{font-size:10px;color:#999ca9}.workspace-switcher>svg{color:#9699a7}.nav-label{color:#a3a6b2;font-size:9px;font-weight:700;letter-spacing:1.15px;padding:0 12px 11px}.primary-nav{display:grid;gap:4px}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:13px;height:42px;border:0;background:transparent;border-radius:7px;padding:0 12px;color:#777b8c;font-size:12px;text-align:left;transition:.18s}.nav-item:hover{color:#5740b7;background:#f8f7ff}.nav-item.active{background:#f0edff;color:#6546d4;font-weight:600}.nav-count{margin-left:auto;padding:2px 6px;border-radius:5px;background:#fff;color:#9295a3;font-size:10px}.nav-separator{border-top:1px solid #eff0f4;margin:17px 8px 13px}.help-item{margin-top:1px}.sidebar-bottom{margin-top:auto}.usage-card{background:#faf9ff;border:1px solid #f0edff;border-radius:9px;padding:13px 13px 12px;margin:0 2px 14px}.usage-heading,.usage-meta{display:flex;justify-content:space-between;align-items:center;color:#8f91a0;font-size:10px}.usage-heading svg{color:#a0a2ae}.usage-card>strong{display:block;margin:8px 0;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.7px}.usage-card>strong small{font-size:12px;color:#8a8c9a;font-weight:500}.usage-track{height:5px;background:#e9e6f7;border-radius:8px;overflow:hidden;margin-bottom:7px}.usage-track span{display:block;height:100%;width:78%;border-radius:8px;background:#795be7}.usage-meta{font-size:9px}.sidebar-user{border-top:1px solid #eff0f4;padding:13px 4px 2px;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:700}.avatar-profile{color:#5639b4;background:linear-gradient(145deg,#e8dfff,#c6b9f7)}.sidebar-user>svg{color:#9295a2}.main-area{min-height:100vh;margin-left:248px}.topbar{height:69px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffffeb;border-bottom:1px solid #eff1f5}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:12px;color:#a0a2ae}.breadcrumbs svg{color:#c4c5cd}.breadcrumbs strong{color:#464858;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:18px}.search-control{height:34px;width:220px;border:1px solid #eff0f4;color:#a0a2ae;border-radius:6px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 9px;font-size:10px}.search-control kbd{margin-left:auto;border:1px solid #ececf1;background:#fafbfc;border-radius:4px;display:flex;gap:2px;align-items:center;padding:2px 4px;font-size:9px;color:#9396a2}.icon-button{height:34px;width:34px;border:0;border-radius:7px;background:transparent;color:#777b8b;display:inline-grid;place-items:center}.icon-button:hover,.more-button:hover{background:#f4f2fc;color:#6144cf}.notification-button{position:relative}.notification-button i{position:absolute;top:7px;right:7px;width:6px;height:6px;border:1.5px solid white;border-radius:50%;background:#f38c71}.top-divider{height:27px;border-left:1px solid #eff0f4}.profile-button{border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:0;color:#868997}.profile-copy{display:flex;flex-direction:column;text-align:left;gap:2px}.profile-copy b{font-size:10px;color:#393b4b}.profile-copy small{font-size:9px;color:#9a9daa}.mobile-menu{display:none}.page-content{max-width:1500px;padding:35px 42px 42px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.eyebrow{color:#a0a2af;font-size:9px;font-weight:700;letter-spacing:1.05px;margin-bottom:7px}h1,h2,h3,p{margin:0}h1{color:#232436;font-family:Manrope,sans-serif;font-size:24px;line-height:1.35;letter-spacing:-.85px;font-weight:750}.wave{font-size:15px;color:#f3b34d;vertical-align:2px}.page-heading p{color:#9699a7;font-size:11px;margin-top:5px}.heading-actions{display:flex;align-items:center;gap:9px}.primary-button,.secondary-button{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:0 13px;font-size:10px;font-weight:600;transition:.15s ease}.primary-button{border:1px solid var(--purple);background:var(--purple);color:#fff;box-shadow:0 2px 4px #704fe022}.primary-button:hover{background:var(--purple-dark)}.secondary-button{border:1px solid #e9eaf0;color:#565969;background:#fff}.secondary-button:hover{border-color:#d3ccf4;color:#6546d4;background:#fcfbff}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat-card,.panel{background:#fff;border:1px solid #edeff4;border-radius:9px;box-shadow:0 2px 7px #26325305}.stat-card{position:relative;overflow:hidden;min-height:132px;padding:15px 16px 13px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#858897;font-size:10px}.stat-icon{height:29px;width:29px;display:grid;place-items:center;border-radius:8px}.icon-purple{background:#f1edff;color:#7355dd}.icon-blue{background:#edf5ff;color:#5d93d9}.icon-green{background:#eaf8f1;color:#40a879}.icon-orange{background:#fff4e9;color:#e99c49}.stat-value{min-height:29px;display:flex;align-items:center;gap:9px;margin-top:10px;font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.75px;font-weight:750;white-space:nowrap}.trend{display:inline-flex;align-items:center;gap:2px;font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:0;font-weight:600;white-space:nowrap}.positive{color:#32a574}.negative{color:#e17c6b}.stat-foot{color:#a0a2ae;font-size:9px;margin-top:5px}.stat-total{color:#a0a2ae;font-size:14px;font-weight:500;margin-left:-7px}.mini-chart{position:absolute;right:0;bottom:0;width:48%;height:32px;display:flex;align-items:end;gap:4px;opacity:.7}.mini-chart i{flex:1;height:25%;background:#d7ceff;border-radius:3px 3px 0 0}.mini-chart i:nth-child(2n){height:48%}.mini-chart i:nth-child(3n){height:72%}.mini-chart i:nth-child(4n){height:42%}.mini-chart i:nth-child(5n){height:90%}.mini-blue i{background:#d2e7ff}.mini-orange i{background:#ffe5c9}.router-status-bar{position:absolute;left:16px;right:16px;bottom:14px;height:4px;display:flex;gap:3px}.router-status-bar i{flex:1;border-radius:4px;background:#66c69b}.router-status-bar i.offline{background:#f3b7a9}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:15px;margin-bottom:16px}.panel{padding:17px 18px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading h2,.table-toolbar h2,.section-title-row h2{font-family:Manrope,sans-serif;font-size:13px;font-weight:750;letter-spacing:-.15px}.panel-heading p,.table-toolbar p,.section-title-row p{color:#9a9daa;font-size:10px;margin-top:4px}.select-button,.filter-select{min-height:31px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#686b7a;font-size:9px;background:#fff;border:1px solid #e9eaf0;border-radius:5px}.select-button:hover{border-color:#d0c7f2;color:#6344d0}.revenue-summary{display:flex;align-items:center;gap:8px;margin-top:17px}.revenue-summary strong{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.4px}.revenue-summary small{color:#a0a2ae;font-size:9px}.chart-wrap{display:flex;gap:10px;height:174px;padding-top:13px}.chart-y-labels{display:flex;flex-direction:column;justify-content:space-between;height:142px;color:#a7a9b4;font-size:8px}.chart-main{position:relative;flex:1;height:157px}.chart-grid{position:absolute;top:0;right:0;bottom:17px;left:0;display:flex;flex-direction:column;justify-content:space-between}.chart-grid i{border-top:1px dashed #eceef3}.revenue-chart{position:absolute;top:0;right:0;bottom:17px;left:0;width:100%;height:calc(100% - 17px);overflow:visible}.chart-x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a7a9b4;font-size:8px}.more-button{width:29px;height:28px;display:inline-grid;place-items:center;border:0;border-radius:5px;color:#9b9dab;background:transparent}.donut-area{display:flex;align-items:center;gap:19px;min-height:172px;padding:9px 2px 6px}.donut{height:132px;width:132px;flex:0 0 132px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#7555df,#7555df 49%,#62a0e7 49%,#62a0e7 80%,#efb168 80%,#efb168);transform:rotate(-90deg)}.donut:before{content:"";width:91px;height:91px;border-radius:50%;background:#fff;grid-area:1/1}.donut-center{z-index:1;grid-area:1/1;transform:rotate(90deg);display:flex;flex-direction:column;align-items:center;gap:3px}.donut-center strong{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px}.donut-center span{color:#9c9eaa;font-size:8px}.donut-legend{flex:1;display:grid;gap:13px}.donut-legend div{display:flex;align-items:center;gap:7px;font-size:9px;color:#858897;white-space:nowrap}.donut-legend i{width:7px;height:7px;border-radius:3px}.legend-purple{background:#7555df}.legend-blue{background:#62a0e7}.legend-orange{background:#efb168}.donut-legend b{color:#444657;margin-left:auto;font-size:9px}.distribution-footer{display:flex;justify-content:space-between;align-items:center;padding-top:11px;border-top:1px solid #f0f1f4;color:#9496a4;font-size:9px}.distribution-footer svg{color:#38a777}.activity-panel{padding:16px 18px 4px}.activity-heading{align-items:center}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:4px 0;color:#6b4ad7;font-size:9px;font-weight:600}.text-button:hover{color:#4c32b2}.activity-list{margin-top:9px}.activity-row{min-height:51px;display:grid;grid-template-columns:31px minmax(180px,1fr) 110px 70px;gap:10px;align-items:center;border-top:1px solid #f1f2f5}.activity-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px}.activity-payment{color:#7356da;background:#f0edff}.activity-router{color:#43a87e;background:#eaf8f1}.activity-customer{color:#e79b51;background:#fff4e9}.activity-copy{display:flex;flex-direction:column;gap:3px}.activity-copy b{color:#464858;font-size:9px;font-weight:600}.activity-copy small{color:#a0a2ae;font-size:8px}.activity-amount{text-align:right;color:#32a574;font-size:9px;font-weight:600}.activity-tag{justify-self:end}.online-tag{color:#329d70;background:#eaf8f1;border-radius:20px;padding:4px 8px;font-size:8px;font-weight:600}.activity-row time{color:#a3a5b0;text-align:right;font-size:8px}.analytics-stats .stat-card{min-height:112px}.analytics-chart-panel{margin-bottom:16px;padding-bottom:18px}.chart-legend{display:inline-flex;align-items:center;gap:6px;color:#858897;font-size:9px}.chart-legend i{height:7px;width:7px;border-radius:50%;background:#7658e8}.analytics-chart-panel .chart-wrap{height:230px}.analytics-chart-panel .chart-main{height:211px}.analytics-chart-panel .chart-y-labels{height:196px}.analytics-bottom{padding-bottom:4px}.performer-row{min-height:55px;display:grid;grid-template-columns:28px 10px minmax(140px,1fr) minmax(80px,1.15fr) 92px 58px;align-items:center;gap:9px;border-top:1px solid #f1f2f5}.performer-row:first-of-type{margin-top:8px}.performer-rank{color:#a5a7b2;font-size:9px}.plan-dot{width:8px;height:8px;border-radius:50%}.plan-dot-purple{background:#7555df}.plan-dot-blue{background:#62a0e7}.plan-dot-orange{background:#efb168}.performer-name{display:flex;flex-direction:column;gap:3px;font-size:9px;font-weight:600}.performer-name small{color:#a0a2ae;font-size:8px;font-weight:400}.performer-progress{height:5px;border-radius:5px;background:#f0eef8;overflow:hidden}.performer-progress i{display:block;height:100%;border-radius:inherit;background:#795be7}.performer-row:nth-of-type(3) .performer-progress i{background:#67a3e8}.performer-row:nth-of-type(4) .performer-progress i{background:#efb168}.performer-row>b{text-align:right;font-size:9px;font-weight:600}.router-stats{margin-bottom:18px}.stat-grid.router-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.olt-panel{margin-bottom:18px}.compact-stat{min-height:117px}.compact-stat .stat-value{margin-top:8px;font-size:22px}.compact-stat .stat-foot{display:flex;align-items:center;gap:5px;margin-top:7px}.subtle-unit{color:#9598a5;font:500 12px DM Sans,sans-serif;letter-spacing:0;margin-left:-5px}.inline-dot{height:6px;width:6px;border-radius:50%;background:#55be8e}.table-panel{padding:0;overflow:hidden}.table-toolbar{min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px}.table-toolbar h2{display:flex;align-items:center;gap:8px}.table-count{color:#8f91a0;background:#f3f4f7;border-radius:10px;padding:3px 6px;font:500 8px DM Sans,sans-serif;letter-spacing:0}.table-actions{display:flex;align-items:center;gap:8px}.table-search{width:195px;height:32px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #e9eaf0;border-radius:5px;color:#a0a2ae}.table-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#535565;font-size:9px}.table-search input::placeholder{color:#a0a2ae}.filter-select{min-width:105px;outline:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead{background:#fafbfc}th{height:35px;text-align:left;padding:0 13px;color:#9da0ad;font-size:8px;font-weight:600;letter-spacing:.55px}th:first-child,td:first-child{padding-left:18px}th:last-child,td:last-child{padding-right:14px;text-align:right}td{height:59px;border-top:1px solid #f1f2f5;padding:0 13px;color:#696c7b;font-size:9px}.router-cell,.customer-cell{display:flex;align-items:center;gap:9px;min-width:225px}.router-table-icon{width:31px;height:31px;display:grid;place-items:center;color:#6c50d7;background:#f1edff;border-radius:7px}.router-cell>span:last-child,.customer-cell>span:last-child{display:flex;flex-direction:column;gap:3px}.router-cell b,.customer-cell b{color:#444656;font-size:9px;font-weight:600}.router-cell small,.customer-cell small{display:flex;align-items:center;gap:3px;color:#a0a2ae;font-size:8px}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 7px;font-size:8px;font-weight:600}.status-pill i{width:5px;height:5px;border-radius:50%}.status-online{color:#329d70;background:#eaf8f1}.status-online i{background:#53bd8e}.status-maintenance{color:#ce8535;background:#fff5e9}.status-maintenance i{background:#eda64f}.status-expired{color:#a27468;background:#fff0ed}.status-expired i{background:#dc8977}.signal-cell{display:inline-flex;align-items:center;gap:5px;color:#6aa783;font-size:9px}.signal-offline{color:#dc8c7c}.customer-cell .avatar{width:30px;height:30px;font-size:8px}.avatar-lilac{color:#714fd1;background:#eee9ff}.avatar-blue{color:#4d87c9;background:#e6f1ff}.avatar-peach{color:#bf7841;background:#fff0e2}.avatar-mint{color:#389472;background:#e4f7ed}.avatar-rose{color:#c45873;background:#ffeaf0}.table-pagination{min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-top:1px solid #f0f1f4;color:#9a9daa;font-size:9px}.table-pagination b{color:#666979;font-weight:600}.table-pagination>div{display:flex;gap:4px}.pagination-button,.pagination-current{height:26px;width:26px;display:grid;place-items:center;border-radius:5px;font-size:9px}.pagination-button{border:1px solid #eceef2;color:#868997;background:#fff}.pagination-current{background:#f0edff;color:#6849d6;border:1px solid #e7e0ff}.empty-state{padding:30px;text-align:center;color:#9295a2;font-size:11px}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.plan-card{overflow:hidden;background:#fff;border:1px solid #edeff4;border-radius:9px}.plan-card-top{position:relative;padding:20px 19px 18px;border-bottom:1px solid #f0f1f4}.plan-card-top.lavender{background:linear-gradient(135deg,#f8f6ff,#fcfbff)}.plan-card-top.mint{background:linear-gradient(135deg,#f3fbf7,#fbfdfc)}.plan-card-top.peach{background:linear-gradient(135deg,#fff8f1,#fffdfb)}.plan-card-icon{width:33px;height:33px;display:grid;place-items:center;color:#704fe0;background:#ece7ff;border-radius:8px}.mint .plan-card-icon{color:#3ba477;background:#e3f6ec}.peach .plan-card-icon{color:#dc9147;background:#ffeddb}.plan-tag{position:absolute;top:20px;right:17px;border-radius:20px;padding:4px 8px;color:#6949d5;background:#eee9ff;font-size:8px;font-weight:600}.plan-card-top h3{margin-top:17px;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:-.2px}.plan-card-top>p{color:#9497a5;font-size:9px;margin-top:4px}.plan-price{margin-top:14px;font-family:Manrope,sans-serif;font-size:23px;font-weight:750;letter-spacing:-.7px}.plan-price span{color:#9295a2;font:400 9px DM Sans,sans-serif;letter-spacing:0;margin-left:4px}.plan-card-body{padding:15px 19px 17px}.plan-feature{display:flex;align-items:center;gap:7px;color:#696c7a;font-size:9px;margin:0 0 11px}.plan-feature svg{color:#46aa7b}.plan-subscribers{display:flex;justify-content:space-between;align-items:center;padding-top:12px;margin-top:3px;border-top:1px solid #f0f1f4;color:#8c8f9d;font-size:9px}.plan-subscribers span{display:flex;align-items:center;gap:6px}.plan-manage{width:100%;margin-top:13px;min-height:33px;justify-content:space-between;padding:0 10px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#17162b66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(100%,420px);padding:20px;border:1px solid #edeef2;border-radius:12px;background:#fff;box-shadow:0 18px 60px #17162b25}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.modal-heading>div{display:grid;grid-template-columns:36px 1fr;column-gap:10px}.modal-icon{grid-row:span 2;width:36px;height:36px;display:grid;place-items:center;color:#6e4fd7;background:#f0edff;border-radius:9px}.modal-heading h2{align-self:end;font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.3px}.modal-heading p{grid-column:2;color:#9497a5;font-size:9px;margin-top:4px}.modal form{display:grid;gap:13px}.modal form label{display:grid;gap:6px;color:#5f6271;font-size:9px;font-weight:600}.modal form input,.modal form select{width:100%;height:36px;outline:0;border:1px solid #e8eaf0;border-radius:6px;padding:0 10px;background:#fff;color:#464858;font-size:10px;font-weight:400}.modal form input:focus,.modal form select:focus{border-color:#a693ef;box-shadow:0 0 0 3px #7658e817}.modal form input::placeholder{color:#adb0ba}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.success-message{display:flex;align-items:center;gap:8px;padding:12px;color:#2f966b;border:1px solid #d8f0e4;border-radius:7px;background:#f0faf5;font-size:10px}.mobile-scrim{display:none}@media(min-width:1500px){.page-content{padding-left:52px;padding-right:52px}.stat-card{min-height:141px;padding:17px 18px}.stat-value{font-size:23px}.panel{padding:19px 21px}.activity-panel{padding:17px 20px 4px}.chart-wrap{height:191px}.chart-main{height:174px}}@media(max-width:1150px){.sidebar{width:220px}.main-area{margin-left:220px}.topbar{padding:0 26px}.page-content{padding:30px 26px}.content-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.donut-area{gap:12px}.donut{width:112px;height:112px;flex-basis:112px}.donut:before{width:77px;height:77px}.performer-row{grid-template-columns:22px 9px minmax(120px,1fr) minmax(70px,1fr) 85px 48px}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .24s ease;box-shadow:5px 0 25px #20203310}.sidebar.sidebar-open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;border:0;background:#16152755}.main-area{margin-left:0}.topbar{padding:0 22px}.mobile-menu{display:inline-grid}.breadcrumbs{margin-right:auto;margin-left:8px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.donut-area{justify-content:center;gap:40px}.donut{width:132px;height:132px;flex-basis:132px}.donut:before{width:91px;height:91px}}@media(max-width:600px){body{min-width:360px}.topbar{height:58px;padding:0 14px}.topbar-actions{gap:8px}.search-control{width:34px;justify-content:center;border:0;padding:0}.search-control span,.search-control kbd{display:none}.top-divider{height:22px}.profile-copy,.profile-button>svg{display:none}.page-content{padding:25px 14px 30px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}h1{font-size:22px}.page-heading p{max-width:310px;line-height:1.6}.heading-actions{align-self:stretch}.heading-actions button{flex:1}.stat-grid{gap:9px;margin-bottom:12px}.stat-card{min-height:125px;padding:12px}.stat-value{font-size:18px;gap:5px}.stat-icon{width:26px;height:26px}.stat-top{font-size:9px}.trend,.stat-foot{font-size:8px}.panel{padding:14px}.content-grid{gap:11px;margin-bottom:12px}.panel-heading h2,.table-toolbar h2,.section-title-row h2{font-size:12px}.select-button{gap:5px;font-size:8px;padding:0 6px}.revenue-summary{flex-wrap:wrap}.revenue-summary strong{font-size:17px}.chart-wrap{height:154px}.chart-main{height:140px}.donut-area{gap:23px;min-height:157px}.donut{height:116px;width:116px;flex-basis:116px}.donut:before{height:80px;width:80px}.activity-panel{padding:14px 12px 4px}.activity-row{grid-template-columns:28px minmax(0,1fr) 67px;gap:7px;min-height:57px}.activity-copy small{max-width:190px;line-height:1.35}.activity-amount{font-size:8px}.activity-row time{display:none}.activity-tag{display:none}.table-toolbar{align-items:flex-start;flex-direction:column;padding:13px}.table-actions{width:100%}.table-search{width:auto;flex:1}.filter-select{min-width:98px}.table-pagination{padding:0 12px}.table-pagination>span{font-size:8px}.router-stats .stat-value{font-size:19px}.analytics-stats .stat-card{min-height:117px}.analytics-chart-panel .chart-wrap{height:175px}.analytics-chart-panel .chart-main{height:157px}.analytics-chart-panel .chart-y-labels{height:142px}.performer-row{grid-template-columns:17px 8px minmax(95px,1fr) 73px;gap:6px;min-height:58px}.performer-progress{display:none}.performer-row>b{font-size:8px}.performer-row .trend{display:none}.plan-grid{grid-template-columns:1fr;gap:11px}.section-title-row{margin-top:20px}.section-title-row .text-button{font-size:8px}.plan-card-top{padding:17px}.plan-card-body{padding:14px 17px}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.2)}}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse-animation{animation:pulseDot 2s infinite ease-in-out}.spin-icon{animation:spinAnim .8s linear infinite}.dashboard-overview-page{display:flex;flex-direction:column;gap:28px}.overview-master-heading{margin-bottom:8px}.eyebrow-network{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.live-network-badge{display:inline-flex;align-items:center;gap:6px;background:#f1edff;color:#6848d8;font-size:9px;font-weight:700;letter-spacing:.8px;padding:4px 9px;border-radius:6px}.current-date-tag{color:#9295a3;font-size:9px;font-weight:600;letter-spacing:.8px}.sync-banner-toast{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(135deg,#f0ebff,#f7f4ff);border:1px solid #dcd4fa;border-radius:8px;color:#5d3bc9;font-size:11px;font-weight:600;box-shadow:0 4px 12px #6b43d810;animation:fadeIn .3s ease}.table-toast-message{display:flex;align-items:center;gap:8px;margin:12px 18px 0;padding:8px 14px;background:#eef9f2;border:1px solid #c7ecd5;border-radius:6px;color:#26895b;font-size:10px;font-weight:600}.dashboard-section{display:flex;flex-direction:column;gap:14px}.section-header-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:2px}.title-left{display:flex;align-items:center;gap:10px}.section-pill{background:#eceff5;color:#6d7180;font-size:8px;font-weight:700;letter-spacing:.7px;padding:3px 7px;border-radius:4px}.section-header-title h2{font-family:Manrope,sans-serif;font-size:14px;font-weight:750;color:#272839;letter-spacing:-.2px}.section-subtitle{color:#9598a5;font-size:10px}.overview-kpi-container{display:flex;flex-direction:column;gap:14px}.kpi-top-bar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #edeff4;border-radius:9px;padding:10px 16px;box-shadow:0 2px 6px #26325304}.kpi-top-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-status-pill{display:inline-flex;align-items:center;gap:7px;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:600}.live-dot{width:7px;height:7px;border-radius:50%;background:#16a34a}.live-separator{color:#86efac}.live-uptime{color:#15803d;font-weight:700}.sync-timestamp{display:inline-flex;align-items:center;gap:5px;color:#8e92a0;font-size:10px}.resync-button{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border:1px solid #ded8f9;border-radius:6px;background:#f7f5ff;color:#6444d3;font-size:10px;font-weight:700;transition:all .2s ease}.resync-button:hover:not(:disabled){background:#6444d3;color:#fff;border-color:#6444d3;box-shadow:0 2px 8px #6444d330}.resync-button:disabled{opacity:.7;cursor:wait}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card{background:#fff;border:1px solid #edeff4;border-radius:10px;padding:15px 17px;box-shadow:0 2px 7px #26325305;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;transition:transform .18s ease,box-shadow .18s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 5px 14px #2632530a}.kpi-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kpi-title-wrap{display:flex;align-items:center;gap:9px}.kpi-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.icon-teal{background:#e6f8f5;color:#1ea38e}.icon-indigo{background:#edf0ff;color:#4b66df}.icon-rose{background:#ffeef2;color:#dc4b71}.icon-amber{background:#fff8e6;color:#d98a1a}.kpi-card-title{display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:750;color:#37394c;line-height:1.25}.kpi-card-subtitle{display:block;font-size:9px;color:#9ea1ae;margin-top:1px}.throughput-live-tag{display:inline-flex;align-items:center;gap:4px;background:#f1edff;color:#6e4de0;font-size:8px;font-weight:800;padding:3px 6px;border-radius:4px;letter-spacing:.5px}.badge-uptime{display:inline-flex;align-items:center;gap:4px;background:#ecfdf5;color:#10b981;font-size:8px;font-weight:700;padding:3px 7px;border-radius:4px}.badge-online{background:#ecfdf5;color:#15803d;font-size:8px;font-weight:700;padding:3px 7px;border-radius:4px}.badge-offline{background:#fef2f2;color:#b91c1c;font-size:8px;font-weight:700;padding:3px 7px;border-radius:4px}.badge-zero-suspended{background:#f3f4f8;color:#646877;font-size:8px;font-weight:700;padding:3px 6px;border-radius:4px}.badge-alert-count{background:#fff1f2;color:#e11d48;font-size:8px;font-weight:700;padding:3px 6px;border-radius:4px}.kpi-value-main{margin:12px 0 6px;display:flex;align-items:baseline;gap:7px}.currency-prefix{font-size:13px;font-weight:700;color:#8c909e}.kpi-value-main strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:800;color:#212232;letter-spacing:-.8px}.highlight-online{color:#16a34a!important}.kpi-total-val,.kpi-secondary-val{color:#9295a3;font-size:12px;font-weight:500}.text-orange{color:#ea580c!important}.kpi-bandwidth-card{grid-column:span 2;background:linear-gradient(135deg,#fff,#faf8ff)}.bandwidth-metrics-row{display:flex;align-items:center;gap:16px;margin:12px 0 6px}.bandwidth-col{flex:1}.traffic-dir{display:flex;align-items:center;gap:6px;font-size:9px;color:#848896;margin-bottom:3px}.traffic-arrow{width:17px;height:17px;border-radius:50%;display:grid;place-items:center}.rx-arrow{background:#ede8ff;color:#6b47dc}.tx-arrow{background:#dcfce7;color:#16a34a}.traffic-speed{display:flex;align-items:baseline;gap:5px}.rx-value{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;color:#6343d6;letter-spacing:-.6px}.tx-value{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;color:#15803d;letter-spacing:-.6px}.speed-unit{font-size:11px;font-weight:700;color:#9598a7}.traffic-bar-wrap{height:5px;background:#edf0f6;border-radius:10px;overflow:hidden;margin-top:6px}.traffic-bar{height:100%;border-radius:10px}.rx-bar{background:linear-gradient(90deg,#886cf4,#6643d9)}.tx-bar{background:linear-gradient(90deg,#4ade80,#16a34a)}.bandwidth-divider{width:1px;height:48px;background:#e9ebf2}.kpi-foot-info{display:flex;align-items:center;gap:8px;font-size:9px;color:#9598a7;padding-top:6px;border-top:1px solid #f2f4f8}.split-foot{justify-content:space-between}.kpi-sub-stats{display:flex;align-items:center;justify-content:space-between;margin:4px 0 6px;background:#fafafc;padding:5px 8px;border-radius:6px}.sub-stat-item{display:flex;flex-direction:column}.sub-stat-label{font-size:8px;color:#979aa7}.sub-stat-val{font-size:10px;font-weight:700;color:#3b3d4e}.kpi-progress-wrap{margin:6px 0 8px}.progress-bar-track{height:4px;background:#f0f2f7;border-radius:8px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:8px}.fill-purple{background:#704fe0}.fill-blue{background:#3b82f6}.fill-green{background:#10b981}.fill-amber{background:#f59e0b}.fill-teal{background:#0d9488}.fill-red{background:#ef4444}.user-split-bar{display:flex;height:6px;border-radius:6px;overflow:hidden;background:#f0f2f7;margin:6px 0 8px}.user-segment{height:100%;transition:width .3s ease}.segment-pppoe{background:#704fe0}.segment-hotspot{background:#14b8a6}.router-slot-indicators{display:flex;gap:4px;margin:6px 0 8px}.router-slot-dot{flex:1;height:5px;border-radius:3px}.dot-active{background:#10b981}.dot-warn{background:#f59e0b}.badge-info-pill{color:#555768}.hardware-status-panel{background:#fff;border:1px solid #edeff4;border-radius:10px;padding:18px 20px}.hardware-heading{align-items:center;flex-wrap:wrap;border-bottom:1px solid #f1f3f7;padding-bottom:15px;margin-bottom:16px}.hardware-title-area{display:flex;align-items:center;gap:13px}.hardware-icon-box{width:38px;height:38px;background:#f1edff;color:#6948da;border-radius:9px;display:grid;place-items:center}.hardware-title-row{display:flex;align-items:center;gap:10px}.connection-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px}.hardware-subtext{font-size:10px;color:#8c8f9f;margin-top:3px}.hardware-metrics-tags{display:flex;align-items:center;gap:8px}.hardware-chip{display:inline-flex;align-items:center;gap:5px;background:#f7f8fa;border:1px solid #eaecf1;border-radius:6px;padding:5px 9px;font-size:9px;color:#606374}.temp-icon{color:#f97316}.volt-icon{color:#eab308}.ping-icon{color:#10b981}.hardware-gauges-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gauge-card{background:#fbfbfd;border:1px solid #edf0f5;border-radius:8px;padding:14px 16px}.gauge-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gauge-label-group{display:flex;align-items:center;gap:9px}.gauge-name{display:block;font-family:Manrope,sans-serif;font-size:11px;font-weight:750;color:#343648}.gauge-sub{display:block;font-size:8px;color:#989aa8}.gauge-number-val{font-family:Manrope,sans-serif;font-size:18px;font-weight:800;color:#252637}.gauge-progress-track{height:6px;background:#e9ebf2;border-radius:8px;overflow:hidden;margin-bottom:12px}.gauge-progress-fill{height:100%;border-radius:8px;transition:width .3s ease}.cpu-cores-list{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cpu-core-item{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid #edeff4;border-radius:5px;padding:5px 6px;font-size:8px}.core-title{color:#8f92a1}.core-bar{height:4px;background:#f1f3f7;border-radius:3px;overflow:hidden}.core-bar-fill{height:100%;background:#7354dc}.core-pct{font-weight:700;color:#404354;text-align:right}.gauge-details-split{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.gauge-stat-box{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #edeff4;border-radius:5px;padding:6px 8px}.stat-muted{font-size:8px;color:#9699a7}.stat-bold{font-size:10px;font-weight:750;color:#313344}.analytics-section-wrapper{display:flex;flex-direction:column;gap:16px}.analytics-primary-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.8fr);gap:16px}.live-pill-tag{display:inline-flex;align-items:center;gap:4px;background:#edf5ff;color:#3b82f6;font-size:8px;font-weight:700;padding:3px 7px;border-radius:4px}.donut-layout-split{display:flex;align-items:center;gap:20px;padding-top:10px}.svg-donut-container{position:relative;width:140px;height:140px;flex:0 0 140px}.donut-svg{width:100%;height:100%}.donut-center-copy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-number{font-family:Manrope,sans-serif;font-size:18px;font-weight:800;color:#242535;letter-spacing:-.5px}.donut-unit{font-size:9px;font-weight:600;color:#8c8f9e}.donut-summary-metrics{flex:1;display:flex;flex-direction:column;gap:10px}.summary-metric-row{display:flex;align-items:center;gap:10px;background:#fcfbfe;border:1px solid #f1eff9;border-radius:7px;padding:8px 10px}.metric-color-badge{width:24px;height:24px;border-radius:6px;display:grid;place-items:center}.badge-rx{background:#ede8ff;color:#6947dd}.badge-tx{background:#dcfce7;color:#16a34a}.metric-info{flex:1;display:flex;flex-direction:column}.metric-label{font-size:8px;color:#9295a3}.metric-vol{font-size:11px;font-weight:750;color:#313344}.metric-pct{font-family:Manrope,sans-serif;font-size:11px;font-weight:800;color:#4b4e60}.summary-footer-box{border-top:1px solid #f0f2f6;padding-top:8px;display:flex;flex-direction:column;gap:2px}.footer-label{font-size:8px;color:#9295a3}.footer-value{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;color:#6343d6}.footer-sub{font-size:8px;color:#9ea1ae}.chart-mode-toggles{display:flex;gap:4px;background:#f2f4f8;padding:3px;border-radius:6px}.toggle-tab{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:#727585;font-size:9px;font-weight:600;transition:.15s ease}.toggle-tab:hover{color:#3c3e4f}.tab-active{background:#fff;color:#6343d6!important;font-weight:700;box-shadow:0 1px 3px #00000010}.chart-legend-row{display:flex;align-items:center;gap:14px;margin:10px 0 12px;font-size:9px;color:#818494}.legend-chip{display:inline-flex;align-items:center;gap:5px}.chip-color{width:7px;height:7px;border-radius:2px}.chip-rx{background:#704fe0}.chip-tx{background:#38a777}.legend-hint{margin-left:auto;color:#a4a7b3;font-size:8px}.bar-chart-container{height:170px;position:relative;border-bottom:1px solid #edf0f5;padding-bottom:6px}.bar-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:100%;gap:6px}.bar-column{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:pointer}.bar-wrapper{width:100%;max-width:24px;display:flex;flex-direction:column;justify-content:flex-end}.bar-stacked{height:100%;display:flex;flex-direction:column;border-radius:4px 4px 0 0;overflow:hidden;transition:transform .15s ease}.bar-column:hover .bar-stacked{transform:scaleY(1.03)}.stacked-tx{background:#4ade80}.stacked-rx{background:#704fe0}.bar-label{font-size:8px;color:#9fa2b0;margin-top:6px;white-space:nowrap}.chart-tooltip{position:absolute;bottom:85%;background:#1e2030;color:#fff;padding:6px 9px;border-radius:6px;font-size:9px;pointer-events:none;z-index:10;white-space:nowrap;box-shadow:0 4px 12px #00000028;display:flex;flex-direction:column;gap:2px}.tooltip-title{font-weight:700;color:#a5b4fc;border-bottom:1px solid #33364d;padding-bottom:2px;margin-bottom:2px}.tooltip-line{display:flex;justify-content:space-between;gap:8px}.rx-line span:last-child{color:#c4b5fd}.tx-line span:last-child{color:#86efac}.analytics-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pill-weekly-stat{display:inline-flex;align-items:center;gap:5px;background:#ecfdf5;color:#059669;font-size:8px;font-weight:700;padding:3px 8px;border-radius:4px}.weekly-bars-container{display:flex;flex-direction:column;gap:9px;margin-top:10px}.weekly-bar-item{display:flex;flex-direction:column;gap:3px}.weekly-meta{display:flex;justify-content:space-between;font-size:9px}.weekly-day{font-weight:700;color:#3e4152}.weekly-val{color:#6444d3;font-weight:700}.weekly-track{height:7px;background:#f1f3f7;border-radius:6px;overflow:hidden}.weekly-fill{height:100%;background:#38a777;border-radius:6px;display:flex}.weekly-rx-portion{height:100%;background:#704fe0}.weekly-sub-info{display:flex;justify-content:space-between;font-size:8px;color:#9fa2af}.longterm-bars-view{display:flex;flex-direction:column;gap:14px;margin-top:6px}.longterm-stat-banner{display:flex;justify-content:space-between;align-items:center;background:#fafafc;border:1px solid #edf0f5;border-radius:8px;padding:10px 14px}.banner-title{display:block;font-size:9px;color:#8c8f9f}.banner-val{font-family:Manrope,sans-serif;font-size:18px;font-weight:800;color:#242535}.banner-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.banner-right small{font-size:8px;color:#9fa2af}.longterm-chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:140px;gap:6px;border-bottom:1px solid #edf0f5;padding-bottom:4px}.longterm-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.longterm-bar-track{width:100%;max-width:22px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.longterm-bar-fill{width:100%;border-radius:4px 4px 0 0;position:relative;transition:transform .15s ease}.longterm-bar-fill:hover{transform:scaleY(1.04)}.bar-hover-badge{display:none;position:absolute;bottom:105%;left:50%;transform:translate(-50%);background:#1e2030;color:#fff;padding:2px 6px;border-radius:4px;font-size:8px;white-space:nowrap}.longterm-bar-fill:hover .bar-hover-badge{display:block}.longterm-label{font-size:8px;color:#9ea1af;margin-top:6px}.infra-traffic-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:16px}.heading-with-icon{display:flex;align-items:center;gap:8px}.text-purple{color:#704fe0}.text-teal{color:#0d9488}.text-green{color:#16a34a}.text-blue{color:#2563eb}.table-count-badge{background:#f0edf8;color:#6444d3;font-size:9px;font-weight:700;padding:3px 8px;border-radius:5px}.table-scroll-container{overflow-x:auto}.isp-table{width:100%;border-collapse:collapse;white-space:nowrap}.isp-table thead{background:#f9fafb}.isp-table th{height:34px;text-align:left;padding:0 12px;color:#8c909e;font-size:8px;font-weight:700;letter-spacing:.6px;border-bottom:1px solid #edf0f5}.isp-table td{height:52px;border-bottom:1px solid #f2f4f8;padding:0 12px;color:#555869;font-size:9px}.compact-table td{height:46px}.device-identity-cell{display:flex;align-items:center;gap:9px}.device-icon-box{width:28px;height:28px;background:#f1edff;color:#6a47dd;border-radius:6px;display:grid;place-items:center}.device-identity-cell strong{display:block;font-size:9px;color:#353748}.device-id-code{font-size:8px;color:#9fa2b0}.ip-model-cell{display:flex;flex-direction:column;gap:2px}.ip-badge{font-family:monospace;font-size:9px;font-weight:600;color:#4b4e5f}.model-name{font-size:8px;color:#9fa2b0}.cpu-inline-wrap{display:flex;align-items:center;gap:6px}.cpu-inline-bar{width:50px;height:5px;background:#edf0f5;border-radius:4px;overflow:hidden}.cpu-inline-fill{height:100%;border-radius:4px}.cpu-inline-val{font-size:9px;font-weight:700;color:#3f4253}.clients-count-pill{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:#1d4ed8;padding:3px 8px;border-radius:5px;font-size:9px}.location-cell{display:inline-flex;align-items:center;gap:4px;color:#797c8d;font-size:8px}.peak-concurrent-pill{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;padding:3px 8px;border-radius:5px;font-size:9px}.concurrent-chart-wrapper{display:flex;flex-direction:column;gap:12px;margin-top:4px}.concurrent-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#fafafc;border:1px solid #edf0f5;border-radius:7px;padding:8px 12px}.summary-tiny-label{display:block;font-size:8px;color:#9295a4}.summary-large-stat{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;color:#272839}.svg-chart-main{position:relative;height:165px;display:flex;flex-direction:column}.concurrent-area-svg{width:100%;height:calc(100% - 18px);overflow:visible}.concurrent-x-labels{display:flex;justify-content:space-between;font-size:8px;color:#a4a7b4;margin-top:4px}.live-sessions-panel{background:#fff}.user-account-cell{display:flex;align-items:center;gap:9px}.service-type-icon{width:26px;height:26px;border-radius:6px;display:grid;place-items:center}.type-pppoe{background:#f0edff;color:#6e4de0}.type-hotspot{background:#e6f8f5;color:#0d9488}.user-session-name{display:block;font-size:9px;font-weight:700;color:#333647}.session-id-text{font-size:8px;color:#a3a6b5}.ip-monospace-badge{font-family:monospace;font-size:9px;font-weight:600;color:#3d4052;background:#f4f5f8;padding:2px 6px;border-radius:4px}.mac-address-code{font-family:monospace;font-size:8px;color:#7a7d8d}.package-tag-badge{background:#f8f6ff;border:1px solid #ede8fa;color:#6343d6;font-size:8px;font-weight:700;padding:3px 7px;border-radius:4px}.uptime-pill{color:#4b4e5f;font-weight:600;font-size:9px}.data-consumed-cell{display:flex;flex-direction:column;gap:1px;font-size:8px}.consumed-rx{color:#6343d6}.consumed-tx{color:#16a34a}.protocol-pill{display:inline-flex;padding:2px 7px;border-radius:4px;font-size:8px;font-weight:700}.proto-pppoe{background:#f0edff;color:#6848d8}.proto-hotspot{background:#ccfbf1;color:#0f766e}.kick-session-btn{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border:1px solid #fee2e2;background:#fff5f5;color:#dc2626;border-radius:4px;font-size:8px;font-weight:700;transition:.15s ease}.kick-session-btn:hover{background:#dc2626;color:#fff;border-color:#dc2626}.th-action,.td-action{text-align:right;padding-right:16px}.pagination-actions{display:flex;align-items:center;gap:6px}.pagination-page-indicator{font-size:9px;color:#7b7e8d;font-weight:600}.empty-state-cell{text-align:center;padding:25px!important;color:#9295a4;font-size:10px}.filter-group{display:flex;align-items:center;gap:5px}.filter-icon{color:#9aa0b0}.financial-section-container{display:flex;flex-direction:column;gap:16px}.financial-top-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.8fr);gap:16px}.pill-metric-counter{background:#f1edff;color:#6a47dd;font-size:9px;font-weight:700;padding:3px 8px;border-radius:5px}.popularity-content{display:flex;align-items:center;gap:20px;padding-top:10px}.popularity-chart-visual{flex:0 0 130px;display:grid;place-items:center}.conic-pie-circle{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 14px #2632530a}.pie-hole{width:78px;height:78px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.pie-hole strong{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;color:#272839}.pie-hole small{font-size:8px;color:#9fa2b0}.popularity-legend-list{flex:1;display:flex;flex-direction:column;gap:8px}.popularity-legend-item{display:flex;align-items:center;gap:8px;background:#fafafc;border:1px solid #f1f3f8;border-radius:6px;padding:5px 9px}.legend-color-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.legend-copy{flex:1;display:flex;flex-direction:column}.legend-pkg-name{font-size:9px;font-weight:700;color:#383a4c}.legend-pkg-speed{font-size:8px;color:#9ba0af}.legend-pct-val{font-family:Manrope,sans-serif;font-size:11px;font-weight:800;color:#3c3e50}.rank-package-cell{display:flex;align-items:center;gap:8px}.rank-badge{font-size:8px;font-weight:700;color:#9295a4;background:#f1f3f7;padding:2px 5px;border-radius:4px}.rank-gold{background:#fef3c7;color:#b45309}.type-badge-plain{font-size:8px;color:#6a6d7d;background:#f6f7fa;padding:2px 6px;border-radius:4px}.sub-count-tag{background:#f0fdf4;color:#15803d;font-weight:700;padding:2px 6px;border-radius:4px;font-size:8px}.gateway-cell{display:flex;align-items:center;gap:8px}.gw-icon-box{width:26px;height:26px;background:#edf5ff;color:#2563eb;border-radius:6px;display:grid;place-items:center}.gw-type-tag{font-size:8px;color:#797c8d}.success-rate-wrap{display:flex;align-items:center;gap:6px}.success-rate-bar{width:48px;height:4px;background:#edf0f5;border-radius:4px;overflow:hidden}.success-rate-fill{height:100%;background:#10b981}.success-rate-val{font-size:8px;font-weight:700;color:#15803d}.live-feed-pill{display:inline-flex;align-items:center;gap:5px;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;font-size:8px;font-weight:700;padding:3px 8px;border-radius:4px}.tx-ref-cell{display:flex;flex-direction:column}.ref-code{font-family:monospace;font-size:9px;font-weight:700;color:#383a4c}.acc-number{font-size:8px;color:#a0a4b2}.tx-customer-name strong{font-size:9px;color:#36384a}.method-pill{background:#f3f4f8;color:#5b5e6f;font-size:8px;padding:2px 6px;border-radius:4px}.tx-amount-text{font-family:Manrope,sans-serif;font-size:11px;font-weight:800;color:#15803d}.tx-time-cell{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#8c8f9f}.specs-logs-container{display:flex;flex-direction:column;gap:16px}.specs-top-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:16px}.protocol-name-cell{display:flex;align-items:center;gap:8px}.proto-icon-box{width:26px;height:26px;background:#f1edff;color:#6b47dd;border-radius:6px;display:grid;place-items:center}.active-user-pill{display:inline-flex;align-items:center;gap:4px;background:#f0fdf4;color:#15803d;font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px}.active-user-pill i{width:4px;height:4px;border-radius:50%;background:#16a34a}.proto-pct-wrap{display:flex;align-items:center;gap:6px}.proto-pct-bar{width:45px;height:4px;background:#edf0f5;border-radius:4px;overflow:hidden}.proto-pct-fill{height:100%;background:#704fe0}.proto-pct-label{font-size:8px;font-weight:700;color:#4d5061}.speed-range-tag{font-size:8px;color:#727586}.specs-details-grid{display:flex;flex-direction:column;gap:10px;margin-top:6px}.spec-item{display:flex;align-items:flex-start;gap:10px;background:#fafafc;border:1px solid #edf0f5;border-radius:7px;padding:8px 11px}.spec-icon-wrap{width:28px;height:28px;background:#eef2ff;color:#4f46e5;border-radius:6px;display:grid;place-items:center;margin-top:1px}.spec-copy{display:flex;flex-direction:column;gap:1px}.spec-name{font-size:8px;color:#9295a4;font-weight:600}.spec-val{font-size:10px;font-weight:750;color:#2b2d3d}.spec-sub{font-size:8px;color:#a0a3b2}.log-status-pill{display:inline-flex;align-items:center;gap:5px;background:#f1edff;color:#6a48dc;font-size:8px;font-weight:700;padding:3px 8px;border-radius:4px}.audit-logs-list{display:flex;flex-direction:column;margin-top:10px}.audit-log-item{display:grid;grid-template-columns:80px 32px 1fr;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid #f2f4f8}.audit-log-item:first-child{border-top:0}.audit-time-col{display:flex;flex-direction:column;gap:1px}.log-time{font-family:monospace;font-size:9px;font-weight:700;color:#404354}.log-id{font-size:8px;color:#a2a5b4}.audit-icon-col{display:flex;justify-content:center}.audit-icon-bubble{width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.bubble-success{background:#dcfce7;color:#16a34a}.bubble-info{background:#e0e7ff;color:#4338ca}.bubble-warning{background:#fef3c7;color:#d97706}.bubble-error{background:#fee2e2;color:#dc2626}.audit-body-col{display:flex;flex-direction:column;gap:2px}.audit-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audit-event-name{font-size:9.5px;font-weight:750;color:#2b2d3d}.category-tag{font-size:7.5px;font-weight:800;letter-spacing:.5px;padding:1px 5px;border-radius:3px;text-transform:uppercase}.cat-mikrotik{background:#f1edff;color:#6444d3}.cat-radius{background:#e0f2fe;color:#0369a1}.cat-billing{background:#dcfce7;color:#15803d}.cat-security{background:#fee2e2;color:#b91c1c}.cat-system{background:#f3f4f6;color:#4b5563}.actor-name{font-size:8px;color:#8f92a1}.audit-details-text{font-size:8.5px;color:#7b7e8e;line-height:1.4;margin:0}@media(max-width:1300px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-bandwidth-card{grid-column:span 2}.hardware-gauges-grid,.analytics-primary-grid,.analytics-secondary-grid,.infra-traffic-grid,.financial-top-grid,.specs-top-grid{grid-template-columns:1fr}}@media(max-width:768px){.kpi-grid{grid-template-columns:1fr}.kpi-bandwidth-card{grid-column:span 1}.bandwidth-metrics-row{flex-direction:column;align-items:stretch}.bandwidth-divider{display:none}.donut-layout-split,.popularity-content{flex-direction:column}.audit-log-item{grid-template-columns:60px 24px 1fr;gap:6px}}.router-view-panel{background:#fff;border:1px solid #edeff4;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #26325305}.router-view-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.router-view-title-wrap{display:flex;align-items:center;gap:12px}.router-view-icon{width:36px;height:36px;background:#f1edff;color:#6948da;border-radius:9px;display:grid;place-items:center}.router-view-title-wrap h3{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;color:#252637;margin:0}.router-view-title-wrap p{font-size:10px;color:#8c8f9e;margin:2px 0 0}.router-select-wrapper{position:relative;min-width:260px}.router-dropdown-select{width:100%;height:36px;background:#f8f9fc;border:1px solid #e2e5ec;border-radius:7px;padding:0 32px 0 12px;font-size:10px;font-weight:600;color:#383a4c;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .2s ease}.router-dropdown-select:focus{outline:none;border-color:#704fe0;background:#fff;box-shadow:0 0 0 3px #704fe015}.dropdown-arrow-icon{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#8c909e;pointer-events:none}.router-cards-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.router-mini-card{background:#fafafc;border:1px solid #edf0f6;border-radius:9px;padding:12px 14px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.router-mini-card:hover{transform:translateY(-2px);background:#fff;border-color:#ded8f9;box-shadow:0 4px 12px #704fe012}.is-active-router{background:#fff;border-color:#704fe0;box-shadow:0 3px 10px #704fe015}.is-dimmed-router{opacity:.85}.router-card-top{display:flex;align-items:center;justify-content:space-between}.router-name-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#252638}.router-model-pill{font-family:monospace;font-size:8.5px;background:#eef1f6;color:#555869;padding:2px 6px;border-radius:4px}.router-counters-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.counter-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:3px 7px;border-radius:5px}.pill-online{background:#ecfdf5;color:#047857}.pill-offline{background:#fef2f2;color:#b91c1c}.pill-total{background:#eff6ff;color:#1d4ed8}.dot{width:6px;height:6px;border-radius:50%}.dot-green{background:#10b981}.dot-red{background:#ef4444}.dot-orange{background:#f59e0b}.dot-slate{background:#64748b}.router-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f3f7;padding-top:8px;font-size:8.5px;color:#9295a3}.status-label-online{color:#10b981;font-weight:700}.financial-manager-row{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:14px}.finance-card{background:#fff;border:1px solid #edeff4;border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 2px 7px #26325305;transition:transform .18s ease}.finance-card:hover{transform:translateY(-2px)}.card-income-today{border-left:4px solid #3b82f6}.card-income-month{border-left:4px solid #10b981}.finance-top{display:flex;align-items:flex-start;justify-content:space-between}.finance-copy{display:flex;flex-direction:column;gap:4px}.finance-tag{font-size:9px;font-weight:750;letter-spacing:.8px;color:#8c8f9e}.finance-amount-row{display:flex;align-items:center;gap:8px}.finance-amount{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;color:#212334;letter-spacing:-.6px}.eye-toggle-btn{background:#f1f3f8;border:0;border-radius:6px;width:28px;height:28px;display:grid;place-items:center;color:#717485;cursor:pointer;transition:all .15s ease}.eye-toggle-btn:hover{background:#e4e7f0;color:#212334}.finance-icon-box{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.box-blue{background:#eff6ff;color:#2563eb}.box-green{background:#ecfdf5;color:#059669}.finance-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f3f7;padding-top:10px;margin-top:10px}.view-reports-link{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;padding:0;color:#3b82f6;font-size:9.5px;font-weight:700;cursor:pointer}.view-reports-link:hover{text-decoration:underline}.finance-sub-badge{font-size:8.5px;color:#9ea1ae}.kerry-manager-card{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 14px #0284c728;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.kerry-manager-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0284c740}.kerry-avatar-box{position:relative;width:44px;height:44px;background:#fff3;border-radius:50%;display:grid;place-items:center;flex:0 0 44px}.kerry-avatar-emoji{font-size:24px}.kerry-live-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#22c55e;border:2px solid #0284c7;border-radius:50%}.kerry-content{flex:1}.kerry-title-row{display:flex;align-items:center;gap:8px}.kerry-title-row strong{font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.ai-tag{background:#ffffff40;font-size:7.5px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:20px;text-transform:uppercase}.kerry-message{font-size:9px;color:#ffffffe6;margin:3px 0 0;line-height:1.35}.kerry-action-arrow{width:32px;height:32px;background:#ffffff26;border-radius:50%;display:grid;place-items:center}.kerry-dialog{max-width:500px;width:100%}.kerry-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:14px;margin-bottom:14px}.kerry-dialog-avatar{display:flex;align-items:center;gap:12px}.kerry-avatar-emoji-large{font-size:32px;width:48px;height:48px;background:#e0f2fe;border-radius:50%;display:grid;place-items:center}.kerry-dialog-avatar h3{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;color:#1e293b;margin:0}.kerry-dialog-avatar p{font-size:9.5px;color:#64748b;margin:2px 0 0}.kerry-dialog-body{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.kerry-tip-box{display:flex;align-items:flex-start;gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.kerry-tip-box strong{display:block;font-size:10.5px;color:#1e293b}.kerry-tip-box p{font-size:9px;color:#475569;margin:3px 0 0;line-height:1.45}.screen-kpi-container{display:flex;flex-direction:column;gap:12px}.vibrant-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vibrant-card{border-radius:12px;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 14px #00000014;transition:transform .2s ease,box-shadow .2s ease}.vibrant-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000026}.card-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.card-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.card-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.card-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.card-teal{background:linear-gradient(135deg,#14b8a6,#0f766e)}.card-coral{background:linear-gradient(135deg,#f97316,#c2410c)}.vibrant-card-body{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px}.vibrant-card-content{display:flex;flex-direction:column;gap:4px}.vibrant-metric-value{font-family:Manrope,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.8px;margin:0;line-height:1.1}.vibrant-metric-label{font-size:9.5px;font-weight:700;letter-spacing:.8px;color:#ffffffd9}.vibrant-card-icon{width:48px;height:48px;background:#ffffff2e;border-radius:12px;display:grid;place-items:center}.vibrant-card-footer{width:100%;border:0;background:#00000024;color:#fff;padding:8px 20px;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:background .15s ease}.vibrant-card-footer:hover{background:#00000040}.kpi-action-banner-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #edeff4;border-radius:9px;padding:9px 16px;box-shadow:0 2px 6px #26325304}.mpesa-heartbeat-badge{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;color:#4b5563}.heartbeat-text strong{color:#15803d}.mpesa-latency-tag{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;font-size:8.5px;font-weight:700;padding:2px 6px;border-radius:4px}.refresh-online-users-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 14px;border:1px solid #99f6e4;border-radius:7px;background:#f0fdfa;color:#0d9488;font-size:10px;font-weight:750;cursor:pointer;transition:all .2s ease}.refresh-online-users-btn:hover:not(:disabled){background:#0d9488;color:#fff;border-color:#0d9488;box-shadow:0 2px 8px #0d948830}.refresh-online-users-btn:disabled{opacity:.65;cursor:wait}.router-status-compact-panel{background:#fff;border:1px solid #edeff4;border-radius:12px;padding:16px 20px}.status-badges-group{display:flex;align-items:center;gap:8px}.badge-online-pill{display:inline-flex;align-items:center;gap:5px;background:#dcfce7;color:#15803d;font-size:9px;font-weight:750;padding:3px 8px;border-radius:5px}.badge-offline-pill{display:inline-flex;align-items:center;gap:5px;background:#fee2e2;color:#b91c1c;font-size:9px;font-weight:750;padding:3px 8px;border-radius:5px}.router-status-cards-list{display:flex;flex-direction:column;gap:9px;margin-top:12px}.router-status-row-card{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}.router-row-left{display:flex;align-items:center;gap:12px}.router-row-avatar{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.online-avatar{background:#dcfce7;color:#16a34a}.router-row-copy{display:flex;flex-direction:column;gap:2px}.router-row-title-line{display:flex;align-items:center;gap:8px}.router-row-title-line strong{font-size:11px;color:#1e293b}.router-online-tag{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px}.router-uptime-text{font-size:9px;color:#64748b}.router-row-right{display:flex;align-items:center;gap:10px}.clients-inline-pill{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:#1d4ed8;font-size:9px;font-weight:700;padding:3px 8px;border-radius:5px}.model-hardware-badge{display:inline-flex;align-items:center;gap:5px;background:#e2e8f0;color:#334155;font-family:monospace;font-size:9px;font-weight:600;padding:3px 8px;border-radius:5px}.screen-charts-grid-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart-collapsible-card{background:#0f172a;color:#f8fafc;border:1px solid #1e293b;border-radius:12px;padding:16px 18px;box-shadow:0 4px 16px #00000040}.chart-collapsible-card .panel-heading h2{color:#f8fafc}.chart-header-actions{display:flex;align-items:center;gap:10px}.chip-blue{background:#3b82f6}.chip-purple{background:#8b5cf6}.chip-cyan{background:#06b6d4}.chip-dark-blue{background:#1e3a8a}.chart-ctrl-btn{background:#1e293b;border:1px solid #334155;color:#94a3b8;width:24px;height:24px;border-radius:4px;display:grid;place-items:center;cursor:pointer;transition:all .15s ease}.chart-ctrl-btn:hover{background:#334155;color:#f8fafc}.chart-body-content{margin-top:14px}.bar-chart-with-y-axis{display:flex;gap:10px;height:190px}.chart-y-axis-labels{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#64748b;text-align:right;min-width:32px;padding-bottom:20px}.chart-bars-track-area{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.chart-horizontal-gridlines{position:absolute;top:0;right:0;bottom:20px;left:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-horizontal-gridlines i{border-top:1px dashed #1e293b}.chart-bars-columns-row{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:calc(100% - 20px);gap:4px}.chart-col-item{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.bar-pillar-wrap{width:100%;max-width:20px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.bar-pillar{width:100%;border-radius:3px 3px 0 0;transition:transform .18s ease}.bar-pillar:hover{transform:scaleY(1.05)}.pillar-blue{background:#3b82f6}.pillar-purple{background:#8b5cf6}.col-month-label{position:absolute;top:100%;font-size:8px;color:#64748b;margin-top:5px}.today-data-usage-screen-card{background:#0f172a;color:#f8fafc;border:1px solid #1e293b;border-radius:12px;padding:16px 18px;box-shadow:0 4px 16px #00000040}.today-data-usage-screen-card h2{color:#f8fafc}.date-pill-tag{display:inline-flex;align-items:center;gap:4px;background:#1e293b;color:#38bdf8;font-size:8.5px;font-weight:700;padding:3px 7px;border-radius:4px}.today-usage-donut-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:10px}.donut-legend-row-top{display:flex;align-items:center;gap:16px;font-size:9px;color:#94a3b8}.svg-donut-center-stage{position:relative;width:160px;height:160px}.screen-donut-svg{width:100%;height:100%}.donut-center-metric{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center-metric strong{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;color:#f8fafc}.donut-center-metric small{font-size:9px;color:#64748b}.today-data-summary-list{width:100%;background:#1e293b;border:1px solid #334155;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.data-metric-line{display:flex;justify-content:space-between;font-size:9.5px}.data-type-label{color:#94a3b8}.text-cyan{color:#06b6d4!important}.total-line{border-top:1px solid #334155;padding-top:6px;margin-top:2px}.total-line strong{font-size:11px;color:#f8fafc}.date-val-text{font-family:monospace;color:#cbd5e1}.weekly-usage-screen-card,.monthly-usage-screen-card,.customers-growth-screen-card{background:#0f172a;color:#f8fafc;border:1px solid #1e293b;border-radius:12px;padding:16px 18px;box-shadow:0 4px 16px #00000040}.weekly-usage-screen-card h2,.monthly-usage-screen-card h2,.customers-growth-screen-card h2{color:#f8fafc}.chart-legend-top{display:flex;align-items:center;gap:12px;font-size:9px;color:#94a3b8}.weekly-chart-inner,.monthly-data-chart-inner{display:flex;gap:10px;height:190px;margin-top:14px}.weekly-stacked-bars-row,.monthly-stacked-bars-row{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;border-bottom:1px solid #1e293b;padding-bottom:22px;position:relative}.weekly-day-col,.monthly-month-col{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.weekly-pillar-track,.monthly-pillar-track{width:100%;max-width:24px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.weekly-stacked-pillar,.monthly-stacked-pillar{width:100%;border-radius:4px 4px 0 0;overflow:hidden;display:flex;flex-direction:column}.pillar-tx{background:#1e3a8a}.pillar-rx{background:#06b6d4}.day-name-label,.month-name-label{position:absolute;top:100%;font-size:8px;color:#64748b;margin-top:5px;white-space:nowrap}.growth-chart-stage{display:flex;gap:10px;height:190px;margin-top:14px}.growth-curve-container{flex:1;display:flex;flex-direction:column}.growth-svg-curve{width:100%;height:calc(100% - 20px);overflow:visible}.growth-months-x-labels{display:flex;justify-content:space-between;font-size:8px;color:#64748b;margin-top:6px}.vouchers-expiring-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.6fr);gap:16px}.vouchers-stock-panel,.users-expiring-panel{background:#fff;border:1px solid #edeff4;border-radius:12px;padding:16px 18px}.stock-summary-pill{background:#ecfdf5;color:#059669;font-size:9px;font-weight:750;padding:3px 8px;border-radius:5px}.plan-name-cell{display:flex;align-items:center;gap:7px}.voucher-count-val{font-size:10px}.font-bold{font-weight:750!important}.tfoot-total-row td{border-top:2px solid #e2e8f0;background:#fafafc;height:40px}.inventory-ratio-tag{background:#eef2ff;color:#4338ca;font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px}.expiring-search-wrap{display:flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:0 8px;height:30px;width:170px}.expiring-search-wrap input{width:100%;border:0;background:transparent;outline:none;font-size:9px;color:#334155}.expiring-user-cell{display:flex;align-items:center;gap:7px}.username-monospace{font-family:monospace;font-size:9px;font-weight:600;color:#334155}.date-time-cell{display:inline-flex;align-items:center;gap:4px;font-size:8.5px}.screen-pagination-bar{display:flex;align-items:center;justify-content:center;border-top:1px solid #f1f3f7;padding-top:12px;margin-top:12px}.pagination-numbers-row{display:flex;align-items:center;gap:4px}.page-num-btn{min-width:26px;height:26px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;color:#64748b;font-size:9px;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:all .15s ease}.page-num-btn:hover{background:#f1f5f9;color:#0f172a}.is-active-page{background:#704fe0!important;color:#fff!important;border-color:#704fe0!important}.page-ellipsis{color:#94a3b8;font-size:10px;padding:0 4px}.page-nav-btn{height:26px;padding:0 9px;border:1px solid #e2e8f0;border-radius:5px;background:#fff;color:#475569;font-size:9px;font-weight:600;cursor:pointer}.page-nav-btn:hover{background:#f1f5f9;color:#0f172a}.screen-insights-container{display:flex;flex-direction:column;gap:16px}.gateway-status-panel{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:14px 18px}.gateway-banner-inner{display:flex;align-items:center;justify-content:space-between}.gateway-brand-badge{display:flex;align-items:center;gap:12px}.gateway-brand-badge h3{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;color:#14532d;margin:0}.gateway-brand-badge p{font-size:9.5px;color:#166534;margin:2px 0 0}.gateway-meta-stats{display:flex;align-items:center;gap:12px}.gateway-ping-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #bbf7d0;color:#15803d;font-size:9px;font-weight:750;padding:4px 9px;border-radius:5px}.gateway-till-code{font-family:monospace;font-size:9px;background:#14532d;color:#fff;padding:3px 8px;border-radius:5px}.insights-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.users-insights-card{background:#0f172a;color:#f8fafc;border:1px solid #1e293b;border-radius:12px;padding:16px 18px}.users-insights-card h2{color:#f8fafc}.user-insights-total-pill{background:#1e293b;color:#a78bfa;font-size:9px;font-weight:750;padding:3px 8px;border-radius:5px}.insights-donut-content{display:flex;align-items:center;gap:24px;margin-top:14px}.conic-insights-donut{flex:0 0 130px;display:grid;place-items:center}.conic-users-circle{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 16px #0006}.conic-inner-hole{width:76px;height:76px;border-radius:50%;background:#0f172a;display:flex;flex-direction:column;align-items:center;justify-content:center}.conic-inner-hole strong{font-family:Manrope,sans-serif;font-size:17px;font-weight:800;color:#f8fafc}.conic-inner-hole small{font-size:8px;color:#64748b}.insights-users-legend{flex:1;display:flex;flex-direction:column;gap:10px}.legend-entry{display:flex;align-items:center;gap:8px;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:7px 10px}.legend-name{flex:1;font-size:9px;color:#cbd5e1}.legend-count{font-size:9.5px;font-family:Manrope,sans-serif}.best-selling-packages-panel{background:#0f172a;color:#f8fafc;border:1px solid #1e293b;border-radius:12px;padding:16px 18px}.best-selling-packages-panel h2{color:#f8fafc}.pill-month-badge{background:#1e293b;color:#f59e0b;font-size:8.5px;font-weight:700;padding:3px 8px;border-radius:4px}.pkg-rank-cell{display:flex;align-items:center;gap:8px}.pkg-rank-number{font-size:8px;font-weight:750;background:#1e293b;color:#94a3b8;padding:2px 5px;border-radius:3px}.pkg-name-text{font-size:9.5px;color:#f8fafc}.pkg-price-text{font-size:9px;color:#cbd5e1}.sales-count-pill{background:#1e293b;color:#38bdf8;font-size:9px;font-weight:750;padding:2px 6px;border-radius:4px}.revenue-sum-text{font-size:9.5px}.transactions-router-panel,.last-transactions-panel,.users-service-type-panel,.top-daily-users-panel,.activity-log-screen-panel{background:#0f172a;color:#f8fafc;border:1px solid #1e293b;border-radius:12px;padding:16px 18px}.transactions-router-panel h2,.last-transactions-panel h2,.users-service-type-panel h2,.top-daily-users-panel h2,.activity-log-screen-panel h2{color:#f8fafc}.txn-count-pill,.service-total-pill,.data-heavy-pill{background:#1e293b;color:#94a3b8;font-size:8.5px;font-weight:700;padding:3px 8px;border-radius:4px}.router-name-table-cell{display:flex;align-items:center;gap:8px}.router-name-table-cell strong{color:#f8fafc}.txn-num-tag{background:#1e293b;color:#cbd5e1;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.router-pct-progress-wrap{display:flex;align-items:center;gap:8px}.router-pct-track{width:50px;height:5px;background:#1e293b;border-radius:4px;overflow:hidden}.router-pct-fill{height:100%;background:#06b6d4;border-radius:4px}.pct-label{font-size:8.5px;color:#94a3b8}.tx-user-cell{display:flex;align-items:center}.tx-user-monospace{font-family:monospace;font-size:9px;color:#cbd5e1}.tx-val-pill{font-size:10px}.service-protocol-cell{display:flex;align-items:center;gap:7px}.service-dot{width:6px;height:6px;border-radius:50%;background:#06b6d4}.users-stat-text{font-size:10px;color:#f8fafc}.service-pct-bar-wrap{display:flex;align-items:center;gap:8px}.service-pct-track{width:60px;height:5px;background:#1e293b;border-radius:4px;overflow:hidden}.service-pct-fill{height:100%;background:#8b5cf6}.service-pct-text{font-size:8.5px;color:#94a3b8}.top-user-cell{display:flex;align-items:center;gap:8px}.top-rank-badge{font-size:8px;font-weight:800;background:#1e293b;color:#f59e0b;padding:2px 5px;border-radius:3px}.top-username-text{font-size:9.5px;color:#f8fafc}.download-volume-pill{display:inline-flex;align-items:center;gap:5px;background:#1e293b;border:1px solid #334155;color:#38bdf8;font-size:9px;padding:3px 8px;border-radius:5px}.log-live-badge{display:inline-flex;align-items:center;gap:6px;background:#1e293b;color:#a78bfa;font-size:8.5px;font-weight:700;padding:3px 8px;border-radius:4px}.screen-activity-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.screen-activity-row{display:flex;align-items:center;gap:14px;background:#1e293b;border:1px solid #334155;border-radius:7px;padding:9px 12px}.activity-time-bubble{display:inline-flex;align-items:center;gap:5px;font-size:8.5px;color:#94a3b8;min-width:190px}.activity-message-body{display:flex;align-items:center;gap:8px;flex:1}.admin-actor-tag{color:#38bdf8;font-family:monospace;font-size:9px;font-weight:700}.activity-event-text{font-size:9px;color:#f1f5f9}.modern-dashboard-footer{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #edeff4;border-radius:10px;padding:12px 20px;font-size:9.5px;color:#64748b;margin-top:10px}.footer-left{display:flex;align-items:center;gap:8px}.footer-dot{color:#cbd5e1}.footer-right{display:flex;align-items:center;gap:14px}.footer-badge-online{display:inline-flex;align-items:center;gap:6px;color:#10b981;font-weight:700}.footer-sync-btn{display:inline-flex;align-items:center;gap:5px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:4px 9px;font-size:9px;font-weight:600;color:#334155;cursor:pointer;transition:all .15s ease}.footer-sync-btn:hover{background:#e2e8f0;color:#0f172a}@media(max-width:1200px){.router-cards-row,.financial-manager-row{grid-template-columns:1fr}.vibrant-kpi-grid{grid-template-columns:repeat(2,1fr)}.screen-charts-grid-wrapper,.vouchers-expiring-grid,.insights-two-col-grid{grid-template-columns:1fr}}@media(max-width:680px){.vibrant-kpi-grid{grid-template-columns:1fr}.router-view-header{flex-direction:column;align-items:stretch}.screen-activity-row{flex-direction:column;align-items:flex-start;gap:4px}.modern-dashboard-footer{flex-direction:column;align-items:flex-start;gap:8px}}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-user-search{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;height:33px;padding:0 4px 0 10px;width:170px;transition:all .2s ease}.topbar-user-search:focus-within{width:220px;border-color:#704fe0;background:#fff;box-shadow:0 0 0 3px #704fe015}.topbar-user-search input{width:100%;border:0;outline:none;background:transparent;font-size:10px;color:#334155}.user-search-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;width:24px;height:24px;display:grid;place-items:center;color:#64748b;cursor:pointer}.user-search-btn:hover{background:#f1f5f9;color:#0f172a}.currency-flag-pill{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:9.5px;font-weight:700;color:#334155}.kenya-flag{font-size:14px}.quick-actions-container{position:relative}.quick-actions-trigger{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px;background:linear-gradient(135deg,#704fe0,#5d3dcc);color:#fff;border:0;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #704fe028;transition:all .15s ease}.quick-actions-trigger:hover{background:#5d3dcc}.quick-actions-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 30px #0000001f;width:220px;z-index:50;padding:5px;display:flex;flex-direction:column;gap:2px;animation:fadeIn .2s ease}.quick-actions-dropdown button{width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;font-size:10px;font-weight:600;color:#334155;border-radius:5px;cursor:pointer;transition:all .15s ease}.quick-actions-dropdown button:hover{background:#f1edff;color:#6948dc}.notification-button-badge{position:relative}.notif-count-badge{position:absolute;top:-3px;right:-5px;background:#ef4444;color:#fff;font-size:7.5px;font-weight:800;padding:1px 4px;border-radius:10px;border:1.5px solid #ffffff}.avatar-admin{background:linear-gradient(135deg,#1e293b,#0f172a);color:#38bdf8;font-weight:800}.compact-noc-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:10px;margin-bottom:2px}.compact-noc-left{display:flex;align-items:center;gap:12px}.noc-status-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px}.compact-date-badge{font-size:9.5px;font-weight:600;opacity:.8}.compact-noc-actions{display:flex;align-items:center;gap:8px}.financial-manager-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px}.card-account-balance{border-left:4px solid #8b5cf6}.card-network-uptime{border-left:4px solid #06b6d4}.box-purple{background:#f3e8ff;color:#7c3aed}.box-teal{background:#ccfbf1;color:#0d9488}.balance-account-text,.uptime-duration-label{font-size:8.5px;opacity:.8}.badge-operational{background:#dcfce7;color:#15803d;font-size:8px;font-weight:750;padding:2px 6px;border-radius:4px}.theme-dark{background:#080c15;color:#e2e8f0}.theme-dark .sidebar-theme-toggle{border-color:#26334a;background:#131d35;color:#cbd5e1}.theme-dark .sidebar-theme-toggle:hover{border-color:#7658e8;color:#c9c0ff}.theme-dark .sidebar-theme-switch{background:#7658e8}.theme-dark .sidebar-theme-switch i{transform:translate(0);background:#fff}.theme-dark .sidebar{background:#0b1120;border-right-color:#1e293b}.theme-dark .brand{color:#f8fafc}.theme-dark .workspace-switcher{background:#131d35;border-color:#1e293b;color:#f8fafc}.theme-dark .workspace-copy b,.theme-dark .sidebar-user-copy b{color:#f8fafc}.theme-dark .nav-item{color:#94a3b8}.theme-dark .nav-item:hover{background:#1e293b;color:#f8fafc}.theme-dark .nav-item.active{background:#1e293b;color:#a78bfa}.theme-dark .usage-card{background:#131d35;border-color:#1e293b;color:#e2e8f0}.theme-dark .usage-card strong{color:#f8fafc}.theme-dark .topbar{background:#0b1120;border-bottom-color:#1e293b}.theme-dark .breadcrumbs span{color:#64748b}.theme-dark .breadcrumbs strong{color:#f8fafc}.theme-dark .topbar-user-search{background:#131d35;border-color:#1e293b}.theme-dark .topbar-user-search input{color:#f8fafc}.theme-dark .topbar-user-search input::placeholder{color:#64748b}.theme-dark .user-search-btn{background:#1e293b;border-color:#334155;color:#cbd5e1}.theme-dark .currency-flag-pill{background:#131d35;border-color:#1e293b;color:#f8fafc}.theme-dark .quick-actions-dropdown{background:#0f172a;border-color:#334155;box-shadow:0 10px 35px #0009}.theme-dark .quick-actions-dropdown button{color:#e2e8f0}.theme-dark .quick-actions-dropdown button:hover{background:#1e293b;color:#a78bfa}.theme-dark .profile-button{color:#cbd5e1}.theme-dark .profile-copy b{color:#f8fafc}.theme-dark .compact-noc-header{background:#0f172a;border:1px solid #1e293b;color:#f8fafc}.theme-dark .secondary-button{background:#131d35;border-color:#1e293b;color:#e2e8f0}.theme-dark .secondary-button:hover{background:#1e293b;color:#fff}.theme-dark .router-view-panel{background:#0f172a;border-color:#1e293b}.theme-dark .router-view-title-wrap h3{color:#f8fafc}.theme-dark .router-dropdown-select{background:#131d35;border-color:#334155;color:#f8fafc}.theme-dark .router-mini-card{background:#131d35;border-color:#1e293b}.theme-dark .router-mini-card:hover,.theme-dark .is-active-router{background:#172340;border-color:#704fe0}.theme-dark .router-name-badge{color:#f8fafc}.theme-dark .finance-card{background:#0f172a;border-color:#1e293b}.theme-dark .finance-amount{color:#f8fafc}.theme-dark .eye-toggle-btn{background:#1e293b;color:#94a3b8}.theme-dark .eye-toggle-btn:hover{background:#334155;color:#f8fafc}.theme-dark .router-status-compact-panel{background:#0f172a;border-color:#1e293b}.theme-dark .router-status-compact-panel h2{color:#f8fafc}.theme-dark .router-status-row-card{background:#131d35;border-color:#1e293b}.theme-dark .router-row-title-line strong{color:#f8fafc}.theme-dark .kpi-action-banner-row{background:#0f172a;border-color:#1e293b}.theme-dark .heartbeat-text{color:#cbd5e1}.theme-dark .hardware-status-panel{background:#0f172a;border-color:#1e293b}.theme-dark .hardware-status-panel h2{color:#f8fafc}.theme-dark .gauge-card{background:#131d35;border-color:#1e293b}.theme-dark .gauge-name,.theme-dark .gauge-number-val{color:#f8fafc}.theme-dark .cpu-core-item,.theme-dark .gauge-stat-box{background:#0f172a;border-color:#1e293b}.theme-dark .stat-bold{color:#f8fafc}.theme-dark .vouchers-stock-panel,.theme-dark .users-expiring-panel,.theme-dark .live-sessions-panel,.theme-dark .nas-table-panel,.theme-dark .concurrent-trend-panel{background:#0f172a;border-color:#1e293b}.theme-dark .vouchers-stock-panel h2,.theme-dark .users-expiring-panel h2,.theme-dark .live-sessions-panel h2,.theme-dark .nas-table-panel h2,.theme-dark .concurrent-trend-panel h2{color:#f8fafc}.theme-dark .isp-table thead{background:#131d35}.theme-dark .isp-table th{border-bottom-color:#1e293b;color:#94a3b8}.theme-dark .isp-table td{border-bottom-color:#1a2642;color:#cbd5e1}.theme-dark .isp-table tr:hover td{background:#14203b}.theme-dark .username-monospace,.theme-dark .user-session-name,.theme-dark .device-identity-cell strong{color:#f8fafc}.theme-dark .table-toolbar{border-bottom:1px solid #1e293b}.theme-dark .table-search{background:#131d35;border-color:#1e293b;color:#f8fafc}.theme-dark .table-search input{color:#f8fafc}.theme-dark .filter-select{background:#131d35;border-color:#1e293b;color:#f8fafc}.theme-dark .table-pagination{border-top-color:#1e293b;color:#94a3b8}.theme-dark .pagination-button{background:#131d35;border-color:#1e293b;color:#cbd5e1}.theme-dark .screen-pagination-bar{border-top-color:#1e293b}.theme-dark .page-num-btn,.theme-dark .page-nav-btn{background:#131d35;border-color:#1e293b;color:#cbd5e1}.theme-dark .page-num-btn:hover,.theme-dark .page-nav-btn:hover{background:#1e293b;color:#fff}.theme-dark .modern-dashboard-footer{background:#0f172a;border-color:#1e293b;color:#94a3b8}.theme-dark .footer-sync-btn{background:#131d35;border-color:#1e293b;color:#cbd5e1}.theme-dark .tfoot-total-row td{background:#131d35;border-top-color:#1e293b}.theme-light{background:#fbf8f1;color:#1e293b}.theme-light .main-area,.theme-light .page-content{background:#fbf8f1}.theme-light .sidebar{background:#fffdf8;border-right-color:#eee9dd}.theme-light .topbar{background:#fffdf8;border-bottom-color:#eee9dd}.theme-light .sidebar-theme-toggle{border-color:#e9e2d3;background:#fbf8f1;color:#665b43}.theme-light .sidebar-theme-switch{background:#e9e2d3}.theme-light .sidebar-theme-switch i{transform:translate(12px);background:#fff}.theme-light .compact-noc-header{background:#fffdf8;border:1px solid #eee9dd;color:#1e293b;box-shadow:0 2px 6px #26325305}@media(max-width:1200px){.financial-manager-row{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:680px){.financial-manager-row{grid-template-columns:1fr!important}.compact-noc-header{flex-direction:column;align-items:flex-start;gap:8px}.compact-noc-actions{width:100%}.compact-noc-actions button{flex:1}}.enhanced-sidebar{padding:18px 13px 12px}.sidebar-brand-wrapper{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-theme-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;height:30px;padding:0 7px;border:1px solid #e8e9ef;border-radius:8px;background:#fff;color:#6f7282;font-size:10px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sidebar-theme-toggle:hover{border-color:#d3ccf4;color:#6546d4}.sidebar-theme-switch{width:25px;height:14px;display:flex;align-items:center;padding:2px;border-radius:10px;background:#dfe2e9}.sidebar-theme-switch i{width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1d263322;transition:transform .18s ease}.enhanced-sidebar .brand{padding-left:6px;min-width:0}.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-title{font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-1px;line-height:1.1}.brand-tag{font-family:DM Sans,sans-serif;font-size:7.5px;font-weight:700;letter-spacing:1.4px;color:#a3a6b2}.sidebar-mobile-close{display:none;width:30px;height:30px;place-items:center;border:1px solid #eef0f4;border-radius:8px;background:#fff;color:#777b8c}.sidebar-mobile-close:hover{border-color:#d0c7f2;color:#6546d4}.enhanced-ws{margin:15px 0 13px;padding:10px;gap:9px}.ws-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ws-title-row b{font-size:12px;font-weight:700}.ws-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#35c28d;box-shadow:0 0 0 3px #35c28d2e;animation:pulseDot 2.2s ease-in-out infinite}.enhanced-ws .workspace-copy small{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ws-chevron{flex:0 0 auto;color:#9699a7}.sidebar-search-box{margin-bottom:9px}.sidebar-search-input-wrap{position:relative;display:flex;align-items:center}.sidebar-search-icon{position:absolute;left:10px;color:#a0a2ae;pointer-events:none}.sidebar-search-input{width:100%;height:34px;border:1px solid #e9eaf0;border-radius:9px;background:#f8f9fc;padding:0 30px;font-size:11.5px;color:#3c3f52;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.sidebar-search-input::placeholder{color:#a7aab7}.sidebar-search-input:focus{outline:none;border-color:#c9bef2;background:#fff;box-shadow:0 0 0 3px #704fe01a}.sidebar-search-clear{position:absolute;right:7px;width:19px;height:19px;display:grid;place-items:center;border:0;border-radius:50%;background:#eceaf7;color:#7a6bb8}.sidebar-search-clear:hover{background:#ddd8f4}.sidebar-tools-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 3px 0}.sidebar-count-hint{color:#a3a6b2;font-size:8.5px;font-weight:700;letter-spacing:.9px}.sidebar-toggle-all-btn{border:0;background:transparent;padding:3px 7px;border-radius:6px;color:#6546d4;font-size:9.5px;font-weight:700;transition:.15s}.sidebar-toggle-all-btn:hover{background:#f0edff}.sidebar-nav-scroll-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 2px 10px;scrollbar-width:thin;scrollbar-color:#d4cfef transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar-nav-scroll-container::-webkit-scrollbar{width:6px}.sidebar-nav-scroll-container::-webkit-scrollbar-track{background:transparent}.sidebar-nav-scroll-container::-webkit-scrollbar-thumb{background:#d4cfef;border-radius:8px}.sidebar-nav-scroll-container::-webkit-scrollbar-thumb:hover{background:#b9b0e6}.enhanced-nav{display:grid;gap:2px}.nav-category-block{border-radius:8px;transition:background .15s}.nav-category-block.category-expanded,.nav-category-block.category-has-active{background:#faf9ff}.nav-category-btn{position:relative;width:100%;display:flex;align-items:center;gap:9px;min-height:36px;padding:4px 10px 4px 11px;border:0;background:transparent;border-radius:9px;color:#5f6377;font-size:12px;font-weight:600;letter-spacing:-.1px;text-align:left;transition:background .16s ease,color .16s ease}.nav-category-btn:before{content:"";position:absolute;left:0;top:50%;width:3px;height:18px;border-radius:0 4px 4px 0;background:transparent;opacity:0;transform:translateY(-50%) scaleY(.35);transition:opacity .18s ease,transform .18s ease}.nav-category-btn:hover{background:#f4f2fd;color:#5740b7}.nav-category-btn.active-page,.nav-category-btn.active-direct,.nav-category-block.category-has-active .nav-category-btn{background:#f1edff;color:#5b3fd6;font-weight:700}.nav-category-btn.active-page:before,.nav-category-btn.active-direct:before{background:var(--purple);opacity:1;transform:translateY(-50%) scaleY(1)}.nav-category-btn.active-page:hover,.nav-category-btn.active-direct:hover{background:#ebe5ff;color:#5236c8}.cat-icon-wrap{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;border-radius:7px;color:#8b8fa3;transition:.15s}.nav-category-btn:hover .cat-icon-wrap,.nav-category-btn.active-page .cat-icon-wrap,.nav-category-btn.active-direct .cat-icon-wrap{color:#6546d4}.cat-label-wrap{flex:1;min-width:0;display:flex;align-items:center;gap:2px}.cat-label-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-pill-badge{flex:0 0 auto;padding:2px 6px;border-radius:20px;background:#eef0f4;color:#7b7f90;font-size:7.5px;font-weight:800;letter-spacing:.3px;line-height:1.4}.badge-new{background:#16a34a;color:#fff}.badge-beta{background:#704fe0;color:#fff}.badge-hot{background:#f97316;color:#fff}.badge-pro{background:#0ea5e9;color:#fff}.badge-alert{background:#ef4444;color:#fff}.cat-chevron{flex:0 0 auto;display:grid;place-items:center;color:#b3b6c3;transition:color .16s ease}.cat-chevron svg{transition:transform .22s cubic-bezier(.4,0,.2,1)}.cat-chevron-open svg{transform:rotate(180deg)}.nav-category-btn:hover .cat-chevron{color:#7a6bb8}.cat-standalone-icon{flex:0 0 auto;display:grid;place-items:center;color:#9d8ae0;opacity:0;transform:translate(-2px,2px);transition:opacity .18s ease,transform .18s ease}.nav-category-btn:hover .cat-standalone-icon,.nav-category-btn.active-page .cat-standalone-icon,.nav-category-btn.active-direct .cat-standalone-icon{opacity:1;transform:translate(0)}.cat-submenu-container{display:flex;padding:2px 0 8px;animation:submenuReveal .18s ease}@keyframes submenuReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.submenu-tree-guide{flex:0 0 auto;width:15px;margin:2px 0 4px 20px;border-left:1px solid #e8e4f8}.submenu-items-list{flex:1;min-width:0;display:grid;gap:2px;padding-left:12px;padding-right:6px}.submenu-items-list>*{animation:navItemReveal .18s ease both}.submenu-items-list>*:nth-child(2){animation-delay:25ms}.submenu-items-list>*:nth-child(3){animation-delay:.05s}.submenu-items-list>*:nth-child(4){animation-delay:75ms}.submenu-items-list>*:nth-child(5){animation-delay:.1s}.submenu-items-list>*:nth-child(6){animation-delay:.125s}@keyframes navItemReveal{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.submenu-row-item{min-width:0}.sub-nav-item{position:relative;width:100%;display:flex;align-items:center;gap:8px;min-height:30px;padding:3px 10px;border:0;background:transparent;border-radius:7px;color:#6d7183;font-size:11.5px;font-weight:500;text-align:left;transition:background .14s ease,color .14s ease}.sub-nav-item:before{content:"";position:absolute;left:0;top:50%;width:2.5px;height:13px;border-radius:3px;background:transparent;opacity:0;transform:translateY(-50%) scaleY(.35);transition:opacity .18s ease,transform .18s ease}.sub-nav-item:hover{background:#f4f2fd;color:#5740b7}.sub-nav-item.sub-active,.sub-nav-item.sub-active:hover{background:#f1edff;color:#5b3fd6;font-weight:700}.sub-nav-item.sub-active:before{background:var(--purple);opacity:1;transform:translateY(-50%) scaleY(1)}.sub-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-badge{font-size:7px}.nested-chevron{flex:0 0 auto;display:grid;place-items:center;color:#a9acbb}.nested-chevron svg{transition:transform .18s ease}.nested-chevron-open svg{transform:rotate(90deg)}.nested-sub-container{display:flex}.nested-tree-guide{flex:0 0 auto;width:13px;margin:1px 0 5px 34px;border-left:1px dashed #e2ddf5}.nested-items-list{flex:1;min-width:0;display:grid;gap:2px;padding:1px 0 3px 14px}.nested-items-list>*{animation:navItemReveal .16s ease both}.nested-sub-item{position:relative;width:100%;display:flex;align-items:center;gap:7px;min-height:27px;padding:2px 10px;border:0;background:transparent;border-radius:6px;color:#7b7f90;font-size:10.5px;font-weight:500;text-align:left;transition:background .14s ease,color .14s ease}.nested-sub-item:before{content:"";position:absolute;left:0;top:50%;width:2px;height:11px;border-radius:3px;background:transparent;opacity:0;transform:translateY(-50%) scaleY(.35);transition:opacity .18s ease,transform .18s ease}.nested-sub-item:hover{background:#f4f2fd;color:#5740b7}.nested-sub-item.child-active,.nested-sub-item.child-active:hover{background:#f1edff;color:#5b3fd6;font-weight:700}.nested-sub-item.child-active:before{background:var(--purple);opacity:1;transform:translateY(-50%) scaleY(1)}.nested-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-empty-search{padding:28px 12px;text-align:center;color:#9a9daa}.sidebar-empty-search .empty-icon{color:#c6c1e6}.sidebar-empty-search p{margin:9px 0 11px;font-size:11px;line-height:1.5}.empty-clear-btn{border:1px solid #e9eaf0;background:#fff;color:#6546d4;border-radius:6px;padding:7px 13px;font-size:10px;font-weight:700;transition:.15s}.empty-clear-btn:hover{border-color:#d0c7f2;background:#fcfbff}.enhanced-sidebar-footer{flex:0 0 auto;margin-top:6px;padding-top:10px;border-top:1px solid #eff0f4}.noc-status-card{background:#faf9ff;border:1px solid #f0edff;border-radius:9px;padding:9px 11px;margin-bottom:9px}.noc-status-header{display:flex;align-items:center;gap:7px}.noc-dot-pulse{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#35c28d;box-shadow:0 0 0 3px #35c28d2e;animation:pulseDot 2.2s ease-in-out infinite}.noc-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4c4f61;font-size:9.5px;font-weight:700}.noc-badge{padding:2px 6px;border-radius:5px;background:#eaf8f1;color:#2f966b;font-size:8px;font-weight:800;letter-spacing:.4px}.noc-metrics-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#9a9daa;font-size:8.5px}.sidebar-user.enhanced-user{border-top:0;padding:0}.enhanced-user .avatar-admin{width:30px;height:30px}.enhanced-user .sidebar-user-copy b{font-size:11.5px}.enhanced-user .sidebar-user-copy small{font-size:9.5px}.user-online-pip{width:8px;height:8px;flex:0 0 auto;margin-left:auto;border-radius:50%;background:#35c28d;border:2px solid #fff;box-shadow:0 0 0 2px #35c28d33}.theme-dark .brand-tag{color:#64748b}.theme-dark .sidebar-mobile-close{background:#131d35;border-color:#1e293b;color:#94a3b8}.theme-dark .sidebar-search-input{background:#131d35;border-color:#1e293b;color:#f8fafc}.theme-dark .sidebar-search-input::placeholder{color:#64748b}.theme-dark .sidebar-search-input:focus{background:#0f172a;border-color:#704fe0;box-shadow:0 0 0 3px #704fe038}.theme-dark .sidebar-search-icon{color:#64748b}.theme-dark .sidebar-search-clear{background:#1e293b;color:#94a3b8}.theme-dark .sidebar-search-clear:hover{background:#334155}.theme-dark .sidebar-count-hint{color:#64748b}.theme-dark .sidebar-toggle-all-btn{color:#a78bfa}.theme-dark .sidebar-toggle-all-btn:hover{background:#1e293b}.theme-dark .sidebar-nav-scroll-container{scrollbar-color:#334155 transparent}.theme-dark .sidebar-nav-scroll-container::-webkit-scrollbar-thumb{background:#334155}.theme-dark .sidebar-nav-scroll-container::-webkit-scrollbar-thumb:hover{background:#475569}.theme-dark .nav-category-block.category-expanded,.theme-dark .nav-category-block.category-has-active{background:#101a30}.theme-dark .nav-category-btn{color:#94a3b8}.theme-dark .nav-category-btn:hover{background:#1e293b;color:#f8fafc}.theme-dark .nav-category-btn.active-page,.theme-dark .nav-category-btn.active-direct,.theme-dark .nav-category-block.category-has-active .nav-category-btn{background:#7c5ce729;color:#b3a4ff}.theme-dark .nav-category-btn.active-page:hover,.theme-dark .nav-category-btn.active-direct:hover{background:#7c5ce73d;color:#c9c0ff}.theme-dark .nav-category-btn.active-page:before,.theme-dark .nav-category-btn.active-direct:before{background:#a78bfa}.theme-dark .cat-icon-wrap{color:#64748b}.theme-dark .nav-category-btn:hover .cat-icon-wrap,.theme-dark .nav-category-btn.active-page .cat-icon-wrap,.theme-dark .nav-category-btn.active-direct .cat-icon-wrap{color:#a78bfa}.theme-dark .cat-chevron,.theme-dark .nested-chevron{color:#64748b}.theme-dark .cat-standalone-icon{color:#8b7bd8}.theme-dark .nav-category-btn:hover .cat-chevron,.theme-dark .nav-category-btn:hover .cat-standalone-icon{color:#a78bfa}.theme-dark .nav-pill-badge{background:#1e293b;color:#94a3b8}.theme-dark .badge-new{background:#15803d;color:#fff}.theme-dark .badge-beta{background:#6d4de0;color:#fff}.theme-dark .badge-hot{background:#c2410c;color:#fff}.theme-dark .badge-pro{background:#0369a1;color:#fff}.theme-dark .badge-alert{background:#b91c1c;color:#fff}.theme-dark .submenu-tree-guide,.theme-dark .nested-tree-guide{border-left-color:#243354}.theme-dark .sub-nav-item{color:#94a3b8}.theme-dark .sub-nav-item:hover{background:#1e293b;color:#f8fafc}.theme-dark .sub-nav-item.sub-active,.theme-dark .sub-nav-item.sub-active:hover{background:#7c5ce729;color:#b3a4ff}.theme-dark .sub-nav-item.sub-active:before{background:#a78bfa}.theme-dark .nested-sub-item{color:#94a3b8}.theme-dark .nested-sub-item:hover{background:#1e293b;color:#f8fafc}.theme-dark .nested-sub-item.child-active,.theme-dark .nested-sub-item.child-active:hover{background:#7c5ce729;color:#b3a4ff}.theme-dark .nested-sub-item.child-active:before{background:#a78bfa}.theme-dark .sidebar-empty-search{color:#64748b}.theme-dark .sidebar-empty-search .empty-icon{color:#334155}.theme-dark .empty-clear-btn{background:#131d35;border-color:#1e293b;color:#a78bfa}.theme-dark .enhanced-sidebar-footer{border-top-color:#1e293b}.theme-dark .noc-status-card{background:#131d35;border-color:#1e293b}.theme-dark .noc-title{color:#cbd5e1}.theme-dark .noc-badge{background:#35c28d24;color:#4ade80}.theme-dark .noc-metrics-row{color:#64748b}.theme-dark .user-online-pip{border-color:#0b1120}.nav-category-btn:focus-visible,.sub-nav-item:focus-visible,.nested-sub-item:focus-visible,.sidebar-toggle-all-btn:focus-visible,.empty-clear-btn:focus-visible,.sidebar-mobile-close:focus-visible{outline:2px solid #a78bfa;outline-offset:-2px}@media(prefers-reduced-motion:reduce){.enhanced-sidebar *,.enhanced-sidebar *:before,.enhanced-sidebar *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1150px){.enhanced-sidebar{padding:16px 11px 12px}.submenu-tree-guide{margin-left:14px}}@media(max-width:900px){.sidebar-mobile-close{display:grid}.enhanced-sidebar{padding:18px 14px 12px}.enhanced-sidebar .sidebar-nav-scroll-container{padding-bottom:14px}}.ap-devices-toggle{display:inline-flex;align-items:center;gap:3px;border:1px solid #dfe7f3;border-radius:12px;padding:2px 8px;background:#f5f9ff;color:#4d87c9;font:inherit;font-weight:600;cursor:pointer}.ap-devices-toggle:disabled{border-color:transparent;background:none;color:inherit;font-weight:400;cursor:default}.ap-devices-row>td{padding:0 0 8px 24px;background:#fafbfd}.ap-devices-table{margin:0}.ap-devices-table .status-pill{margin-top:2px}.ap-devices-note{margin:8px 12px 4px 0;padding:6px 9px;border-radius:6px;background:#fff5e9;color:#a8692a;font-size:9px;line-height:1.5}.ap-edit-button{margin-left:6px;border:0;padding:2px;background:none;color:#9a9daa;cursor:pointer;vertical-align:middle}.ap-edit-button:hover{color:#4d87c9}.text-red{color:#dc2626}.net-heading-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.net-stale{margin-bottom:12px;color:#a8692a;background:#fff5e9;font-size:11px}.net-router-list{display:grid;gap:16px;margin-bottom:16px}.net-router-card{display:grid;gap:16px}.net-router-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.net-router-head .router-cell b{font-size:14px}.net-router-head .router-cell small{font-size:11px}.net-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 16px;margin:0}.net-facts div{min-width:0}.net-facts dt{color:#9a9daa;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.net-facts dd{margin:2px 0 0;color:#343645;font-size:12px;font-weight:600;overflow-wrap:anywhere}.net-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 20px}.net-meter .gauge-progress-track{margin:6px 0 4px}.net-meter-top{display:flex;justify-content:space-between;color:#5b5e6e;font-size:11px}.net-meter-top span{display:inline-flex;align-items:center;gap:5px}.net-meter small,.net-figures small{color:#9a9daa;font-size:10px}.net-figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.net-figures>div{display:grid;gap:2px;padding:10px 12px;border:1px solid #eef0f5;border-radius:10px;background:#fafbfd}.net-figures span{display:inline-flex;align-items:center;gap:5px;color:#7c7f8e;font-size:10px}.net-figures b{color:#2c2e3a;font-size:15px}.net-router-foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:start}.net-foot-label{display:block;margin-bottom:6px;color:#9a9daa;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.net-uptime-week{display:flex;gap:6px}.net-uptime-day{display:grid;justify-items:center;gap:3px;flex:1;max-width:38px}.net-uptime-day small{color:#9a9daa;font-size:9px}.net-uptime-bar{display:flex;align-items:flex-end;width:100%;height:44px;border-radius:5px;background:#eef0f5;overflow:hidden}.net-uptime-bar i{width:100%;border-radius:5px}.net-uptime-bar i.good{background:#10b981}.net-uptime-bar i.fair{background:#f59e0b}.net-uptime-bar i.poor{background:#ef4444}.net-install{display:grid;gap:6px;justify-items:start;min-width:0}.net-install code,.net-command-block{display:block;width:100%;box-sizing:border-box;max-height:90px;overflow:auto;padding:8px 10px;border-radius:8px;background:#f3f5f9;color:#3b3e4f;font-size:10px;line-height:1.5;word-break:break-all;-webkit-user-select:all;user-select:all}.net-command-block{margin:10px 0}.theme-dark .net-facts dd,.theme-dark .net-figures b{color:#e2e8f0}.theme-dark .net-meter-top{color:#cbd5e1}.theme-dark .net-figures>div{border-color:#1e293b;background:#0f172a}.theme-dark .net-uptime-bar,.theme-dark .gauge-progress-track{background:#1e293b}.theme-dark .net-install code,.theme-dark .net-command-block{background:#0f172a;color:#cbd5e1}.theme-dark .net-stale,.theme-dark .ap-devices-note{background:#2a1f12;color:#f3c58a}.theme-dark .ap-devices-row>td{background:#0b1120}.plan-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.plan-tabs button{display:inline-flex;align-items:center;gap:6px;border:1px solid #e3e6ee;border-radius:10px;padding:8px 12px;background:#fff;color:#5b5e6e;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.plan-tabs button.active{border-color:#704fe0;background:#f3efff;color:#5b3fd1}.plan-tabs .table-count{margin-left:2px}.plan-notice{display:flex;align-items:center;gap:8px;margin-bottom:12px}.plan-notice .icon-button{margin-left:auto}.plan-tabs+.ap-devices-note,.plan-notice+.ap-devices-note{margin:0 0 12px}.plan-actions{display:flex;gap:2px;justify-content:flex-end}.plan-tag-inline{margin-left:6px;padding:1px 6px;border-radius:8px;background:#fff0e2;color:#bf7841;font-size:9px;font-weight:600}.plan-form-modal{width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto}.plan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.plan-form-grid .wide{grid-column:1 / -1}.plan-field{display:grid;gap:4px;min-width:0}.plan-field small{font-size:10px}.plan-field input,.plan-field select{width:100%;box-sizing:border-box}.plan-speed{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-speed label{display:grid;gap:4px;font-size:11px;color:#7c7f8e}.plan-duration{display:grid;grid-template-columns:1fr auto;gap:6px}.plan-check{display:flex;align-items:center;gap:8px;font-size:12px}.plan-check input{width:auto}.danger-button{background:#dc2626;border-color:#dc2626}.danger-button:hover{background:#b91c1c}@media(max-width:560px){.plan-form-grid{grid-template-columns:1fr}}.theme-dark .plan-tabs button{border-color:#1e293b;background:#0f172a;color:#cbd5e1}.theme-dark .plan-tabs button.active{border-color:#7658e8;background:#1f1840;color:#c9c0ff}.plan-more{margin-top:14px;border-top:1px solid #eef0f5;padding-top:10px}.plan-more summary{cursor:pointer;color:#5b5e6e;font-size:12px;font-weight:600;margin-bottom:10px}.theme-dark .plan-more{border-top-color:#1e293b}.theme-dark .plan-more summary{color:#cbd5e1}.plan-field textarea{width:100%;box-sizing:border-box;resize:vertical;font:inherit}.booking-phone{display:inline-flex;align-items:center;gap:4px;color:#4d87c9;font-weight:600;text-decoration:none}.booking-status{border:0;cursor:pointer;font:inherit;font-size:10px}.installation-filters{margin:0}.plan-field textarea{min-height:60px}.tx-toolbar{flex-wrap:wrap;gap:10px}.tx-toolbar .table-actions{flex-wrap:wrap}.tx-dates{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#7c7f8e}.tx-dates input{padding:6px 8px;border:1px solid #e3e6ee;border-radius:8px;font:inherit;font-size:11px}.tx-row{cursor:pointer}.tx-code{font-weight:600;letter-spacing:.03em}.tx-method{display:inline-flex;align-items:center;gap:4px}.tx-details{padding:12px 12px 0 0}.tx-raw{max-height:240px;overflow:auto;margin:0;padding:10px;border-radius:8px;background:#f3f5f9;font-size:10px}.tx-note{margin:0 16px 12px}.theme-dark .tx-raw{background:#0f172a;color:#cbd5e1}.theme-dark .tx-dates input{border-color:#1e293b;background:#0f172a;color:#e2e8f0}.viz-root,.income-pickers,.compare-values{--series-1: #2a78d6;--series-2: #eb6834;--chart-grid: #eef0f5;--chart-axis: #9a9daa;--chart-ink: #343645}.theme-dark .viz-root,.theme-dark .income-pickers,.theme-dark .compare-values{--series-1: #3987e5;--series-2: #d95926;--chart-grid: #1e293b;--chart-axis: #7c8698;--chart-ink: #e2e8f0}.income-chart{position:relative}.income-chart-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.income-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--chart-ink);font-size:11px}.income-legend span,.income-tooltip span,.compare-values span,.income-pickers label{display:inline-flex;align-items:center;gap:6px}.swatch-1,.swatch-2{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--series-1);flex:none}.swatch-2{background:var(--series-2)}.income-table-toggle{padding:4px 8px;font-size:11px}.income-plot{position:relative;overflow:hidden}.income-plot svg{display:block}.bar-1{fill:var(--series-1)}.bar-2{fill:var(--series-2)}.income-grid{stroke:var(--chart-grid);stroke-width:1}.income-baseline{stroke:var(--chart-axis);stroke-width:1}.income-axis{fill:var(--chart-axis);font-size:10px}.income-value{fill:var(--chart-ink);font-size:10px;font-weight:600}.income-hover-band{fill:var(--chart-ink);opacity:.05}.income-plot rect[tabindex]:focus{outline:none}.income-tooltip{position:absolute;transform:translate(-50%);display:grid;gap:3px;padding:7px 10px;border-radius:8px;pointer-events:none;background:#fff;box-shadow:0 4px 16px #14182824;color:#343645;font-size:11px;white-space:nowrap}.theme-dark .income-tooltip{background:#131d35;color:#e2e8f0;box-shadow:0 4px 16px #00000080}.income-table td,.income-table th{font-size:11px}.income-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.income-toolbar .plan-tabs{margin-bottom:0}.income-pickers input{padding:6px 8px;border:1px solid #e3e6ee;border-radius:8px;font:inherit;font-size:11px}.theme-dark .income-pickers input{border-color:#1e293b;background:#0f172a;color:#e2e8f0}.compare-values{display:grid;gap:4px;margin:8px 0 6px;font-size:11px;color:#7c7f8e}.compare-values b{margin-left:auto;padding-left:10px;color:#2c2e3a;font-size:13px}.theme-dark .compare-values b{color:#e2e8f0}.viz-root{--series-3: #1baf7a;--series-other: #9a9daa}.theme-dark .viz-root{--series-3: #199e70;--series-other: #64748b}.bar-3{fill:var(--series-3)}.bar-other{fill:var(--series-other)}.swatch-3,.swatch-other{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none;background:var(--series-3)}.swatch-other{background:var(--series-other)}.usage-periods button{flex:1;justify-content:center}.usage-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.usage-tiles .stat-value{font-size:20px}.usage-tiles .stat-foot{display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.03em}.usage-change{font-size:20px}.usage-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.usage-filters .table-search{flex:1 1 200px}.usage-date{padding:7px 9px;border:1px solid #e3e6ee;border-radius:8px;font:inherit;font-size:11px}.theme-dark .usage-date{border-color:#1e293b;background:#0f172a;color:#e2e8f0}.usage-sorts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:11px}.usage-sorts button{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid #e3e6ee;border-radius:6px;background:#fff;color:#5b5e6e;font:inherit;font-size:11px;cursor:pointer}.usage-sorts button.active{border-color:#704fe0;background:#f3efff;color:#5b3fd1;font-weight:600}.theme-dark .usage-sorts button{border-color:#1e293b;background:#0f172a;color:#cbd5e1}.theme-dark .usage-sorts button.active{border-color:#7658e8;background:#1f1840;color:#c9c0ff}.usage-charts{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;margin-bottom:14px}.usage-charts>.panel{min-width:0}@media(max-width:900px){.usage-charts{grid-template-columns:1fr}}.usage-hbars{position:relative;margin-top:10px}.usage-hbar-label{font-size:10px}.usage-donut{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;margin-top:10px}.usage-donut svg{max-width:100%;height:auto}.usage-donut-value{fill:var(--chart-ink);font-size:15px;font-weight:700}.usage-donut-legend{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:11px;color:var(--chart-ink);min-width:160px}.usage-donut-legend li{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;cursor:default}.usage-donut-legend small{color:var(--chart-axis);min-width:30px;text-align:right}.usage-legend{margin:8px 0 4px}.usage-link{border:0;padding:0;background:none;color:#4d87c9;font:inherit;font-weight:600;cursor:pointer}.usage-type{padding:2px 7px;border-radius:6px;font-size:9px;font-weight:700}.usage-type.hotspot{background:#fff5e9;color:#a8692a}.usage-type.pppoe{background:#e6f1ff;color:#3f6fa8}.theme-dark .usage-type.hotspot{background:#2a1f12;color:#f3c58a}.theme-dark .usage-type.pppoe{background:#12243d;color:#9cc3f2}.usage-heavy{display:inline-flex;align-items:center;gap:2px;margin-left:6px;padding:1px 6px;border-radius:8px;background:#fff0ed;color:#b3503f;font-size:9px;font-weight:600}.theme-dark .usage-heavy{background:#3a1b16;color:#f0a596}.usage-modal-heading{margin:14px 0 6px;font-size:12px}.usage-modal-table{max-height:240px;overflow:auto}.voucher-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px 6px}.voucher-search{display:flex;gap:6px;flex:1 1 280px}.voucher-search .table-search{flex:1}.voucher-show{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#7c7f8e}.voucher-actions{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}.voucher-filters{padding:4px 16px 10px;margin:0}.voucher-row-used td{background:#fbf8fb}.theme-dark .voucher-row-used td{background:#1a1427}.voucher-manage{justify-content:flex-start}.voucher-pages{display:flex;align-items:center;gap:4px}.voucher-pages .secondary-button{padding:4px 10px;font-size:11px}.voucher-created{display:grid;gap:6px;max-height:260px;overflow:auto;margin:0 0 10px;padding:0;list-style:none}.voucher-created li{display:flex;align-items:baseline;gap:10px;font-size:11px;color:#7c7f8e}.voucher-created code{font-size:15px;font-weight:700;letter-spacing:.08em;color:#2c2e3a}.theme-dark .voucher-created code{color:#e2e8f0}.voucher-share{margin:10px 0;padding:10px 12px;border-radius:8px;background:#f3f5f9;font-size:11px;line-height:1.5;-webkit-user-select:all;user-select:all}.theme-dark .voucher-share{background:#0f172a;color:#cbd5e1}.voucher-scope{display:grid;gap:8px;margin:6px 0 12px;font-size:12px}.voucher-scope label{display:flex;align-items:center;gap:8px}.voucher-print{display:none}@media print{@page{size:A4;margin:10mm}body *{visibility:hidden}.voucher-print,.voucher-print *{visibility:visible}.voucher-print{display:grid;grid-template-columns:repeat(3,1fr);gap:6mm;position:absolute;inset:0 auto auto 0;width:100%}.voucher-card{break-inside:avoid;padding:5mm;border:1px dashed #555;border-radius:3mm;color:#000;font-family:sans-serif;text-align:center}.voucher-card-brand{font-size:9pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.voucher-card-plan{margin-top:1mm;font-size:10pt}.voucher-card-code{margin:3mm 0;font-family:monospace;font-size:18pt;font-weight:700;letter-spacing:.15em}.voucher-card-help{font-size:7pt;line-height:1.35}}.customer-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));border-bottom:1px solid #eef0f5}.customer-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 8px;border:0;border-right:1px solid #eef0f5;background:none;color:#5b5e6e;font:inherit;font-size:11px;cursor:pointer}.customer-tabs button:last-child{border-right:0}.customer-tabs button.active{background:#f3efff;color:#5b3fd1;font-weight:600;box-shadow:inset 0 -2px #704fe0}.theme-dark .customer-tabs,.theme-dark .customer-tabs button{border-color:#1e293b;color:#cbd5e1}.theme-dark .customer-tabs button.active{background:#1f1840;color:#c9c0ff}.customers-table td{font-size:11px}.customers-table .nowrap{white-space:nowrap}.customer-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#c9ccd6;vertical-align:middle}.customer-dot.on{background:#10b981}.mini-button{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border:0;border-radius:5px;background:#e9ebf5;color:#3a3d55;font:inherit;font-size:10px;font-weight:600;cursor:pointer;white-space:nowrap}.mini-button:disabled{opacity:.5;cursor:default}.mini-button.view{background:#dff6ee;color:#1f7a58}.mini-button.recharge{background:#e3e9ff;color:#3446a8}.mini-button.edit{background:#fff3d6;color:#8a5d00}.mini-button.delete{background:#ffe5e2;color:#b3402f}.theme-dark .mini-button{background:#1e293b;color:#e2e8f0}.theme-dark .mini-button.view{background:#0f3a2c;color:#7ee2bb}.theme-dark .mini-button.recharge{background:#1c2a5a;color:#a9b8ff}.theme-dark .mini-button.edit{background:#3a2e0f;color:#f3cf7a}.theme-dark .mini-button.delete{background:#3d1a16;color:#f5a397}.customer-actions{display:flex;flex-wrap:wrap;gap:4px}.pkg-pill{display:inline-block;padding:2px 8px;border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;white-space:nowrap}.pkg-active{background:#dff6ee;color:#1f7a58}.pkg-waiting{background:#e3e9ff;color:#3446a8}.pkg-expired{background:#ffe5e2;color:#b3402f}.theme-dark .pkg-active{background:#0f3a2c;color:#7ee2bb}.theme-dark .pkg-waiting{background:#1c2a5a;color:#a9b8ff}.theme-dark .pkg-expired{background:#3d1a16;color:#f5a397}.import-skipped{margin:8px 0;padding-left:18px;font-size:11px;color:#b3402f}.customer-services{margin:0;padding:10px 16px 0}.input-with-button{display:flex;gap:6px}.input-with-button input{flex:1;min-width:0}.input-with-button .secondary-button{padding:0 10px}.cpe-help{margin:0 16px 14px;padding:12px 14px;border-radius:8px;background:#f6f7fb;font-size:11px;line-height:1.5}.cpe-help p{margin:0 0 8px}.cpe-help ul{margin:0 0 8px;padding-left:18px}.cpe-route{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.cpe-route pre{flex:1;min-width:0;margin:0;padding:8px 10px;overflow-x:auto;border-radius:6px;background:#0f172a;color:#e2e8f0;font-size:11px}.theme-dark .cpe-help{background:#111a2e}a.mini-button{text-decoration:none}