*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg:#f7f6f3;--surface:#fff;--surface-2:#f0ede8;--border:#00000014;--border-strong:#00000024;--text:#1a1917;--text-2:#6b6860;--text-3:#a09d99;--green:#2a7d52;--green-bg:#eaf4ee;--green-text:#1e6040;--amber:#b56a00;--amber-bg:#fef3e2;--amber-text:#8a5000;--red:#c53030;--red-bg:#fdeaea;--red-text:#9b2020;--blue-bg:#eaf1fb;--blue-text:#1a4f8a;--radius:10px;--radius-lg:14px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0f0e;--surface:#1c1b19;--surface-2:#262522;--border:#ffffff12;--border-strong:#ffffff21;--text:#f0ede8;--text-2:#9e9b96;--text-3:#5c5a56;--green:#4ade80;--green-bg:#0d2b1a;--green-text:#4ade80;--amber:#fbbf24;--amber-bg:#2b1f08;--amber-text:#fbbf24;--red:#f87171;--red-bg:#2b0e0e;--red-text:#f87171;--blue-bg:#0d1e36;--blue-text:#60a5fa;--radius:10px;--radius-lg:14px}body,.header,.metric-card,.entry-card,.form-panel,.login-card,.btn,input{transition:background-color .2s,border-color .2s,color .2s}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif}.app{min-height:100vh}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:2rem 0 1.5rem}.header-inner{max-width:720px;margin:0 auto;padding:0 1.5rem}.header-title{color:var(--text);align-items:center;gap:10px;margin-bottom:4px;display:flex}.header-title h1{letter-spacing:-.3px;font-size:22px;font-weight:500}.header-sub{color:var(--text-2);padding-left:32px;font-size:14px}.main{max-width:720px;margin:0 auto;padding:1.5rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:2rem;display:grid}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:1rem;display:flex}.metric-icon{background:var(--surface-2);width:30px;height:30px;color:var(--text-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.metric-label{color:var(--text-2);margin-bottom:3px;font-size:12px}.metric-value{color:var(--text);letter-spacing:-.5px;font-family:DM Mono,monospace;font-size:17px;font-weight:500}.section{margin-bottom:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title{color:var(--text);align-items:center;gap:7px;font-size:14px;font-weight:500;display:flex}.saved-indicator{color:var(--green);align-items:center;gap:4px;font-size:12px;font-weight:400;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}.btn{cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:6px 13px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;transition:all .15s;display:inline-flex}.btn--outline{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2)}.btn--outline:hover{background:var(--surface-2);color:var(--text)}.btn--primary{background:var(--text);color:var(--surface);border:none}.btn--primary:hover{opacity:.85}.btn--ghost{border:1px solid var(--border);color:var(--text-2);background:0 0}.btn--ghost:hover{background:var(--surface-2)}.icon-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.icon-btn--edit:hover{background:var(--blue-bg);color:var(--blue-text)}.icon-btn--delete:hover{background:var(--red-bg);color:var(--red-text)}.entry-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;margin-bottom:8px;padding:1rem 1.1rem;transition:border-color .15s;display:flex}.entry-card:hover{border-color:var(--border-strong)}.entry-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.entry-icon--blue{background:var(--blue-bg);color:var(--blue-text)}.entry-icon--green{background:var(--green-bg);color:var(--green-text)}.entry-main{flex:1;min-width:0}.entry-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:500;overflow:hidden}.entry-sub{color:var(--text-2);font-size:12px}.entry-right{text-align:right;flex-shrink:0}.entry-balance{color:var(--text);letter-spacing:-.3px;margin-bottom:3px;font-family:DM Mono,monospace;font-size:15px;font-weight:500}.entry-actions{flex-shrink:0;gap:2px;display:flex}.progress-bar{background:var(--surface-2);border-radius:2px;height:3px;margin-top:7px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .4s}.badge{border-radius:20px;padding:2px 7px;font-family:DM Mono,monospace;font-size:11px;display:inline-block}.badge--ok{background:var(--surface-2);color:var(--text-2)}.badge--soon{background:var(--amber-bg);color:var(--amber-text)}.badge--urgent{background:var(--red-bg);color:var(--red-text)}.form-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px;padding:1.25rem}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}@media (width<=480px){.form-grid{grid-template-columns:1fr}.login-page{padding:.75rem}.login-card{padding:1.25rem}}.form-field{flex-direction:column;gap:4px;display:flex}.form-field span{color:var(--text-2);font-size:12px}.form-field input{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:8px;outline:none;width:100%;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s}.form-field input:focus{border-color:var(--text-2)}.form-field input[type=date]{appearance:none;height:36px;line-height:normal}.form-actions{gap:8px;display:flex}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-3);align-items:center;gap:8px;padding:1.25rem;font-size:14px;display:flex}.login-page{background:var(--bg);justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.google-btn-wrap{background:var(--surface);border-radius:4px;justify-content:center;display:flex;overflow:hidden}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:2rem;position:relative}.login-card--loading{pointer-events:none}.login-spinner-overlay{border-radius:var(--radius-lg);background:var(--surface);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--border-strong);border-top-color:var(--text);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.spinner-label{color:var(--text-2);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--border) 50%, var(--surface-2) 75%);background-size:800px 100%;border-radius:6px;animation:1.4s ease-in-out infinite shimmer}.skeleton-metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:2rem;display:grid}.skeleton-metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:1rem;display:flex}.skeleton-metric-icon{border-radius:8px;flex-shrink:0;width:30px;height:30px}.skeleton-metric-text{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-metric-label{width:55%;height:10px}.skeleton-metric-value{width:75%;height:16px}.skeleton-entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:12px;margin-bottom:8px;padding:1rem 1.1rem;display:flex}.skeleton-entry-icon{border-radius:9px;flex-shrink:0;width:36px;height:36px}.skeleton-entry-main{flex-direction:column;flex:1;gap:7px;display:flex}.skeleton-entry-name{width:45%;height:13px}.skeleton-entry-sub{width:65%;height:11px}.skeleton-entry-right{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.skeleton-entry-balance{width:64px;height:14px}.skeleton-entry-badge{border-radius:20px;width:48px;height:18px}