@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;600;700&family=Sarabun:wght@400;700&display=swap";:root{--font-heading: "Exo 2", sans-serif;--font-body: "Sarabun", sans-serif;--text-size-base: 16px;--text-size-sm: 14px;--text-size-xs: 12px;--text-size-lg: 18px;--text-size-xl: 24px;--text-size-2xl: 32px;--text-size-3xl: 40px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--primary: #6366f1;--primary-hover: #818cf8;--primary-glow: rgba(99, 102, 241, .4);--info: #3b82f6;--info-glow: rgba(59, 130, 246, .4);--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .4);--income: #10b981;--income-glow: rgba(16, 185, 129, .4);--expense: #f43f5e;--expense-glow: rgba(244, 63, 94, .4);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .4);--accent-cyan: var(--accent);--accent-red: var(--expense);--accent-green: var(--income)}[data-theme=dark]{--income: #34d399;--income-glow: rgba(52, 211, 153, .6);--expense: #ef4444;--expense-glow: rgba(239, 68, 68, .6);--warning: #fbbf24;--warning-glow: rgba(251, 191, 36, .6);--info: #60a5fa;--info-glow: rgba(96, 165, 250, .6)}[data-color-theme=purple]{--primary: #a855f7;--primary-hover: #c084fc;--primary-glow: rgba(168, 85, 247, .4);--info: #d946ef;--info-glow: rgba(217, 70, 239, .4);--accent: #8b5cf6;--accent-glow: rgba(139, 92, 246, .4)}[data-color-theme=green]{--primary: #10b981;--primary-hover: #34d399;--primary-glow: rgba(16, 185, 129, .4);--info: #06b6d4;--info-glow: rgba(6, 182, 212, .4);--accent: #84cc16;--accent-glow: rgba(132, 204, 22, .4)}[data-color-theme=orange]{--primary: #f97316;--primary-hover: #fb923c;--primary-glow: rgba(249, 115, 22, .4);--info: #eab308;--info-glow: rgba(234, 179, 8, .4);--accent: #ef4444;--accent-glow: rgba(239, 68, 68, .4)}[data-color-theme=pink]{--primary: #ec4899;--primary-hover: #f472b6;--primary-glow: rgba(236, 72, 153, .4);--info: #f43f5e;--info-glow: rgba(244, 63, 94, .4);--accent: #a855f7;--accent-glow: rgba(168, 85, 247, .4);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}:root,[data-theme=light]{--bg-primary: #e0e5ec;--bg-secondary: #d1d9e6;--bg-card: #e0e5ec;--bg-input: #e0e5ec;--bg-modal: #e0e5ec;--bg-nav: rgba(224, 229, 236, .92);--text-primary: #2d3748;--text-secondary: #718096;--text-muted: #a0aec0;--text-inverse: #f7fafc;--border-color: transparent;--shadow-raised: -6px -6px 14px rgba(255, 255, 255, .9), 6px 6px 14px rgba(136, 153, 179, .55);--shadow-raised-sm: -3px -3px 7px rgba(255, 255, 255, .9), 3px 3px 7px rgba(136, 153, 179, .55);--shadow-pressed: inset -3px -3px 7px rgba(255, 255, 255, .9), inset 3px 3px 7px rgba(136, 153, 179, .55);--shadow-flat: -1px -1px 3px rgba(255, 255, 255, .8), 1px 1px 3px rgba(136, 153, 179, .4);--shadow-hover: -8px -8px 20px rgba(255, 255, 255, 1), 8px 8px 20px rgba(136, 153, 179, .65);--card-backdrop: none;--card-border: 1px solid rgba(255, 255, 255, .65);--card-bg: #e0e5ec;--chart-bar-1: #6366f1;--chart-bar-2: #06b6d4;--chart-bar-3: #f59e0b;--chart-grid: rgba(163, 177, 198, .3);--chart-label: #718096;--table-header-bg: #d1d9e6;--table-row-hover: rgba(99, 102, 241, .08);--table-border: rgba(163, 177, 198, .3);--scrollbar-track: #d1d9e6;--scrollbar-thumb: #b0bec5;--toast-bg: #e0e5ec;--toast-border: rgba(163, 177, 198, .3);--tab-active-bg: var(--primary);--tab-active-text: #ffffff}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .3);--bg-input: rgba(255, 255, 255, .08);--bg-modal: rgba(15, 23, 42, .96);--bg-nav: rgba(15, 23, 42, .2);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--border-color: rgba(255, 255, 255, .12);--shadow-raised: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-raised-sm: 0 4px 16px rgba(0, 0, 0, .35), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-pressed: inset 0 2px 8px rgba(0, 0, 0, .4);--shadow-flat: 0 1px 4px rgba(0, 0, 0, .3);--shadow-hover: 0 16px 48px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .08), 0 0 30px rgba(99, 102, 241, .08);--card-backdrop: blur(24px) saturate(180%);--card-border: 1px solid rgba(255, 255, 255, .1);--card-bg: rgba(30, 41, 59, .3);--glass-highlight: linear-gradient(135deg, rgba(255, 255, 255, .15) 0%, rgba(255, 255, 255, .05) 40%, transparent 60%);--chart-bar-1: #818cf8;--chart-bar-2: #22d3ee;--chart-bar-3: #fbbf24;--chart-grid: rgba(255, 255, 255, .06);--chart-label: #8b95a8;--table-header-bg: rgba(255, 255, 255, .04);--table-row-hover: rgba(99, 102, 241, .1);--table-border: rgba(255, 255, 255, .05);--scrollbar-track: rgba(255, 255, 255, .02);--scrollbar-thumb: rgba(255, 255, 255, .08);--toast-bg: rgba(12, 18, 37, .92);--toast-border: rgba(255, 255, 255, .08);--tab-active-bg: rgba(99, 102, 241, .15);--tab-active-text: #a5b4fc}[data-theme=dark]{--bg-gradient: radial-gradient(circle at 10% 10%, rgba(56, 189, 248, .25) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(99, 102, 241, .25) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(15, 23, 42, 0) 0%, rgba(0, 0, 0, 1) 100%), linear-gradient(180deg, #0f172a 0%, #020617 100%);--income: #34d399;--income-glow: rgba(52, 211, 153, .6);--expense: #ef4444;--expense-glow: rgba(239, 68, 68, .6)}[data-theme=dark][data-color-theme=purple]{--bg-primary: #2e1065;--bg-secondary: #4c1d95;--card-bg: rgba(76, 29, 149, .45);--bg-modal: rgba(46, 16, 101, .96);--bg-nav: rgba(46, 16, 101, .2);--border-color: rgba(168, 85, 247, .3);--bg-gradient: radial-gradient(circle at 10% 10%, rgba(192, 132, 252, .25) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(168, 85, 247, .25) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(46, 16, 101, 0) 0%, rgba(2, 6, 23, 1) 100%), linear-gradient(180deg, #2e1065 0%, #020617 100%);--income: #2dd4bf;--income-glow: rgba(45, 212, 191, .6);--expense: #fb7185;--expense-glow: rgba(251, 113, 133, .6)}[data-theme=light][data-color-theme=purple]{--bg-primary: #f5f3ff;--card-bg: #f5f3ff;--bg-secondary: #ede9fe;--bg-nav: rgba(245, 243, 255, .9)}[data-theme=dark][data-color-theme=green]{--bg-primary: #022c22;--bg-secondary: #064e3b;--card-bg: rgba(6, 78, 59, .5);--bg-modal: rgba(2, 44, 34, .96);--bg-nav: rgba(2, 44, 34, .2);--border-color: rgba(52, 211, 153, .3);--bg-gradient: radial-gradient(circle at 10% 10%, rgba(52, 211, 153, .25) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(16, 185, 129, .25) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(6, 78, 59, 0) 0%, rgba(2, 6, 23, 1) 100%), linear-gradient(180deg, #022c22 0%, #020617 100%);--income: #4ade80;--income-glow: rgba(74, 222, 128, .6);--expense: #fbbf24;--expense-glow: rgba(251, 191, 36, .6);--expense: #f87171;--expense-glow: rgba(248, 113, 113, .6)}[data-theme=light][data-color-theme=green]{--bg-primary: #f0fdf4;--card-bg: #f0fdf4;--bg-secondary: #dcfce7;--bg-nav: rgba(240, 253, 244, .9)}[data-theme=dark][data-color-theme=orange]{--bg-primary: #7c2d12;--bg-secondary: #9a3412;--card-bg: rgba(124, 45, 18, .5);--bg-modal: rgba(67, 20, 7, .96);--bg-nav: rgba(67, 20, 7, .2);--border-color: rgba(251, 146, 60, .3);--bg-gradient: radial-gradient(circle at 10% 10%, rgba(251, 146, 60, .25) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(239, 68, 68, .25) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(67, 20, 7, 0) 0%, rgba(2, 6, 23, 1) 100%), linear-gradient(180deg, #431407 0%, #020617 100%);--income: #facc15;--income-glow: rgba(250, 204, 21, .6);--expense: #ef4444;--expense-glow: rgba(239, 68, 68, .6)}[data-theme=light][data-color-theme=orange]{--bg-primary: #fff7ed;--card-bg: #fff7ed;--bg-secondary: #ffedd5;--bg-nav: rgba(255, 247, 237, .9)}[data-theme=dark][data-color-theme=pink]{--bg-primary: #831843;--bg-secondary: #be185d;--card-bg: rgba(131, 24, 67, .5);--bg-modal: rgba(80, 7, 36, .96);--bg-nav: rgba(80, 7, 36, .2);--border-color: rgba(244, 114, 182, .3);--bg-gradient: radial-gradient(circle at 10% 10%, rgba(244, 114, 182, .25) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(244, 63, 94, .25) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(80, 7, 36, 0) 0%, rgba(2, 6, 23, 1) 100%), linear-gradient(180deg, #500724 0%, #020617 100%);--income: #22d3ee;--income-glow: rgba(34, 211, 238, .6);--expense: #f472b6;--expense-glow: rgba(244, 114, 182, .6)}[data-theme=light][data-color-theme=pink]{--bg-primary: #fdf2f8;--card-bg: #fdf2f8;--bg-secondary: #fce7f3;--bg-nav: rgba(253, 242, 248, .9)}[data-theme=dark][data-color-theme=black]{--bg-primary: #000000;--bg-secondary: #000000;--card-bg: #121212;--bg-nav: rgba(0, 0, 0, .4);--bg-modal: #000000;--border-color: #333333;--bg-gradient: radial-gradient(circle at 10% 10%, rgba(30, 30, 30, .4) 0%, transparent 50%), radial-gradient(circle at 90% 90%, rgba(20, 20, 20, .4) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%), linear-gradient(180deg, #1a1a1a 0%, #000000 100%);--primary: #f8fafc;--accent: #9ca3af}[data-theme=light][data-color-theme=black]{--bg-primary: #fcfcfc;--card-bg: #ffffff;--bg-secondary: #f3f4f6;--bg-nav: rgba(255, 255, 255, .95);--primary: #0f172a;--accent: #4b5563}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--text-size-base);scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}[data-theme=dark] body{background:var(--bg-gradient);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::selection{background:var(--primary);color:#fff}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)!important}[data-text-size=small]{font-size:14px}[data-text-size=medium]{font-size:16px}[data-text-size=large]{font-size:18px}body.text-sm{font-size:.875rem}body.text-md{font-size:1rem}body.text-lg{font-size:1.125rem}[data-theme=dark] .text-danger{color:var(--expense)!important}[data-theme=dark] .text-success{color:var(--income)!important}[data-theme=dark] .text-warning{color:var(--warning)!important}[data-theme=dark] .text-info{color:var(--accent)!important}[data-theme=dark] .text-primary{color:var(--primary)!important}.badge.bg-warning{color:#1a1a2e!important}.badge.bg-success{background-color:var(--income)!important;color:#fff!important}[data-theme=dark] .form-label{color:var(--accent)!important}[data-theme=dark] .text-dark{color:var(--text-primary)!important}.form-control::placeholder{color:var(--text-muted);opacity:1}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2306b6d4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}[data-theme=dark] .card-title{color:var(--accent)!important}[data-theme=light] .card-title{color:var(--primary)!important}[data-theme=dark] .border-top{border-color:var(--border-color)!important}.card{background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop);transition:box-shadow var(--transition-base),transform var(--transition-base),background var(--transition-base),border-color var(--transition-base);overflow:hidden;margin-bottom:var(--space-lg);position:relative}[data-theme=dark] .card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-highlight);pointer-events:none;z-index:0;border-radius:inherit}[data-theme=dark] .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(160deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.05) 40%,transparent 55%,rgba(255,255,255,.03) 75%,rgba(255,255,255,.15) 90%,rgba(255,255,255,.35) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}[data-theme=dark] .card>*{position:relative;z-index:1}.segmented-control{display:flex;background:var(--input-bg);padding:6px;border-radius:50px;position:relative;box-shadow:inset 2px 2px 5px #0000000d;border:1px solid rgba(255,255,255,.05)}.segment-option{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:50px;cursor:pointer;transition:all var(--transition-base);color:var(--text-secondary);font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.segment-option:hover{color:var(--text-primary)}.segment-option.active{color:#fff;background:var(--primary);box-shadow:var(--shadow-raised),0 0 15px var(--primary-glow)}[data-theme=light] .segmented-control{background:#e6e9ef;box-shadow:inset 3px 3px 6px #cbd0d9,inset -3px -3px 6px #fff;border:none}[data-theme=light] .segment-option.active{color:#fff;background:var(--primary);box-shadow:3px 3px 6px #0003}.color-theme-selector{display:flex;gap:10px;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin-bottom:24px}.color-btn{width:42px;height:42px;border-radius:50%;border:3px solid transparent;background-color:var(--btn-color);cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-sm);position:relative;padding:0;display:flex;align-items:center;justify-content:center}.color-btn:hover{transform:scale(1.15)}.color-btn.active{border-color:var(--bg-body);outline:3px solid var(--btn-color);box-shadow:0 0 20px var(--btn-color)}.color-btn.active:after{content:"";font-family:bootstrap-icons;color:#fff;font-size:24px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.text-size-selector{display:flex;gap:var(--space-md);width:100%}.text-size-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-radius:var(--radius-md);background:var(--card-bg);border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-raised)}.text-size-btn:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--text-primary)}.text-size-btn.active{background:#6366f126;border-color:var(--primary);color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.text-size-btn .label-icon{font-size:1.2rem;margin-bottom:4px}.text-size-btn .label-text{font-size:var(--text-xs)}[data-theme=light] .text-size-btn{background:#ecf0f3;border:none;box-shadow:5px 5px 10px #d1d9e6,-5px -5px 10px #fff}[data-theme=light] .text-size-btn:hover{transform:translateY(-2px)}[data-theme=light] .text-size-btn.active{background:#ecf0f3;color:var(--primary);box-shadow:inset 5px 5px 10px #d1d9e6,inset -5px -5px 10px #fff;border:1px solid var(--primary)}[data-theme=light] #settings .form-check-inline:has(input:checked){box-shadow:inset 5px 5px 10px #d1d9e6,inset -5px -5px 10px #fff;color:var(--primary);font-weight:600}[data-theme=dark] #settings .form-check-inline{background:#1e293b;box-shadow:5px 5px 10px #0f172a,-5px -5px 10px #2d3e56;color:var(--text-muted)}[data-theme=dark] #settings .form-check-inline:has(input:checked){background:#1e293b;box-shadow:inset 5px 5px 10px #0f172a,inset -5px -5px 10px #2d3e56;color:var(--accent);font-weight:600}#settings .form-check-label{z-index:2;pointer-events:none;display:flex;align-items:center;gap:8px;font-size:1rem}#settings .form-check-label i{font-size:1.2rem}[data-theme=dark] .card{border:none;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}[data-theme=dark] .card:hover{border-color:#ffffff1f}.card-body{padding:var(--space-lg);color:var(--text-secondary)}.card-body p{color:inherit}.card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.card-title i{color:var(--primary);font-size:1.1em}.stat-card{text-align:center;padding:var(--space-lg)}.stat-card .stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.stat-card .stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;line-height:1.2}.stat-card .stat-value.income{color:var(--income)}.stat-card .stat-value.expense{color:var(--expense)}.stat-card .stat-value.balance{color:var(--primary)}[data-theme=dark] .stat-card .stat-value.income{text-shadow:0 0 25px var(--income-glow),0 0 8px var(--income-glow)}[data-theme=dark] .stat-card .stat-value.expense{text-shadow:0 0 25px var(--expense-glow),0 0 8px var(--expense-glow)}[data-theme=dark] .stat-card .stat-value.balance{text-shadow:0 0 25px var(--primary-glow),0 0 8px var(--primary-glow)}.btn{font-family:var(--font-body);font-weight:600;border-radius:var(--radius-sm);border:none;padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--text-sm);position:relative;overflow:hidden}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-raised-sm)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-hover);transform:translateY(-1px);color:#fff}.btn-primary:active{box-shadow:var(--shadow-pressed);transform:translateY(0)}:root .btn-primary,[data-theme=light] .btn-primary{box-shadow:var(--shadow-raised-sm)}[data-theme=dark] .btn-primary{box-shadow:0 0 20px var(--primary-glow),0 4px 12px #0000004d}[data-theme=dark] .btn-primary:hover{box-shadow:0 0 30px var(--primary-glow),0 8px 20px #0006}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);box-shadow:var(--shadow-flat)}[data-theme=light] .btn-outline{border-color:transparent;box-shadow:var(--shadow-raised-sm)}.btn-outline:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-danger{background:var(--expense);color:#fff}[data-theme=dark] .btn-danger{box-shadow:0 0 15px var(--expense-glow)}.btn-danger:hover{background:#e11d48;color:#fff}.btn-success{background:var(--income);color:#fff}[data-theme=dark] .btn-success{box-shadow:0 0 15px var(--income-glow)}.btn-google{background:#fff;color:#333;border:1px solid #ddd;font-weight:600;box-shadow:var(--shadow-raised-sm)}[data-theme=dark] .btn-google{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(255,255,255,.15)}.btn-google:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm);font-size:var(--text-lg)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--text-xs)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg);border-radius:var(--radius-md)}.form-control,.form-select{font-family:var(--font-body);background:var(--bg-input);color:var(--text-primary);border:var(--card-border);border-radius:var(--radius-sm);padding:10px 14px;font-size:var(--text-sm);transition:all var(--transition-base)}[data-theme=light] .form-control,[data-theme=light] .form-select{box-shadow:var(--shadow-pressed);border:none}[data-theme=dark] .form-control,[data-theme=dark] .form-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}select option{background-color:var(--bg-secondary);color:var(--text-primary)}.form-control:focus,.form-select:focus{outline:none;box-shadow:0 0 0 3px var(--primary-glow);border-color:var(--primary);background:var(--bg-input);color:var(--text-primary)}.form-label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-check-input[type=radio]{border-radius:50%;width:20px;height:20px;background-color:#ffffff1a;border:1px solid var(--border-color);margin-top:.2rem}.form-check-input[type=radio]:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox].form-switch-input{width:40px;height:22px;border-radius:20px;background-color:#ffffff1a;border:1px solid var(--border-color);cursor:pointer;position:relative;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-check-input[type=checkbox].form-switch-input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.form-check-input[type=checkbox].form-switch-input:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.form-check-input[type=checkbox].form-switch-input:checked:after{transform:translate(18px)}.form-check-input[type=checkbox]:not(.form-switch-input){width:18px;height:18px;border-radius:4px;background-color:#ffffff1a;border:1px solid var(--border-color);cursor:pointer}.form-check-input[type=checkbox]:not(.form-switch-input):checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}input[type=file]{position:relative;padding:10px;background:#ffffff0d;border:1px dashed var(--border-color);border-radius:12px;color:var(--text-muted);cursor:pointer;transition:all .3s ease}input[type=file]::file-selector-button{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;padding:8px 16px;border-radius:8px;color:#fff;cursor:pointer;margin-right:15px;font-weight:500;transition:transform .2s ease;box-shadow:0 4px 12px #6366f14d}input[type=file]:hover{border-color:var(--primary);background:#6366f10d}input[type=file]::file-selector-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #6366f166}.badge{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}.badge-income{background:#10b98126;color:var(--income)}[data-theme=dark] .badge-income{background:#10b9811a;text-shadow:0 0 10px var(--income-glow)}.badge-expense{background:#f43f5e26;color:var(--expense)}[data-theme=dark] .badge-expense{background:#f43f5e1a;text-shadow:0 0 10px var(--expense-glow)}.badge-member{background:#6366f11f;color:var(--primary)}.table-container{border-radius:var(--radius-md);overflow:hidden}.table-responsive{max-height:65vh;overflow-y:auto;overflow-x:auto;border-radius:var(--radius-sm)}.table-responsive thead{position:sticky;top:0;z-index:10}.table-responsive thead th{background:var(--card-bg, #1e293b)}.table-responsive::-webkit-scrollbar{width:6px;height:6px}.table-responsive::-webkit-scrollbar-track{background:var(--scrollbar-track)}.table-responsive::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#ffffff26}.table{color:var(--text-primary);margin:0;border-collapse:separate;border-spacing:0;--bs-table-bg: transparent;--bs-table-color: var(--text-primary);--bs-table-striped-bg: transparent;--bs-table-hover-bg: var(--table-row-hover);--bs-table-hover-color: var(--text-primary);--bs-table-border-color: var(--table-border)}.table thead th{background:var(--bg-secondary)!important;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text-secondary)!important;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-md);border-bottom:none;white-space:nowrap;text-align:center;position:sticky;top:0;z-index:10;box-shadow:0 4px 6px -1px #0003,inset 0 1px #ffffff0d;border-top:1px solid rgba(255,255,255,.05)}.table tbody tr{transition:background var(--transition-fast)}.table td,.table th{background-color:transparent!important;border-bottom:1px solid var(--table-border);color:inherit;vertical-align:middle}.table tbody tr:hover td{background:var(--table-row-hover)!important;color:var(--text-primary)}.table tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--table-border);font-size:var(--text-sm);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg: transparent}.table th .form-check-input,.table td .form-check-input{margin-top:.1rem;cursor:pointer}.table th.col-select-checkbox,.table td.col-select-checkbox{width:3rem;text-align:center}.table:not(.edit-mode-active) th.col-select-checkbox,.table:not(.edit-mode-active) td.col-select-checkbox{display:none}.table.edit-mode-active th.col-select-checkbox,.table.edit-mode-active td.col-select-checkbox{display:table-cell}.actions .btn{background:transparent;border:1px solid transparent;transition:all .2s ease}.actions .btn-outline-primary{border-color:var(--primary);color:var(--primary)}.actions .btn-outline-primary:hover{background-color:var(--primary);color:#fff;box-shadow:0 0 8px var(--primary-glow)}.actions .btn-outline-danger{border-color:var(--expense);color:var(--expense)}.actions .btn-outline-danger:hover{background-color:var(--expense);color:#fff;box-shadow:0 0 8px var(--expense-glow)}.toast{background:var(--toast-bg);border:1px solid var(--toast-border);backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);color:var(--text-primary)}.toast-header{background:transparent;border-bottom:1px solid var(--toast-border);color:var(--text-primary)}.toast-header .btn-close{filter:var(--text-primary)}.modal-content{background:var(--bg-modal);border:var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);backdrop-filter:var(--card-backdrop);-webkit-backdrop-filter:var(--card-backdrop);color:var(--text-primary);position:relative;overflow:hidden}[data-theme=dark] .modal-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-highlight);pointer-events:none;z-index:0;border-radius:inherit}[data-theme=dark] .modal-content>*{position:relative;z-index:1}[data-theme=dark] .modal-content{box-shadow:0 25px 60px #000000b3,0 0 0 1px #ffffff0f,0 0 40px #6366f10d}.modal-header{border-bottom:1px solid var(--border-color);padding:var(--space-lg)}.modal-header .modal-title{font-family:var(--font-heading);font-weight:600}.modal-body{padding:var(--space-lg)}.modal-footer{border-top:1px solid var(--border-color);padding:var(--space-md) var(--space-lg)}.modal-backdrop.show{opacity:.6}[data-theme=dark] .modal-backdrop.show{opacity:.8}[data-theme=dark] .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.alert{border-radius:var(--radius-md);border:var(--card-border);-webkit-backdrop-filter:var(--card-backdrop);backdrop-filter:var(--card-backdrop);padding:var(--space-md) var(--space-lg)}.alert-danger{background:#f43f5e1a;color:var(--expense);border-left:4px solid var(--expense)}.alert-success{background:#10b9811a;color:var(--income);border-left:4px solid var(--income)}.spinner-border{color:var(--primary)}.graph-tooltip{position:fixed;background:var(--toast-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--card-backdrop);backdrop-filter:var(--card-backdrop);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);color:var(--text-primary);box-shadow:var(--shadow-raised-sm);pointer-events:none;z-index:1200;white-space:nowrap}[data-theme=dark] #chart:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-sm);z-index:0;background:linear-gradient(var(--primary),var(--accent),var(--income));background-size:200% 200%;animation:plasmaBorderFlow 8s linear infinite;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}@keyframes plasmaBorderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#chart{display:flex;justify-content:space-around;align-items:flex-end;min-height:200px;height:auto;border:none;padding:20px 10px 5px;background-color:transparent;border-radius:var(--radius-sm);flex-wrap:nowrap;gap:10px;position:relative}#chart:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-sm);z-index:0;background:linear-gradient(var(--primary),var(--info),var(--accent));animation:plasmaBorderFlow 8s linear infinite;padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.bar-container{text-align:center;flex:1;min-width:60px;max-width:150px;display:flex;flex-direction:column;justify-content:flex-end;z-index:1}.bar{background:linear-gradient(to top,var(--primary),var(--accent));width:70%;max-width:50px;margin:0 auto 5px;border-top:2px solid var(--accent);border-left:1px solid rgba(6,182,212,.5);border-right:1px solid rgba(6,182,212,.5);box-shadow:0 0 10px var(--accent-glow);position:relative;transition:height .5s cubic-bezier(.25,1,.5,1);display:block;min-height:2px;border-radius:3px 3px 0 0}.bar-label{font-size:.8em;font-weight:600;color:var(--text-secondary);margin-top:5px;word-wrap:break-word}.bar-value{font-size:.75em;color:var(--accent);font-weight:700}[data-theme=dark] .bar-value{text-shadow:0 0 8px var(--accent-glow)}#chart-settled-message{width:100%;text-align:center;align-self:center;color:var(--income);font-size:1.1em;z-index:1}#home-monthly-chart{display:flex;overflow-x:auto;padding:15px 5px 5px;align-items:flex-end;min-height:220px;border:1px dashed var(--border-color);border-radius:var(--radius-sm);background:transparent;justify-content:center;gap:8px}[data-theme=dark] #home-monthly-chart{border-color:#ffffff1a}.month-bar-group{flex-grow:1;flex-shrink:0;flex-basis:45px;max-width:90px;text-align:center;display:flex;flex-direction:column;align-items:center;cursor:pointer}.month-bars{display:flex;justify-content:center;align-items:flex-end;height:150px;width:100%;gap:3px;margin-bottom:5px;pointer-events:none}.income-bar,.expense-bar{width:42%;background:linear-gradient(180deg,var(--income) 0%,transparent 120%);border-radius:3px 3px 0 0;transition:height .3s ease-out,transform .15s ease-out;box-shadow:0 0 10px var(--income-glow);min-height:2px;pointer-events:auto;border-top:1px solid rgba(255,255,255,.4)}.month-bar-group:hover .income-bar,.month-bar-group:hover .expense-bar{transform:scaleY(1.03) translateY(-2px);box-shadow:0 0 15px var(--income-glow)}.expense-bar{background:linear-gradient(180deg,var(--expense) 0%,transparent 120%);box-shadow:0 0 10px var(--expense-glow)}.month-bar-group:hover .expense-bar{box-shadow:0 0 15px var(--expense-glow)}.month-label{font-size:.7rem;color:var(--text-secondary);margin-top:3px;pointer-events:none}#home-monthly-chart-nodata{width:100%;text-align:center;align-self:center;color:var(--text-secondary)}#settlements-list ul{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:12px}#settlements-list li{margin-bottom:0;padding:12px 16px;background-color:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);color:var(--text-secondary);display:flex;align-items:center;border:1px solid transparent;border-left:5px solid var(--primary);transition:all .3s ease}[data-theme=dark] #settlements-list li{background:#ffffff08;box-shadow:none;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#settlements-list li:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);color:var(--text-primary)}[data-theme=dark] #settlements-list li:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 4px 12px #0000004d}#settlements-list li i{font-size:1.25em;color:var(--primary);margin-right:12px}#settlements-list .fw-bold{color:var(--accent);margin-left:auto;padding-left:10px;font-size:1.1em}#settlements-list p,#total-income{color:var(--income)}#total-expense{color:var(--expense)}#balance.fw-bold{color:var(--text-primary)}#balance.positive-balance{color:var(--income)}#balance.negative-balance{color:var(--expense)}.btn-primary-futuristic{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;color:#fff;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px var(--primary-glow);transition:all .3s ease;position:relative;overflow:hidden}.btn-primary-futuristic:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.btn-primary-futuristic:hover:before{left:150%}.btn-primary-futuristic:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 20px var(--primary-glow);color:#fff}.btn-secondary-futuristic{background-color:#06b6d41a;border:1px solid rgba(6,182,212,.4);color:var(--accent);padding:8px 15px;border-radius:var(--radius-sm);font-weight:600;transition:all .3s ease}.btn-secondary-futuristic:hover{background-color:#06b6d433;border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.suggestion-box{display:none;position:absolute;background-color:var(--bg-modal);border:1px solid var(--primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;max-height:180px;overflow-y:auto;z-index:1056;width:100%;box-shadow:var(--shadow-raised);-webkit-backdrop-filter:var(--card-backdrop);backdrop-filter:var(--card-backdrop)}.suggestion-box ul{list-style:none;padding:0;margin:0}.suggestion-box li{padding:8px 15px;color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease;border-bottom:1px solid var(--table-border)}.suggestion-box li:last-child{border-bottom:none}.suggestion-box li.selected,.suggestion-box li:hover{background-color:var(--table-row-hover);color:var(--text-primary)}.form-group-with-suggestions{position:relative}.import-status{margin-top:1rem;font-style:italic;font-size:.9em}.import-status.text-success{color:var(--income)!important}.import-status.text-danger{color:var(--expense)!important}.import-status.text-warning{color:var(--warning)!important}.import-status.text-info{color:var(--accent)!important}.list-group-item-futuristic{background-color:#6366f10d;border:1px solid var(--border-color);color:var(--text-secondary);margin-bottom:5px;border-radius:var(--radius-sm);padding:8px 12px}[data-theme=dark] .list-group-item-futuristic{background-color:#ffffff08}.list-group-item-futuristic .btn-remove-user{color:var(--expense);opacity:.7;transition:opacity .2s ease}.list-group-item-futuristic .btn-remove-user:hover{opacity:1}.list-group-item-futuristic .badge{font-size:.75em}.badge.bg-secondary-futuristic{background-color:#6366f126!important;color:var(--primary)!important}.toast-container{z-index:1100!important}[data-theme=dark][data-color-theme=black] .btn-primary{color:#000;font-weight:700}[data-theme=dark][data-color-theme=black] .form-select{color:#fff}[data-theme=dark][data-color-theme=black] .segment-option.active{color:#000!important;font-weight:700}[data-theme=dark][data-color-theme=black] ::-webkit-file-upload-button{color:#000!important;background-color:#f8fafc;font-weight:700}.selection-option-btn{text-align:left;padding:12px 16px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-primary);border-radius:var(--radius-md);transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.selection-option-btn:hover{background-color:var(--surface-hover);border-color:var(--primary)}.selection-option-btn.active{background-color:rgba(var(--primary-rgb),.15);background-color:var(--tab-active-bg);border-color:var(--primary);color:#fff;font-weight:500}[data-theme=dark] .selection-option-btn.active{color:var(--tab-active-text)}.selection-option-btn i.check-icon{opacity:0;transition:opacity .2s}.selection-option-btn.active i.check-icon{opacity:1}.offcanvas-bottom{background-color:var(--bg-modal)!important;color:var(--text-primary)!important;border-top:1px solid var(--border-color)}[data-theme=light] .offcanvas-bottom{background-color:#e0e5ec!important;color:#2d3748!important}[data-theme=dark] .offcanvas-bottom{background-color:#0f172af5!important;color:#f1f5f9!important}.offcanvas-header .btn-close{background-color:transparent;color:var(--text-primary);opacity:.5}[data-theme=dark] .offcanvas-header .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.app-container{max-width:1200px;margin:0 auto;padding-top:90px!important;padding-right:30px!important;padding-left:30px!important;padding-bottom:120px}#app-loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);z-index:2000;gap:var(--space-md)}[data-theme=dark] #app-loader{background:linear-gradient(135deg,#0a1628,#1a1a3e)}#app-loader p{font-family:var(--font-heading);color:var(--text-secondary);font-size:var(--text-lg)}#login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);text-align:center}#login-page .login-logo{font-size:5rem;color:var(--primary);margin-bottom:var(--space-lg);animation:float 3s ease-in-out infinite}[data-theme=dark] #login-page .login-logo{filter:drop-shadow(0 0 30px var(--primary-glow)) drop-shadow(0 0 60px rgba(99,102,241,.2))}[data-theme=dark] #login-page h1{text-shadow:0 0 40px var(--primary-glow)}#login-page h1{font-size:var(--text-3xl);margin-bottom:var(--space-sm)}#login-page .login-subtitle{color:var(--text-secondary);margin-bottom:var(--space-xl)}#login-page .login-card{width:100%;max-width:400px;padding:var(--space-xl)}#firebase-status-login{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.main-header{display:flex;justify-content:space-between;align-items:center;margin:0;padding:12px 30px;width:100%;position:fixed;top:0;left:0;z-index:100;background:var(--bg-nav);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06);border-radius:0;border-top:none}[data-theme=light] .main-header{background:var(--bg-nav);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 4px 6px -1px #0000000d}.main-header .header-left{display:flex;flex-direction:column;gap:4px}.main-header .app-title{display:flex;align-items:center;gap:10px}.main-header .app-title i{font-size:1.6rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px var(--primary-glow))}.main-header .app-title h1{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin:0;letter-spacing:.5px;background:linear-gradient(135deg,#e2e8f0,#fff,#94a3b8,#e2e8f0);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s ease-in-out infinite}[data-theme=light] .main-header .app-title h1{background:linear-gradient(135deg,#1e293b,#475569,#1e293b,#475569);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.main-header .system-status{display:flex;align-items:center}.main-header .system-status .status-dot{width:8px;height:8px;min-width:8px;min-height:8px;flex-shrink:0;border-radius:50%;display:block}.main-header .system-status .status-dot.online,.main-header .system-status .status-dot:not(.offline){background-color:#2dd4bf;box-shadow:0 0 8px #2dd4bf}.main-header .system-status .status-dot.offline{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.main-header .header-right,.main-header #user-info{display:flex;flex-direction:column;align-items:center;gap:4px;background:none!important;border:none!important;padding:0!important;border-radius:0!important}#user-info img{width:40px!important;height:40px!important;max-width:40px!important;min-width:40px!important;border-radius:50%!important;object-fit:cover;border:2px solid var(--accent)!important;padding:1px;margin:0!important}#user-info span{font-size:.65rem!important;font-weight:600;color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase;margin:0!important}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:var(--bg-nav);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(0,0,0,.06);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding:0 10px;padding-bottom:env(safe-area-inset-bottom)}[data-theme=light] .bottom-nav{background:var(--bg-nav);border-top:1px solid rgba(255,255,255,.4);box-shadow:0 -4px 6px -1px #0000000d}[data-theme=dark] .bottom-nav{background:var(--bg-nav);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-top:1px solid rgba(255,255,255,.06);box-shadow:0 -4px 30px #0006}.nav-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:var(--text-muted);font-size:.7rem;font-weight:500;position:relative;flex:1;padding:8px 0;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1);background:transparent;border:none;box-shadow:none;gap:2px}[data-theme=light] .nav-item{color:var(--text-secondary)}.nav-item i{font-size:1.2rem;margin-bottom:2px;transition:all .25s ease}.nav-item span{transition:all .25s ease;letter-spacing:.02em;font-size:.65rem}.nav-item:hover{color:var(--text-primary);background:#6366f10f}.nav-item.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 2px 12px #6366f14d;font-weight:600;transform:none;border:none}.nav-item.active i{color:#fff;transform:scale(1.05);background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:initial;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.nav-item.active span{color:#fff;font-weight:600;transform:none;opacity:1}[data-theme=dark] .nav-item.active{background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 4px 20px #6366f14d,0 0 40px #6366f11a,inset 0 1px #ffffff1a;border:none}.nav-item.active:before,.nav-item.active:after{display:none}.tab-pane{display:none;animation:fadeInUp .3s ease-out}.tab-pane.active{display:block}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}@media(max-width:768px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}}@media(max-width:768px){.app-container{padding:var(--space-sm);padding-bottom:110px}.main-header{flex-direction:row;gap:var(--space-sm);align-items:center;text-align:left}.main-header .app-title h1{font-size:var(--text-lg)}.card-body{padding:var(--space-md)}.stat-card .stat-value{font-size:var(--text-xl)}}#access-denied-message{margin:var(--space-md) 0}.d-grid{display:grid}.section{margin-bottom:var(--space-xl)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.row{display:flex;flex-wrap:wrap;margin:0 calc(var(--space-sm) * -1)}.row>[class*=col-]{padding:0 var(--space-sm);margin-bottom:var(--space-md)}.col-12{flex:0 0 100%;max-width:100%}@media(min-width:992px){.col-lg-5{flex:0 0 41.66%;max-width:41.66%}.col-lg-7{flex:0 0 58.33%;max-width:58.33%}.col-lg-12{flex:0 0 100%;max-width:100%}}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.autocomplete-container{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);-webkit-backdrop-filter:var(--card-backdrop);backdrop-filter:var(--card-backdrop);max-height:200px;overflow-y:auto;z-index:100}.autocomplete-item{padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--text-sm);transition:background var(--transition-fast)}.autocomplete-item:hover,.autocomplete-item.active{background:var(--table-row-hover)}.hidden{display:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:rotate(0)}10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}40%{transform:rotate(-8deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(2deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 25px var(--primary-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-in-up{animation:fadeInUp .4s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .6s ease-in-out}.animate-count-up{animation:countUp .5s ease-out}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-input) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.chart-bar{transform-origin:bottom;animation:barGrow .6s ease-out}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.btn:active:after{width:300px;height:300px;opacity:0}*{transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),color var(--transition-fast)}.chart-bar,canvas,img,.spinner-border{transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}