:root{--navy: #081F3D;--gold: #FFC62A;--gold-light: #FFE082;--teal: #13B5B1;--teal-light: #E0F5F4;--white: #FFFFFF;--bg: #F7F8FA;--surface: #FFFFFF;--surface-alt: #F0F2F5;--navy-wash: rgba(8, 31, 61, .05);--border: #E2E5EA;--text: #081F3D;--text-secondary: #5A6577;--text-muted: #8E95A2;--danger: #D6543C;--danger-bg: #FEF0ED;--success: #2D8F5E;--success-bg: #E8F5EE;--warning-bg: #FFF8E6;--radius: 10px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,monospace;font-weight:500}.app-header{background:var(--navy);padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.app-header img{height:36px}.app-header .user-info{color:var(--white);font-size:14px;opacity:.8}.app-header button{background:#ffffff26;color:#fff;border:none;padding:6px 14px;border-radius:var(--radius);cursor:pointer;font-size:13px}.container{max-width:960px;margin:0 auto;padding:24px 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header h2{font-size:15px;font-weight:700;color:var(--text-secondary)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.metric-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.metric-value{font-size:22px;font-weight:700}.metric--success{background:var(--success-bg);border-color:transparent}.metric--success .metric-value{color:var(--success)}.metric--danger{background:var(--danger-bg);border-color:transparent}.metric--danger .metric-value{color:var(--danger)}.row-header{display:grid;gap:8px;padding:8px 12px;background:var(--navy-wash);border-bottom:2px solid var(--teal);border-radius:var(--radius) var(--radius) 0 0;font-size:12px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.03em}.row-item{display:grid;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);align-items:center}.row-item:last-child{border-bottom:none}input,select{font-family:inherit;font-size:14px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);width:100%}input:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-light)}input[type=number]{font-family:IBM Plex Mono,monospace}input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal);cursor:pointer}.btn{font-family:inherit;font-size:13px;font-weight:700;padding:7px 14px;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn--primary{background:var(--teal);color:#fff}.btn--primary:hover{background:#109e9a}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--surface-alt)}.btn--danger{background:transparent;color:var(--danger)}.btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px}.btn-icon:hover{color:var(--danger);background:var(--danger-bg)}.pots{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.pot-bar{height:100px;border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;background:var(--surface-alt)}.pot-fill{position:absolute;bottom:0;left:0;width:100%;transition:height .4s ease;border-radius:0 0 var(--radius) var(--radius)}.pot-fill--btw{background:var(--danger)}.pot-fill--ib{background:var(--teal)}.pot-fill--zvw{background:var(--navy)}.quarters{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quarter-card{border:1px solid var(--border);border-radius:var(--radius);padding:12px}.quarter-card--future{opacity:.5}.quarter-bar{height:5px;background:var(--surface-alt);border-radius:3px;overflow:hidden;margin:8px 0}.quarter-bar-fill{height:100%;background:var(--teal)}.tax-row{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);align-items:flex-start}.tax-row:last-child{border-bottom:none}.tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;white-space:nowrap}.tag--required{background:var(--danger-bg);color:var(--danger)}.tag--optional{background:var(--surface-alt);color:var(--text-muted)}.tag--success{background:var(--success-bg);color:var(--success)}.tag--danger{background:var(--danger-bg);color:var(--danger)}.tag--teal{background:var(--teal-light);color:var(--teal)}.tag--amber{background:var(--warning-bg);color:#b8860b}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy)}.auth-card{background:var(--surface);border-radius:var(--radius-lg);padding:40px 32px;width:100%;max-width:400px;text-align:center}.auth-card img{height:48px;margin-bottom:24px}.auth-card h1{font-size:20px;margin-bottom:8px}.auth-card p{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.auth-card input{margin-bottom:12px}.auth-card .btn{width:100%;justify-content:center;padding:10px;font-size:15px}.auth-card .switch{margin-top:16px;font-size:13px;color:var(--text-secondary)}.auth-card .switch a{color:var(--teal);cursor:pointer;font-weight:700}.auth-error{color:var(--danger);font-size:13px;margin-bottom:12px}.disclaimer{font-size:12px;color:var(--text-muted);margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}@media (max-width: 640px){.quarters{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.pots{grid-template-columns:repeat(3,1fr)}.container{padding:16px 12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #13b5b126}