@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;transition:all .2s}body{color:#1e293b;background:#f1f5f9;margin:0;font-family:Poppins,Arial,sans-serif}.watermark{text-align:center;color:#88a9cc73;margin-top:25px;font-size:9px;font-weight:300}.page{justify-content:center;align-items:flex-start;min-height:100dvh;padding:24px 16px;display:flex;overflow-y:auto}.app-shell{width:100%;max-width:440px;margin:0 auto}.auth-card{width:100%;max-width:620px;margin:0 auto}.header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.header>div:first-child{flex:1;min-width:200px}.header .actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.header>div:last-child{align-items:center;gap:8px;display:flex}.icon-btn{color:#093c70;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.icon-btn:hover{background:#f1f5f9;border-color:#093c70}.icon-btn.lang-btn{color:#093c70;background:#fff;border-color:#093c70}.icon-btn.lang-btn:hover{background:#eff6ff}.icon-btn.graph-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.icon-btn.graph-btn:hover{background:#7c3aed;border-color:#7c3aed}.icon-btn.reload-btn{color:#fff;background:#3b82f6;border-color:#3b82f6}.icon-btn.reload-btn:hover{background:#2563eb;border-color:#2563eb}.icon-btn.reload-btn:disabled{opacity:.6;cursor:not-allowed}h1{color:#093c70;letter-spacing:-.5px;margin:0;font-family:Poppins,Arial,sans-serif;font-size:32px;font-weight:800;line-height:1.2}.muted{color:#64748b;font-size:13px}.auth-card{width:100%;max-width:620px;margin:0 auto;padding:32px}.auth-card h1{margin-bottom:18px;font-size:clamp(36px,7vw,56px);line-height:1.05}.form{gap:16px;margin-top:24px;display:grid}.form button{width:100%;min-height:58px}.form+button,.auth-card>button{width:100%;min-height:58px;margin-top:14px}.top-bar{justify-content:space-between;align-items:center;padding:10px;display:flex}.actions{flex-wrap:wrap;gap:10px;display:flex}.summary-card{color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#093c70,#2563eb);border-radius:22px;margin-bottom:16px;padding:24px 22px;transition:transform .2s,box-shadow .2s;box-shadow:0 18px 40px #3b82f633}.summary-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px #3b82f64d}.summary-card .muted{color:#f3e8ff;font-size:14px}.summary-card h2{letter-spacing:-1px;margin:8px 0 18px;font-size:42px;font-weight:800}.summary-card hr{border:none;border-top:1px solid #ffffff47;margin:16px 0}.note-form{gap:10px;margin-bottom:16px;display:grid}.note-form>div:first-child{align-items:center;gap:8px;display:flex}.note-form>div:first-child input[type=date]{flex-shrink:0;width:auto;padding:8px 12px;font-size:14px}.note-form>div:last-child{grid-template-columns:1fr 48px;gap:10px;display:grid}input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-size:15px}input::placeholder{color:#94a3b8}.note-form>div:last-child input{font-family:Poppins,Arial,sans-serif;font-size:15px;font-weight:500}input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf638}button{color:#fff;cursor:pointer;background:#093c70;border:1px solid #0000;border-radius:9px;padding:11px 14px;font-weight:700}button:hover{background:#2563eb}button:disabled{opacity:.6}.list{gap:12px;display:grid}.expense-card{color:#1e293b;background:#fff;border-left:4px solid #093c70;border-radius:15px;justify-content:space-between;align-items:center;padding:18px 18px 16px;display:flex;box-shadow:0 8px 24px #00000014}.expense-card:hover{transform:translateY(-2px)}.expense-card strong{color:#093c70;margin-bottom:8px;font-family:Poppins,Arial,sans-serif;font-size:18px;font-weight:700;line-height:1;display:block}.expense-card .muted{color:#8b95a5;font-size:13px}.amount-box{align-items:center;gap:12px;display:flex}.amount-box span{color:#1e1b4b;font-size:21px;font-weight:800}.delete-btn{color:#ef4444;background:#fafafa;border:1px solid #f1f1f1;border-radius:9px;width:42px;height:32px;padding:0}.delete-btn:hover{background:#fff1f2;border-color:#fecdd3}.delete-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.error{color:#f87171;margin:8px 0;font-size:14px}.empty{text-align:center;color:#9ca3af;padding:28px}.category-badge{color:#7c3aed;background:#ede9fe;border-radius:6px;margin-right:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}@media (width<=520px){.page{align-items:center;padding:18px 12px}.header{flex-direction:column;align-items:flex-start;gap:12px}.header>div:first-child{width:100%}.header .actions{justify-content:flex-end;width:100%}h1{font-size:28px}.icon-btn{padding:6px 10px;font-size:11px}.auth-card{border-radius:20px;padding:24px 18px}.auth-card h1{font-size:38px}input{font-size:16px}.auth-card>button{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}.btn-loading{background:#8b5cf6;border-color:#8b5cf6}