@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary:#4f46e5;--primary-light:#6366f1;--primary-dark:#4338ca;--primary-glow:#4f46e51f;--success:#10b981;--success-light:#ecfdf5;--success-dark:#047857;--danger:#ef4444;--danger-light:#fef2f2;--danger-dark:#b91c1c;--warning:#f59e0b;--warning-light:#fffbeb;--info:#0284c7;--info-light:#f0f9ff;--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-card:#fff;--bg-hover:#f8fafc;--border:#e2e8f0;--border-focus:#818cf8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--sidebar-width:260px;--topbar-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #0f172a0d, 0 1px 2px #0f172a08;--shadow-md:0 4px 12px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-lg:0 12px 32px #0f172a14, 0 4px 8px #0f172a0a;--shadow-primary:0 4px 12px #4f46e533}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-content{flex:1;width:100%;max-width:1400px;padding:2rem}.sidebar{width:var(--sidebar-width);background:var(--bg-surface);border-right:1px solid var(--border);z-index:100;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.sidebar-logo-icon{background:var(--primary);border-radius:var(--radius-sm);width:38px;height:38px;box-shadow:var(--shadow-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{color:var(--text-primary);font-size:1.1rem;font-weight:700}.sidebar-logo-sub{color:var(--text-muted);margin-top:2px;font-size:.65rem;line-height:1;display:block}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;padding:.75rem .75rem .35rem;font-size:.65rem;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;margin-bottom:.15rem;padding:.65rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{color:var(--primary);border-left:3px solid var(--primary);background:#eef2ff;font-weight:600}.nav-item-icon{flex-shrink:0;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border);padding:1rem .75rem}.user-card{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem;display:flex}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);text-transform:capitalize;font-size:.65rem}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:50;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.topbar-left h1{color:var(--text-primary);margin-bottom:.1rem;font-size:1.15rem;font-weight:700}.topbar-left p{color:var(--text-secondary);font-size:.75rem}.topbar-right{align-items:center;gap:1rem;display:flex}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem}.card-sm{padding:1rem}.card-xl{padding:2rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.stat-value{margin-bottom:.5rem;font-size:1.6rem;font-weight:800;line-height:1.1}.stat-value.income{color:var(--success)}.stat-value.expense{color:var(--danger)}.stat-value.balance{color:var(--primary)}.stat-value.neutral{color:var(--info)}.stat-change{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.stat-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:1.5rem;right:1.5rem}.grid{gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-12{grid-template-columns:1fr 1fr}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-ghost{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary);border-color:#cbd5e1}.btn-sm{padding:.35rem .9rem;font-size:.8rem}.btn-lg{padding:.75rem 1.75rem;font-size:1rem}.btn-icon{border-radius:var(--radius-sm);padding:.55rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.form-control{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);appearance:none;background:#fff;border:1px solid #cbd5e1;outline:none;padding:.6rem .9rem;font-family:inherit;font-size:.9rem;transition:all .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-control::placeholder{color:var(--text-muted)}select.form-control{cursor:pointer}.table-container{border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;background:var(--bg-card);width:100%;font-size:.875rem}thead th{background:var(--bg-elevated);text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.7rem;font-weight:700}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child{border-bottom:none}tbody td{vertical-align:middle;color:var(--text-primary);padding:.85rem 1rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-income{background:var(--success-light);color:var(--success-dark)}.badge-expense{background:var(--danger-light);color:var(--danger-dark)}.badge-admin{color:var(--primary);background:#eef2ff}.badge-active{background:var(--success-light);color:var(--success-dark)}.badge-inactive{color:var(--text-secondary);background:#f1f5f9}.badge-info{background:var(--info-light);color:var(--info)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172a66;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);padding:2rem;animation:.25s slideUp;overflow-y:auto}.modal-lg{max-width:640px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.transaction-item{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1rem 0;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;display:flex}.transaction-info{flex:1;min-width:0}.transaction-category{color:var(--text-primary);font-size:.875rem;font-weight:600}.transaction-note{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.transaction-date{color:var(--text-muted);font-size:.7rem}.transaction-amount{flex-shrink:0;font-size:1rem;font-weight:700}.transaction-amount.income{color:var(--success)}.transaction-amount.expense{color:var(--danger)}.chart-container{width:100%}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.page-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;font-size:.875rem;transition:all .2s;display:flex}.page-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.empty-state p{font-size:.875rem}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.loading-overlay{justify-content:center;align-items:center;padding:4rem;display:flex}.alert{border-radius:var(--radius-sm);margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{background:var(--danger-light);color:var(--danger-dark);border:1px solid var(--danger)}.alert-success{background:var(--success-light);color:var(--success-dark);border:1px solid var(--success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.page-header h2{color:var(--text-primary);font-size:1.4rem;font-weight:800}.page-header p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.filter-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.filter-bar .form-control{max-width:200px}.color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.split-auth-page{width:100vw;height:100vh;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.split-auth-container{width:100%;height:100%;display:flex;overflow:hidden}.split-auth-left{color:#fff;background:linear-gradient(145deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);flex-direction:column;justify-content:space-between;width:50%;height:100%;padding:3rem;display:flex;position:relative;overflow:hidden}.split-auth-left-grid{opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.glass-widget{-webkit-backdrop-filter:blur(14px);color:#fff;background:#ffffff1f;border:1px solid #fff3;border-radius:16px;padding:1rem 1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000026}.glass-widget:hover{background:#ffffff29;transform:translateY(-3px)}.split-auth-right{background:var(--bg-card);flex-direction:column;justify-content:center;width:50%;height:100%;padding:3rem 4rem;display:flex;overflow-y:auto}.auth-pill-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin-bottom:1.25rem;padding:4px;display:flex}.auth-pill-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.5rem;font-size:.85rem;font-weight:700;transition:all .2s}.auth-pill-button.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.auth-carousel-slide{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0;transform:translate(10px)}.auth-carousel-slide.active{opacity:1;pointer-events:auto;transform:translate(0)}@keyframes mascotPop{0%{opacity:0;transform:scale(.9)translateY(-48%)}to{opacity:1;transform:scale(1)translateY(-50%)}}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-width:0px}.sidebar{transform:translate(-260px)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-content{padding:1rem}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .form-control{max-width:100%}}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-primary{color:var(--primary)!important}.text-muted{color:var(--text-muted)!important}.text-right{text-align:right}.text-center{text-align:center}.flex{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.font-bold{font-weight:700}.w-full{width:100%}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}