.top-actions{display:flex;align-items:center;gap:10px}.style-button{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--ink);font-weight:800;cursor:pointer}.sidebar,.forecast,.hero-card,.panel,.calendar-card,.cash-strip,.account-filter,.transaction-table,.transaction-stats article{transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
body[data-theme="cloud"]{--ink:#17213b;--muted:#66708a;--paper:#f3f6ff;--card:#fff;--line:#dbe2f3;--green:#265cf0;--mint:#ddecff;--lime:#70e1ff;--coral:#f15f78;--peach:#ffe1e8;--gold:#ffb22e;--shadow:0 14px 40px rgba(41,70,140,.09);background:radial-gradient(circle at 72% 0,#e7ecff 0,transparent 32%),var(--paper)}body[data-theme="cloud"] .sidebar{background:linear-gradient(180deg,#131d3a,#182858)}body[data-theme="cloud"] .nav-item:hover,body[data-theme="cloud"] .nav-item.active{background:#315ee6}body[data-theme="cloud"] .forecast{background:linear-gradient(135deg,#2455e6,#673de6 72%,#8749eb)}body[data-theme="cloud"] .ring{background:radial-gradient(circle at center,#503ddd 55%,transparent 57%),conic-gradient(var(--lime) 0 55%,rgba(255,255,255,.18) 55%)}body[data-theme="cloud"] .level-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}body[data-theme="cloud"] .add-button{background:#6fe6ff;color:#10214c}body[data-theme="cloud"] .owner-switch button.active,body[data-theme="cloud"] .primary,body[data-theme="cloud"] .quest-button{background:#265cf0}
body[data-theme="midnight"]{--ink:#f1f3ff;--muted:#aeb5d0;--paper:#080b16;--card:#12172a;--line:#29314d;--green:#9a6cff;--mint:#243a52;--lime:#53f0d0;--coral:#ff6f91;--peach:#48283a;--gold:#ffca5c;--shadow:0 18px 46px rgba(0,0,0,.28);background:radial-gradient(circle at 70% 0,#24174c 0,transparent 32%),var(--paper)}body[data-theme="midnight"] .sidebar{background:#0b0e1c;border-right:1px solid #252b43}body[data-theme="midnight"] .nav-item:hover,body[data-theme="midnight"] .nav-item.active{background:#6d45d7}body[data-theme="midnight"] .forecast{background:linear-gradient(135deg,#4526a8,#19204d 75%)}body[data-theme="midnight"] .day,body[data-theme="midnight"] .cash-strip>div,body[data-theme="midnight"] .buffer-control{background:var(--card)}body[data-theme="midnight"] .day.outside,body[data-theme="midnight"] .detail-note{background:#0d1222}body[data-theme="midnight"] input,body[data-theme="midnight"] select,body[data-theme="midnight"] .style-button,body[data-theme="midnight"] .owner-switch button{background:#171e34;color:var(--ink);border-color:var(--line)}body[data-theme="midnight"] dialog{background:#12172a;color:var(--ink)}body[data-theme="midnight"] .account-filter,body[data-theme="midnight"] .transaction-filters{background:#101527}body[data-theme="midnight"] .bank-page-toolbar{background:#171f3a;border-color:#39446b}body[data-theme="midnight"] .ring{background:radial-gradient(circle at center,#28205b 55%,transparent 57%),conic-gradient(var(--lime) 0 55%,#343553 55%)}
body[data-theme="sunset"]{--ink:#352039;--muted:#7f637c;--paper:#fff5f0;--card:#fffdfb;--line:#f0d6d0;--green:#e74972;--mint:#d9f4ee;--lime:#ffd85a;--coral:#f06042;--peach:#ffe0d7;--gold:#ff9d24;--shadow:0 14px 38px rgba(159,70,74,.10);background:radial-gradient(circle at 70% 0,#ffe3bf 0,transparent 34%),var(--paper)}body[data-theme="sunset"] .sidebar{background:linear-gradient(180deg,#50243f,#7f2e50)}body[data-theme="sunset"] .nav-item:hover,body[data-theme="sunset"] .nav-item.active{background:#ec5a77}body[data-theme="sunset"] .forecast{background:linear-gradient(135deg,#f04f6c,#f47b45 68%,#f6a536)}body[data-theme="sunset"] .ring{background:radial-gradient(circle at center,#ed704d 55%,transparent 57%),conic-gradient(#ffe15c 0 55%,rgba(255,255,255,.22) 55%)}body[data-theme="sunset"] .owner-switch button.active,body[data-theme="sunset"] .primary,body[data-theme="sunset"] .quest-button{background:#e74972}body[data-theme="sunset"] .add-button{background:#ffd85a;color:#50243f}
.theme-dialog{width:min(760px,calc(100% - 24px));padding:24px!important;background:var(--card);color:var(--ink)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-options>button{display:grid;gap:8px;padding:10px;text-align:left;border:2px solid var(--line);border-radius:15px;background:transparent;color:inherit;cursor:pointer}.theme-options>button.active{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.theme-options small{color:var(--muted);line-height:1.35}.theme-preview{height:105px;border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr .7fr;gap:7px}.theme-preview i{display:block;border-radius:6px}.theme-preview i:first-child{grid-row:1/3}.cloud-preview{background:#edf3ff}.cloud-preview i{background:#265cf0}.cloud-preview i:nth-child(2){background:#714ee8}.cloud-preview i:nth-child(3){background:#70e1ff}.midnight-preview{background:#090d1c}.midnight-preview i{background:#6d45d7}.midnight-preview i:nth-child(2){background:#18213c}.midnight-preview i:nth-child(3){background:#53f0d0}.sunset-preview{background:#fff0e7}.sunset-preview i{background:#f04f6c}.sunset-preview i:nth-child(2){background:#f69a40}.sunset-preview i:nth-child(3){background:#ffd85a}
.transaction-intro{margin-bottom:18px}.transaction-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.transaction-stats article{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.transaction-stats small{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em}.transaction-stats strong{display:block;margin-top:5px;font:800 23px Manrope}.transaction-stats article:nth-child(1) strong{color:#1e9b70}.transaction-stats article:nth-child(2) strong{color:var(--coral)}.transaction-filters{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:10px;align-items:end;padding:14px;margin-bottom:12px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.transaction-filters label{margin:0}.transaction-filters button{height:39px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}.transaction-table{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--card)}.transaction-head,.transaction-row{display:grid;grid-template-columns:100px minmax(210px,1.4fr) minmax(220px,1fr) 150px 115px;align-items:center;gap:16px;padding:12px 16px}.transaction-head{border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em}.transaction-head button{padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.transaction-head button:last-child{text-align:right}.transaction-row{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.transaction-row:hover{background:color-mix(in srgb,var(--green) 7%,transparent)}.transaction-row:last-child{border:0}.transaction-date strong,.transaction-description strong,.transaction-account strong{display:block;font-size:13px}.transaction-row small{display:block;margin-top:2px;color:var(--muted);font-size:11px}.transaction-icon{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:9px;background:var(--peach);color:var(--coral);font-weight:900}.transaction-icon.income{background:var(--mint);color:#16815d}.transaction-description{display:flex;align-items:center}.transaction-amount{text-align:right;font-weight:900}.transaction-amount.income{color:#16815d}.transaction-amount.expense{color:var(--coral)}.transaction-empty{padding:50px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.transaction-filters{grid-template-columns:repeat(3,1fr)}.transaction-head,.transaction-row{grid-template-columns:90px 1.2fr 1fr 110px}.transaction-head>:nth-child(4),.transaction-row>:nth-child(4){display:none}}
@media(max-width:720px){.top-actions{gap:5px}.style-button{font-size:0;width:42px;padding:0}.style-button:first-letter{font-size:16px}.theme-options{grid-template-columns:1fr}.theme-preview{height:70px}.transaction-stats{grid-template-columns:1fr 1fr}.transaction-filters{grid-template-columns:1fr 1fr}.transaction-filters .search-field{grid-column:1/-1}.transaction-head{display:none}.transaction-row{grid-template-columns:72px 1fr auto;gap:9px;padding:12px}.transaction-row>:nth-child(3),.transaction-row>:nth-child(4){display:none}.transaction-amount{display:block!important}.transaction-description strong{font-size:12px}}