:root{--font-sora:"Sora", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-sm:8px;--border-radius-md:14px;--border-radius-lg:20px;--border-radius-xl:30px;--bg-app:#f4f6f8;--bg-sidebar:#ffffffd9;--bg-card:#ffffffb3;--bg-card-hover:#fffffff2;--border-glass:#fff6;--border-divider:#0000000f;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--color-primary:#0284c7;--color-secondary:#0f172a;--color-accent:#f59e0b;--color-success:#10b981;--color-danger:#ef4444;--color-info:#06b6d4;--shadow-premium:0 8px 32px 0 #1f26870d;--shadow-card:0 4px 20px 0 #00000005;--glass-blur:blur(12px);--bg-badge-active:#10b9811a;--text-badge-active:#059669}[data-theme=dark]{--bg-app:#0b0f19;--bg-sidebar:#111827d9;--bg-card:#1a2436a6;--bg-card-hover:#1f2937d9;--border-glass:#ffffff0d;--border-divider:#ffffff12;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-primary:#38bdf8;--color-secondary:#f8fafc;--color-accent:#fbbf24;--color-success:#34d399;--color-danger:#f87171;--color-info:#22d3ee;--shadow-premium:0 8px 32px 0 #0000005e;--shadow-card:0 4px 20px 0 #00000026;--glass-blur:blur(20px);--bg-badge-active:#34d39926;--text-badge-active:#34d399}*{box-sizing:border-box;font-family:var(--font-sora);margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);transition:var(--transition-smooth);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}.app-container{width:100vw;min-height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-divider);width:260px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:10;height:100vh;transition:var(--transition-smooth);flex-direction:column;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--border-divider);align-items:center;gap:10px;padding:24px;display:flex}.sidebar-logo{background:linear-gradient(135deg, var(--color-primary), var(--color-info));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:flex}.sidebar-title{background:linear-gradient(to right, var(--text-primary), var(--color-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:800}.sidebar-menu{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-item{border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-item.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px #0284c74d}.sidebar-footer{border-top:1px solid var(--border-divider);justify-content:space-between;align-items:center;padding:20px;display:flex}.main-viewport{flex-direction:column;flex:1;height:100vh;display:flex;overflow-y:auto}.top-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border-divider);height:70px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:9;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-search{background:var(--bg-app);border:1px solid var(--border-divider);border-radius:var(--border-radius-sm);align-items:center;gap:8px;width:300px;padding:8px 12px;display:flex}.header-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.header-actions{align-items:center;gap:16px;display:flex}.action-btn{background:var(--bg-card);border:1px solid var(--border-divider);color:var(--text-primary);cursor:pointer;width:38px;height:38px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.action-btn:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.user-profile-badge{background:var(--bg-card);border:1px solid var(--border-divider);border-radius:20px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.user-name{font-size:12px;font-weight:700}.page-content{flex-direction:column;gap:24px;padding:24px;display:flex}.card-glass{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);padding:24px}.card-glass:hover{box-shadow:var(--shadow-premium);background:var(--bg-card-hover)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.metric-card{flex-direction:column;gap:12px;display:flex}.metric-header{justify-content:space-between;align-items:center;display:flex}.metric-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:12px;font-weight:700}.metric-value{letter-spacing:-.03em;font-size:32px;font-weight:800}.metric-footer{align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.trend-up{color:var(--color-success)}.trend-down{color:var(--color-danger)}.table-container{overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-divider);letter-spacing:.05em;padding:14px 16px;font-size:11px;font-weight:700}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border-divider);padding:16px;font-size:13px;font-weight:500}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background:#00000003}[data-theme=dark] .custom-table tbody tr:hover{background:#ffffff03}.badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.badge-active{color:var(--color-success);background:#10b9811a}.badge-pending{color:var(--color-accent);background:#f59e0b1a}.badge-defaulter{color:var(--color-danger);background:#ef44441a}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-divider);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background:0 0;padding:10px 18px;font-size:13px;font-weight:700}.btn-outline:hover{background:var(--bg-card)}.btn-danger{background:var(--color-danger);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);border:none;padding:10px 18px;font-size:13px;font-weight:700}.btn-danger:hover{opacity:.9}.split-layout{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=1024px){.split-layout{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-sidebar);border:1px solid var(--border-glass);border-radius:var(--border-radius-md);width:480px;max-width:90vw;box-shadow:var(--shadow-premium);flex-direction:column;gap:20px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:700}.form-group input,.form-group textarea,.form-group select{border-radius:var(--border-radius-sm);border:1px solid var(--border-divider);background:var(--bg-app);color:var(--text-primary);outline:none;padding:12px;font-size:13px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary)}.modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--text-muted);border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{transform:translate(20px)}