:root{--bg:#f0f2f5;--card-bg:#fff;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--text:#1a1a2e;--text-secondary:#6b7280;--green:#10b981;--green-light:#ecfdf5;--red:#ef4444;--red-light:#fef2f2;--border:#e5e7eb;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--radius:10px;--radius-sm:6px;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--navbar-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}a{color:var(--primary);text-decoration:none}h1,h2,h3,h4{font-weight:600;line-height:1.3}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}input,select,textarea{font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}input[type=number]{-moz-appearance:textfield}button{font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s}button:hover{background:#f9fafb;border-color:#d1d5db}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{color:var(--red);background:0 0;border-color:#0000;padding:.35rem .5rem}.btn-danger:hover{background:var(--red-light)}.btn-icon{color:var(--text-secondary);background:0 0;border:none;padding:.35rem .5rem;font-size:.9rem}.btn-icon:hover{color:var(--text);background:#f3f4f6}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:.625rem .75rem;font-size:.75rem;font-weight:600}tbody td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:.625rem .75rem;font-size:.875rem}tbody tr:last-child td{border-bottom:none}.navbar{height:var(--navbar-height);background:var(--card-bg);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow);align-items:center;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-logo{color:var(--primary);align-items:center;gap:.5rem;margin-right:2rem;font-size:1.1rem;font-weight:700;display:flex}.navbar-logo svg{width:22px;height:22px}.navbar-links{gap:.25rem;list-style:none;display:flex}.navbar-links a{border-radius:var(--radius-sm);color:var(--text-secondary);padding:.4rem .85rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:block}.navbar-links a:hover{color:var(--text);background:#f3f4f6}.navbar-links a.active{background:var(--primary-light);color:var(--primary)}.navbar-spacer{flex:1}.navbar-logout{margin-left:auto}.hamburger{cursor:pointer;color:var(--text);background:0 0;border:none;padding:.5rem;display:none}.hamburger svg{width:24px;height:24px}.app-layout{padding-top:var(--navbar-height)}.page{max-width:1200px;margin:0 auto;padding:1.5rem}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.875rem;font-weight:600}.cards-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.summary-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.summary-card-label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.8rem;font-weight:500}.summary-card-value{color:var(--text);font-size:1.5rem;font-weight:700}.summary-card-sub{color:var(--text-secondary);margin-top:.2rem;font-size:.75rem}.two-cols{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}.chart-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.form-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.form-row{align-items:flex-end;gap:.5rem;display:flex}.form-actions{gap:.5rem;margin-top:.25rem;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-bar input,.filter-bar select{width:auto}.settings-section{margin-bottom:1.5rem}.settings-section h3{border-bottom:1px solid var(--border);margin-bottom:.75rem;padding-bottom:.5rem}.settings-fields{flex-direction:column;gap:.75rem;display:flex}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:.8rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.mt-1{margin-top:.5rem}.mb-1{margin-bottom:.5rem}.opacity-50{opacity:.5}.empty-state{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.875rem}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:380px;padding:2.5rem}.login-card h2{text-align:center;color:var(--primary);margin-bottom:.35rem;font-size:1.4rem}.login-card .login-sub{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.login-card form{flex-direction:column;gap:1rem;display:flex}.dropdown-container{position:relative}.dropdown-list{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:10;max-height:200px;box-shadow:var(--shadow-md);position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:.5rem .75rem;font-size:.875rem}.dropdown-item:hover{background:#f5f7fa}.dropdown-item:last-child{border-bottom:none}.chart-tooltip{color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background:#1a1a2e;border:none;padding:.625rem .85rem;font-size:.8rem;line-height:1.5}.chart-tooltip-label{margin-bottom:.2rem;font-weight:600}.chart-tooltip-value{font-size:.9rem}.loading{color:var(--text-secondary);justify-content:center;align-items:center;padding:3rem;display:flex}.balance-editable{align-items:center;gap:.5rem;display:flex}.btn-edit-balance{cursor:pointer;color:var(--text-secondary);opacity:0;background:0 0;border:none;padding:.2rem;font-size:1rem;line-height:1;transition:opacity .15s}.summary-card:hover .btn-edit-balance{opacity:1}.btn-edit-balance:hover{color:var(--primary)}.balance-input{font-size:1.5rem;font-weight:700;font-family:var(--font);border:1px solid var(--primary);border-radius:var(--radius-sm);width:180px;padding:.1rem .3rem;box-shadow:0 0 0 3px #2563eb1a}@media (width<=768px){.cards-row,.two-cols{grid-template-columns:1fr}.page{padding:1rem}.navbar-links{top:var(--navbar-height);background:var(--card-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);flex-direction:column;padding:.5rem;display:none;position:fixed;left:0;right:0}.navbar-links.open{display:flex}.hamburger{display:block}.summary-card-value{font-size:1.25rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar input,.filter-bar select{width:100%}table{font-size:.8rem}thead th,tbody td{padding:.5rem}}@media (width<=480px){.navbar-logo span{display:none}.login-card{margin:1rem;padding:1.5rem}.form-row{flex-direction:column}}