@import url(https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0f14;--surface:#13161e;--surface-2:#1a1e2a;--border:#252836;--accent:#22d3a5;--accent-dim:#22d3a51f;--accent-glow:#22d3a559;--text:#e8eaf0;--text-muted:#6b7080;--text-dim:#9da3b4;--danger:#f87171;--danger-dim:#f871711f;--success:#34d399;--success-dim:#34d3991f;--font:"Sora",sans-serif;--mono:"JetBrains Mono",monospace;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #0006}html{font-size:15px}body{background:#0d0f14;background:var(--bg);color:#e8eaf0;color:var(--text);font-family:Sora,sans-serif;font-family:var(--font);line-height:1.6;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#13161e;background:var(--surface);border-bottom:1px solid #252836;border-bottom:1px solid var(--border);padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:64px;margin:0 auto;max-width:1200px}.header-content,.logo{align-items:center;display:flex}.logo{gap:14px}.logo-icon{background:#22d3a5;background:var(--accent);border-radius:10px;color:#000;display:grid;flex-shrink:0;font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:1.5rem;font-weight:500;height:40px;place-items:center;width:40px}.logo h1{color:#e8eaf0;color:var(--text);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.tagline{color:#6b7080;color:var(--text-muted);font-size:.72rem;letter-spacing:.04em}.app-main{margin:0 auto;max-width:1200px;padding:2rem}.layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:340px 1fr}@media (max-width:768px){.layout{grid-template-columns:1fr}.app-main{padding:1rem}}.sidebar{gap:1.25rem;position:-webkit-sticky;position:sticky;top:80px}.content,.sidebar{display:flex;flex-direction:column}.content{gap:1rem}.card{background:#13161e;background:var(--surface);border:1px solid #252836;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:1.5rem}.card-title{align-items:center;color:#6b7080;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.06em;margin-bottom:1.25rem;text-transform:uppercase}.icon{font-style:normal}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.field label{color:#9da3b4;color:var(--text-dim);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.field input,.field select{background:#1a1e2a;background:var(--surface-2);border:1px solid #252836;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e8eaf0;color:var(--text);font-family:Sora,sans-serif;font-family:var(--font);font-size:.9rem;padding:.65rem .875rem;transition:border-color .2s,box-shadow .2s;width:100%}.field input::placeholder{color:#6b7080;color:var(--text-muted)}.field input:focus,.field select:focus{border-color:#22d3a5;border-color:var(--accent);box-shadow:0 0 0 3px #22d3a559;box-shadow:0 0 0 3px var(--accent-glow);outline:none}.field select option{background:#1a1e2a;background:var(--surface-2)}.field--error input,.field--error select{border-color:#f87171;border-color:var(--danger)}.field-error{color:#f87171;color:var(--danger);font-size:.75rem}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-family:var(--font);font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:.75rem 1.25rem;transition:all .15s;width:100%}.btn--primary:hover:not(:disabled){background:#1bbf93;box-shadow:0 4px 16px #22d3a559;box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn--primary:disabled{opacity:.5}.btn-retry{background:none;border:1px solid #f87171;border:1px solid var(--danger);border-radius:6px;color:#f87171;color:var(--danger);cursor:pointer;font-size:.8rem;margin-left:8px;padding:4px 12px}.spinner{animation:spin .7s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;display:inline-block;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.alert{align-items:center;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:.85rem;padding:.75rem 1rem}.alert--error{background:#f871711f;background:var(--danger-dim);border:1px solid #f871714d;color:#f87171;color:var(--danger)}.toast{animation:slideDown .25s ease;border-radius:8px;border-radius:var(--radius-sm);font-size:.85rem;padding:.75rem 1rem}.toast--success{background:#34d3991f;background:var(--success-dim);border:1px solid #34d3994d;color:#34d399;color:var(--success)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-bar{background:#13161e;background:var(--surface);border:1px solid #252836;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem}.filter-group{align-items:center;display:flex;gap:10px}.filter-group label{color:#6b7080;color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.filter-group select{background:#1a1e2a;background:var(--surface-2);border:1px solid #252836;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e8eaf0;color:var(--text);cursor:pointer;font-family:Sora,sans-serif;font-family:var(--font);font-size:.85rem;padding:.45rem .75rem}.filter-group select:focus{border-color:#22d3a5;border-color:var(--accent);outline:none}.table-card{overflow:hidden;padding:0}.table-wrapper{overflow-x:auto}.expense-table{border-collapse:collapse;font-size:.875rem;width:100%}.expense-table th{background:#1a1e2a;background:var(--surface-2);color:#6b7080;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-align:left;text-transform:uppercase}.expense-table td,.expense-table th{border-bottom:1px solid #252836;border-bottom:1px solid var(--border);padding:.875rem 1.25rem}.expense-table td{vertical-align:middle}.expense-table tr:last-child td{border-bottom:none}.expense-table tbody tr{transition:background .1s}.expense-table tbody tr:hover{background:#1a1e2a;background:var(--surface-2)}.align-right{text-align:right}.date-cell{color:#9da3b4;color:var(--text-dim);font-size:.8rem}.amount-cell,.date-cell{font-family:JetBrains Mono,monospace;font-family:var(--mono);white-space:nowrap}.amount-cell{color:#22d3a5;color:var(--accent);font-weight:600}.badge{border-radius:99px;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:3px 10px}.skeleton-cell{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1e2a 25%,#252836 50%,#1a1e2a 75%);background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:4px;height:16px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:3rem;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.3}.empty-hint{color:#6b7080;color:var(--text-muted);font-size:.85rem;margin-top:4px}.total-display{align-items:center;background:#22d3a51f;background:var(--accent-dim);border:1px solid #22d3a533;border-radius:8px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:1rem 1.25rem}.total-label{font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.total-amount,.total-label{color:#22d3a5;color:var(--accent)}.total-amount{font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:1.3rem;font-weight:700}.breakdown-title{color:#6b7080;color:var(--text-muted);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.breakdown-row,.breakdown-title{margin-bottom:.875rem}.breakdown-header{display:flex;justify-content:space-between;margin-bottom:5px}.breakdown-cat{color:#9da3b4;color:var(--text-dim);font-size:.83rem}.breakdown-amt{color:#6b7080;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-family:var(--mono);font-size:.8rem}.progress-track{background:#1a1e2a;background:var(--surface-2);border-radius:99px;height:4px;overflow:hidden}.progress-bar{background:#22d3a5;background:var(--accent);border-radius:99px;height:100%;transition:width .4s ease}.header-content{justify-content:space-between}.header-user{align-items:center;display:flex;gap:1rem}.user-greeting{color:#9da3b4;color:var(--text-dim);font-size:.85rem;font-weight:500}.btn--logout{background:#0000;border:1px solid #252836;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#6b7080;color:var(--text-muted);cursor:pointer;font-family:Sora,sans-serif;font-family:var(--font);font-size:.8rem;padding:.4rem 1rem;transition:all .2s}.btn--logout:hover{background:#f871711f;background:var(--danger-dim);border-color:#f87171;border-color:var(--danger);color:#f87171;color:var(--danger)}.login-overlay{align-items:center;background:#0d0f14;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#13161e;background:var(--surface);border:1px solid #252836;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);max-width:400px;padding:2rem;width:100%}.login-logo{align-items:center;border-bottom:1px solid #252836;border-bottom:1px solid var(--border);display:flex;gap:14px;margin-bottom:2rem;padding-bottom:1.5rem}.login-logo h1{color:#e8eaf0;color:var(--text);font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.login-tabs{background:#1a1e2a;background:var(--surface-2);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:0;margin-bottom:1.5rem;padding:4px}.login-tab{background:#0000;border:none;border-radius:6px;border-radius:calc(var(--radius-sm) - 2px);color:#6b7080;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:Sora,sans-serif;font-family:var(--font);font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.login-tab.active{background:#13161e;background:var(--surface);border:1px solid #252836;border:1px solid var(--border);color:#22d3a5;color:var(--accent)}.login-form{display:flex;flex-direction:column;gap:1rem}.login-footer{color:#6b7080;color:var(--text-muted);font-size:.82rem;margin-top:1.5rem;text-align:center}.link-btn{background:none;border:none;color:#22d3a5;color:var(--accent);cursor:pointer;font-family:Sora,sans-serif;font-family:var(--font);font-size:.82rem;padding:0;text-decoration:underline}.link-btn:hover{opacity:.8}.btn--primary{background:#22d3a5;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-sm);color:#000;cursor:pointer;font-family:Sora,sans-serif;font-family:var(--font);font-size:.9rem;font-weight:600;padding:.7rem 1.5rem;transition:opacity .2s}.btn--primary:hover:not(:disabled){opacity:.85}.btn--primary:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.d716e9de.css.map*/