@font-face{font-family:Inter;src:url(./Inter-Dx4kXJAl.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}input,button,select,textarea{font-family:inherit}html,body{height:100%}body{color:#1f2937;background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-card{background:#fff;width:100%;min-height:100vh;animation:.35s both pageFadeIn;display:flex}.auth-left{color:#fff;background:linear-gradient(135deg,#1d4f8f 0%,#1f6aa5 40%,#23906f 100%);flex:50%;align-items:center;padding:56px 44px;display:flex;position:relative;overflow:hidden}.circles span{border:1px solid #ffffff1f;border-radius:50%;position:absolute}.circles span:first-child{width:420px;height:420px;top:-140px;right:-120px}.circles span:nth-child(2){width:300px;height:300px;top:-80px;right:-60px}.circles span:nth-child(3){width:360px;height:360px;bottom:-160px;left:-120px}.left-content{z-index:1;width:100%;position:relative}.left-title{margin-bottom:14px;font-size:28px;font-weight:700;line-height:1.3}.left-sub{color:#ffffffd9;max-width:340px;margin-bottom:32px;font-size:13px}.stat-cards{flex-direction:column;gap:12px;max-width:340px;display:flex}.stat-card{background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.stat-icon{background:#ffffff1f;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-icon svg{width:16px;height:16px}.stat-text{flex-direction:column;display:flex}.stat-label{color:#fffc;font-size:11px}.stat-value{font-size:14px;font-weight:700}.auth-right{background:#fff;flex-direction:column;flex:50%;justify-content:center;align-items:center;padding:48px;display:flex}.auth-logo{width:190px;height:auto;margin-bottom:36px}.form-wrap{width:100%;max-width:340px}.form-title{color:#111827;margin-bottom:6px;font-size:22px;font-weight:700}.form-sub{color:#6b7280;margin-bottom:24px;font-size:12.5px}.field{margin-bottom:16px}.field label{color:#374151;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input[type=email],.field input[type=password],.field input[type=text]{color:#111827;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.field input::placeholder{color:#9ca3af}.field input:focus{border-color:#2c6c9c;box-shadow:0 0 0 3px #2c6c9c26}.field input.invalid{border-color:#dc2626}.field-error{color:#dc2626;margin-top:5px;font-size:11.5px;display:none}.field-error.show{display:block}.form-alert{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:12.5px;font-weight:500}.form-alert-success{color:#166534;background:#dcfce7;border-color:#bbf7d0}.input-icon-wrap{position:relative}.input-icon-wrap input{padding-right:38px}.toggle-password{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.toggle-password svg{width:16px;height:16px}.toggle-password:hover{color:#374151}.row-between{justify-content:space-between;align-items:center;margin:4px 0 20px;display:flex}.remember{color:#4b5563;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.link{color:#2c6c9c;font-size:12px;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.btn-primary{color:#fff;cursor:pointer;background:#2c6c9c;border:none;border-radius:8px;width:100%;padding:11px;font-size:13.5px;font-weight:600}.btn-primary:hover{background:#24587f;transform:translateY(-1px);box-shadow:0 4px 12px #11182726}.btn-primary:active{box-shadow:none;transform:translateY(0)}.btn-primary,.link,.eye-toggle,.field input,.otp-input{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}.back-link{color:#4b5563;align-items:center;gap:6px;margin-bottom:22px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover{color:#111827}.back-link svg{width:13px;height:13px}.stepper{align-items:center;margin-bottom:26px;display:flex}.step{align-items:center;gap:6px;display:flex}.step-dot{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.step-dot svg{width:10px;height:10px}.step-label{color:#9ca3af;font-size:11px;font-weight:600}.step.active .step-dot{color:#fff;background:#2c6c9c}.step.active .step-label{color:#111827}.step.done .step-dot{color:#fff;background:#16a34a}.step.done .step-label{color:#374151}.step-line{background:#d1d5db;flex:1;min-width:28px;height:1px;margin:0 8px}.icon-badge{color:#2c6c9c;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;display:flex}.icon-badge svg{width:18px;height:18px}.otp-inputs{gap:10px;margin:18px 0 20px;display:flex}.otp-inputs input{text-align:center;color:#111827;border:1px solid #d1d5db;border-radius:8px;outline:none;width:44px;height:48px;font-size:18px;font-weight:700}.otp-inputs input:focus{border-color:#2c6c9c;box-shadow:0 0 0 3px #2c6c9c26}.otp-inputs input.invalid{border-color:#dc2626}.resend{text-align:center;color:#9ca3af;margin-top:12px;font-size:11.5px}.resend a{color:#2c6c9c;font-weight:600;text-decoration:none}.resend a:hover{text-decoration:underline}.pw-checklist{border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:1fr 1fr;gap:8px 14px;margin:4px 0 20px;padding:12px 14px;display:grid}.pw-rule{color:#9ca3af;align-items:center;gap:6px;font-size:10.5px;display:flex}.pw-rule .rule-dot{border:1px solid #d1d5db;border-radius:50%;flex:none;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.pw-rule .rule-dot svg{color:#fff;width:8px;height:8px;display:none}.pw-rule.ok{color:#16a34a}.pw-rule.ok .rule-dot{background:#16a34a;border-color:#16a34a}.pw-rule.ok .rule-dot svg{display:block}@media (width<=860px){body{padding:12px}.auth-card{flex-direction:column;max-width:480px}.auth-left{padding:36px 28px}.auth-right{padding:32px 24px}.left-title br{display:none}}@media (width<=420px){.otp-inputs{gap:6px}.otp-inputs input{width:38px;height:44px}.pw-checklist{grid-template-columns:1fr}}.dash-body{background:#f3f5f8;padding:0!important}.dash-layout{min-height:100vh;display:flex}.sidebar{z-index:50;background:#fff;border-right:1px solid #e5e7eb;width:220px;height:100vh;padding:20px 14px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo img{width:140px;height:auto;margin:4px 8px 24px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#4b5563;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.nav-item svg{flex:none;width:16px;height:16px}.nav-item:hover{color:#111827;background:#f3f5f8}.nav-item.active{color:#fff;background:#2c6c9c;font-weight:600}.dash-main{flex-direction:column;width:calc(100% - 220px);min-width:0;min-height:100vh;margin-left:220px;transition:width .25s,margin-left .25s;display:flex}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.icon-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:6px;display:flex}.icon-btn svg{width:17px;height:17px}.topbar-user{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex;box-shadow:0 1px 3px #0000000f}.avatar{color:#fff;background:#2c6c9c;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.user-meta{flex-direction:column;line-height:1.25;display:flex}.user-meta strong{color:#111827;font-size:12.5px}.user-meta small{color:#6b7280;font-size:11px}.caret{color:#9ca3af;width:14px;height:14px}.dash-content{padding:22px 24px 76px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-date{color:#6b7280;margin-bottom:2px;font-size:11.5px}.page-title{color:#111827;font-size:20px;font-weight:700}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-chip{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:inline-flex}.date-chip svg{color:#6b7280;width:14px;height:14px}.date-chip{cursor:pointer;transition:border-color .2s,box-shadow .2s}.date-chip:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #1118270f}.date-range-picker{align-items:center;gap:8px;display:inline-flex;position:relative}.date-range-clear{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.date-range-clear svg{width:15px;height:15px;transition:transform .2s}.date-range-clear:hover:not(:disabled){color:#2c6c9c;border-color:#cbd5e1;box-shadow:0 2px 8px #1118270f}.date-range-clear:active:not(:disabled) svg{transform:rotate(90deg)}.date-range-clear:disabled{opacity:.4;cursor:not-allowed}.calendar-pop{z-index:40;background:#fff;border:1px solid #eef1f5;border-radius:12px;width:264px;padding:14px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #11182724}.calendar-pop.open{display:block}.cal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cal-head span{color:#111827;font-size:13px;font-weight:700}.cal-nav{color:#4b5563;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;width:26px;height:26px;font-size:15px;line-height:1;transition:background-color .2s}.cal-nav:hover{background:#f3f5f8}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-days span{text-align:center;color:#9ca3af;padding:4px 0;font-size:10.5px;font-weight:600}.cal-date{color:#374151;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;padding:6px 0;font-size:11.5px;transition:background-color .15s,color .15s}.cal-date:hover{background:#f3f5f8}.cal-date.other{color:#d1d5db}.cal-date.in-range{color:#2c6c9c;background:#e8f1f8;border-radius:0}.cal-date.range-end{color:#fff;background:#2c6c9c;border-radius:6px}.cal-hint{color:#9ca3af;margin:10px 2px 0;font-size:11px}.btn-export{align-items:center;gap:8px;width:auto;padding:9px 16px;display:inline-flex}.btn-export svg{width:14px;height:14px}.btn-export:disabled{opacity:.6;cursor:not-allowed}.export-menu{display:inline-flex;position:relative}.export-menu-caret{margin-left:-2px;width:11px!important;height:11px!important}.export-menu-pop{z-index:40;background:#fff;border:1px solid #eef1f5;border-radius:12px;min-width:190px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #11182724}.export-menu-pop.open{display:block}.export-menu-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12.5px;display:flex}.export-menu-item:hover{background:#f3f5f8}.export-menu-item svg{color:#2c6c9c;flex:none;width:15px;height:15px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid;position:relative}.kpi-filter-error{color:#dc2626;margin:-6px 0 12px;font-size:12.5px}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.kpi-top{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.kpi-icon{color:#2c6c9c;background:#eff6ff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kpi-icon svg{width:17px;height:17px}.kpi-label{color:#6b7280;margin-bottom:2px;font-size:11.5px}.kpi-value{color:#111827;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.delta{border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:600}.delta.up{color:#16a34a;background:#dcfce7}.delta.down{color:#dc2626;background:#fee2e2}.kpi-foot{color:#9ca3af;border-top:1px solid #f3f4f6;padding-top:9px;font-size:11px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.panel-title{color:#111827;font-size:14px;font-weight:700}.panel-title.dashboard-section-title{font-size:16px}.panel-sub{color:#9ca3af;margin:2px 0 14px;font-size:11.5px}.mid-grid{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:16px;display:grid}.bottom-grid{grid-template-columns:2fr 1fr;gap:14px;display:grid}.growth-chart{grid-template-columns:max-content minmax(0,1fr);gap:10px;height:220px;padding:10px 6px 0;display:grid}.growth-axis{color:#9ca3af;min-width:24px;margin-bottom:24px;font-size:10.5px;position:relative}.growth-axis span{position:absolute;right:0;transform:translateY(-50%)}.growth-plot{min-width:0;position:relative}.growth-gridlines{pointer-events:none;position:absolute;inset:0 0 24px}.growth-gridlines>div{border-top:1px solid #f3f4f6;width:100%;position:absolute}.bar-chart{align-items:flex-end;gap:clamp(4px,2vw,18px);height:100%;display:flex;position:relative}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.growth-bar-area{justify-content:center;align-items:flex-end;width:100%;height:calc(100% - 24px);display:flex}.bar{background:linear-gradient(#2c6c9c 0%,#2c6c9c26 100%);border-radius:6px 6px 0 0;width:100%;max-width:40px}.bar-col>span{color:#9ca3af;white-space:nowrap;align-items:center;height:24px;font-size:10.5px;display:flex}.donut-wrap{justify-content:center;margin:10px 0 16px;display:flex}.donut{background:conic-gradient(#16a34a 0% 16.5%,#fff 16.5% 17.5%,#dc2626 17.5% 30.5%,#fff 30.5% 31.5%,#f59e0b 31.5% 36.5%,#fff 36.5% 37.5%,#16a34a 37.5% 100%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.donut-hole{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.donut-hole strong{color:#111827;font-size:20px}.donut-hole small{color:#9ca3af;font-size:10.5px}.legend{flex-direction:column;gap:9px;list-style:none;display:flex}.legend li{color:#374151;align-items:center;gap:8px;font-size:12px;display:flex}.legend-val{color:#111827;margin-left:auto;font-weight:700}.legend-val small{color:#9ca3af;margin-left:4px;font-weight:400}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot-green{background:#16a34a}.dot-amber{background:#f59e0b}.dot-red{background:#dc2626}.table-scroll{overflow-x:auto}.table-scroll .data-table{min-width:480px}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:10px 8px;font-size:11px;font-weight:600}.recent-customers-table th{font-size:13px}.data-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:11px 8px;font-size:12.5px}.data-table tr:last-child td{border-bottom:none}.data-table td strong{color:#111827;font-size:12.5px}.data-table td small{color:#9ca3af;font-size:11px}.badge{border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:600;display:inline-block}.badge-active{color:#16a34a;background:#dcfce7}.badge-suspended{color:#d97706;background:#fef3c7}.badge-expired{color:#dc2626;background:#fee2e2}.badge-cat-auth{color:#2563eb;background:#dbeafe}.badge-cat-account{color:#16a34a;background:#dcfce7}.badge-cat-device{color:#7c3aed;background:#ede9fe}.badge-cat-zone{color:#0891b2;background:#cffafe}.badge-cat-alert{color:#dc2626;background:#fee2e2}.badge-cat-subscription{color:#d97706;background:#fef3c7}.badge-cat-admin{color:#475569;background:#e2e8f0}.tier-list{flex-direction:column;gap:13px;margin-bottom:18px;display:flex}.tier-row{color:#374151;justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.tier-row strong{color:#111827}.track{background:#eef1f5;border-radius:999px;height:6px;overflow:hidden}.fill{background:#2c6c9c;border-radius:999px;height:100%}.connectivity{border-top:1px solid #f3f4f6;align-items:center;gap:14px;padding-top:16px;display:flex}.conn-ring{background:conic-gradient(#16a34a 0% 83%,#e5e7eb 83% 100%);border-radius:50%;flex:none;width:48px;height:48px;position:relative}.conn-ring:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:7px}.conn-text{flex-direction:column;line-height:1.4;display:flex}.conn-text small{color:#9ca3af;letter-spacing:.04em;font-size:10px}.conn-text strong{color:#111827;font-size:13px}.conn-text .green{color:#16a34a}.cust-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.search-box{background:#f5f6f8;border:1px solid #e5e7eb;border-radius:999px;flex:1;align-items:center;gap:9px;min-width:220px;max-width:720px;padding:10px 16px;display:flex}.search-box svg{color:#9ca3af;flex:none;width:14px;height:14px}.search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.search-box input::placeholder{color:#9ca3af}.filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-icon{color:#6b7280;display:flex}.filter-icon svg{width:14px;height:14px}.chip{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:6px 14px;font-size:11.5px;font-weight:600}.chip:hover{color:#2c6c9c;border-color:#2c6c9c}.chip.active{color:#fff;background:#2c6c9c;border-color:#2c6c9c}.logs-date-toolbar{justify-content:flex-end}.cust-title{margin-bottom:10px}.panel-rounded{border-radius:16px;padding:16px 10px 14px}.panel-rounded .cust-title{margin:2px 10px 12px}.panel-rounded .table-footer{padding-left:10px;padding-right:10px}.cust-table thead th{white-space:nowrap;color:#374151;letter-spacing:.02em;background:#f5f6f8;border-bottom:none;padding:14px 12px;font-size:12.5px;font-weight:700}.cust-table td{padding:13px 12px}.cust-table .subscription-devices-cell{text-align:center}.cust-table thead th:first-child{border-radius:8px 0 0 8px}.cust-table thead th:last-child{border-radius:0 8px 8px 0}.sort{color:#c3c9d1;font-size:10px}.plan-expired{color:#dc2626}.status-online{color:#16a34a;font-size:12px;font-weight:600}.status-offline{color:#dc2626;font-size:12px;font-weight:600}.actions-dots{cursor:pointer;color:#9ca3af;letter-spacing:2px;background:0 0;border:none;padding:2px 6px;font-size:16px}.table-footer{color:#6b7280;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:11.5px;display:flex}.pager{align-items:center;gap:6px;display:flex}.pager .page-num{text-align:center;min-width:28px;padding:5px 6px}.pager-ellipsis{color:#6b7280;text-align:center}.pager button:focus-visible{outline-offset:2px;outline:2px solid #2c6c9c}@media (width<=400px){.pager{gap:4px}.pager .page-num{min-width:24px;padding-inline:4px}.pager .pager-btn{padding-inline:6px}}.pager-btn,.page-num{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:5px 10px;font-size:11.5px}.pager-btn:disabled{opacity:.45;cursor:default}.page-num.active{color:#fff;background:#2c6c9c;border-color:#2c6c9c;font-weight:600}.no-results td{text-align:center;color:#9ca3af;padding:24px 8px}.actions-cell{position:relative}.actions-menu{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:190px;padding:6px;display:none;position:absolute;top:calc(100% - 6px);right:8px;box-shadow:0 8px 24px #1118271f}.actions-menu.open{display:block}.actions-menu button{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12.5px;display:flex}.actions-menu button:hover{background:#f3f5f8}.actions-menu button svg{color:#2c6c9c;flex:none;width:15px;height:15px}.modal-overlay{z-index:50;background:#11182773;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-card{background:#fff;border-radius:14px;width:100%;max-width:380px;box-shadow:0 20px 50px #11182740}.modal-head{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-head h3{color:#111827;font-size:15px;font-weight:700}.modal-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;padding:2px;display:flex}.modal-close svg{width:16px;height:16px}.modal-close:hover{color:#374151}.modal-body{padding:18px 20px 20px}.modal-body .field input[type=text],.modal-body .field select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.modal-body .field select{appearance:auto;cursor:pointer}.modal-body .field input:focus,.modal-body .field select:focus{border-color:#2c6c9c;box-shadow:0 0 0 3px #2c6c9c26}.modal-actions{gap:10px;margin-top:6px;display:flex}.modal-actions .btn-primary{flex:1;width:auto}.btn-cancel{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:600}.btn-cancel:hover{background:#f3f5f8}.confirm-card{max-width:420px;overflow:hidden}.confirm-amber{border-top:4px solid #f59e0b}.confirm-green{border-top:4px solid #16a34a}.confirm-body{gap:14px;padding:22px 22px 6px;display:flex}.confirm-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.confirm-icon svg{width:18px;height:18px}.icon-amber{color:#d97706;background:#fef3c7}.icon-green{color:#16a34a;background:#dcfce7}.confirm-text h3{color:#111827;margin-bottom:6px;font-size:15px;font-weight:700}.confirm-text p{color:#6b7280;font-size:12.5px;line-height:1.6}.confirm-text strong{color:#111827}.confirm-actions{justify-content:flex-start;gap:12px;padding:18px 22px 22px;display:flex}.confirm-actions .btn-cancel{flex:1}.btn-amber{color:#fff;cursor:pointer;background:#d97706;border:none;border-radius:8px;flex:1.4;padding:11px 18px;font-size:13px;font-weight:600}.btn-amber:hover{background:#b45309}.btn-green{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:8px;flex:1.4;padding:11px 18px;font-size:13px;font-weight:600}.btn-green:hover{background:#15803d}.confirm-red{border-top:4px solid #dc2626}.icon-red{color:#dc2626;background:#fee2e2}.btn-red{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;flex:1.4;padding:11px 18px;font-size:13px;font-weight:600}.btn-red:hover{background:#b91c1c}.device-card{max-width:420px;max-height:86vh;overflow-y:auto}.device-head{border-bottom:none;align-items:flex-start;padding-bottom:4px}.device-head h3{font-size:16px}.device-head small{color:#9ca3af;font-size:12px}.device-body{padding-top:8px}.device-info-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.info-tile{background:#f7f8fa;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.info-tile small{color:#9ca3af;font-size:11px}.info-tile small.caps{text-transform:uppercase;letter-spacing:.04em}.info-tile span{color:#111827;font-size:13px;font-weight:600}.info-tile span .status-online{color:#16a34a;font-size:12.5px}.info-tile span .status-offline{color:#dc2626;font-size:12.5px}.zone-config-title{color:#111827;margin-bottom:10px;font-size:14px;font-weight:700}.zone-row{background:#f7f8fa;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex}.zone-row h5{color:#111827;margin-bottom:3px;font-size:13px;font-weight:700}.zone-row p{color:#6b7280;font-size:11.5px}.zone-row .zone-active{color:#16a34a;flex:none;font-size:12px;font-weight:600}.account-details-card{width:min(440px,100vw - 32px)}.account-detail-person{align-items:center;gap:12px;margin-bottom:16px;display:flex}.account-detail-person>div{min-width:0}.account-detail-person strong{color:#111827;font-size:14px;display:block}.account-detail-person small{color:#9ca3af;overflow-wrap:anywhere;margin-top:2px;font-size:11.5px;display:block}.account-detail-avatar{color:#2c6c9c;background:#e8f1f8;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:inline-flex}.account-detail-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.account-detail-grid .info-tile{flex-direction:column;align-items:flex-start;display:flex}.account-detail-grid .detail-status.active{color:#16a34a}.account-detail-grid .detail-status.suspended{color:#d97706}.account-detail-grid .detail-status.expired{color:#dc2626}.account-details-page{max-width:none}.details-breadcrumb{border-bottom:1px solid #e5e7eb;align-items:center;gap:14px;margin:-2px 0 20px;padding-bottom:16px;font-size:12px;display:flex}.details-breadcrumb a{color:#6b7280;text-decoration:none}.details-breadcrumb a:hover{color:#2c6c9c}.details-breadcrumb span{color:#d1d5db}.details-breadcrumb strong{color:#111827}.account-summary-card{padding:18px}.account-summary-person{align-items:center;gap:12px;margin-bottom:16px;display:flex}.account-summary-person>div{min-width:0}.account-summary-person strong{color:#111827;font-size:15px;display:block}.account-summary-person small{color:#9ca3af;overflow-wrap:anywhere;margin-top:3px;font-size:11.5px;display:block}.device-summary-person{align-items:center;gap:12px;margin-bottom:16px;display:flex}.device-summary-person>div{min-width:0}.device-summary-person strong{color:#111827;font-size:15px;display:block}.device-summary-person small{color:#9ca3af;margin-top:3px;font-size:11.5px;display:block}.device-detail-icon{color:#2c6c9c;background:#e8f1f8;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.device-detail-icon svg{width:18px;height:18px}.account-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.account-summary-grid .info-tile{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.account-details-page .account-summary-grid .info-tile .tier-link{color:#2c6c9c}.detail-status.active{color:#16a34a!important}.detail-status.suspended{color:#d97706!important}.detail-status.expired{color:#dc2626!important}.zone-page-heading{justify-content:space-between;align-items:center;margin:20px 0 12px;display:flex}.zone-page-heading h2{color:#111827;font-size:15px}.zone-page-heading span{color:#6b7280;background:#fff;border-radius:999px;padding:4px 9px;font-size:10.5px}.zone-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.zone-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.zone-detail-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.zone-detail-head strong{color:#111827;font-size:12.5px}.zone-detail-head span{color:#16a34a;white-space:nowrap;background:#dcfce7;border-radius:5px;padding:3px 7px;font-size:10.5px}.zone-setting{background:#f7f8fa;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:10px;font-size:11px;display:flex}.zone-setting span{color:#9ca3af}.zone-setting strong{color:#111827;white-space:nowrap}.empty-zones{color:#6b7280;grid-column:1/-1;padding:24px}.device-zone-group{margin-bottom:22px}.device-zone-group-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.device-zone-group-head strong{color:#111827;font-size:13px}.device-zone-group-meta{color:#9ca3af;font-size:11px}.zone-detail-head .zone-badge-active,.zone-detail-head .zone-badge-off{white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:10.5px}.zone-detail-head .zone-badge-active{color:#16a34a;background:#dcfce7}.zone-detail-head .zone-badge-off{color:#6b7280;background:#f3f4f6}.sidebar{transition:width .25s}.dash-layout.sidebar-collapsed .sidebar{flex-basis:72px;width:72px}.dash-layout.sidebar-collapsed .dash-main{width:calc(100% - 72px);margin-left:72px}.dash-layout.sidebar-collapsed .sidebar-logo img{object-fit:contain;width:40px;max-width:100%;height:40px;margin:4px auto 24px;display:block}.dash-layout.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding-left:0;padding-right:0;font-size:0}.dash-layout.sidebar-collapsed .nav-item svg{width:18px;height:18px}.customer-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.customer-header h3{color:#111827;font-size:14px;font-weight:700}.customer-header h3.page-header-title{font-size:18px}.section-page-title{color:#111827;margin:0 0 16px;font-size:18px;font-weight:700;line-height:1.3}.dash-footer{z-index:35;color:#6b7280;background:#fff;border-top:1px solid #eef1f5;padding:16px 28px;font-size:12px;transition:left .25s;position:fixed;bottom:0;left:220px;right:0}.dash-footer strong{color:#374151}.dash-layout.sidebar-collapsed .dash-footer{left:72px}.plan-null{color:#9ca3af}.customer-header-actions{align-items:center;gap:10px;display:flex}.btn-new{color:#fff;cursor:pointer;background:#2c6c9c;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.btn-new svg{width:13px;height:13px}.btn-new:hover{background:#24587f;transform:translateY(-1px);box-shadow:0 4px 12px #11182726}.btn-deleted-accounts{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:background-color .2s,border-color .2s;display:inline-flex}.btn-deleted-accounts svg{width:13px;height:13px}.btn-deleted-accounts:hover{background:#f3f5f8;border-color:#cbd5e1}.btn-restore{flex:none;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.btn-restore svg{width:13px;height:13px}.customer-form-panel{padding:18px 20px 20px}.customer-form-panel .panel-title{margin-bottom:18px}.customer-form-grid{grid-template-columns:1fr 1fr;gap:4px 24px;display:grid}.customer-form-grid input[type=text]{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}.customer-form-grid input:focus{border-color:#2c6c9c;box-shadow:0 0 0 3px #2c6c9c26}.customer-form-grid select{color:#111827;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 36px 10px 12px;font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s}.customer-form-grid select:hover{border-color:#9ca3af}.customer-form-grid select:focus{border-color:#2c6c9c;box-shadow:0 0 0 3px #2c6c9c26}.customer-form-grid select option{color:#111827}.customer-form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.customer-form-actions .btn-primary,.customer-form-actions .btn-cancel{border-radius:8px;flex:none;width:auto;padding:11px 22px}.topbar{position:relative}.user-menu{z-index:40;background:#fff;border:1px solid #eef1f5;border-radius:12px;min-width:150px;padding:6px;display:none;position:absolute;top:calc(100% - 8px);right:24px;box-shadow:0 10px 28px #11182724}.user-menu.open{display:block}.user-menu .logout-btn{color:#dc2626;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:600;transition:background-color .2s;display:flex}.user-menu .logout-btn:hover{background:#fee2e2}.user-menu .logout-btn svg{width:15px;height:15px}.dash-content{animation:.35s backwards pageFadeIn}.nav-item,.chip,.pager-btn,.page-num,.icon-btn,.actions-dots,.actions-menu button,.btn-primary,.btn-cancel,.btn-amber,.btn-red,.modal-close,.topbar-user,.panel,.kpi-card,.search-box,.data-table tbody tr{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}.data-table tbody tr:hover td{background:#f8fafc}.data-table tbody tr.no-results:hover td{background:0 0}.nav-item:hover:not(.active){color:#1f2937;background:#f3f5f8}.chip:hover:not(.active),.pager-btn:not(:disabled):hover,.page-num:not(.active):hover{background:#f3f5f8;border-color:#cbd5e1}.icon-btn:hover{background:#f3f5f8;border-radius:8px}.actions-dots:hover{color:#111827;background:#f3f5f8;border-radius:8px}.topbar-user:hover{cursor:pointer;box-shadow:0 2px 8px #11182714}.kpi-card:hover,.panel:hover{box-shadow:0 6px 18px #11182712}.search-box:focus-within{background:#fff;border-color:#2c6c9c;box-shadow:0 0 0 3px #2c6c9c1f}.btn-primary:hover,.btn-amber:hover,.btn-green:hover,.btn-red:hover{transform:translateY(-1px);box-shadow:0 4px 12px #11182726}.btn-primary:active,.btn-amber:active,.btn-green:active,.btn-red:active{box-shadow:none;transform:translateY(0)}@media (width<=1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.mid-grid,.bottom-grid{grid-template-columns:1fr}.zone-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.sidebar{display:none}.dash-main,.dash-layout.sidebar-collapsed .dash-main{width:100%;margin-left:0}.stat-grid{grid-template-columns:1fr}.dash-content{padding:16px 16px 72px}.dash-footer,.dash-layout.sidebar-collapsed .dash-footer{left:0}.account-summary-grid,.zone-card-grid{grid-template-columns:1fr}}.loading-spinner{color:#6b7280;justify-content:center;align-items:center;gap:10px;font-size:13px;display:inline-flex}.loading-spinner-ring{border:2.5px solid #2c6c9c2e;border-top-color:#2c6c9c;border-radius:50%;flex:none;width:20px;height:20px;animation:.7s linear infinite loading-spinner-spin}.loading-spinner-small .loading-spinner-ring{border-width:2px;width:15px;height:15px}.loading-spinner-small{font-size:12.5px}@keyframes loading-spinner-spin{to{transform:rotate(360deg)}}.panel-loading{justify-content:center;align-items:center;padding:48px 0;display:flex}