*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-50:#f0f7ff;--brand-100:#d7ebfe;--brand-200:#a8d1fa;--brand-300:#68adf3;--brand-400:#308ce8;--brand-500:#1970c8;--brand-600:#125ca5;--brand-700:#0d4782;--brand-800:#08335e;--brand-900:#052442;--neutral-0:#fff;--neutral-50:#f9fafb;--neutral-100:#f0f2f4;--neutral-150:#e8eaed;--neutral-200:#dddfe3;--neutral-300:#bdc0c7;--neutral-400:#9297a0;--neutral-500:#6e737c;--neutral-600:#50545e;--neutral-700:#373b43;--neutral-800:#24272e;--neutral-850:#1a1d23;--neutral-900:#13161b;--neutral-950:#0d0e12;--success-light:#e5faee;--success:#29ae60;--success-dark:#1b7440;--warning-light:#fef2dc;--warning:#e9980c;--warning-dark:#9b6508;--danger-light:#fee7e7;--danger:#dd2c2c;--danger-dark:#9e1a1a;--info-light:#e2f4fd;--info:#148fcc;--info-dark:#0e618b;--surface-bg:var(--neutral-50);--surface-primary:var(--neutral-0);--surface-elevated:var(--neutral-0);--surface-subtle:var(--neutral-100);--surface-border:var(--neutral-150);--surface-hover:var(--neutral-100);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-500);--text-tertiary:var(--neutral-400);--text-inverse:var(--neutral-0);--text-brand:var(--brand-600);--sidebar-bg:#14181f;--sidebar-border:#23272f;--sidebar-text:#949ba8;--sidebar-text-active:#f9fafb;--sidebar-hover:#21242c;--sidebar-active:#1970c8;--sidebar-active-bg:#122e49;--sidebar-width:240px;--topbar-height:60px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000000f, 0 2px 4px #0000000d;--shadow-lg:0 10px 15px #00000012, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #00000014, 0 10px 10px #0000000a;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--transition-fast:.12s ease;--transition-normal:.2s ease;--transition-slow:.32s ease}html{background:var(--surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--surface-bg);color:var(--text-primary);width:100%;min-height:100dvh;line-height:1.5;overflow-x:hidden}.app-shell{width:100%;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;min-height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--sidebar-border);height:var(--topbar-height);display:flex}.sidebar-logo-icon{background:var(--brand-500);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-logo-icon svg{color:#fff;width:18px;height:18px}.sidebar-logo-text{flex-direction:column;display:flex}.afriwind-brand{align-items:center;gap:10px;min-width:0;display:flex}.afriwind-brand-logo{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;width:56px;height:36px;padding:3px}.afriwind-brand.compact .afriwind-brand-logo{width:44px}.sidebar .sidebar-logo-name{color:#f8fafc;font-size:14px}.sidebar .sidebar-logo-sub,.sidebar-user-role{color:#cbd5e1}.sidebar-user:focus-visible{outline:2px solid var(--brand-300);outline-offset:3px}.sidebar-user>svg{color:#f8fafc;flex-shrink:0}.sidebar-logo-name{color:var(--sidebar-text-active);letter-spacing:-.02em;font-size:15px;font-weight:700;line-height:1.2}.sidebar-logo-sub{color:var(--sidebar-text);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:500}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.sidebar-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-text);opacity:.5;padding:var(--space-4) var(--space-3) var(--space-2);font-size:10px;font-weight:600}.sidebar-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:var(--sidebar-text);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);margin-bottom:2px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item svg{flex-shrink:0;width:17px;height:17px}.sidebar-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-item.active{background:var(--sidebar-active-bg);color:var(--brand-300)}.sidebar-item.active svg{color:var(--brand-400)}.sidebar-badge{background:var(--danger);color:#fff;border-radius:var(--radius-full);margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.6}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:var(--space-4) var(--space-3)}.sidebar-user{background:var(--sidebar-hover);color:var(--sidebar-text-active);text-align:left;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.sidebar-user:hover{background:var(--sidebar-active-bg)}.sidebar-user-avatar{border-radius:var(--radius-full);background:var(--brand-600);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--sidebar-text-active);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:#cbd5e1;font-size:11px}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--topbar-height);background:var(--surface-primary);border-bottom:1px solid var(--surface-border);padding:0 var(--space-6);align-items:center;gap:var(--space-4);z-index:50;box-shadow:var(--shadow-xs);display:flex;position:sticky;top:0}.topbar-title{color:var(--text-primary);letter-spacing:-.02em;flex:1;font-size:16px;font-weight:700}.topbar-subtitle{color:var(--text-secondary);margin-top:1px;font-size:12px;font-weight:400}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.topbar-icon-btn{border-radius:var(--radius-md);border:1px solid var(--surface-border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.topbar-icon-btn svg{width:16px;height:16px}.topbar-hamburger{border-radius:var(--radius-md);border:1px solid var(--surface-border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:none}.topbar-hamburger:hover{background:var(--surface-hover);color:var(--text-primary)}.topbar-notification-dot{background:var(--danger);border:2px solid var(--surface-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.page{padding:var(--space-6);flex:1}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-title{color:var(--text-primary);letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.card{background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-header{padding:var(--space-5) var(--space-5) 0;justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:700}.card-body{padding:var(--space-5)}.card-body-flush{padding:0}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal);cursor:default}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.stat-card-label{color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.stat-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-card-icon svg{width:17px;height:17px}.stat-card-icon.brand{background:var(--brand-100);color:var(--brand-600)}.stat-card-icon.success{background:var(--success-light);color:var(--success-dark)}.stat-card-icon.warning{background:var(--warning-light);color:var(--warning-dark)}.stat-card-icon.danger{background:var(--danger-light);color:var(--danger-dark)}.stat-card-icon.info{background:var(--info-light);color:var(--info-dark)}.stat-card-value{color:var(--text-primary);letter-spacing:-.04em;margin-bottom:var(--space-1);font-size:28px;font-weight:800;line-height:1}.stat-card-value-sm{font-size:20px}.stat-card-sub{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.stat-card-trend{border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 6px;font-size:11px;font-weight:600;display:flex}.stat-card-trend.up{background:var(--success-light);color:var(--success-dark)}.stat-card-trend.down{background:var(--danger-light);color:var(--danger-dark)}.table-container{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;padding:var(--space-3) var(--space-4);color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;background:var(--neutral-50);border-bottom:1px solid var(--surface-border);white-space:nowrap;font-size:11px;font-weight:700}.table th:first-child{border-radius:var(--radius-sm) 0 0 0}.table th:last-child{border-radius:0 var(--radius-sm) 0 0}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--surface-border);vertical-align:middle;color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--surface-subtle)}.table tbody tr.clickable{cursor:pointer}.badge{border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge.success{background:var(--success-light);color:var(--success-dark)}.badge.success .badge-dot{background:var(--success);animation:2s infinite pulse}.badge.warning{background:var(--warning-light);color:var(--warning-dark)}.badge.danger{background:var(--danger-light);color:var(--danger-dark)}.badge.neutral{background:var(--neutral-100);color:var(--neutral-600)}.badge.info{background:var(--info-light);color:var(--info-dark)}.badge.brand{background:var(--brand-100);color:var(--brand-700)}.btn{align-items:center;gap:var(--space-2);padding:9px var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn svg{width:15px;height:15px}.btn-primary{background:var(--brand-500);color:#fff;border-color:var(--brand-500);box-shadow:0 1px 2px #1970c84d}.btn-primary:hover{background:var(--brand-600);border-color:var(--brand-600);transform:translateY(-1px);box-shadow:0 2px 8px #1970c866}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border-color:var(--surface-border);box-shadow:var(--shadow-xs);background:0 0}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--neutral-300)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:var(--danger-dark);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:var(--success-dark);transform:translateY(-1px)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-xs{padding:4px 10px;font-size:12px}.btn-icon{justify-content:center;width:36px;height:36px;padding:0}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{color:var(--text-primary);font-size:13px;font-weight:600}.input{height:40px;padding:0 var(--space-3);border:1px solid var(--surface-border);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;font-size:13.5px}.input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #1970c81f}.input-with-icon{position:relative}.input-with-icon .input{padding-left:38px}.input-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon svg{width:16px;height:16px}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.grid-2{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.chart-wrapper{width:100%;height:260px}.divider{background:var(--surface-border);height:1px;margin:var(--space-4) 0}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.online-indicator{align-items:center;gap:6px;display:flex}.online-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.online-dot.online{background:var(--success);box-shadow:0 0 0 2px var(--success-light);animation:2s infinite pulse}.online-dot.offline{background:var(--danger);box-shadow:0 0 0 2px var(--danger-light)}.online-dot.warning{background:var(--warning);box-shadow:0 0 0 2px var(--warning-light)}.equipment-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.equipment-card{background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow var(--transition-normal)}.equipment-card:hover{box-shadow:var(--shadow-md)}.equipment-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.equipment-card-name{color:var(--text-primary);font-size:14px;font-weight:700}.equipment-card-type{color:var(--text-secondary);margin-top:2px;font-size:11px}.equipment-metric{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.equipment-metric-label{color:var(--text-secondary);font-size:12px}.equipment-metric-value{color:var(--text-primary);font-size:12px;font-weight:600;font-family:var(--font-mono)}.progress-bar{background:var(--surface-border);border-radius:var(--radius-full);height:4px;margin-top:2px;margin-bottom:var(--space-3);overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.progress-fill.low{background:var(--success)}.progress-fill.medium{background:var(--warning)}.progress-fill.high{background:var(--danger)}.plan-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.plan-card{background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:all var(--transition-normal);cursor:default;flex-direction:column;display:flex;position:relative;overflow:hidden}.plan-card:before{content:"";background:var(--brand-400);opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.plan-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-200);transform:translateY(-2px)}.plan-card:hover:before{opacity:1}.plan-card.popular{border-color:var(--brand-300)}.plan-card.popular:before{opacity:1}.plan-speed{color:var(--brand-600);letter-spacing:-.04em;font-size:36px;font-weight:900;line-height:1}.plan-speed-unit{color:var(--text-secondary);font-size:16px;font-weight:600}.plan-price{color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:800}.plan-price-period{color:var(--text-secondary);font-size:12px;font-weight:400}.plan-details{gap:var(--space-2);flex-direction:column;display:flex}.plan-detail-row{justify-content:space-between;font-size:13px;display:flex}.plan-detail-label{color:var(--text-secondary)}.plan-detail-value{color:var(--text-primary);font-weight:600}.plan-clients-bar{background:var(--surface-subtle);border-radius:var(--radius-md);padding:var(--space-3)}.plan-clients-count{color:var(--text-primary);letter-spacing:-.03em;font-size:20px;font-weight:800}.plan-clients-label{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:11px}.client-detail-grid{gap:var(--space-6);grid-template-columns:1fr 2fr;align-items:start;display:grid}.client-profile-card{background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);text-align:center}.client-avatar-lg{color:#fff;width:72px;height:72px;margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex}.client-name{color:var(--text-primary);letter-spacing:-.02em;font-size:18px;font-weight:800}.client-plan-label{color:var(--text-secondary);margin:var(--space-1) 0 var(--space-4);font-size:13px}.client-info-list{text-align:left;flex-direction:column;gap:0;display:flex}.client-info-row{padding:var(--space-3) 0;border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;font-size:13px;display:flex}.client-info-row:last-child{border-bottom:none}.client-info-key{color:var(--text-secondary);font-weight:500}.client-info-val{color:var(--text-primary);font-weight:600;font-family:var(--font-mono);font-size:12.5px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fadeIn var(--transition-fast);background:#0a0c0f80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden}.modal{background:var(--surface-primary);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:min(480px,100vw - 40px);max-height:min(680px,100dvh - 40px);animation:slideUp var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--surface-border);background:var(--surface-primary);flex:none;display:flex}.modal-title{min-width:0;color:var(--text-primary);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:16px;font-weight:700}.modal-body{padding:var(--space-6);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--neutral-300) transparent;min-height:0;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:7px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:999px}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--surface-border);background:var(--surface-subtle);border-radius:0 0 var(--radius-xl) var(--radius-xl);flex:none;display:flex}.search-bar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.tabs{border-bottom:2px solid var(--surface-border);margin-bottom:var(--space-6);gap:0;display:flex}.tab{padding:var(--space-3) var(--space-5);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:13.5px;font-weight:600}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--brand-600);border-bottom-color:var(--brand-500)}.text-mono{font-family:var(--font-mono);font-size:12.5px}.text-sm{font-size:12.5px}.text-xs{font-size:11.5px}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-success{color:var(--success-dark)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning-dark)}.fw-700{font-weight:700}.fw-600{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex-1{flex:1}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-page{background:var(--surface-bg);width:100%;min-height:100dvh;display:flex;overflow:hidden}.login-panel{background:var(--surface-primary);border-right:1px solid var(--surface-border);width:480px;min-height:100dvh;padding:var(--space-12);box-shadow:var(--shadow-xl);flex-direction:column;justify-content:center;display:flex}.login-visual{background:var(--sidebar-bg);padding:var(--space-8);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-brand{margin-bottom:var(--space-10)}.login-headline{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:var(--space-2);font-size:26px;font-weight:800;line-height:1.2}.login-sub{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:14px}.login-form{gap:var(--space-4);flex-direction:column;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (max-width:1024px){.sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-overlay{z-index:99;background:#0a0c0f80;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.main-content{margin-left:0}.grid-4{grid-template-columns:repeat(2,1fr)}.client-detail-grid{grid-template-columns:1fr}.topbar-hamburger{display:flex}}@media (max-width:768px){.page{padding:var(--space-4)}.stat-grid{grid-template-columns:1fr 1fr}.grid-3,.grid-2,.plan-grid{grid-template-columns:1fr}.login-panel{width:100%;padding:var(--space-8);border-right:none}.login-visual{display:none}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr}.page-header{flex-direction:column}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.error-box,.success-box,.info-box{border-radius:var(--radius-md);padding:12px 14px;font-size:13px}.error-box{background:var(--danger-light);color:var(--danger-dark);border:1px solid #f4bdbd}.success-box{background:var(--success-light);color:var(--success-dark);border:1px solid #b5eecc}.info-box{background:var(--info-light);color:var(--info-dark);border:1px solid #b5e1f8}.empty-state{text-align:center;color:var(--text-secondary);padding:46px 18px}.stack{gap:var(--space-4);flex-direction:column;display:flex}.actions-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.page-loading{min-height:55vh;color:var(--text-secondary);place-items:center;display:grid}.topbar-hamburger,.sidebar-overlay{display:none}.sidebar-item{text-align:left;background:0 0;border:none;width:100%}.sidebar-footer button{border:0;width:100%}.login-choice-page{background:var(--surface-bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.login-choice-wrap{width:min(980px,100%)}.login-choice-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.login-choice-card{border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-normal);background:#fff;padding:28px}.login-choice-card:hover{box-shadow:var(--shadow-xl);border-color:var(--brand-300);transform:translateY(-3px)}.login-choice-icon{border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:18px;display:grid}.login-visual-orb{filter:blur(1px);opacity:.26;border-radius:50%;position:absolute}.login-visual-orb.one{background:var(--brand-500);width:360px;height:360px;top:-90px;right:-40px}.login-visual-orb.two{background:var(--success);width:260px;height:260px;bottom:-40px;left:8%}.login-visual-content{z-index:2;color:#fff;max-width:560px;position:relative}.login-visual-content h2{letter-spacing:-.04em;margin-bottom:18px;font-size:42px;line-height:1.05}.login-feature{color:var(--neutral-300);align-items:center;gap:10px;margin-top:12px;font-size:14px;display:flex}.metric-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.metric-pill.ok{background:var(--success-light);color:var(--success-dark)}.metric-pill.bad{background:var(--danger-light);color:var(--danger-dark)}.kpi-money{font-size:22px!important}.contract-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(330px,1fr));display:grid}.contract-card{border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs);background:#fff}.contract-card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.contract-meta{color:var(--text-secondary);grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;font-size:12px;display:grid}.contract-meta b{color:var(--text-primary);margin-top:2px;font-size:13px;display:block}.mini-summary{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-summary>div{background:var(--surface-subtle);border-radius:var(--radius-md);padding:10px}.mini-summary span{color:var(--text-secondary);font-size:11px;display:block}.mini-summary strong{margin-top:3px;font-size:13px;display:block}.portal-root{background:var(--surface-bg);min-height:100vh}.portal-topbar{background:var(--sidebar-bg);color:#fff;z-index:80;border-bottom:1px solid var(--sidebar-border);align-items:center;gap:28px;height:72px;padding:0 clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.portal-topbar-logo{align-items:center;gap:10px;min-width:210px;display:flex}.portal-topbar-logo-icon{background:var(--brand-500);border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.portal-topbar-logo-name{letter-spacing:-.02em;font-weight:800}.portal-topbar-logo-sub{color:var(--sidebar-text);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.portal-nav{flex:1;align-items:center;gap:4px;display:flex}.portal-nav-item{color:var(--sidebar-text);background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.portal-nav-item:hover,.portal-nav-item.active{background:var(--sidebar-hover);color:#fff}.portal-nav-item.active{box-shadow:inset 0 -2px 0 var(--brand-400)}.portal-user-chip{color:#fff;align-items:center;gap:8px;display:flex}.portal-user-chip-avatar{background:var(--brand-500);border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:grid}.portal-page{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 72px}.portal-hero{color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:20px;overflow:hidden}.portal-hero.active-bg{background:linear-gradient(135deg,var(--brand-800),var(--brand-500))}.portal-hero.suspended-bg{background:linear-gradient(135deg,var(--neutral-800),var(--danger-dark))}.portal-hero-inner{justify-content:space-between;align-items:center;gap:24px;min-height:220px;padding:32px;display:flex}.portal-hero-greeting{color:#b1d1f1;font-size:13px;font-weight:600}.portal-hero-name{letter-spacing:-.04em;margin:4px 0 6px;font-size:34px;font-weight:850}.portal-hero-plan{color:#d1e0f0;font-size:14px}.portal-hero-status-badge{background:#16181d47;border-radius:999px;align-items:center;gap:7px;margin-top:18px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.portal-hero-speed-block{gap:12px;display:flex}.portal-hero-speed-item{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:16px;min-width:125px;padding:18px}.portal-hero-speed-value{font-size:34px;font-weight:900;line-height:1}.portal-hero-speed-unit{opacity:.8;font-size:12px;font-weight:700}.portal-hero-speed-label{opacity:.7;margin-top:5px;font-size:10px}.portal-metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.portal-metric-card{border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;padding:18px}.portal-metric-label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.portal-metric-value{letter-spacing:-.03em;font-size:26px;font-weight:850}.portal-metric-sub{color:var(--text-secondary);margin-top:5px;font-size:11px}.portal-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portal-section{border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;overflow:hidden}.portal-section-header{border-bottom:1px solid var(--surface-border);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.portal-section-title{align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.portal-section-icon{border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.portal-section-body{padding:18px}.conn-info-row{border-bottom:1px solid var(--surface-border);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.conn-info-row:last-child{border-bottom:0}.conn-info-label{color:var(--text-secondary);align-items:center;gap:7px;font-size:12px;display:flex}.conn-info-value{text-align:right;font-size:12px;font-weight:700}.conn-info-value.mono{font-family:var(--font-mono)}.portal-support-cta{background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.portal-mobile-tabbar{display:none}@media (max-width:900px){.portal-nav,.portal-user-chip-name{display:none}.portal-topbar{height:64px;padding:0 16px}.portal-topbar-logo{flex:1;min-width:0}.portal-mobile-tabbar{z-index:100;background:var(--neutral-900);border:1px solid var(--neutral-700);box-shadow:var(--shadow-xl);border-radius:16px;grid-template-columns:repeat(4,1fr);padding:6px;display:grid;position:fixed;bottom:10px;left:10px;right:10px}.portal-mobile-tab-item{color:var(--neutral-400);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;font-size:9px;display:flex}.portal-mobile-tab-item.active{color:#fff;background:var(--neutral-800)}.portal-metric-grid{grid-template-columns:repeat(2,1fr)}.portal-grid-2{grid-template-columns:1fr}}@media (max-width:640px){.login-choice-grid{grid-template-columns:1fr}.portal-page{width:min(100% - 20px,1180px);padding-top:18px}.portal-hero-inner{flex-direction:column;align-items:flex-start;padding:22px}.portal-hero-name{font-size:28px}.portal-hero-speed-block{width:100%}.portal-hero-speed-item{flex:1;min-width:0}.portal-metric-grid{grid-template-columns:1fr 1fr}}#sirus-toast-root{z-index:2147483000;pointer-events:none;flex-direction:column;gap:10px;width:min(460px,100vw - 32px);display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%)}.feedback-toast{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;border-radius:15px;grid-template-columns:36px minmax(0,1fr) 30px;align-items:start;gap:11px;width:100%;min-height:66px;padding:13px 11px 13px 13px;animation:.22s cubic-bezier(.2,.8,.2,1) toastPopupIn;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 56px #0d121c40,0 2px 8px #0d121c14}.feedback-toast.closing{animation:.19s ease-in forwards toastPopupOut}.feedback-toast.error{color:var(--danger-dark);background:#fffafafb;border:1px solid #f2b0b0}.feedback-toast.success{color:var(--success-dark);background:#f5fff9fb;border:1px solid #a4dfbd}.feedback-toast.warning{color:var(--warning-dark);background:#fffbf5fb;border:1px solid #f0ce93}.feedback-toast.info{color:var(--info-dark);background:#f5fcfffb;border:1px solid #a4d2ea}.feedback-toast-icon{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:11px;place-items:center;width:36px;height:36px;margin-top:1px;display:grid}.feedback-toast-copy{min-width:0;padding-top:1px}.feedback-toast-title{color:currentColor;margin-bottom:3px;font-size:12.75px;font-weight:850;line-height:1.25}.feedback-toast-message{min-width:0;color:var(--text-primary);overflow-wrap:anywhere;font-size:12.75px;font-weight:560;line-height:1.48}.feedback-toast-close{color:currentColor;opacity:.62;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.feedback-toast-close:hover{background:color-mix(in srgb, currentColor 9%, transparent);opacity:1}.feedback-toast-timer{opacity:.34;transform-origin:0;background:currentColor;width:100%;height:3px;animation-name:toastTimer;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}@keyframes toastPopupIn{0%{opacity:0;transform:translateY(-14px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastPopupOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.985)}}@keyframes toastTimer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:640px){#sirus-toast-root{width:calc(100vw - 24px);top:12px}.feedback-toast{border-radius:14px;min-height:62px;padding:12px 10px 12px 12px}}.loading-shell{flex-direction:column;gap:14px;padding:12px 0;display:flex}.loading-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px;display:grid}.loading-card{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--surface-primary) 20%,var(--surface-subtle) 40%,var(--surface-primary) 60%);background-size:220% 100%;min-height:150px;padding:20px;animation:1.25s linear infinite skeletonMove}.loading-line{background:var(--surface-border);opacity:.75;border-radius:999px;height:12px}.loading-line.small{width:28%}.loading-line.medium{width:52%}.loading-line.wide{width:min(72%,560px)}@keyframes skeletonMove{0%{background-position:100% 0}to{background-position:-100% 0}}.emergency-hero{background:linear-gradient(135deg,var(--surface-primary),var(--surface-subtle));border-color:var(--surface-border);overflow:hidden}.emergency-hero.is-active{border-color:color-mix(in srgb,var(--danger) 38%,var(--surface-border));box-shadow:0 10px 28px color-mix(in srgb,var(--danger) 10%,transparent)}.locate-layout{gap:var(--space-4);grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);display:grid}.map-card{min-height:430px;padding:0;position:relative;overflow:hidden}.fake-map{cursor:crosshair;width:100%;height:430px;display:block}.map-watermark{background:color-mix(in srgb,var(--neutral-900) 86%,transparent);color:#fff;letter-spacing:.05em;box-shadow:var(--shadow-md);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:14px;left:14px}.locate-item{border:1px solid var(--surface-border);background:var(--surface-primary);width:100%;color:var(--text-primary);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;display:flex}.locate-item:hover{border-color:var(--brand-400);transform:translateY(-1px)}.locate-item.active{background:var(--brand-50);border-color:var(--brand-400)}@media (max-width:980px){.locate-layout{grid-template-columns:1fr}.fake-map,.map-card{height:340px;min-height:340px}}@media (max-width:640px){.modal-overlay{padding:12px}.modal{border-radius:16px;width:min(480px,100vw - 24px);max-height:calc(100dvh - 24px)}.modal-header{padding:15px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.modal .grid-2,.modal .grid-3{grid-template-columns:1fr}.modal-footer>.btn,.modal-footer>button{flex:140px;justify-content:center}.tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch;overflow:auto hidden}.tab{white-space:nowrap;flex:none}.topbar{min-height:var(--topbar-height);align-items:center;height:auto;padding:10px 14px}.topbar>:first-child{flex:auto;min-width:0}.topbar-title,.topbar-subtitle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;gap:6px;max-width:58%}.table-container{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}}@media (max-height:620px) and (min-width:641px){.modal{max-height:calc(100dvh - 32px)}}.billing-workspace{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px;display:grid}.billing-workspace>*{min-width:0}.billing-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.billing-summary{border-bottom:1px solid var(--surface-border);flex-wrap:wrap;gap:24px;padding-bottom:20px;display:flex}.billing-summary>div{flex:1;min-width:130px}.billing-summary dt{color:var(--text-secondary);margin-bottom:5px;font-size:12px}.billing-summary dd{font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:750}.invoice-document{color:#17212b;background:#fff;padding:clamp(20px,4vw,48px);font-size:13px;line-height:1.6}.invoice-document h1,.invoice-document h2,.invoice-document h3{color:#17212b}.invoice-document p{overflow-wrap:anywhere;margin:0}.invoice-document-header{justify-content:space-between;gap:32px;margin-bottom:40px;display:flex}.invoice-company-logo{object-fit:contain;object-position:left;width:210px;max-width:100%;height:72px;margin-bottom:12px}.invoice-document-header h2{margin:0 0 8px;font-size:16px}.invoice-document h3{margin:0 0 6px;font-size:12px}.invoice-customer{max-width:240px;padding-top:70px}.invoice-document-title{margin:0 0 18px;font-size:18px;color:#075a8a!important}.invoice-document-title span{overflow-wrap:anywhere}.invoice-document-meta{border-top:1px solid #17212b;grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:10px 0 18px;display:grid}.invoice-document-meta dt{font-size:11px;font-weight:700}.invoice-document-meta dd{margin:4px 0 0;font-size:12px}.invoice-lines-scroll{overflow-x:auto}.invoice-lines{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:450px}.invoice-lines th{text-align:left;border-top:1px solid #17212b;border-bottom:1px solid #ccd3db;padding:10px 6px;font-size:11px}.invoice-lines td{vertical-align:top;padding:18px 6px}.invoice-lines th:last-child,.invoice-lines td:last-child{text-align:right}.invoice-lines td p{color:#4b5563;margin-top:4px;font-size:11px}.invoice-document-summary{justify-content:flex-end;margin:36px 0;display:flex}.invoice-document-summary dl{width:300px;margin:0}.invoice-document-summary dl>div{justify-content:space-between;gap:18px;padding:8px 0;display:flex}.invoice-document-summary dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.invoice-balance{border-top:2px solid #075a8a;font-weight:700}.invoice-payment-instructions{white-space:pre-wrap;margin-bottom:28px}.invoice-document-footer{border-top:1px solid #ccd3db;padding-top:14px;font-size:11px}.invoice-document-footer p:last-child{color:#4b5563;margin-top:14px}.invoice-preview-overlay{z-index:300;background:#0f172aa6;padding:24px;position:fixed;inset:0;overflow:auto}.invoice-preview{background:#fff;border-radius:12px;max-width:900px;margin:0 auto;overflow:hidden;box-shadow:0 16px 48px #00000040}.invoice-preview-toolbar{color:#17212b;background:#f8fafc;border-bottom:1px solid #dbe2e8;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;display:flex}@media (max-width:900px){.billing-workspace{grid-template-columns:1fr}}@media (max-width:640px){.invoice-preview-overlay{padding:8px}.invoice-document-header{flex-direction:column;gap:20px;margin-bottom:24px}.invoice-customer{max-width:none;padding-top:0}.invoice-document-meta{grid-template-columns:repeat(2,1fr)}.invoice-preview-toolbar{flex-wrap:wrap}}@media print{@page{size:A4;margin:14mm}body:has(.invoice-preview-overlay) .app-shell{display:none!important}.invoice-preview-overlay{background:#fff;padding:0;position:static;overflow:visible}.invoice-preview{width:100%;max-width:none;box-shadow:none;border-radius:0;overflow:visible}.invoice-preview-toolbar{display:none!important}.invoice-document{padding:0;font-size:11px}.invoice-lines-scroll{overflow:visible}.invoice-document-header{flex-direction:row}.invoice-customer{padding-top:70px}.invoice-document-meta{grid-template-columns:repeat(4,1fr)}.invoice-document-summary,.invoice-document-footer{break-inside:avoid}}