:root{--bg: #070b14;--glass: rgba(255, 255, 255, .045);--glass-strong: rgba(255, 255, 255, .075);--glass-border: rgba(255, 255, 255, .1);--glass-border-soft: rgba(255, 255, 255, .06);--text-1: #f2f4f8;--text-2: #9aa4b7;--text-3: #5d6579;--gold: #e8b93f;--teal: #22b8a0;--emerald: #34d399;--amber: #f5a623;--orange: #f2874a;--red: #f0554a;--income: #34d399;--expense: #f2874a;--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1100px 620px at 14% -8%,rgba(34,184,160,.14),transparent 60%),radial-gradient(900px 560px at 100% 10%,rgba(232,185,63,.1),transparent 55%),var(--bg);color:var(--text-1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}button{font-family:inherit;cursor:pointer;min-height:44px}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.num{font-family:Sora,Inter,sans-serif;font-variant-numeric:tabular-nums}.app{max-width:1180px;margin:0 auto;padding:20px 16px 120px;width:100%;overflow-x:hidden}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand .mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(145deg,var(--gold),#b8892a);display:flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-weight:700;font-size:16px;color:#1a1300}.brand .title{font-family:Sora,sans-serif;font-weight:600;font-size:16px}.brand .title span{color:var(--text-3);font-weight:400}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sync-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-border);font-size:13px;color:var(--text-2);min-height:36px}.sync-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 4px #34d39926;flex-shrink:0}.sync-badge.syncing .dot{background:var(--amber);box-shadow:0 0 0 4px #f5a62326}.sync-badge.offline .dot{background:var(--text-3);box-shadow:0 0 0 4px #ffffff14}.sync-badge.error .dot{background:var(--red);box-shadow:0 0 0 4px #f0554a2e}.btn-ghost{background:var(--glass);border:1px solid var(--glass-border);color:var(--text-2);padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;min-height:44px}.btn-ghost:hover{color:var(--text-1);border-color:#fff3}.btn-ghost.primary{color:var(--text-1);border-color:#22b8a080}.btn-ghost.danger:hover{color:#ff9b92;border-color:#f0554a66}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 8px 24px #00000059}.grid{display:grid;grid-template-columns:1.05fr 1fr;gap:16px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.moneybox-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.moneybox{position:relative;padding:32px 24px 28px;overflow:hidden;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.moneybox-amount{font-family:Sora,sans-serif;font-weight:700;font-size:clamp(40px,8vw,60px);line-height:1.05;background:linear-gradient(180deg,#fff,#cfd6e3);-webkit-background-clip:text;background-clip:text;color:transparent;overflow-wrap:anywhere}.moneybox-label{font-size:12.5px;color:var(--text-2);margin-bottom:6px}.moneybox-sub{margin-top:10px;font-size:14px;color:var(--text-2);max-width:340px}.moneybox-sub b{color:var(--text-1)}.status-banner{margin-top:14px;padding:10px 16px;border-radius:12px;font-size:13.5px;font-weight:600;display:none}.status-banner.show{display:block}.status-banner.warning{background:#f5a62324;color:#f5c265;border:1px solid rgba(245,166,35,.3)}.status-banner.low{background:#f2874a24;color:#f5a87e;border:1px solid rgba(242,135,74,.32)}.status-banner.critical{background:#f0554a29;color:#ff9b92;border:1px solid rgba(240,85,74,.4)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{border:none;border-radius:16px;padding:16px 14px;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px}.btn:active{transform:scale(.97)}.btn-gain{background:linear-gradient(135deg,#3edbae,#1e9b7d);color:#04241a}.btn-spend{background:linear-gradient(135deg,#2a3244,#1a202e);color:#f0d9c9;border:1px solid rgba(255,255,255,.08)}.btn[disabled]{opacity:.55;cursor:not-allowed}.stats-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start;min-width:0}@media (max-width: 420px){.stats-panel{grid-template-columns:repeat(2,1fr)}}.stat-card{padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0}.stat-card .label{font-size:12px;color:var(--text-2)}.stat-card .value{font-size:20px;font-weight:700;overflow-wrap:anywhere}.stat-card .value.pos{color:var(--emerald)}.stat-card .value.neg{color:var(--expense)}.panel{padding:20px;min-width:0}.panel h2{font-family:Sora,sans-serif;font-size:16px;font-weight:600;margin:0 0 12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}.panel-head h2{margin:0}.span-all{grid-column:1 / -1}canvas.chart{width:100%;height:220px;display:block}.g-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}@media (max-width: 720px){.g-stats{grid-template-columns:repeat(2,1fr)}}.g-item{background:var(--glass-strong);border:1px solid var(--glass-border-soft);border-radius:12px;padding:10px 12px;min-width:0}.g-item .l{font-size:11px;color:var(--text-3);margin-bottom:2px}.g-item .v{font-size:14.5px;font-weight:700;overflow-wrap:anywhere}.goal-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:8px 0}.goal-row .l{font-size:13px;color:var(--text-2)}.goal-row .v{font-size:16px;font-weight:700}.goal-status{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600}.goal-status.ontrack{background:#34d3991f;color:var(--emerald)}.goal-status.warning{background:#f5a6231f;color:var(--amber)}.goal-status.risk{background:#f0554a24;color:var(--red)}.progress-track{margin-top:12px;height:14px;border-radius:999px;background:#ffffff0f;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--emerald));transition:width .5s ease}.progress-caption{margin-top:10px;font-size:13px;color:var(--text-2)}.progress-caption b{color:var(--text-1)}.cat-row{margin-bottom:10px}.cat-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px;gap:8px}.cat-top .name{color:var(--text-2)}.cat-top .amt{font-weight:700}.cat-track{height:8px;border-radius:999px;background:#ffffff0f;overflow:hidden}.cat-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--orange))}.cat-empty,.empty-state{font-size:13px;color:var(--text-3);padding:10px 0;text-align:center}.day-group{margin-bottom:16px}.day-label{font-size:12px;color:var(--text-3);margin-bottom:8px;letter-spacing:.3px}.tx-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--glass-border-soft)}.tx-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.tx-icon.income{background:#34d39924;color:var(--income)}.tx-icon.expense{background:#f2874a24;color:var(--expense)}.tx-mid{flex:1;min-width:0}.tx-desc{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{font-size:12px;color:var(--text-3);margin-top:2px}.tx-amt{font-size:14.5px;font-weight:700;white-space:nowrap}.tx-amt.income{color:var(--income)}.tx-amt.expense{color:var(--expense)}.tx-btns{display:flex;gap:4px;flex-shrink:0}.tx-mini{background:none;border:none;color:var(--text-3);min-width:36px;min-height:36px;border-radius:8px;font-size:15px}.tx-mini:hover{background:#ffffff14;color:var(--text-1)}.tx-mini.del:hover{background:#f0554a24;color:var(--red)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ca6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{width:100%;max-width:420px;max-height:92vh;overflow-y:auto;background:linear-gradient(180deg,#121a2b,#0d1420);border:1px solid var(--glass-border);border-radius:22px;padding:24px}.modal h3{font-family:Sora,sans-serif;margin:0 0 4px;font-size:18px}.modal .hint{margin:0 0 16px;color:var(--text-2);font-size:13px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;color:var(--text-2);margin-bottom:6px}.field input,.field select{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-1);font-size:15px;min-height:48px}.field input:focus,.field select:focus{border-color:var(--teal)}.field select option{background:#121a2b}.amt-wrap{position:relative}.amt-wrap .sym{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-2);font-weight:600}.amt-wrap input{padding-left:32px!important;font-size:18px!important;font-weight:600}.field-error{display:none;color:#ff9b92;font-size:12.5px;margin-top:6px}.field-error.show{display:block}.form-error{background:#f0554a1f;border:1px solid rgba(240,85,74,.35);color:#ff9b92;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:12px}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions .btn-ghost{flex:1}.modal-actions .btn{flex:1.4}.btn-danger{background:linear-gradient(135deg,#f0554a,#b9382f);color:#fff}.auth-wrap{max-width:420px;margin:6vh auto;padding:28px 24px;text-align:center}.auth-wrap .mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,var(--gold),#b8892a);display:inline-flex;align-items:center;justify-content:center;font-family:Sora,sans-serif;font-weight:700;font-size:24px;color:#1a1300;margin-bottom:12px}.auth-tabs{display:flex;gap:8px;margin:18px 0}.auth-tabs button{flex:1;background:var(--glass);border:1px solid var(--glass-border);color:var(--text-2);border-radius:10px;padding:10px;font-size:13px;font-weight:600;min-height:44px}.auth-tabs button.active{color:var(--text-1);border-color:#22b8a080}.notice{border-radius:16px;padding:14px 16px;font-size:13.5px;margin-bottom:14px;border:1px solid var(--glass-border);background:var(--glass);color:var(--text-2)}.notice b{color:var(--text-1)}.notice.warn{border-color:#f5a62366}.notice.err{border-color:#f0554a73;color:#ff9b92}.notice .row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.fab-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:none;gap:10px;z-index:50}@media (max-width: 640px){.fab-bar{display:flex}.fab-bar .btn{flex:1;box-shadow:0 12px 32px #00000080}.app{padding-bottom:150px}}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 640px){.settings-grid{grid-template-columns:1fr}}.foot{text-align:center;color:var(--text-3);font-size:12px;margin-top:26px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}