@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Sora:wght@300;400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #FBF5E6;--bg-surface: #FFFBF3;--bg-surface-hover: #FFF8EC;--bg-surface-sunken: #F5EDD8;--bg-surface-glass: rgba(255, 251, 243, .72);--bg-sidebar: #1A0A04;--bg-sidebar-hover: rgba(212, 175, 55, .08);--bg-sidebar-active: linear-gradient(135deg, rgba(201, 123, 42, .16) 0%, rgba(212, 175, 55, .07) 100%);--text-sidebar-primary: #D4AF37;--text-sidebar-secondary: rgba(212, 175, 55, .45);--text-sidebar-muted: rgba(212, 175, 55, .3);--brand-saffron: #C97B2A;--brand-saffron-dark: #A05A1A;--brand-saffron-light: #FFF5E6;--brand-saffron-50: #FFFAF0;--brand-saffron-glow: rgba(201, 123, 42, .18);--brand-saffron-luminous: #E8963A;--accent-gold: #D4AF37;--accent-gold-light: #F5E090;--brand-green: #1E5C3A;--brand-green-light: #E8F5EE;--brand-green-dark: #1E5C3A;--brand-green-luminous: #2D8A58;--color-error: #8B1A1A;--color-error-light: #FDE8E8;--color-warning: #D4AF37;--color-warning-light: #FFF8E1;--color-info: #4A6FA5;--color-info-light: #E8F0FA;--text-primary: #2C1A0E;--text-secondary: #5C3D2E;--text-muted: #7A5A3A;--text-inverse: #FFFFFF;--text-saffron: #A05A1A;--border-default: rgba(201, 123, 42, .15);--border-light: rgba(201, 123, 42, .1);--border-focus: #C97B2A;--shadow-xs: 0 1px 2px rgba(44, 24, 16, .04);--shadow-sm: 0 2px 8px rgba(44, 24, 16, .06);--shadow-md: 0 2px 16px rgba(44, 24, 16, .08);--shadow-lg: 0 6px 28px rgba(44, 24, 16, .13);--shadow-xl: 0 12px 40px rgba(44, 24, 16, .16);--shadow-saffron: 0 4px 18px rgba(201, 123, 42, .35);--shadow-saffron-lg: 0 6px 22px rgba(201, 123, 42, .4);--shadow-card: 0 2px 16px rgba(44, 24, 16, .08);--shadow-glass: 0 8px 32px rgba(44, 24, 16, .06);--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: 8px;--radius-md: 11px;--radius-lg: 16px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--font-heading: "Playfair Display", "Georgia", serif;--font-sans: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Sora", monospace;--sidebar-width: 260px;--sidebar-collapsed: 72px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--bg-header-translucent: rgba(251, 245, 230, .88)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress-shrink{0%{width:100%}to{width:0%}}@keyframes ripple-effect{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .3s ease}.animate-fadeInUp{animation:fadeInUp .4s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);line-height:1.6;min-height:100vh;letter-spacing:-.01em}a{color:var(--brand-saffron);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-saffron-dark)}::selection{background:#c97b2a26;color:var(--text-primary)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c97b2a47;border-radius:3px}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;transition:margin-left var(--transition-normal)}.page-header{position:sticky;top:0;z-index:40;background:var(--bg-header-translucent);backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);border-bottom:1px solid var(--border-light);padding:var(--space-3) var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:64px}.page-header-left{display:flex;align-items:center;gap:var(--space-4)}.page-header-left h1{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.page-header-right{display:flex;align-items:center;gap:var(--space-2)}.page-body{flex:1;padding:28px 30px;max-width:1600px;margin:0 auto;width:100%;animation:fadeInUp .35s ease}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(170deg,#1a0a04,#110600);border-right:1px solid rgba(212,175,55,.12);color:var(--text-sidebar-primary);display:flex;flex-direction:column;z-index:50;transition:width var(--transition-normal);overflow-x:hidden;overflow-y:auto}.sidebar-brand{padding:26px 20px 18px;border-bottom:1px solid rgba(212,175,55,.08);display:flex;align-items:center;gap:11px;background:none}.sidebar-brand-icon{width:40px;height:40px;background:linear-gradient(135deg,#c97b2a,#d4af37);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 14px #c97b2a59;transition:transform var(--transition-spring)}.sidebar-brand:hover .sidebar-brand-icon{transform:scale(1.05) rotate(-2deg)}.sidebar-brand-text h2{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#d4af37;background:none;-webkit-text-fill-color:#D4AF37}.sidebar-brand-text span{font-size:.6875rem;color:#d4af3766;font-weight:400;letter-spacing:.01em}.sidebar-cta{padding:14px 14px 6px}.sidebar-cta button{width:100%;padding:11px 14px;border-radius:11px;background:linear-gradient(135deg,#c97b2a,#e8963a);border:none;color:#fff;font-family:var(--font-sans);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 18px #c97b2a73;transition:all var(--transition-fast)}.sidebar-cta button:hover{opacity:.9;transform:translateY(-1px)}.sidebar-nav{flex:1;padding:8px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-section-label{font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#d4af3740;padding:var(--space-5) 12px var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:10px;color:#d4af37a6;font-size:.8125rem;font-weight:400;transition:all var(--transition-fast);cursor:pointer;text-decoration:none;border:1px solid transparent;background:none;width:100%;text-align:left;position:relative;overflow:hidden}.sidebar-link:hover{background:#d4af370f;color:#d4af37d9;transform:translate(2px)}.sidebar-link.active{background:linear-gradient(90deg,#c97b2a26,#c97b2a05);color:var(--brand-gold);border-left:3px solid var(--brand-saffron)}.sidebar-link svg{width:15px;height:15px;flex-shrink:0;opacity:.8;transition:all var(--transition-fast)}.sidebar-link:hover svg{opacity:1;transform:scale(1.05)}.sidebar-link.active svg{opacity:1;color:#d4af37}.sidebar-link.active:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#d4af37}.sidebar-footer{padding:14px;border-top:1px solid rgba(212,175,55,.08);background:none}.sidebar-user{display:flex;align-items:center;gap:9px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer}.sidebar-user:hover{background:#d4af370f}.sidebar-user-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,#c97b2a,#d4af37);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.0625rem;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #c97b2a40}.sidebar-user-info h4{font-family:var(--font-sans);font-size:.75rem;font-weight:600;line-height:1.2;color:#d4af37}.sidebar-user-info span{font-size:.625rem;color:#d4af3761}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);opacity:.6;z-index:1}.card:hover{box-shadow:var(--shadow-lg);border-color:#c97b2a38}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.card-header h3{font-family:var(--font-heading);font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.card-body{padding:var(--space-5)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:22px}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px 22px;display:flex;align-items:flex-start;gap:var(--space-4);box-shadow:var(--shadow-md);transition:all var(--transition-normal);position:relative;overflow:hidden;cursor:default}.kpi-card:before{content:"";position:absolute;left:0;bottom:0;right:0;height:3px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.kpi-card:after{content:"";position:absolute;top:-12px;right:-12px;width:100px;height:100px;border-radius:50%;opacity:.065;pointer-events:none;background:radial-gradient(circle,#D4AF37 0%,transparent 70%)}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:#c97b2a38}.kpi-card.saffron:before{background:linear-gradient(90deg,#c97b2a,#c97b2a40)}.kpi-card.green:before{background:linear-gradient(90deg,#1e5c3a,#1e5c3a40)}.kpi-card.gold:before{background:linear-gradient(90deg,#d4af37,#d4af3740)}.kpi-card.error:before{background:linear-gradient(90deg,#8b1a1a,#8b1a1a40)}.kpi-icon{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-spring)}.kpi-card:hover .kpi-icon{transform:scale(1.08)}.kpi-icon.saffron{background:linear-gradient(135deg,#c97b2a1a,#c97b2a30);color:#c97b2a;border:1px solid rgba(201,123,42,.16)}.kpi-icon.green{background:linear-gradient(135deg,#1e5c3a1a,#1e5c3a30);color:#1e5c3a;border:1px solid rgba(30,92,58,.16)}.kpi-icon.gold{background:linear-gradient(135deg,#d4af371a,#d4af3730);color:#d4af37;border:1px solid rgba(212,175,55,.16)}.kpi-icon.error{background:linear-gradient(135deg,#8b1a1a1a,#8b1a1a30);color:#8b1a1a;border:1px solid rgba(139,26,26,.16)}.kpi-content{flex:1;min-width:0}.kpi-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase}.kpi-value{font-family:var(--font-heading);font-size:1.625rem;font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;animation:countUp .5s ease}.kpi-value .currency{font-size:1rem;font-weight:500;color:var(--text-secondary);margin-right:2px}.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;margin-top:6px;padding:2px 8px;border-radius:var(--radius-full)}.kpi-delta.up{background:var(--brand-green-light);color:var(--brand-green-dark)}.kpi-delta.down{background:var(--color-error-light);color:var(--color-error)}.charts-grid{display:grid;grid-template-columns:3fr 2fr;gap:18px;margin-bottom:22px}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8375rem}thead th{background:#c97b2a0a;padding:11px var(--space-5);text-align:left;font-family:var(--font-sans);font-weight:600;font-size:.625rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:5}tbody td{padding:13px var(--space-5);border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;font-family:var(--font-sans)}tbody tr{transition:all var(--transition-fast)}tbody tr:hover{background:var(--bg-surface-hover)}td .amount{font-family:var(--font-sans);font-weight:700;font-size:.8125rem;letter-spacing:-.02em}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.6875rem;font-weight:600;line-height:1.5;letter-spacing:.01em;white-space:nowrap}.badge-paid{background:#1e5c3a14;color:#1e5c3a}.badge-due{background:#8b1a1a14;color:#8b1a1a}.badge-cash{background:#c97b2a1a;color:#a05a1a}.badge-upi{background:#4a6fa51a;color:#4a6fa5}.badge-active{background:#1e5c3a14;color:#1e5c3a}.badge-draft{background:#c97b2a0f;color:var(--text-muted)}.badge-closed{background:#8b1a1a14;color:#8b1a1a}.badge-low{background:#d4af371f;color:#a05a1a}.badge-medium{background:#c97b2a1f;color:#a05a1a}.badge-high{background:#8b1a1a1a;color:#8b1a1a}.badge-critical{background:#8b1a1a;color:#fff}.badge-bank_transfer{background:#1e5c3a14;color:#1e5c3a}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);height:38px;line-height:1;position:relative;overflow:hidden;white-space:nowrap;letter-spacing:.02em}.btn:hover:not(:disabled){opacity:.87;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)!important;opacity:1!important}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:linear-gradient(135deg,#c97b2a,#e8963a);color:#fff;box-shadow:0 4px 18px #c97b2a59}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a05a1a,#c97b2a);box-shadow:var(--shadow-saffron);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1.5px solid var(--border-default);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--brand-saffron);color:var(--brand-saffron-dark);box-shadow:var(--shadow-sm)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:#c97b2a0f;color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,#8b1a1a,brown);color:#fff}.btn-danger:hover:not(:disabled){background:#6b1212;box-shadow:0 4px 12px #8b1a1a4d;transform:translateY(-1px)}.btn svg{width:16px;height:16px;transition:transform var(--transition-fast)}.btn:hover:not(:disabled) svg{transform:scale(1.08)}.btn-sm{height:32px;padding:0 12px;font-size:.75rem}.btn-icon{background:transparent;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#c97b2a0f;color:var(--text-primary);transform:scale(1.05)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-sans);font-size:.6875rem;font-weight:600;color:var(--text-secondary);letter-spacing:.07em;text-transform:uppercase}.form-input{height:42px;padding:0 16px;border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-surface);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:#c97b2a;box-shadow:0 0 0 3px #c97b2a1a}.form-input::placeholder{color:var(--text-muted)}.form-input-lg{height:56px;font-size:1.25rem;font-weight:800;font-family:var(--font-sans);color:var(--brand-saffron)}.toggle-group{display:flex;gap:6px}.toggle-option{flex:1;padding:9px 6px;border:1.5px solid var(--border-default);border-radius:9px;background:var(--bg-surface);font-family:var(--font-sans);font-size:.6875rem;font-weight:400;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:center}.toggle-option:hover{border-color:#c97b2a4d;color:var(--text-primary)}.toggle-option.active{background:#c97b2a12;border-color:#c97b2a;color:#c97b2a;font-weight:600;box-shadow:none}.event-badge{display:flex;align-items:center;gap:var(--space-2);background:#c97b2a14;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--brand-saffron);border:1px solid rgba(201,123,42,.15)}.event-badge-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--brand-saffron);animation:pulse-dot 2s infinite}.progress-bar{height:7px;background:#c97b2a1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#c97b2a,#e8963a);transition:width var(--transition-slow);position:relative}.progress-fill.complete{background:linear-gradient(90deg,#1e5c3a,#2d8a58)}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite;background-size:200% 100%}.empty-state{text-align:center;padding:var(--space-12) var(--space-8);color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:var(--space-4);opacity:.3}.empty-state p{font-size:.9375rem;font-family:var(--font-sans)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:200;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:320px;max-width:420px;position:relative;overflow:hidden;pointer-events:all}.toast-enter{animation:slideDown .35s cubic-bezier(.34,1.56,.64,1)}.toast-exit{animation:fadeIn .25s ease reverse forwards}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-success .toast-icon{color:#1e5c3a}.toast-error .toast-icon{color:#8b1a1a}.toast-info .toast-icon{color:#4a6fa5}.toast-message{flex:1;font-size:.8375rem;font-weight:500;color:var(--text-primary);line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:var(--radius-sm);display:flex;transition:all var(--transition-fast);flex-shrink:0}.toast-close:hover{background:#c97b2a0f;color:var(--text-primary)}.toast-progress{position:absolute;bottom:0;left:0;height:2px;border-radius:0 0 var(--radius-lg) var(--radius-lg);animation:progress-shrink linear forwards}.toast-success .toast-progress{background:#1e5c3a}.toast-error .toast-progress{background:#8b1a1a}.toast-info .toast-progress{background:#4a6fa5}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;min-width:280px;animation:fadeInDown .2s ease;overflow:hidden}.dropdown-panel-header{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.dropdown-panel-header h4{font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--text-primary)}.dropdown-panel-body{padding:var(--space-2);max-height:320px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--text-primary);font-size:.8375rem;font-weight:500}.dropdown-item:hover{background:#c97b2a0f}.dropdown-item svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.dropdown-divider{height:1px;background:var(--border-light);margin:var(--space-2) 0}.notification-item{padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.notification-item:hover{background:#c97b2a0f}.notification-item .title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.notification-item .desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.notification-item .time{font-size:.6875rem;color:var(--text-muted);margin-top:4px}.notification-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-saffron);flex-shrink:0}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--bg-surface-sunken) 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.skeleton-card{height:88px;border-radius:var(--radius-lg)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item .label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.detail-item .value{font-size:.875rem;font-weight:500;color:var(--text-primary)}.filter-panel{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light);display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);animation:slideDown .2s ease}.filter-panel select{height:36px;padding:0 var(--space-3);border:1.5px solid var(--border-default);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition-fast)}.filter-panel select:focus{outline:none;border-color:#c97b2a;box-shadow:0 0 0 3px #c97b2a1a}.confirm-dialog{text-align:center;padding:var(--space-4) 0}.confirm-dialog .icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.confirm-dialog .icon.warning{background:var(--color-warning-light);color:var(--color-warning)}.confirm-dialog .icon.danger{background:var(--color-error-light);color:var(--color-error)}.confirm-dialog h3{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;margin-bottom:var(--space-2)}.confirm-dialog p{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.5}.confirm-dialog .actions{display:flex;justify-content:center;gap:var(--space-3)}.file-upload-zone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-surface-sunken)}.file-upload-zone:hover{border-color:var(--brand-saffron);background:var(--brand-saffron-light)}.file-upload-zone svg{margin-bottom:var(--space-3);color:var(--text-muted)}.file-upload-zone p{font-size:.875rem;color:var(--text-secondary)}.file-upload-zone .hint{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a0a0473;backdrop-filter:blur(6px) saturate(1.5);-webkit-backdrop-filter:blur(6px) saturate(1.5);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal-content{background:var(--bg-surface);width:100%;max-width:500px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-default);display:flex;flex-direction:column;max-height:90vh;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-family:var(--font-heading);font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.modal-body{padding:var(--space-5);overflow-y:auto}.search-hint{display:flex;align-items:center;gap:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:4px;border:1px solid var(--border-default);background:var(--bg-surface-sunken);font-size:.625rem;font-family:var(--font-sans);font-weight:600;color:var(--text-muted);line-height:1}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.kpi-grid{grid-template-columns:1fr}.page-body{padding:var(--space-4)}.page-header{padding:var(--space-3) var(--space-4)}.toast-container{right:var(--space-4);left:var(--space-4)}.toast{min-width:auto}}@media(min-width:1600px){.page-body{padding:32px 40px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);position:relative;overflow:hidden}.auth-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(201,123,42,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(201,123,42,.04) 0%,transparent 50%);pointer-events:none}.auth-container{display:flex;width:900px;max-width:95vw;min-height:560px;background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-default);overflow:hidden;animation:scaleIn .5s ease;position:relative;z-index:1}.auth-brand-panel{flex:0 0 380px;background:linear-gradient(170deg,#1a0a04,#110600);color:#d4af37;display:flex;flex-direction:column;justify-content:space-between;padding:48px 36px 32px;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 60%);pointer-events:none}.auth-brand-panel:after{content:"";position:absolute;bottom:-40px;left:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(201,123,42,.08) 0%,transparent 60%);pointer-events:none}.auth-brand-content{position:relative;z-index:1}.auth-brand-icon{width:56px;height:56px;background:linear-gradient(135deg,#c97b2a,#d4af37);border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:28px;box-shadow:0 8px 24px #c97b2a66}.auth-brand-content h1{font-family:var(--font-heading);font-size:2rem;font-weight:700;letter-spacing:-.03em;color:#d4af37;margin-bottom:8px}.auth-brand-content p{font-size:.875rem;color:#d4af3780;font-weight:400;margin-bottom:40px}.auth-brand-features{display:flex;flex-direction:column;gap:14px}.auth-feature{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:#d4af3799;font-weight:400}.auth-feature-dot{width:6px;height:6px;border-radius:50%;background:#c97b2a;flex-shrink:0;box-shadow:0 0 8px #c97b2a80}.auth-brand-footer{position:relative;z-index:1}.auth-brand-footer span{font-size:.6875rem;color:#d4af3740;font-weight:400}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 40px}.auth-form-wrapper{width:100%;max-width:360px}.auth-form-header{margin-bottom:28px}.auth-form-header h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px}.auth-form-header p{font-size:.8125rem;color:var(--text-muted);font-weight:400}.auth-error{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--color-error-light);border:1px solid rgba(139,26,26,.15);margin-bottom:20px;animation:fadeInDown .3s ease}.auth-error svg{color:var(--color-error);flex-shrink:0}.auth-error span{font-size:.8125rem;color:var(--color-error);font-weight:500;line-height:1.4}.auth-google-btn{width:100%;padding:11px 14px;border-radius:var(--radius-md);background:#fff;border:1px solid rgba(0,0,0,.15);color:#3c4043;font-family:"Roboto",var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all var(--transition-fast);margin-bottom:20px}.auth-google-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #00000014}.auth-google-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:.75rem;font-weight:500;margin-bottom:20px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-light)}.auth-divider span{padding:0 10px;opacity:.7}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.02em}.auth-field input{width:100%;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);font-family:var(--font-sans);font-size:.875rem;color:var(--text-primary);transition:all var(--transition-fast);outline:none}.auth-field input:focus{border-color:var(--brand-saffron);box-shadow:0 0 0 3px var(--brand-saffron-glow)}.auth-field input::placeholder{color:var(--text-muted);opacity:.5}.auth-password-wrapper{position:relative}.auth-password-wrapper input{padding-right:42px}.auth-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.auth-password-toggle:hover{color:var(--text-secondary)}.auth-submit{width:100%;padding:12px 20px;border-radius:var(--radius-md);background:linear-gradient(135deg,#c97b2a,#e8963a);border:none;color:#fff;font-family:var(--font-sans);font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow-saffron);transition:all var(--transition-fast);margin-top:4px}.auth-submit:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-saffron-lg)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.auth-footer{margin-top:24px;text-align:center;font-size:.8125rem;color:var(--text-muted)}.auth-footer a{color:var(--brand-saffron);font-weight:600;margin-left:4px;transition:color var(--transition-fast)}.auth-footer a:hover{color:var(--brand-saffron-dark)}@media(max-width:768px){.auth-container{flex-direction:column;min-height:auto;max-width:420px}.auth-brand-panel{flex:none;padding:32px 28px 24px}.auth-brand-features{display:none}.auth-brand-content p{margin-bottom:0}.auth-brand-footer{display:none}.auth-form-panel{padding:32px 28px}}.dark{--bg-page: #0F0906;--bg-surface: #1C110A;--bg-surface-hover: #261810;--bg-surface-sunken: #0A0503;--bg-surface-glass: rgba(28, 17, 10, .85);--bg-header-translucent: rgba(15, 9, 6, .92);--text-primary: #F2E4CF;--text-secondary: #D4BFA0;--text-muted: #9A7B60;--text-saffron: #E8963A;--border-default: rgba(201, 123, 42, .22);--border-light: rgba(201, 123, 42, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 2px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 6px 28px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .55);--shadow-card: 0 2px 16px rgba(0, 0, 0, .35);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .3);--brand-saffron-light: #2C1A0E;--brand-saffron-dark: #E8963A;--brand-green-light: #0E2818;--brand-green-dark: #3DBF72;--color-error-light: #2B0E0E;--color-warning-light: #2B220E;--color-info-light: #0E1A2B}.dark ::selection{background:#c97b2a59;color:#f2e4cf}.dark ::-webkit-scrollbar-thumb{background:#c97b2a59}.dark .card:before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.12),transparent)}.dark .kpi-card:after{background:radial-gradient(circle,rgba(212,175,55,.15) 0%,transparent 70%)}.dark thead th{background:#c97b2a0f;color:var(--text-muted)}.dark .badge-paid{background:#1e5c3a2e;color:#4bd688}.dark .badge-due{background:#8b1a1a33;color:#e85c5c}.dark .badge-cash{background:#c97b2a26;color:#e8963a}.dark .badge-upi{background:#4a6fa52e;color:#7ba3d9}.dark .badge-active{background:#1e5c3a2e;color:#4bd688}.dark .badge-draft{background:#c97b2a1a;color:var(--text-muted)}.dark .badge-closed{background:#8b1a1a33;color:#e85c5c}.dark .badge-low{background:#d4af3726;color:#e8963a}.dark .badge-medium{background:#c97b2a26;color:#e8963a}.dark .badge-high{background:#8b1a1a2e;color:#e85c5c}.dark .badge-bank_transfer{background:#1e5c3a2e;color:#4bd688}.dark .kpi-delta.up{background:#1e5c3a33;color:#4bd688}.dark .kpi-delta.down{background:#8b1a1a33;color:#e85c5c}.dark .kpi-icon.saffron{background:linear-gradient(135deg,#c97b2a26,#c97b2a40);border-color:#c97b2a40}.dark .kpi-icon.green{background:linear-gradient(135deg,#1e5c3a26,#1e5c3a40);border-color:#1e5c3a40;color:#4bd688}.dark .kpi-icon.gold{background:linear-gradient(135deg,#d4af3726,#d4af3740);border-color:#d4af3740}.dark .kpi-icon.error{background:linear-gradient(135deg,#8b1a1a26,#8b1a1a40);border-color:#8b1a1a40;color:#e85c5c}.dark .form-input{background:#140b06;color:var(--text-primary);border-color:#c97b2a33}.dark .form-input:focus{border-color:#e8963a;box-shadow:0 0 0 3px #c97b2a33}.dark .form-input::placeholder{color:var(--text-muted)}.dark select.form-input{background:#140b06;color:var(--text-primary)}.dark .toggle-option{background:#140b06;color:var(--text-primary);border-color:#c97b2a26}.dark .toggle-option.active{background:#c97b2a1f;border-color:#c97b2a;color:#e8963a}.dark .btn-secondary{background:#1c110a;color:var(--text-primary);border-color:#c97b2a40}.dark .btn-secondary:hover:not(:disabled){background:#261810;border-color:#c97b2a;color:#e8963a}.dark .btn-ghost:hover:not(:disabled){background:#c97b2a1a;color:var(--text-primary)}.dark .btn-icon{color:var(--text-muted)}.dark .btn-icon:hover{background:#c97b2a1a;color:var(--text-primary)}.dark .modal-backdrop{background:#000000b3}.dark .confirm-dialog h3{color:var(--text-primary)}.dark .confirm-dialog p{color:var(--text-secondary)}.dark .card-header h3{color:var(--text-primary)}.dark .pagination-info{color:var(--text-muted)}.dark .event-badge{background:#c97b2a1f;border-color:#c97b2a33}.dark .auth-card{background:#1c110a;border-color:#c97b2a33}.dark .auth-brand-panel{background:linear-gradient(170deg,#1a0a04,#0f0906)}.dark .sidebar-link.active{color:#d4af37}.dark .progress-bar{background:#c97b2a26}.sidebar-resize-handle{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:60;background:transparent;transition:background .15s ease}.sidebar-resize-handle:hover,.sidebar-resize-handle.active{background:#c97b2a4d}.sidebar-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3px;height:32px;border-radius:3px;background:#d4af3733;opacity:0;transition:opacity .15s ease}.sidebar-resize-handle:hover:after,.sidebar-resize-handle.active:after{opacity:1}