@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182030;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}aside{width:248px;background:#10182a;color:#b8c0d1;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:25px 15px}.logo{display:flex;align-items:center;gap:11px;padding:0 8px 28px;color:#fff}.brandmark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7765ef,#5b43d7);box-shadow:0 7px 20px #604dde55}.brandmark svg{width:22px}.logo b,.portal-brand b{font:800 19px Manrope}.logo b span,.portal-brand b span{color:#8b7aff}.logo small,.profile span{display:block;font-size:10px;color:#768096;margin-top:1px}.side-close{display:none;margin-left:auto;background:none;border:0;color:#fff}nav{display:flex;flex-direction:column;gap:4px;flex:1}nav>small{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#667188;margin:14px 12px 6px}nav button{border:0;background:transparent;color:#9fa8bb;border-radius:9px;height:42px;padding:0 12px;display:flex;gap:12px;align-items:center;font-size:13px;text-align:left;transition:.2s}nav button:hover{color:#fff;background:#182238}nav button.active{background:#6c5ce7;color:#fff;box-shadow:0 6px 15px #06091366}nav button em{font-style:normal;font-size:10px;background:#8576f0;padding:2px 7px;border-radius:10px;margin-left:auto}.support{display:flex;gap:10px;align-items:center;background:#172136;border:1px solid #26324a;border-radius:10px;padding:12px;margin:6px 0 15px}.support svg{color:#8b7aff}.support b,.support span{display:block;font-size:11px}.support span{font-size:9px;color:#7f899e;margin-top:3px}.profile{border-top:1px solid #283144;padding:17px 5px 0;display:flex;gap:10px;align-items:center}.profile b{display:block;color:#eef1f7;font-size:12px}.profile svg{margin-left:auto}.avatar{width:34px;height:34px;background:#e0dbff;color:#5e49d0;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:11px}main{margin-left:248px;width:calc(100% - 248px)}header{height:81px;background:#fff;border-bottom:1px solid #e8ebf0;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}h1{font:800 22px Manrope;margin:2px 0}.eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#9299a6}.header-actions,.quick,.table-actions{display:flex;gap:10px;align-items:center}.portal-button,.table-actions button,.card-title button,.quick button,.form-actions button{height:39px;border:1px solid #e0e3e9;background:#fff;border-radius:9px;padding:0 14px;display:flex;align-items:center;gap:8px;color:#4f5664;font-size:12px;font-weight:600}.portal-button svg,.quick svg,.table-actions button svg{width:16px}.icon-btn{width:39px;height:39px;border:1px solid #e0e3e9;background:#fff;border-radius:9px;display:grid;place-items:center;position:relative}.icon-btn svg{width:18px}.icon-btn i{width:6px;height:6px;background:#ef5067;border-radius:50%;position:absolute;right:8px;top:8px;border:1px solid white}.content{padding:27px 32px 40px;max-width:1600px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.welcome h2{font:800 20px Manrope;margin:0 0 5px}.welcome p,.card-title p{margin:0;color:#87909f;font-size:12px}.primary{background:#6c5ce7!important;color:#fff!important;border-color:#6c5ce7!important;box-shadow:0 5px 12px #6c5ce72c}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.card{background:#fff;border:1px solid #e9ebf0;border-radius:13px;box-shadow:0 2px 4px #15213a08}.stat{padding:18px;display:flex;gap:14px;align-items:flex-start}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.stat-icon.green{background:#e3f8f1;color:#00a37e}.stat-icon.purple{background:#eeeafd;color:#6c5ce7}.stat-icon.orange{background:#fff0e6;color:#e77b32}.stat-icon.blue{background:#e5f2ff;color:#2682d9}.stat span,.stat strong,.stat small{display:block}.stat span{font-size:9px;letter-spacing:.8px;color:#929aa8;font-weight:700}.stat strong{font:800 19px Manrope;margin:4px 0 3px}.stat small{font-size:9px;color:#8b94a2}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.chart-card,.router-card,.sessions{padding:20px}.card-title{display:flex;align-items:flex-start;justify-content:space-between}.card-title h3{font:800 14px Manrope;margin:0 0 4px}.card-title button{height:32px;padding:0 10px;font-size:10px}.chart-summary{display:flex;gap:10px;align-items:center;margin:21px 0 3px}.chart-summary strong{font:800 20px Manrope}.chart-summary span{background:#e6f8f1;color:#009b76;border-radius:12px;padding:3px 7px;font-size:9px;font-weight:700}.router-row{display:grid;grid-template-columns:36px 1fr 44px 66px 22px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eff1f5}.router-row:last-child{border:0}.router-icon{width:34px;height:34px;border-radius:9px;background:#e8f8f3;color:#00a57f;display:grid;place-items:center}.router-icon.danger{background:#fff0f1;color:#ed5868}.router-name b,.router-name span{display:block}.router-name b{font-size:11px}.router-name span{font-size:8px;color:#929aa8;margin-top:3px}.router-users{font-size:10px;color:#808996;display:flex;gap:4px}.pill{font-size:9px;font-weight:700;color:#008d6f;display:flex;align-items:center;gap:5px}.pill i{width:6px;height:6px;border-radius:50%;background:#19bd92;box-shadow:0 0 0 3px #dcf7ef}.pill.off{color:#d64657}.pill.off i{background:#ed5868;box-shadow:0 0 0 3px #fde5e8}.more{border:0;background:transparent;color:#929aa8;padding:2px}.more svg{width:18px}.sessions{grid-column:1/-1;padding-bottom:0}.table-actions label{width:215px;height:34px;border:1px solid #e2e5ea;border-radius:8px;display:flex;align-items:center;padding:0 10px;gap:7px}.table-actions label svg{width:14px;color:#929aa8}.table-actions input{border:0;outline:0;width:100%;font-size:10px}.table-wrap{overflow:auto;margin:17px -20px 0}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;padding:10px 16px;background:#f8f9fb;font-size:8px;letter-spacing:.8px;color:#8d95a2}td{padding:14px 16px;border-bottom:1px solid #eef0f4;font-size:10px;color:#5d6471}td svg{width:13px;vertical-align:middle;margin-right:5px;color:#8490a0}.token{font-size:10px;color:#433a79;background:#f0edff;border-radius:5px;padding:5px 7px}.mono{font-family:monospace;font-size:9px}.router-cell{display:flex;align-items:center}.remaining{color:#00a17e}.all-sessions{width:100%;border:0;background:#fff;padding:15px;color:#6958df;font-size:10px;font-weight:700}.all-sessions span{margin-left:6px}.toast{position:fixed;right:24px;bottom:24px;background:#121b2e;color:#fff;padding:13px 18px;border-radius:10px;z-index:50;display:flex;align-items:center;gap:8px;font-size:12px;box-shadow:0 15px 40px #10182a44}.toast svg{width:17px;color:#9a8cf5}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#111827aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 80px #0005}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal h2{font:800 22px Manrope;margin:3px 0 16px}.portal{text-align:center;background:#f8f9fc;border-radius:14px;padding:24px}.portal-brand{display:flex;justify-content:center;align-items:center;gap:10px}.portal-brand .brandmark{width:34px;height:34px}.portal h3{font:800 23px Manrope;margin:20px 0 5px}.portal>p{margin:0 0 20px;color:#7f8795;font-size:12px}.portal-token{display:flex;max-width:430px;margin:auto}.portal-token input{height:45px;border:1px solid #dfe3e9;border-radius:9px 0 0 9px;padding:0 13px;flex:1;outline:0}.portal-token button{background:#172136;color:#fff;border:0;padding:0 18px;border-radius:0 9px 9px 0;font-weight:700}.or{height:30px;border-bottom:1px solid #e2e5ea;margin:5px 0 22px}.or span{position:relative;top:22px;background:#f8f9fc;color:#9ba2ae;padding:0 10px;font-size:9px;text-transform:uppercase}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.package-card{border:1px solid #e1e4e9;background:#fff;border-radius:10px;padding:12px;text-align:left;position:relative}.package-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.package-card b,.package-card em,.package-card strong{display:block}.package-card b{font-size:11px}.package-card em{font-style:normal;font-size:9px;color:#9097a4;margin:3px 0 10px}.package-card strong{font-size:12px;color:var(--accent)}.package-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);position:absolute;right:10px}.full{width:100%;height:43px;border-radius:9px;border:0}.form{display:grid;gap:15px}.form.two{grid-template-columns:1fr 1fr}.form label{font-size:11px;font-weight:700;color:#566070}.form input,.form select,.form textarea{display:block;width:100%;height:43px;border:1px solid #dde1e8;border-radius:8px;margin-top:6px;padding:0 11px;outline:0}.form textarea{height:95px;padding-top:10px;resize:vertical}.audit-list>div{display:grid;grid-template-columns:140px 150px 1fr 120px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #eceff3;font-size:10px}.audit-list span,.audit-list em{color:#858e9c;font-style:normal}.audit-list p{margin:0}.modal:has(.audit-list){width:min(950px,100%)}.global-search{width:210px;height:39px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #e0e3e9;border-radius:9px}.global-search svg{width:15px;color:#8d95a2}.global-search input{width:100%;border:0;outline:0;font-size:10px}.support-results>div{display:grid;grid-template-columns:1.4fr 1fr auto;gap:15px;padding:14px 0;border-bottom:1px solid #eceff3}.support-results b,.support-results span,.support-results small{display:block}.support-results span,.support-results small{font-size:9px;color:#818a98;margin-top:4px}.support-actions{display:flex;flex-wrap:wrap;gap:5px}.support-actions button,.setup-script button{border:1px solid #dddfe7;background:#fff;border-radius:7px;font-size:9px;padding:6px 8px}.notification-list button{width:100%;display:flex;gap:12px;text-align:left;padding:13px 5px;border:0;border-bottom:1px solid #eceff3;background:#fff}.notification-list button.read{opacity:.55}.notification-list i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#5b8def}.notification-list i.warning{background:#ed9b35}.notification-list i.critical{background:#e34f63}.notification-list p,.notification-list span{margin:4px 0 0;font-size:9px;color:#7e8794}.setup-script{margin:12px 0;padding:12px;border-radius:9px;background:#10182a;color:#dce3f2}.setup-script button{float:right}.setup-script pre{white-space:pre-wrap;font-size:10px;line-height:1.6}.dashboard-charts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-top:15px}.mini-chart{padding:15px 10px 5px}.mini-chart h3{margin:0 8px 8px;font:800 12px Manrope}.report-toolbar{display:flex;flex-wrap:wrap;gap:7px}.report-toolbar select,.report-toolbar input,.report-toolbar button{height:35px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;padding:0 9px;font-size:9px}.modal:has(.report-table){width:min(1150px,100%)}@media (max-width: 1200px){.dashboard-charts{grid-template-columns:repeat(2,1fr)}}@media (max-width: 620px){.dashboard-charts{grid-template-columns:1fr}.global-search{display:none}.support-results>div,.audit-list>div{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.form-actions.wide{grid-column:1/-1}.menu{display:none;border:0;background:transparent}.scrim{display:none}@media (max-width: 1100px){.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.sessions{grid-column:auto}}@media (max-width: 780px){aside{transform:translate(-100%);transition:.25s}aside.open{transform:none}.side-close,.menu{display:block}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0007;z-index:15}main{margin:0;width:100%}header{padding:0 18px;height:72px}.header-actions .portal-button{display:none}.content{padding:20px 15px}.welcome{align-items:flex-start;gap:15px}.welcome h2{font-size:17px}.welcome p{font-size:10px}.quick button{font-size:0;padding:0 11px}.quick button svg{width:18px}.stats{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat strong{font-size:15px}.package-grid{grid-template-columns:1fr 1fr}.form.two{grid-template-columns:1fr}.form-actions.wide{grid-column:auto}.table-actions label{width:150px}}@media (max-width: 500px){.stats{grid-template-columns:1fr}.welcome{display:block}.quick{margin-top:15px}.chart-card,.router-card,.sessions{padding:15px}.router-row{grid-template-columns:34px 1fr 55px 20px}.router-users{display:none}.table-actions{margin-top:12px}.card-title:has(.table-actions){display:block}.package-grid{grid-template-columns:1fr}.portal{padding:15px}.portal-token{display:block}.portal-token input,.portal-token button{width:100%;border-radius:8px;height:42px}.portal-token button{margin-top:7px}}.wifi-badge{display:inline-flex;align-items:center;gap:6px;margin-top:18px;background:#e5f8f1;color:#008f6c;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:700}.wifi-badge svg{width:13px}.section-label{text-align:left;max-width:430px;margin:0 auto 7px;font-size:10px;font-weight:700;color:#4e5867}.portal-message{max-width:430px;margin:9px auto 0;padding:9px 11px;border-radius:8px;font-size:10px;text-align:left}.portal-message.error{background:#fff0f2;color:#c43b50}.portal-message.success{background:#e6f8f1;color:#007f61}.portal-loading{padding:35px;color:#8a93a0;font-size:11px}.portal-trust{display:flex;align-items:center;justify-content:center;gap:5px;color:#8a93a0;font-size:9px;margin-top:13px}.portal-trust svg{width:14px}.captive-page{min-height:100vh;background:radial-gradient(circle at 15% 10%,#eeeaff 0,transparent 28%),radial-gradient(circle at 85% 90%,#def8ef 0,transparent 28%),#f7f8fb;padding-bottom:25px}.captive-top{height:72px;background:#fff;border-bottom:1px solid #e6e9ef;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100vw - 1060px)/2))}.captive-top .portal-brand{display:flex;align-items:center;gap:9px}.captive-top a{font-size:11px;color:#6653d8;text-decoration:none;font-weight:700}.captive-shell{width:min(750px,calc(100% - 30px));margin:35px auto;background:#fff;border:1px solid #e7e9ef;box-shadow:0 20px 60px #19213b12;border-radius:20px;padding:8px}.captive-page footer{text-align:center;color:#9299a5;font-size:9px}.manage-head{display:flex;justify-content:space-between;align-items:center;margin:-5px 0 16px}.manage-head p{font-size:11px;color:#7f8794}.add-package{border:0;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:6px;font-size:10px}.add-package svg{width:15px}.admin-message{background:#efedff;color:#5f4dd2;padding:9px;border-radius:7px;font-size:10px;margin-bottom:10px}.package-list{border-top:1px solid #eceef2}.admin-package{display:grid;grid-template-columns:1fr 70px 45px 55px;align-items:center;gap:9px;padding:12px 2px;border-bottom:1px solid #eceef2}.admin-package b,.admin-package span{display:block}.admin-package b{font-size:11px}.admin-package span{font-size:9px;color:#89919e;margin-top:3px}.admin-package button{border:0;background:transparent;color:#6552d5;font-size:9px;font-weight:700}.package-form{padding-top:5px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(420px,.95fr);background:#fff}.login-visual{padding:55px clamp(40px,7vw,105px);color:#fff;background:radial-gradient(circle at 80% 15%,#7765ef55,transparent 32%),radial-gradient(circle at 15% 85%,#00b48a22,transparent 28%),#111a2d;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff10;border-radius:50%;right:-130px;bottom:-170px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.login-brand{display:flex;gap:11px;align-items:center;position:relative;z-index:1}.login-brand b{font:800 20px Manrope}.login-brand b span{color:#9588fa}.login-visual h1{font:800 clamp(34px,4vw,58px)/1.12 Manrope;margin:13px 0 18px}.login-visual p{color:#aeb7c9;font-size:14px;line-height:1.7;max-width:460px}.network-pulse{display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff1c;background:#ffffff0c;border-radius:12px;padding:11px 14px;margin-top:20px;font-size:11px}.network-pulse svg{width:17px;color:#42d8b1}.network-pulse i{width:7px;height:7px;border-radius:50%;background:#31cfaa;box-shadow:0 0 0 5px #31cfaa22}.login-visual>small{color:#727e94;position:relative;z-index:1}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-panel form{width:min(400px,100%)}.login-panel h2{font:800 27px Manrope;margin:8px 0 7px}.login-panel form>p{color:#858e9d;font-size:12px;margin:0 0 28px}.login-panel label{display:block;font-size:11px;font-weight:700;color:#455061;margin:15px 0}.login-panel label>input{display:block;width:100%;height:48px;border:1px solid #dfe3e9;border-radius:9px;padding:0 13px;margin-top:7px;outline:0}.login-panel label>input:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.login-row{display:flex;justify-content:space-between;align-items:center}.login-row .remember{display:flex;gap:7px;align-items:center;font-weight:500;margin:3px 0}.login-row .remember input{width:auto;height:auto;margin:0}.login-row button{border:0;background:none;color:#6652d6;font-size:10px;font-weight:700}.login-submit{width:100%;height:48px;border:0;border-radius:9px;background:#6c5ce7;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px;box-shadow:0 9px 20px #6c5ce738}.login-submit:disabled{opacity:.65}.login-error{background:#fff0f2;color:#bd344b;padding:10px 12px;border-radius:8px;font-size:10px;margin:12px 0}.login-security{display:flex;justify-content:center;align-items:center;gap:5px;color:#949ba7;font-size:9px;margin-top:16px}.login-security svg{width:14px}.customer-link{position:absolute;bottom:25px;color:#6956db;text-decoration:none;font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px}.customer-link svg{width:15px}.auth-loader{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:#7d8694;font-size:11px}.password-note{font-size:11px;color:#7f8794;margin-top:-8px}.profile-logout{margin-left:auto;border:0;background:transparent;color:#8e98ac;padding:5px}.user-list{border-top:1px solid #eceef2}.user-row{display:grid;grid-template-columns:35px 1fr 100px 65px 35px;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid #eceef2}.user-row b,.user-row span{display:block}.user-row b{font-size:11px}.user-row span{font-size:9px;color:#8a93a0;margin-top:3px}.user-row em{font-style:normal;font-size:8px;color:#5e6877}.user-row button{border:0;background:none;color:#6552d5;font-size:9px;font-weight:700}@media (max-width: 800px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:30px}.customer-link{bottom:18px}.user-row{grid-template-columns:35px 1fr 70px 35px}.user-row em{display:none}}.wide-field{grid-column:1/-1}.checkout{padding:18px;text-align:left}.checkout>.eyebrow{display:block;margin-top:18px}.checkout h3{font:800 24px Manrope;margin:5px 0 18px}.checkout-back{border:0;background:transparent;color:#6552d5;font-size:10px;font-weight:700;padding:0}.checkout-package{display:flex;justify-content:space-between;align-items:center;background:#f5f3ff;border:1px solid #e5e0ff;padding:14px;border-radius:10px;margin-bottom:18px}.checkout-package b,.checkout-package span{display:block}.checkout-package b{font-size:12px}.checkout-package span{font-size:9px;color:#7e8795;margin-top:3px}.checkout-package strong{color:#604dd3;font-size:13px}.checkout form>label{display:block;font-size:10px;font-weight:700;margin:15px 0}.checkout form>label>input{display:block;width:100%;height:44px;border:1px solid #dfe3e9;border-radius:8px;margin-top:6px;padding:0 12px;outline:0}.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:7px}.provider-grid button{height:42px;border:1px solid #e0e3e9;background:#fff;border-radius:8px;color:#5c6471;font-size:9px;display:flex;align-items:center;gap:5px;padding:0 8px}.provider-grid button svg{width:14px}.provider-grid button.selected{border-color:#6c5ce7;background:#f1efff;color:#5f4dd1}.pay-button{margin-top:20px}.sandbox-note{display:block;text-align:center;color:#9aa1ac;font-size:8px;margin-top:9px}.success-checkout{text-align:center;max-width:460px;margin:auto}.success-ring{width:58px;height:58px;border-radius:50%;background:#def8ef;color:#00a47d;display:grid;place-items:center;margin:5px auto 15px}.token-result{background:#141e31;color:#fff;padding:17px;border-radius:11px;margin:20px 0;position:relative}.token-result small,.token-result strong{display:block}.token-result small{font-size:8px;color:#8792a6;letter-spacing:1px}.token-result strong{font:800 22px Manrope;letter-spacing:2px;margin-top:6px}.token-result button{position:absolute;right:8px;top:8px;border:0;border-radius:5px;background:#ffffff17;color:#bfc7d5;font-size:8px;padding:5px 7px}.receipt{display:grid;gap:8px;margin-bottom:20px}.receipt span{display:flex;justify-content:space-between;color:#858d99;font-size:10px}.receipt b{color:#303948}.success-checkout>p{color:#858d99;font-size:11px}@media (max-width: 500px){.provider-grid{grid-template-columns:1fr 1fr}.wide-field{grid-column:auto}}.network-row{display:grid;grid-template-columns:36px 1fr 70px 35px;gap:10px;align-items:center;padding:12px 2px;border-bottom:1px solid #eceef2}.network-row b,.network-row span{display:block}.network-row b{font-size:11px}.network-row span{font-size:9px;color:#8a93a0;margin-top:3px}.network-row button{border:0;background:none;color:#6552d5;font-size:9px;font-weight:700}.manage-buttons,.voucher-tools,.voucher-tools form,.allocation-bar{display:flex;gap:8px;align-items:center}.manage-buttons>button,.voucher-tools>button,.voucher-tools form button,.allocation-bar button{height:34px;border:1px solid #dfe2e8;background:#fff;border-radius:8px;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700}.manage-buttons svg,.voucher-tools svg{width:14px}.metric-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.metric-line em{font-style:normal;font-size:7px;background:#f2f4f7;color:#657080;padding:3px 5px;border-radius:4px}.live-session{display:grid;grid-template-columns:1fr 1fr .9fr auto;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid #eceef2}.live-session b,.live-session span{display:block}.live-session b{font-size:10px}.live-session span{font-size:8px;color:#89929f;margin-top:3px}.session-buttons{display:flex;gap:4px}.session-buttons button{border:0;background:#f0edff;color:#604ed1;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:700}.session-buttons .danger-btn{background:#fff0f2;color:#ce3d52}.empty-state{text-align:center;display:grid;justify-items:center;padding:45px;color:#8a93a1}.empty-state svg{width:30px;color:#7160dd}.empty-state b,.empty-state span{display:block}.empty-state b{font-size:12px;margin:8px}.empty-state span{font-size:9px}.detail-panel{background:#f7f8fb;border-radius:10px;padding:15px;margin-top:12px;position:relative}.detail-panel>button{position:absolute;right:8px;top:8px;border:0;background:none}.detail-panel>button svg{width:15px}.detail-panel h3{font:800 14px Manrope}.detail-panel p{font-size:9px;line-height:1.8;color:#6f7886}.voucher-tools{justify-content:space-between;margin-bottom:12px}.voucher-tools form select,.voucher-tools form input,.allocation-bar select{height:34px;border:1px solid #dde1e7;border-radius:7px;padding:0 8px;font-size:9px}.voucher-tools form input{width:75px}.allocation-bar{justify-content:flex-end;background:#f7f8fa;padding:8px;border-radius:8px}.voucher-list{max-height:400px;overflow:auto}.voucher-list label{display:grid;grid-template-columns:20px 130px 1fr 90px;align-items:center;padding:9px 3px;border-bottom:1px solid #edf0f3;font-size:9px}.voucher-list label b{font-family:monospace;color:#50429a}.voucher-list label span{color:#737c89}.voucher-list label em{text-align:right;font-style:normal;color:#8a93a0}.customer-list>div{display:grid;grid-template-columns:1fr 90px 110px 50px;align-items:center;padding:13px 0;border-bottom:1px solid #eceef2}.customer-list b,.customer-list span{display:block}.customer-list b{font-size:11px}.customer-list span{font-size:8px;color:#89919e;margin-top:3px}.customer-list strong,.customer-list em{font-size:9px}.customer-list em{font-style:normal;color:#00a17d}.customer-list button,.customer-history>button{border:0;background:none;color:#6553d4;font-size:9px;font-weight:700}.customer-history h3{font:800 18px Manrope;margin:15px 0 3px}.customer-history>p{font-size:10px;color:#858d99}.customer-history h4{font-size:10px;margin-top:20px}.customer-history>div{display:grid;grid-template-columns:110px 1fr auto;padding:11px 0;border-bottom:1px solid #edf0f3;font-size:9px}.customer-history>div em{font-style:normal}.agent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.agent-card{border:1px solid #e3e6eb;border-radius:10px;padding:15px}.agent-card>b,.agent-card>span{display:block}.agent-card>b{font-size:11px;margin-top:8px}.agent-card>span{font-size:8px;color:#8b94a1}.agent-card>div:not(.avatar){display:grid;grid-template-columns:repeat(3,1fr);margin:13px 0}.agent-card em{font-style:normal;color:#8a93a0;font-size:8px}.agent-card em strong{display:block;color:#273142;font-size:13px;margin-top:3px}.agent-card h4{color:#009d78;font-size:10px;margin:0}.modal:has(.live-list),.modal:has(.voucher-list){width:min(950px,100%)}@media (max-width: 700px){.live-session{grid-template-columns:1fr}.voucher-tools{display:block}.voucher-tools form{margin-bottom:8px}.voucher-list label{grid-template-columns:20px 110px 1fr}.voucher-list label em{display:none}.customer-list>div{grid-template-columns:1fr auto}.customer-list strong,.customer-list em{display:none}.agent-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}.voucher-list,.voucher-list *{visibility:visible}.voucher-list{position:absolute;top:0;right:0;bottom:0;left:0;max-height:none;background:#fff;padding:20px}.voucher-list label{break-inside:avoid;grid-template-columns:140px 1fr 100px}.voucher-list input{display:none}}.status-card,.expired-card{width:min(560px,calc(100% - 28px));margin:48px auto;padding:28px;background:#fff;border:1px solid #e5e8ef;border-radius:18px;box-shadow:0 18px 55px #17213a18}.expired-card{text-align:center}.expired-card h2{color:#d64657}.status-grid,.report-totals,.report-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.status-grid>div,.report-totals>div{padding:14px;background:#f7f8fb;border-radius:10px}.status-grid span,.status-grid b,.report-totals span,.report-totals b{display:block}.status-grid span,.report-totals span{font-size:9px;color:#858e9c;margin-bottom:4px}.status-time{font:800 24px Manrope;color:#6553d4}.report-totals{grid-template-columns:repeat(3,1fr);margin-bottom:22px}.report-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf0f3;font-size:10px}.payment-search{display:flex;align-items:center;gap:8px;border:1px solid #dfe3e9;border-radius:8px;padding:0 10px}.payment-search svg{width:15px}.payment-search input{width:100%;height:38px;border:0;outline:0}.modal:has(.payment-table){width:min(1100px,100%)}.integration-form h3{grid-column:1 / -1;margin:12px 0 0;padding-bottom:8px;border-bottom:1px solid #eceff3;font:800 14px Manrope}.integration-form .switch-field{display:flex;align-items:center;gap:8px;padding-top:24px}.integration-form .switch-field input{width:17px;height:17px;margin:0}.wide-field{grid-column:1 / -1}@media (max-width: 620px){.status-grid,.report-totals,.report-columns{grid-template-columns:1fr}}
