@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f5f7fb;--surface:#fff;--border:#e8eaf0;--border-subtle:#f3f4f8;--text-1:#1a1d2e;--text-2:#5a6072;--text-3:#8b92a9;--text-4:#c1c7d6;--brand:#800020;--brand-light:#fff0f2;--brand-hover:#6b001a;--success:#16a34a;--success-light:#f0fdf4;--warning:#ea580c;--warning-light:#fff7ed;--danger:#dc2626;--danger-light:#fef2f2;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #00000021;--t:.15s ease;--sidebar-w:240px}body.dark{--bg:#0e1117;--surface:#161b27;--border:#252d3f;--border-subtle:#1c2235;--text-1:#e8edf8;--text-2:#9aa3bc;--text-3:#6b7390;--text-4:#3d4562;--brand-light:#2a0010;--success-light:#052e16;--warning-light:#431407;--danger-light:#450a0a}body.dark th{background:#131824}body.dark tr:hover td{background:#1a2030}body.dark .filter-select{color:#5a6072;color:var(--text-2)}body.dark .skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#1c2235 25%,#232b40 50%,#1c2235 75%);background-size:200% 100%}body.dark .tab-btn:hover{background:#ffffff0d}body.dark .tab-btn.active{background:#1c2235}body.dark .modal-backdrop{background:#00000a99}body.dark .toast-info{background:#0d1226}body.dark .toast-success{background:#021a10}body.dark .toast-warning{background:#1f0a00}body.dark .toast-error{background:#200000}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;background:var(--bg);color:#1a1d2e;color:var(--text-1);font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;transition:background .25s,color .25s}button{cursor:pointer}button,input,select,textarea{font-family:inherit}svg{flex-shrink:0;height:18px;width:18px}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.dark ::-webkit-scrollbar-thumb{background:#2a3248}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e8eaf0;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1),background .25s,border-color .25s;width:240px;width:var(--sidebar-w);z-index:100}.sidebar.collapsed{width:64px}.main-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.sidebar-top{border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--border);justify-content:space-between;min-height:64px;padding:16px 14px}.brand,.sidebar-top{align-items:center;display:flex}.brand{gap:10px;overflow:hidden}.brand-logo{align-items:center;background:linear-gradient(135deg,#4f6ef7,#6b001a);border-radius:10px;box-shadow:0 4px 12px #4f6ef759;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:36px;justify-content:center;width:36px}.brand-text{display:flex;flex-direction:column;overflow:hidden}.brand-name{color:#1a1d2e;color:var(--text-1);font-size:14px;font-weight:700;white-space:nowrap}.brand-sub{font-size:11px;white-space:nowrap}.brand-sub,.collapse-btn{color:#8b92a9;color:var(--text-3)}.collapse-btn{align-items:center;background:none;border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:6px;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;transition:all .15s ease;transition:all var(--t);width:24px}.collapse-btn:hover{background:#f5f7fb;background:var(--bg);color:#1a1d2e;color:var(--text-1)}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:1px;overflow-y:auto;padding:10px 8px}.nav-item{align-items:center;background:none;border:none;border-radius:9px;color:#5a6072;color:var(--text-2);display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:9px 10px;position:relative;text-align:left;transition:all .15s ease;transition:all var(--t);white-space:nowrap;width:100%}.nav-item:hover{background:#f5f7fb;background:var(--bg);color:#1a1d2e;color:var(--text-1)}.nav-item.active{background:#fff0f2;background:var(--brand-light);color:#800020;color:var(--brand);font-weight:600}.nav-item.active svg{stroke:#800020;stroke:var(--brand)}.nav-item.active:before{background:#800020;background:var(--brand);border-radius:0 2px 2px 0;content:"";height:55%;left:-8px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-label{flex:1 1}.nav-badge{animation:badgePop .2s ease;background:#800020;background:var(--brand);border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:1px 7px;text-align:center}@keyframes badgePop{0%{transform:scale(.7)}to{transform:scale(1)}}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .nav-badge,.sidebar.collapsed .nav-item.active:before,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item:after{background:#1a1d2e;background:var(--text-1);border-radius:7px;box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);color:#fff;color:var(--surface);content:attr(title);font-size:12px;font-weight:600;left:calc(100% + 10px);opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s;white-space:nowrap;z-index:200}.sidebar.collapsed .nav-item:hover:after{opacity:1}.sidebar-bottom{align-items:center;border-top:1px solid #e8eaf0;border-top:1px solid var(--border);display:flex;gap:8px;padding:14px}.live-dot{background:#d1d5db;border-radius:50%;flex-shrink:0;height:8px;transition:background .3s;width:8px}.live-dot.online{animation:livePulse 2s ease-in-out infinite;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}@keyframes livePulse{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e0a}}.live-label{color:#8b92a9;color:var(--text-3);font-size:12px}.topbar{background:#fff;background:var(--surface);border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--border);flex-shrink:0;gap:16px;height:64px;justify-content:space-between;padding:0 28px;transition:background .25s,border-color .25s}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:12px;min-width:0}.page-greeting{color:#1a1d2e;color:var(--text-1);font-size:19px;font-weight:700;line-height:1.2}.page-greeting span{color:#800020;color:var(--brand)}.page-date{color:#8b92a9;color:var(--text-3);font-size:12px;margin-top:1px}.topbar-right{flex-shrink:0;gap:10px}.sys-status,.topbar-right{align-items:center;display:flex}.sys-status{border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;gap:7px;padding:5px 13px;white-space:nowrap}.sys-status.ok{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.sys-status.err{background:#fef2f2;border-color:#fecaca;color:#dc2626}.sys-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:7px;width:7px}.sys-status.ok .sys-dot{animation:pulse 1.5s ease-in-out infinite}.mobile-toggle{align-items:center;background:none;border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:8px;color:#5a6072;color:var(--text-2);display:none;flex-shrink:0;justify-content:center;padding:6px 8px;transition:all .15s ease;transition:all var(--t)}.mobile-toggle:hover{background:#f5f7fb;background:var(--bg);color:#1a1d2e;color:var(--text-1)}.mobile-toggle svg{height:18px;width:18px}.page-body{flex:1 1;overflow-y:auto;padding:24px 28px}.page-view{animation:pageIn .22s ease;will-change:opacity,transform}@keyframes pageIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f2f7 25%,#e4e8f0 50%,#f0f2f7 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sk-line{height:13px;width:100%}.sk-line.w-30{width:30%}.sk-line.w-50{width:50%}.sk-line.w-70{width:70%}.sk-num{border-radius:8px;border-radius:var(--r-sm);height:34px;width:55%}.sk-icon{border-radius:10px;flex-shrink:0;height:40px;width:40px}.sk-card{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:10px;padding:20px}.sk-avatar{border-radius:12px;flex-shrink:0;height:38px;width:38px}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.qa-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#5a6072;color:var(--text-2);display:flex;font-size:13px;font-weight:500;gap:8px;padding:9px 16px;transition:all .15s ease;transition:all var(--t)}.qa-btn:hover{background:#fff0f2;background:var(--brand-light);border-color:#800020;border-color:var(--brand);color:#800020;color:var(--brand)}.qa-btn svg{height:15px;width:15px}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:24px}.stat-card{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:20px;position:relative;transition:transform .15s ease,box-shadow .15s ease;transition:transform var(--t),box-shadow var(--t)}.stat-card:hover{box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;margin-bottom:14px;width:40px}.stat-card-icon svg{height:20px;width:20px}.stat-card-icon.blue{stroke:#4f6ef7;background:#eef0ff;color:#4f6ef7}.stat-card-icon.green{stroke:#16a34a;background:#f0fdf4;color:#16a34a}.stat-card-icon.orange{stroke:#ea580c;background:#fff7ed;color:#ea580c}.stat-card-icon.red{stroke:#dc2626;background:#fef2f2;color:#dc2626}.stat-card-icon.purple{stroke:#6b001a;background:#faf5ff;color:#6b001a}.stat-card-icon.teal{stroke:#0d9488;background:#f0fdfa;color:#0d9488}.stat-label{color:#8b92a9;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#1a1d2e;color:var(--text-1);font-size:28px;font-weight:800;line-height:1}.stat-sub{color:#8b92a9;color:var(--text-3);font-size:12px;margin-top:6px}.stat-badge{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px;position:absolute;right:16px;top:16px}.stat-badge.up{background:#f0fdf4;color:#16a34a}.stat-badge.down{background:#fef2f2;color:#dc2626}.income-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.income-card{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:14px;padding:20px}.income-period{color:#8b92a9;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.income-amount{color:#1a1d2e;color:var(--text-1);font-size:22px;font-weight:800}.income-sub{color:#8b92a9;color:var(--text-3);font-size:12px;margin-top:4px}.charts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.5fr 1fr;margin-bottom:24px}.chart-card{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:14px;padding:20px}.chart-card-title{color:#1a1d2e;color:var(--text-1);font-size:14px;font-weight:700;margin-bottom:4px}.chart-card-sub{color:#8b92a9;color:var(--text-3);font-size:12px;margin-bottom:16px}.recent-card{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:14px;padding:20px}.recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.recent-title{color:#1a1d2e;color:var(--text-1);font-size:14px;font-weight:700}.recent-item{align-items:center;border-bottom:1px solid #f3f4f8;border-bottom:1px solid var(--border-subtle);display:flex;gap:12px;padding:10px 0}.recent-item:last-child{border-bottom:none}.recent-avatar{align-items:center;background:linear-gradient(135deg,#4f6ef7,#6b001a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.recent-info{flex:1 1;min-width:0}.recent-name{color:#1a1d2e;color:var(--text-1);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-method{color:#8b92a9;color:var(--text-3);font-size:11.5px;text-transform:capitalize}.recent-amount{color:#16a34a;flex-shrink:0;font-size:14px;font-weight:700}.section-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.section-title{color:#1a1d2e;color:var(--text-1);font-size:18px;font-weight:700}.section-sub{color:#8b92a9;color:var(--text-3);font-size:12.5px;margin-top:2px}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px}.search-box,.toolbar{align-items:center;display:flex}.search-box{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);flex:1 1;gap:8px;max-width:300px;min-width:180px;padding:8px 12px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--t),box-shadow var(--t)}.search-box:focus-within{border-color:#800020;border-color:var(--brand);box-shadow:0 0 0 3px #4f6ef71a}.search-box svg{stroke:#8b92a9;stroke:var(--text-3);color:#8b92a9;color:var(--text-3);flex-shrink:0;height:15px;width:15px}.search-box input{background:none;border:none;color:#1a1d2e;color:var(--text-1);font-size:13px;outline:none;width:100%}.search-box input::placeholder{color:#c1c7d6;color:var(--text-4)}.filter-select{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#5a6072;color:var(--text-2);font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s ease;transition:border-color var(--t)}.filter-select:focus{border-color:#800020;border-color:var(--brand)}.toolbar-right{display:flex;gap:8px;margin-left:auto}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--r-sm);display:inline-flex;font-size:13px;font-weight:600;gap:6px;overflow:hidden;padding:8px 16px;position:relative;transition:all .15s ease;transition:all var(--t)}.btn:active{transform:scale(.97)}.btn svg{height:15px;width:15px}.btn-primary{background:#800020;background:var(--brand);box-shadow:0 2px 8px #4f6ef747;color:#fff}.btn-primary:hover{background:#6b001a;background:var(--brand-hover);box-shadow:0 4px 14px #4f6ef766}.btn-success{background:#16a34a;box-shadow:0 2px 8px #16a34a47;color:#fff}.btn-success:hover{background:#15803d;box-shadow:0 4px 14px #16a34a66}.btn-danger{background:#fff;background:var(--surface);border:1px solid #fecaca;color:#dc2626}.btn-danger:hover{background:#fef2f2}.btn-ghost{background:none;border:1px solid #e8eaf0;border:1px solid var(--border);color:#5a6072;color:var(--text-2)}.btn-ghost:hover{background:#f5f7fb;background:var(--bg);border-color:#c8cad4;color:#1a1d2e;color:var(--text-1)}.btn-sm{font-size:12px;padding:5px 12px}.btn-warning{background:#fff7ed;background:var(--warning-light);border:1px solid #fed7aa;color:#ea580c}.btn-warning:hover{background:#ffedd5}.btn-icon{align-items:center;border-radius:8px;border-radius:var(--r-sm);display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.table-wrap{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:16px;border-radius:var(--r-lg);box-shadow:0 1px 3px #00000012;box-shadow:var(--shadow-sm);overflow:hidden}table{border-collapse:collapse;width:100%}th{background:#f8f9fc;border-bottom:1px solid #e8eaf0;border-bottom:1px solid var(--border);color:#8b92a9;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.5px;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}td{border-bottom:1px solid #f3f4f8;border-bottom:1px solid var(--border-subtle);color:#5a6072;color:var(--text-2);font-size:13px;padding:12px 16px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbff;transition:background .1s}.td-name{color:#1a1d2e;color:var(--text-1);font-weight:600}.td-sub{color:#8b92a9;color:var(--text-3);font-size:11.5px;margin-top:1px}.tabs{background:#f5f7fb;background:var(--bg);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:10px;display:flex;gap:2px;margin-bottom:16px;padding:3px;width:fit-content}.tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:#8b92a9;color:var(--text-3);cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s ease;transition:all var(--t);white-space:nowrap}.tab-btn:hover{background:#0000000a}.tab-btn.active,.tab-btn:hover{color:#1a1d2e;color:var(--text-1)}.tab-btn.active{background:#fff;background:var(--surface);box-shadow:0 1px 3px #00000012;box-shadow:var(--shadow-sm)}.tab-count{background:#f3f4f8;background:var(--border-subtle);border-radius:10px;color:#8b92a9;color:var(--text-3);font-size:10.5px;font-weight:700;padding:1px 7px}.tab-btn.active .tab-count{background:#fff0f2;background:var(--brand-light);color:#800020;color:var(--brand)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;padding:3px 10px}.badge:before{background:currentColor;border-radius:50%;content:"";flex-shrink:0;height:5px;width:5px}.badge-active{background:#f0fdf4;color:#16a34a}.badge-suspended{background:#fff7ed;color:#ea580c}.badge-expired{background:#fef2f2;color:#dc2626}.badge-paid{background:#f0fdf4;color:#16a34a}.badge-unpaid{background:#fff7ed;color:#ea580c}.badge-overdue{background:#fef2f2;color:#dc2626}.badge-pppoe{background:#eef0ff;color:#4f6ef7}.badge-hotspot{background:#faf5ff;color:#6b001a}.badge-cash{background:#f0fdf4;color:#16a34a}.badge-mpesa{background:#e6f9f0;color:#00a651}.badge-bank{background:#eef0ff;color:#4f6ef7}.badge-card{background:#faf5ff;color:#6b001a}.online-pill{align-items:center;color:#16a34a;display:inline-flex;font-size:12px;font-weight:600;gap:5px}.online-pill:before{animation:pulse 1.5s infinite;background:#16a34a;border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.actions{display:flex;gap:5px}.icon-btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:7px;color:#5a6072;color:var(--text-2);display:flex;height:30px;justify-content:center;transition:all .15s ease;transition:all var(--t);width:30px}.icon-btn svg{height:14px;width:14px}.icon-btn:hover{background:#fff0f2;background:var(--brand-light);border-color:#800020;border-color:var(--brand);box-shadow:0 2px 8px #4f6ef72e;color:#800020;color:var(--brand);transform:translateY(-1px)}.icon-btn.danger:hover{background:#fef2f2;border-color:#fecaca;box-shadow:0 2px 8px #dc262626;color:#dc2626;transform:translateY(-1px)}.icon-btn.success:hover{background:#f0fdf4;border-color:#bbf7d0;box-shadow:0 2px 8px #16a34a26;color:#16a34a;transform:translateY(-1px)}.icon-btn.warning:hover{background:#fff7ed;border-color:#fed7aa;box-shadow:0 2px 8px #ea580c26;color:#ea580c;transform:translateY(-1px)}.modal-backdrop{align-items:center;animation:backdropIn .15s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f142880;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalIn .22s cubic-bezier(.34,1.26,.64,1);background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 64px #00000038;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-lg{max-width:680px}.modal-xl{max-width:860px}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.modal-title{color:#1a1d2e;color:var(--text-1);font-size:17px;font-weight:700}.modal-close{align-items:center;background:none;border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:8px;color:#8b92a9;color:var(--text-3);display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--t);width:32px}.modal-close:hover{background:#f5f7fb;background:var(--bg);color:#1a1d2e;color:var(--text-1)}.modal-body{padding:20px 24px 24px}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-grid.cols-1{grid-template-columns:1fr}.form-full{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:#5a6072;color:var(--text-2);font-size:12px;font-weight:600}.form-control{background:#fff;background:var(--surface);border:1px solid #e8eaf0;border:1px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#1a1d2e;color:var(--text-1);font-size:13px;outline:none;padding:9px 12px;transition:border .15s ease,box-shadow .15s ease;transition:border var(--t),box-shadow var(--t)}.form-control:focus{border-color:#800020;border-color:var(--brand);box-shadow:0 0 0 3px #4f6ef71f}.form-control::placeholder{color:#c1c7d6;color:var(--text-4)}.form-hint{color:#8b92a9;color:var(--text-3);font-size:11.5px;margin-top:2px}.form-actions{border-top:1px solid #f3f4f8;border-top:1px solid var(--border-subtle);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.speed{align-items:center;display:flex;font-size:12.5px;gap:4px}.speed-dl{color:#16a34a;font-weight:600}.speed-ul{color:#4f6ef7;font-weight:600}.empty-state{align-items:center;color:#8b92a9;color:var(--text-3);display:flex;flex-direction:column;gap:10px;padding:60px 20px;text-align:center}.empty-state svg{stroke:#c1c7d6;stroke:var(--text-4);display:block;height:48px;width:48px}.empty-state h3{color:#5a6072;color:var(--text-2);font-size:15px;font-weight:600}.empty-state p,.loading{color:#8b92a9;color:var(--text-3);font-size:13px}.loading{align-items:center;display:flex;gap:8px;justify-content:center;padding:40px;text-align:center}.spinner{animation:spin .7s linear infinite;border:2.5px solid #e8eaf0;border-top-color:#800020;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--brand);flex-shrink:0;height:18px;width:18px}.toast-stack{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:24px;z-index:2000}.toast{align-items:center;animation:toastIn .25s cubic-bezier(.34,1.26,.64,1);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 28px #00000038;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;max-width:340px;min-width:180px;padding:11px 16px 11px 12px;pointer-events:auto}@keyframes toastIn{0%{opacity:0;transform:translateX(18px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-close{background:none;border:none;color:inherit;cursor:pointer;flex-shrink:0;font-size:15px;margin-left:auto;opacity:.6;padding:0 0 0 4px}.toast-close:hover{opacity:1}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:12px;font-style:normal;font-weight:800;height:22px;justify-content:center;width:22px}.toast-info{background:#1a2040;color:#c7d3ff}.toast-info .toast-icon{background:#4f6ef74d;color:#818cf8}.toast-success{background:#042018;color:#a7f3c8}.toast-success .toast-icon{background:#22c55e40;color:#4ade80}.toast-warning{background:#2a0e00;color:#ffd8a8}.toast-warning .toast-icon{background:#fb923c40;color:#fb923c}.toast-error{background:#280000;color:#ffc9c9}.toast-error .toast-icon{background:#f8717140;color:#f87171}.session-live{align-items:center;color:#16a34a;display:inline-flex;font-size:12px;font-weight:600;gap:4px}.session-live:before{animation:pulse 1s infinite;background:#16a34a;border-radius:50%;content:"";flex-shrink:0;height:7px;width:7px}.days-bar{background:#e8eaf0;background:var(--border);border-radius:2px;height:4px;margin-top:5px;overflow:hidden;width:80px}.days-fill{border-radius:2px;height:100%}.days-fill.ok{background:#22c55e}.days-fill.low{background:#f59e0b}.days-fill.exp{background:#ef4444}.divider{background:#f3f4f8;background:var(--border-subtle);height:1px;margin:16px 0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-border{0%,to{box-shadow:0 0 0 0 #16a34a66}50%{box-shadow:0 0 0 6px #16a34a00}}.sidebar-overlay{display:none}@media (max-width:768px){.mobile-toggle{display:flex}.sidebar{bottom:0;box-shadow:0 8px 32px #00000021;box-shadow:var(--shadow-lg);left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1),background .25s;width:240px!important;width:var(--sidebar-w)!important;z-index:300}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%)}.sidebar.collapsed.mobile-open{transform:translateX(0)}.sidebar-overlay{animation:backdropIn .15s ease;background:#0006;display:block;inset:0;position:fixed;z-index:299}.topbar{padding:0 16px}.page-body{padding:16px}.page-greeting{font-size:16px}.page-date,.sys-status span:not(.sys-dot){display:none}.charts-grid,.form-grid,.income-row{grid-template-columns:1fr}.topbar-right{gap:6px}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr 1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:18px 18px 0 0}.toast-stack{align-items:stretch;bottom:16px;left:16px;right:16px}.toast{max-width:100%}}
/*# sourceMappingURL=main.29d12b1e.css.map*/