:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#183047;background:#f6f8fb;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.55px}h1{font-size:28px}p{line-height:1.55}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#0da999!important;box-shadow:0 0 0 3px #21beaa22}button:focus-visible{outline:3px solid #22b9a7;outline-offset:3px}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:850;letter-spacing:-1.1px;color:white}.brand-icon{height:39px;width:39px;display:grid;place-items:center;background:linear-gradient(140deg,#20ceba,#058b7f);border-radius:12px;color:#fff;box-shadow:0 6px 20px #11ad9a3d;font-size:27px}.brand small{display:block;font-size:8px;letter-spacing:2.3px;color:#9ab3c5;font-weight:850;margin-top:6px}.teal{color:#44dcc9}.eyebrow{font-size:10px;color:#109b8d;font-weight:850;letter-spacing:1.55px}.eyebrow.mint{color:#6bdfc7}.btn{padding:12px 17px;border:1px solid transparent;border-radius:9px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-weight:750;font-size:12px;white-space:nowrap;min-height:41px}.btn-primary{background:#079e90;color:white;box-shadow:0 4px 13px #08b29626}.btn-primary:hover{background:#078479}.btn-outline{border-color:#dce6ec;background:white;color:#42566b}.btn-outline:hover{background:#f7fafb}.btn.wide{width:100%}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:20px;font-size:10px;font-weight:750;white-space:nowrap}.status i{height:6px;width:6px;background:currentColor;border-radius:50%}.status-ok{background:#e5f8ee;color:#128963}.status-bad{background:#fff0ef;color:#cb625a}.status-wait{background:#fff5e3;color:#b3853e}.avatar{display:inline-grid;place-items:center;width:35px;height:35px;min-width:35px;background:#dff2f5;border:2px solid white;border-radius:50%;font-size:10px;color:#34768b;font-weight:800}.card{background:white;border:1px solid #e8edf2;border-radius:13px;box-shadow:0 2px 18px #1c354307}.loader{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#94a4b3}.spinner{width:24px;height:24px;border:3px solid #deeceb;border-top-color:#08a394;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* Public sign-in */
.login-page{min-height:100vh;background:#092031;color:white;display:flex;flex-direction:column;overflow:hidden;position:relative}.login-glow{position:absolute;width:700px;height:700px;top:-350px;right:-280px;background:#076a64;filter:blur(110px);opacity:.55;pointer-events:none}.login-header,.login-footer{width:min(1100px,calc(100% - 60px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;z-index:1;position:relative}.login-header{padding:31px 0}.online-indicator{color:#a9bbca;font-size:12px;display:flex;gap:10px;align-items:center}.online-indicator i{display:block;height:7px;width:7px;background:#3cddaf;border-radius:50%;box-shadow:0 0 0 4px #48dbaf22}.login-center{max-width:1100px;width:calc(100% - 60px);margin:auto;position:relative;display:grid;grid-template-columns:1fr 430px;gap:75px;align-items:center;padding:60px 0}.login-intro h1{font-size:clamp(35px,4.7vw,62px);letter-spacing:-3.2px;line-height:1.16;margin:18px 0 20px}.login-intro h1 em{color:#5ae1cd;font-style:normal}.login-intro>p{max-width:490px;color:#a1b7c8;font-size:15px;line-height:1.75}.login-features{display:flex;gap:15px;flex-wrap:wrap;margin-top:37px;color:#86cabe;font-size:11px;font-weight:700}.login-card{background:#fff;border-radius:18px;padding:36px;color:#1e354b;box-shadow:0 30px 70px #0002}.login-card h2{font-size:23px;margin:13px 0 8px}.login-card>p{color:#91a0ae;font-size:12px;margin:0 0 28px}.login-card label,.settings-panel label,.modal-content label{font-size:11px;display:flex;flex-direction:column;gap:8px;font-weight:750;color:#536b7e;margin-bottom:18px}.login-card input,.settings-panel input,.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:12px 13px;border:1px solid #e0e8ed;border-radius:9px;background:#fafcfd;color:#243d50;font-size:12px;min-width:0}.login-card button[type=submit]{margin-top:5px;min-height:47px}.login-card button[type=submit] span{font-size:18px}.login-foot{font-size:10px;line-height:1.8;color:#9aa8b4;text-align:center;margin-top:24px}.login-footer{color:#7794a6;padding:24px 0;border-top:1px solid #26465a;font-size:11px}
/* Shared shell */
.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;background:#0b2132;width:242px;min-width:242px;padding:28px 15px 14px;color:#c4d5e1;z-index:20;display:flex;flex-direction:column}.side-brand{margin:1px 11px 49px}.side-label{margin:0 16px 14px;color:#638198;font-size:10px;font-weight:850;letter-spacing:1.5px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;background:transparent;padding:12px 14px;display:flex;align-items:center;width:100%;text-align:left;gap:14px;color:#a4b7c8;font-size:12px;font-weight:650;border-radius:9px}.nav-item:hover{background:#16394b;color:#fff}.nav-item.current{background:#16493f;color:#69e5ce}.nav-symbol{font-size:18px;line-height:1;display:inline-block;min-width:22px;text-align:center}.nav-count{margin-left:auto;background:#ffc46e;color:#4b3c24;padding:2px 7px;border-radius:13px;font-size:10px}.side-bottom{margin-top:auto}.help-box{background:#13334a;padding:17px;border:1px solid #284c60;border-radius:12px;margin:0 2px 18px}.help-box>span{display:grid;place-items:center;width:33px;height:33px;background:#1b5456;border-radius:9px;font-size:19px;color:#66dfcd;margin-bottom:13px}.help-box strong{display:block;font-size:12px}.help-box p{color:#92a8b9;font-size:11px;line-height:1.55;margin:7px 0 0}.profile-button{width:100%;border:0;border-top:1px solid #244357;background:transparent;display:flex;align-items:center;gap:9px;color:white;text-align:left;padding:18px 2px 6px}.profile-button>span:nth-child(2){flex:1;min-width:0}.profile-button b,.profile-button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button b{font-size:11px}.profile-button small{font-size:10px;color:#87a5b6;margin-top:5px}.profile-button>span:last-child{font-size:18px;color:#7e9aaa}.main-area{min-width:0;flex:1}.topbar{height:76px;background:white;border-bottom:1px solid #e7edf2;display:flex;justify-content:space-between;align-items:center;padding:0 37px}.top-left,.top-right{display:flex;align-items:center;gap:22px}.breadcrumb{font-size:12px;color:#8c9baa;font-weight:650}.breadcrumb i{font-style:normal;color:#bbc6d0;margin:0 9px}.breadcrumb b{color:#2b455a}.date-tag{font-size:12px;color:#8494a4}.secure-tag{background:#e5f8ef;color:#16846d;border-radius:20px;font-size:9px;font-weight:850;letter-spacing:.6px;padding:7px 10px}.menu-btn{display:none;border:0;background:none;color:#445e73;font-size:21px}.content{max-width:1600px;margin:0 auto;padding:34px 37px 48px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.page-heading h1{font-size:27px;font-weight:800;margin:8px 0 5px}.page-heading p{color:#8b9aab;font-size:12px;margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:19px}.kpi{min-width:0;padding:20px}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kpi-top>span{color:#788b9b;font-size:12px;font-weight:650}.kpi-icon{height:37px;width:37px;border-radius:10px;display:grid;place-items:center;font-size:20px}.kpi-sky{background:#e6f7fc;color:#218ba9}.kpi-green{background:#e5f8ef;color:#10a487}.kpi-purple{background:#f0ebfe;color:#8161ad}.kpi-amber{background:#fff3dd;color:#db9d33}.kpi strong{font-size:clamp(21px,2.25vw,30px);letter-spacing:-1.1px;font-weight:800;display:block;margin:11px 0}.kpi small{font-size:11px;color:#7f9c9e}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:19px;margin-bottom:19px}.dashboard-grid.lower{grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr)}.chart-panel,.health-panel,.table-panel,.quick-panel{padding:22px;min-width:0}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px}.card-heading h3{font-size:15px;margin:0 0 5px}.card-heading p{font-size:11px;color:#91a1af;margin:0}.legend{font-size:11px;color:#159e91}.chart{height:210px;display:flex;gap:11px}.axis{min-width:75px;color:#9dabba;font-size:10px;display:flex;flex-direction:column;justify-content:space-between;padding:7px 0 27px}.bars{flex:1;display:flex;align-items:end;justify-content:space-between;gap:13px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#eff2f5 calc(25% - 1px),#eff2f5 25%);border-bottom:1px solid #e6ebef;min-width:0}.bar-column{flex:1;max-width:63px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:11px}.bar-track{height:calc(100% - 29px);width:100%;display:flex;align-items:end;justify-content:center}.bar{background:linear-gradient(180deg,#13c6ac,#0b9b90);width:65%;min-width:9px;border-radius:5px 5px 0 0}.bar-column>span{font-size:10px;color:#95a2b0;padding-bottom:3px}.chart-foot{display:flex;justify-content:space-between;color:#93a3b0;font-size:10px;margin-top:19px}.chart-foot>span:first-child{color:#1ba58e}.donut-wrap{display:grid;place-items:center;padding:17px 0 11px}.donut{width:152px;height:152px;border-radius:50%;background:conic-gradient(#11b897 calc(var(--percent)*1%),#e6edf1 0);display:grid;place-items:center}.donut>div{background:white;width:112px;height:112px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}.donut strong{font-size:30px;letter-spacing:-1px}.donut small{font-size:11px;color:#93a3ae}.health-row{display:flex;justify-content:space-between;color:#8493a3;font-size:11px;align-items:center;margin:14px 0}.health-row>span{display:flex;align-items:center;gap:9px}.health-row strong{color:#344859}.health-row.last{border-top:1px solid #edf1f4;padding-top:15px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.dot.green{background:#12b59b}.dot.gray{background:#ced7de}.dot.orange{background:#f1b64d}.table-panel .table-scroll{margin:0 -22px}.table-panel td:first-child,.table-panel th:first-child{padding-left:22px}.quick-panel>button{display:flex;align-items:center;gap:13px;width:100%;background:none;border:0;text-align:left;padding:13px 0;border-top:1px solid #edf1f4}.quick-panel>button:hover{background:#f8fbfb}.quick-panel>button>span:nth-child(2){flex:1}.quick-panel>button b,.quick-panel>button small{display:block}.quick-panel>button b{font-size:12px;color:#334a5d}.quick-panel>button small{color:#95a2af;font-size:10px;margin-top:5px}.quick-panel>button i{font-style:normal;color:#95a7b5;font-size:18px}.action-circle{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;font-size:18px}.action-circle.green{background:#e2f8ee;color:#12a88e}.action-circle.blue{background:#e5f4fe;color:#378fc0}.action-circle.purple{background:#f3efff;color:#9270b8}.environment-note{color:#91a1af;font-size:11px;display:flex;gap:8px;margin-top:27px}
/* Data tables */
.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#96a4b1;font-weight:800;background:#fafbfd;padding:14px 15px;white-space:nowrap}td{font-size:12px;color:#677c8e;border-bottom:1px solid #edf1f5;padding:15px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}td b{font-weight:750;color:#34495b}td small{display:block;margin-top:5px;color:#9faab5;font-size:10px;max-width:290px;overflow-wrap:anywhere}.person{display:flex;align-items:center;gap:10px;min-width:150px}.person>span:last-child{min-width:0}.listing{overflow:hidden}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid #e1e9ee;border-radius:9px;padding:0 12px;max-width:340px;width:100%;color:#8b9eac}.search-field span{font-size:23px;line-height:1}.search-field input{border:0;background:none;width:100%;padding:11px 0;font-size:12px;box-shadow:none!important}.segments{display:flex;gap:3px;background:#f4f7f8;padding:4px;border-radius:9px}.segments button{background:transparent;color:#8091a0;border:0;padding:7px 11px;font-size:11px;font-weight:700;border-radius:7px}.segments button.on{background:white;color:#0c9789;box-shadow:0 1px 5px #1a333515}.row-actions{display:flex;gap:6px;align-items:center}.tiny-button{border:1px solid #d9eee7;background:#effaf6;color:#098f80;border-radius:7px;font-size:10px;font-weight:750;padding:8px 9px;white-space:nowrap}.tiny-button:hover{background:#def7ee}.icon-btn{border:1px solid #e1eaf0;background:white;color:#537081;border-radius:7px;padding:6px 10px;font-size:15px}.table-footer{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #ebf0f3;font-size:11px;color:#9aabba}.subtle{color:#9cabb7}.empty{text-align:center;padding:40px 15px;color:#9aabb8}.empty-icon{display:grid;place-items:center;color:#17a58e;background:#eaf8f3;border-radius:13px;font-size:21px;width:45px;height:45px;margin:0 auto 13px}.empty b{display:block;color:#61798a;font-size:13px}.empty p{font-size:11px;margin:6px 0 0}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.summary-grid>div{padding:18px 20px;background:white;border:1px solid #e9edf2;border-radius:12px}.summary-grid span{display:block;color:#94a2af;font-size:11px}.summary-grid strong{font-size:23px;display:block;margin-top:8px;color:#20384c}.payment-banner{background:linear-gradient(105deg,#f2fcf8,#fff);padding:28px;border-bottom:1px solid #ebf0f4}.payment-banner h2{font-size:33px;margin:7px 0}.payment-banner p{font-size:11px;color:#8596a5;margin:0}.money-green{color:#0c9a86}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan-card{padding:23px}.plan-top{display:flex;justify-content:space-between}.plan-symbol{height:42px;width:42px;border-radius:11px;background:#e6f8f1;color:#099b89;display:grid;place-items:center;font-size:25px}.popular{font-size:9px;padding:7px 9px;background:#fff3d8;color:#b98b35;border-radius:20px;font-weight:800;align-self:center}.plan-card h3{margin:21px 0 6px;font-size:17px}.plan-card p{min-height:40px;font-size:11px;color:#97a5b1}.plan-speed{color:#91a0ab;font-size:12px;margin:20px 0 5px}.plan-speed b{font-size:34px;color:#1c3348;letter-spacing:-1.5px}.plan-price strong{font-size:18px;color:#1c3348}.plan-price{font-size:11px;color:#9ba9b5}.plan-card hr,.customer-panel hr{border:0;border-top:1px solid #edf1f4;margin:19px 0}.plan-line{font-size:11px;color:#7a8d9b;margin:14px 0}.plan-card .btn{margin-top:14px}
/* Client area */
.client-hero{background:linear-gradient(110deg,#092f42,#09675d);color:white;border-radius:17px;display:flex;align-items:center;justify-content:space-between;padding:31px 40px;position:relative;overflow:hidden;min-height:236px}.client-hero>div:first-child{position:relative;z-index:1}.client-hero h2{font-size:30px;margin:18px 0 7px}.client-hero p{font-size:12px;color:#acdcd5}.big-speed{display:flex;align-items:center;gap:10px;margin:17px 0}.big-speed b{font-size:39px;letter-spacing:-1px}.big-speed span{font-size:11px;line-height:1.4;color:#a1d8d2}.client-state{display:flex;align-items:center;gap:16px;font-size:11px;color:#b5e5d9}.signal-rings{width:224px;height:224px;display:grid;place-items:center;border:1px solid #ffffff34;border-radius:50%;color:#bcffe6;font-size:66px;box-shadow:0 0 0 38px #ffffff08,0 0 0 78px #ffffff06;position:absolute;right:95px;top:50%;transform:translateY(-50%)}.customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.customer-panel{padding:27px}.panel-kicker{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:1px;color:#14a08e}.panel-kicker>span{font-size:21px;color:#859db0}.customer-panel h2{font-size:31px;margin:17px 0 5px}.customer-panel>p{font-size:12px;color:#8b9eac}.customer-panel h3{font-size:21px;margin:24px 0 10px}.customer-panel h3+p{max-width:350px;line-height:1.7;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;font-size:12px;color:#8a9baa;margin:14px 0}.detail-row b{color:#2b4255}.info-note{margin-top:18px;border:1px solid #e0f0ec;background:#f2faf8;color:#53817b;font-size:11px;line-height:1.6;padding:12px;border-radius:8px}.help-sub{font-size:11px;color:#8ea0af;margin-top:26px}
/* Forms */
dialog{width:min(545px,calc(100% - 25px));max-height:calc(100vh - 25px);overflow:auto;border:0;border-radius:17px;padding:0;box-shadow:0 25px 75px #07182944;color:#22384c}dialog::backdrop{background:#071c2cb2;backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:26px 28px 20px;border-bottom:1px solid #edf1f5}.modal-head h2{font-size:20px;margin:8px 0 0}.close-btn{border:0;background:none;color:#7e90a0;font-size:25px;line-height:1}.modal-content{padding:23px 28px 5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf1f5;padding:20px 28px 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-content textarea{resize:vertical}.secret-banner{border:1px solid #ffe5b5;background:#fff6e6;color:#8c6524;padding:12px;font-size:11px;line-height:1.5;border-radius:9px;margin-bottom:21px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.settings-panel{padding:27px}.settings-panel h3{margin:0 0 7px;font-size:17px}.settings-panel>p{font-size:12px;color:#8a9cab;line-height:1.7;margin-bottom:25px}.settings-panel label{max-width:430px}.integration-warning{padding:21px 24px;margin-top:23px;border-radius:12px;border:1px solid #f3dfb5;background:#fffaf0;color:#906e3b;font-size:12px}.integration-warning p{margin:8px 0 0;font-size:11px;line-height:1.7}.flash{position:fixed;bottom:27px;right:27px;z-index:60;padding:15px 20px;min-width:220px;max-width:min(500px,calc(100vw - 36px));display:flex;gap:11px;align-items:center;background:#0b9584;color:white;border-radius:11px;box-shadow:0 13px 36px #13312e45;font-size:12px;font-weight:700}.flash>span{font-weight:900;font-size:16px}.flash-error{background:#bd4d4d}.overlay-nav{display:none}
@media(max-width:1220px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-center{gap:35px}}@media(max-width:1000px){.sidebar{position:fixed;left:0;transform:translateX(-101%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-open .overlay-nav{display:block;position:fixed;z-index:15;inset:0;background:#06182ca8}.menu-btn{display:block}.topbar{padding:0 24px}.content{padding:26px 24px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.login-center{grid-template-columns:1fr;max-width:680px;margin:25px auto 70px;gap:30px;padding:20px 0}.login-intro h1{font-size:47px}.login-intro>p{max-width:none}.login-card{max-width:510px;width:100%;margin:auto}}@media(max-width:730px){.dashboard-grid,.dashboard-grid.lower,.customer-grid,.settings-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.topbar{height:64px;padding:0 16px}.date-tag,.secure-tag{display:none}.content{padding:23px 15px}.page-heading h1{font-size:24px}.page-heading .btn{width:100%}.kpi-grid{gap:10px}.kpi{padding:14px}.kpi strong{font-size:21px}.kpi-top>span{font-size:10px}.kpi small{font-size:10px}.kpi-icon{width:31px;height:31px}.list-toolbar{flex-direction:column;align-items:stretch}.search-field{max-width:none}.segments{overflow-x:auto;justify-content:space-between}.summary-grid{gap:8px}.summary-grid>div{padding:14px}.summary-grid strong{font-size:17px}.summary-grid span{font-size:10px}.client-hero{padding:26px;min-height:235px}.signal-rings{right:-112px;opacity:.28}.login-header,.login-footer{width:calc(100% - 35px)}.login-center{width:calc(100% - 35px)}.login-intro h1{font-size:39px;letter-spacing:-2px}.login-card{padding:26px}.login-footer{gap:15px;flex-wrap:wrap}.form-row{grid-template-columns:1fr}.modal-head,.modal-content,.modal-actions{padding-left:19px;padding-right:19px}.table-footer{gap:12px;flex-wrap:wrap}.chart{height:183px}}