:root{--bg:#f7f8fc;--surface:#fff;--surface-soft:#f8f8fc;--text:#21252e;--muted:#8b90a0;--line:#ececf3;--primary:#7561d9;--primary-soft:#eeeaff;--green:#48b995;--red:#e77b78;--shadow:0 9px 30px rgba(43,43,74,.055);--radius:16px}.view{display:none}.view.active{display:block}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3,.brand-name{font-family:Georgia,serif}h1{font-size:30px;letter-spacing:-1px;line-height:1.15}h2{font-size:17px;letter-spacing:-.3px}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:var(--surface);border-right:1px solid var(--line);padding:31px 19px 24px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:23px;font-weight:800;margin:0 15px 61px}.brand-mark{height:29px;width:29px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:17px;box-shadow:0 6px 14px #7561d94a}.brand-name{font-size:22px;letter-spacing:-1.5px}.sidebar-caption{text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:#b3b5c0;font-weight:700;padding:0 15px 16px}.main-nav{display:grid;gap:7px}.nav-item,.settings-button{height:45px;background:transparent;border-radius:11px;display:flex;align-items:center;gap:14px;padding:0 15px;color:#8b8e9c;font-weight:600;text-align:left}.nav-item:hover,.settings-button:hover{color:var(--primary);background:var(--primary-soft)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.nav-icon{font-size:19px;width:18px;text-align:center}.sidebar-bottom{margin-top:auto}.sidebar-tip{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 8px;margin-bottom:17px;color:#a0a2ae}.sidebar-tip>span{color:#b0a0f1;font-size:17px}.sidebar-tip p{font-size:11px;line-height:1.65}.sidebar-tip strong{color:#666a77;font-size:12px}.settings-button{font-size:13px}.main-content{flex:1;min-width:0}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{display:flex;align-items:center;gap:13px;color:#b1b3bd;font-size:13px}.breadcrumb strong{color:#424652}.breadcrumb-separator{color:#d4d4dc}.topbar-actions{display:flex;align-items:center;gap:22px}.icon-button{background:transparent;color:#858994;font-size:23px}.profile-chip{display:flex;align-items:center;gap:10px;background:transparent;text-align:left}.avatar{background:linear-gradient(145deg,#dbcaff,#a694e8);color:#5b478d;font-weight:700;display:grid;place-items:center;border-radius:50%}.avatar-small{width:34px;height:34px;font-size:13px}.profile-chip-copy{display:grid;gap:2px}.profile-chip-copy strong{font-size:12px}.profile-chip-copy small{color:#a2a4ae;font-size:10px}.chevron{font-size:17px;color:#9b9da8}.page-wrap{max-width:1420px;margin:0 auto;padding:42px 51px 60px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;color:#aaaeba;font-weight:700;margin-bottom:11px}.intro-copy{color:#9296a3;margin-top:9px}.wave{color:#b89cf0;font-size:22px;margin-left:5px}.button{height:43px;border-radius:11px;padding:0 17px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.button-primary{background:var(--primary);color:white;box-shadow:0 8px 18px #7561d934}.button-primary:hover{background:#6752ce}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px}.balance-card{height:210px;background:linear-gradient(137deg,#6b58c9,#9282e6);color:#fff;padding:25px 27px;position:relative;overflow:hidden;border:0;border-radius:var(--radius)}.card-label-row{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.card-label{color:#969ba7;font-size:12px}.light-label{color:#ddd9fa}.balance-period{font-size:10px;color:#dcd8f5}.balance-value{font:700 31px Georgia,serif;letter-spacing:-1.2px;margin:28px 0 12px;position:relative;z-index:1}.balance-foot{display:flex;align-items:center;gap:9px;color:#d7d4ed;font-size:10px;position:relative;z-index:1}.trend-badge{background:#b3f0d9;color:#2a9d79;border-radius:7px;padding:5px 7px;font-weight:700}.positive{color:#329d79}.orbit-one,.orbit-two{position:absolute;border:1px solid #ffffff27;border-radius:50%}.orbit-one{width:300px;height:300px;right:-101px;top:-165px}.orbit-two{width:420px;height:420px;right:-101px;top:-182px}.balance-sparkle{position:absolute;right:62px;bottom:27px;color:#ded8ff;font-size:17px}.metric-card{height:210px;padding:25px 24px;position:relative}.metric-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;font-size:20px}.income-icon{color:#4ab999;background:#e5f7f1}.expense-icon{color:#e17875;background:#fff0ef}.metric-value{font:700 25px Georgia,serif;letter-spacing:-1px;margin:27px 0 8px}.metric-sub{font-size:11px;color:#aaaeba}.metric-sub strong{color:#5c606d;margin-left:4px}.positive-text{color:#42a982!important}.mini-chart{display:flex;align-items:end;gap:4px;height:32px;margin-top:20px}.mini-chart i{display:block;width:9px;background:#c1b6fa;border-radius:4px 4px 0 0}.mini-chart i:nth-child(1){height:35%}.mini-chart i:nth-child(2){height:49%}.mini-chart i:nth-child(3){height:30%}.mini-chart i:nth-child(4){height:65%}.mini-chart i:nth-child(5){height:51%}.mini-chart i:nth-child(6){height:76%}.mini-chart i:nth-child(7){height:62%}.mini-chart i:nth-child(8){height:100%;background:var(--primary)}.progress-line{height:5px;border-radius:5px;background:#f1f1f5;margin-top:25px;overflow:hidden}.progress-line span{height:100%;display:block;border-radius:5px;background:#eb9490}.progress-caption{display:flex;justify-content:space-between;margin-top:8px;color:#a4a6b1;font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:39px 0 17px}.section-heading p{color:#aaaeba;font-size:11px;margin-top:5px}.legend{display:flex;gap:18px;color:#9b9eab;font-size:11px}.legend>span{display:flex;gap:7px;align-items:center}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.income-dot{background:#9888e7}.expense-dot{background:#e99891}.chart-card{height:267px;padding:22px 27px 15px;display:flex;position:relative}.chart-y-labels{width:38px;display:flex;flex-direction:column;justify-content:space-between;padding:3px 0 23px;color:#b8bac4;font-size:9px}.chart-area{flex:1;position:relative;padding-bottom:25px}.grid-line{height:1px;background:#f1f1f5;position:absolute;left:0;right:0}.line-one{top:2px}.line-two{top:33%}.line-three{top:66%}.line-four{bottom:25px}.finance-chart{height:190px;width:100%;position:relative;z-index:1;overflow:visible}.income-area{fill:url(#income-fill)}.income-line,.expense-line{fill:none;stroke-width:2.5;stroke-linecap:round}.income-line{stroke:#9e8de9}.expense-line{stroke:#ea9b95}.chart-point{fill:#fff;stroke:#9e8de9;stroke-width:3}.expense-point{stroke:#ea9b95}.chart-months{display:flex;justify-content:space-between;color:#b5b7c1;font-size:10px}.chart-tooltip{position:absolute;right:9.5%;top:17px;background:var(--text);color:#fff;border-radius:9px;padding:10px 12px 9px;display:grid;grid-template-columns:auto auto;gap:5px 12px;font-size:11px}.chart-tooltip span,.chart-tooltip small{grid-column:1/3}.chart-tooltip small{font-size:9px;color:#bbb}.chart-tooltip strong{font-size:11px}.tooltip-month{font-weight:700}.lower-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.goals-card,.level-card{padding:24px 26px;margin-top:16px;min-height:214px}.compact{margin:0 0 21px}.text-button{background:none;color:var(--primary);font-weight:700;font-size:12px}.goal-row{display:flex;align-items:center;gap:12px;margin-top:18px}.goal-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.goal-home{background:#eeeaff;color:#8674df}.goal-trip{background:#e3f7f0;color:#45ae8b}.goal-info{flex:1}.goal-info>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.goal-info strong{font-size:11px}.goal-info span,.goal-info small{color:#a4a6b1;font-size:10px}.goal-progress{height:4px;border-radius:4px;background:#f0eff7;margin-bottom:6px}.goal-progress span{height:100%;display:block;background:#9582e9;border-radius:4px}.goal-row>b{font-size:11px;color:#8170d7}.level-badge{font-size:10px;color:#7664cf;background:#eeeaff;padding:7px 9px;border-radius:7px;font-weight:700}.level-main{display:flex;align-items:center;gap:13px}.level-medal{width:47px;height:47px;background:#e9e3ff;color:#8875df;border-radius:14px;display:grid;place-items:center;font-size:22px;position:relative}.level-medal span{position:absolute;font-size:11px;font-weight:700;color:#fff;top:13px;left:18px}.level-main h3{margin-bottom:5px}.level-main p{color:#aaaeba;font-size:10px}.level-progress{height:6px;background:#f0eff7;border-radius:4px;margin-top:23px}.level-progress span{display:block;height:100%;background:linear-gradient(90deg,#a292ef,#c8bafd);border-radius:4px}.level-foot{display:flex;justify-content:space-between;color:#a3a5b0;font-size:9px;margin-top:7px}.level-quote{font-size:10px;font-style:italic;color:#a1a2ad;margin-top:18px}.finance-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary-tile{padding:21px 24px}.summary-tile span,.summary-tile small{display:block;color:#9599a7;font-size:11px}.summary-tile strong{display:block;font:700 24px Georgia,serif;margin:12px 0 6px}.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.list-card,.transactions-card,.calendar-card,.day-detail,.calendar-side-stat,.profile-form-card,.profile-summary-card,.quote-card{padding:24px}.icon-add{width:30px;height:30px;background:var(--primary-soft);color:var(--primary);border-radius:8px;font-size:20px}.data-list{display:grid;gap:4px}.data-row,.transaction-row{display:flex;align-items:center;gap:11px;padding:11px 3px;border-bottom:1px solid #f2f2f6}.data-row:last-child,.transaction-row:last-child{border-bottom:0}.row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:15px}.row-icon.income{background:#e7f8f2;color:#35a983}.row-icon.expense{background:#fff0ef;color:#df827f}.row-copy{flex:1}.row-copy strong{display:block;font-size:11px}.row-copy small{color:#a4a6b1;font-size:10px}.row-amount{font-size:11px;font-weight:700}.row-amount.income{color:#35a983}.row-amount.expense{color:#df827f}.transaction-row .row-icon{background:#f3f0ff;color:#7967d2}.transactions-card{margin-top:16px}.filter-button,.today-button{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:8px 11px;color:#858995;font-size:10px}.calendar-card{padding:25px 27px;margin-bottom:16px}.calendar-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:27px}.calendar-toolbar h2{margin-right:auto}.month-arrow{width:29px;height:29px;background:var(--primary-soft);color:var(--primary);border-radius:8px}.today-button{margin-left:8px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{color:#b1b3bd;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:11px}.calendar-grid{gap:5px}.calendar-day{min-height:68px;border:1px solid transparent;border-radius:10px;padding:9px 10px;position:relative;background:var(--surface-soft);text-align:left}.calendar-day.muted{background:transparent;color:#c7c9d1}.calendar-day:hover{border-color:#d7d0fa}.calendar-day.selected{background:var(--primary);color:#fff}.calendar-day .day-number{font-size:11px;font-weight:700}.day-dot{display:block;width:5px;height:5px;border-radius:50%;background:#e99792;margin-top:12px}.day-dot.income{background:#52b994}.calendar-day.selected .day-dot{background:#fff}.calendar-detail{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.selected-day-label{color:var(--primary);margin-bottom:5px}.day-detail h2{font-size:16px}.calendar-side-stat{padding:27px}.month-stat-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;color:#8e929f;font-size:12px}.month-stat-row strong{font-size:13px}.negative-text{color:#df827f!important}.month-stat-divider{border-top:1px solid var(--line)}.month-stat-row.total{color:var(--text);font-weight:700}.calendar-quote{background:var(--primary-soft);color:#8877d6;padding:13px;border-radius:10px;font-size:11px;margin-top:28px}.profile-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:16px}.profile-form-card{padding:29px}.profile-head{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:25px}.avatar-large{width:60px;height:60px;font-size:21px}.profile-head p,.profile-summary-card p{color:#a2a4ae;font-size:11px;margin-top:5px}.profile-form-card form{display:grid;gap:17px}.profile-form-card label{display:grid;gap:8px;font-size:11px;color:#858995;font-weight:700}.profile-form-card input,.modal input,.modal select{height:42px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:var(--surface-soft);color:var(--text);outline:none}.profile-form-card input:focus,.modal input:focus,.modal select:focus{border-color:#afa1ee;box-shadow:0 0 0 3px #eeeaff}.input-label{font-size:11px;color:#858995;font-weight:700}.skin-options{display:flex;gap:12px;margin-top:2px}.skin-option{background:transparent;padding:0;display:grid;gap:6px;color:#999ca7;font-size:10px}.skin-option.selected{color:var(--primary);font-weight:700}.skin-swatch{width:59px;height:39px;border-radius:8px;border:2px solid transparent;display:grid;place-items:center;font-size:17px}.skin-option.selected .skin-swatch{border-color:var(--primary)}.swatch-light{background:linear-gradient(135deg,#f7f8fc 50%,#7561d9 50%)}.swatch-dark{background:linear-gradient(135deg,#232433 50%,#7561d9 50%)}.swatch-fantasy{background:linear-gradient(135deg,#253b36 50%,#d89558 50%);color:#f5cc8e}.swatch-steampunk{background:linear-gradient(135deg,#57432e 50%,#d6a65d 50%);color:#fff1c6}.profile-side{display:grid;align-content:start;gap:16px}.profile-summary-card{padding:26px}.profile-star{color:#b1a1ef;font-size:20px}.portrait-stat{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px;color:#9699a5}.portrait-stat:last-child{border:0}.portrait-stat strong{font:700 14px Georgia,serif;color:var(--text)}.quote-card{background:linear-gradient(140deg,#eeeaff,#faf9ff);border:0;min-height:156px;position:relative;overflow:hidden}.quote-mark{font:700 57px Georgia;color:#c5b9fa;line-height:.8}.quote-card p{font-style:italic;color:#6c6590;line-height:1.6;margin-top:-2px;max-width:260px}.quote-card small{display:block;color:#9588cc;font-size:10px;margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#22243b66;display:grid;place-items:center;z-index:5;padding:20px}.modal-backdrop[hidden]{display:none}.modal{background:var(--surface);border-radius:18px;width:min(430px,100%);padding:29px;position:relative;box-shadow:0 25px 80px #22243b44}.modal-close{position:absolute;right:17px;top:14px;background:transparent;font-size:25px;color:#a0a2ac}.modal h2{font-size:23px;margin-bottom:25px}.modal form{display:grid;gap:15px}.modal label{display:grid;gap:7px;color:#848895;font-weight:600;font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full-width{width:100%;justify-content:center;margin-top:7px}.toast{position:fixed;bottom:25px;right:25px;background:var(--text);color:#fff;padding:12px 18px;border-radius:10px;font-size:12px;transform:translateY(100px);opacity:0;transition:.25s;z-index:10}.toast.show{transform:translateY(0);opacity:1}.mobile-menu{display:none;background:transparent;font-size:21px;color:#80838e}
body[data-skin="dark"]{--bg:#171821;--surface:#232431;--surface-soft:#2a2b39;--text:#f0eff7;--line:#383948;--primary:#9b88ef;--primary-soft:#35304f;--shadow:0 9px 30px #0003}body[data-skin="dark"] .topbar,body[data-skin="dark"] .sidebar{background:#20212d}body[data-skin="dark"] .balance-card{background:linear-gradient(137deg,#514294,#7664c7)}body[data-skin="dark"] .grid-line{background:#353643}body[data-skin="fantasy"]{--bg:#f4f0e6;--surface:#fffdf5;--surface-soft:#f5f1e7;--text:#273b35;--line:#e5deca;--primary:#3f776a;--primary-soft:#e0eee8}body[data-skin="fantasy"] h1,body[data-skin="fantasy"] h2,body[data-skin="fantasy"] h3,body[data-skin="fantasy"] .brand-name{font-family:Georgia,serif}body[data-skin="fantasy"] .balance-card{background:linear-gradient(137deg,#315e53,#6e8d69)}body[data-skin="fantasy"] .brand-mark{background:#b57645}body[data-skin="fantasy"] .sidebar-tip:before{content:'🐉';margin-right:4px}body[data-skin="fantasy"] .sidebar-tip>span{display:none}body[data-skin="fantasy"] .quote-card{background:#e7efe7}body[data-skin="steampunk"]{--bg:#ede4d5;--surface:#fffaf0;--surface-soft:#f2e8d8;--text:#493524;--line:#dfcfb8;--primary:#9d673a;--primary-soft:#f1dfc8}body[data-skin="steampunk"] h1,body[data-skin="steampunk"] h2,body[data-skin="steampunk"] h3,body[data-skin="steampunk"] .brand-name{font-family:Georgia,serif}body[data-skin="steampunk"] .balance-card{background:linear-gradient(137deg,#6c4d31,#ae8050)}body[data-skin="steampunk"] .brand-mark{background:#a36a3d;border-radius:50%}body[data-skin="steampunk"] .brand-name:after{content:' ⚙';font-size:14px;color:#b78c5d}body[data-skin="steampunk"] .quote-card{background:#f3e4ce}
@media(max-width:1050px){.sidebar{width:205px}.topbar{padding:0 28px}.page-wrap{padding:35px 28px}.dashboard-grid{grid-template-columns:1fr 1fr}.balance-card{grid-column:1/-1}.lower-grid{grid-template-columns:1fr}.finance-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{position:fixed;left:-240px;top:0;bottom:0;z-index:4;transition:.25s;box-shadow:10px 0 25px #2222}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:0 18px;height:66px}.profile-chip-copy,.chevron{display:none}.topbar-actions{gap:13px}.page-wrap{padding:29px 16px 45px}.page-intro{display:block;margin-bottom:24px}.page-intro .button{margin-top:18px}.page-intro h1{font-size:27px}.dashboard-grid,.finance-summary-grid,.content-columns,.calendar-detail,.profile-grid{grid-template-columns:1fr}.balance-card{grid-column:auto}.metric-card,.balance-card{height:190px}.section-heading{margin-top:30px}.chart-card{height:235px;padding:18px 14px}.chart-tooltip{display:none}.chart-y-labels{width:32px}.finance-chart{height:162px}.goals-card,.level-card{padding:21px 18px}.calendar-card{padding:18px 12px}.calendar-day{min-height:58px;padding:7px}.calendar-day .day-number{font-size:10px}.day-dot{margin-top:8px}.calendar-toolbar{flex-wrap:wrap}.calendar-toolbar h2{font-size:15px}.today-button{margin-left:auto}.skin-options{gap:8px}.skin-swatch{width:53px}.profile-form-card{padding:21px 18px}}
.finance-summary-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){.finance-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.finance-summary-grid{grid-template-columns:1fr}}.metric-sub+.metric-sub{margin-top:6px}
/* CoinKingdom color tokens from mockup.html. */
body[data-skin="light"]{--bg:#f0f2f5;--surface:#fff;--surface-soft:#f9fafb;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--primary:#6366f1;--primary-soft:#eef2ff;--shadow:0 9px 30px rgba(17,24,39,.055)}
body[data-skin="dark"]{--bg:#09090b;--surface:#18181b;--surface-soft:#27272a;--text:#f4f4f5;--muted:#71717a;--line:#27272a;--primary:#818cf8;--primary-soft:#27272a;--shadow:0 9px 30px rgba(0,0,0,.3)}
body[data-skin="fantasy"]{--bg:#1a120b;--surface:#f4e4bc;--surface-soft:rgba(255,255,255,.45);--text:#2c1e16;--muted:#7d5a44;--line:#3d2b1f;--primary:#b8860b;--primary-soft:rgba(184,134,11,.14);--shadow:0 9px 30px rgba(20,10,2,.2);background-color:var(--bg)}body[data-skin="fantasy"] .card,body[data-skin="fantasy"] .metric-card,body[data-skin="fantasy"] .goals-card,body[data-skin="fantasy"] .level-card,body[data-skin="fantasy"] .list-card,body[data-skin="fantasy"] .transactions-card,body[data-skin="fantasy"] .calendar-card,body[data-skin="fantasy"] .day-detail,body[data-skin="fantasy"] .calendar-side-stat,body[data-skin="fantasy"] .profile-form-card,body[data-skin="fantasy"] .profile-summary-card{background-color:var(--surface);border-color:var(--line)}
body[data-skin="fantasy"]{--bg:#1a120b;--surface:#f4e4bc;--surface-soft:rgba(255,255,255,.45);--text:#2c1e16;--muted:#7d5a44;--line:#3d2b1f;--primary:#b8860b;--primary-soft:rgba(184,134,11,.14);--shadow:0 9px 30px rgba(20,10,2,.2);background-color:var(--bg)}body[data-skin="fantasy"] .card,body[data-skin="fantasy"] .metric-card,body[data-skin="fantasy"] .goals-card,body[data-skin="fantasy"] .level-card,body[data-skin="fantasy"] .list-card,body[data-skin="fantasy"] .transactions-card,body[data-skin="fantasy"] .calendar-card,body[data-skin="fantasy"] .day-detail,body[data-skin="fantasy"] .calendar-side-stat,body[data-skin="fantasy"] .profile-form-card,body[data-skin="fantasy"] .profile-summary-card{background-color:var(--surface);border-color:var(--line)}
body[data-skin="steampunk"]{--bg:#1c1409;--surface:#2a1f0e;--surface-soft:rgba(255,200,80,.08);--text:#e8d5a3;--muted:#9a7040;--line:#7a5520;--primary:#d4891a;--primary-soft:rgba(212,137,26,.16);--shadow:0 9px 30px rgba(0,0,0,.3);background-color:var(--bg)}body[data-skin="steampunk"] .card,body[data-skin="steampunk"] .metric-card,body[data-skin="steampunk"] .goals-card,body[data-skin="steampunk"] .level-card,body[data-skin="steampunk"] .list-card,body[data-skin="steampunk"] .transactions-card,body[data-skin="steampunk"] .calendar-card,body[data-skin="steampunk"] .day-detail,body[data-skin="steampunk"] .calendar-side-stat,body[data-skin="steampunk"] .profile-form-card,body[data-skin="steampunk"] .profile-summary-card{background-color:var(--surface);border-color:var(--line)}
body[data-skin="fantasy"],body[data-skin="steampunk"]{background-image:none;font-family:Arial,sans-serif}
/* Only color tokens are imported from mockup.html; no mockup textures or typography. */
body[data-skin="fantasy"] .card,body[data-skin="fantasy"] .metric-card,body[data-skin="fantasy"] .goals-card,body[data-skin="fantasy"] .level-card,body[data-skin="fantasy"] .list-card,body[data-skin="fantasy"] .transactions-card,body[data-skin="fantasy"] .calendar-card,body[data-skin="fantasy"] .day-detail,body[data-skin="fantasy"] .calendar-side-stat,body[data-skin="fantasy"] .profile-form-card,body[data-skin="fantasy"] .profile-summary-card,body[data-skin="steampunk"] .card,body[data-skin="steampunk"] .metric-card,body[data-skin="steampunk"] .goals-card,body[data-skin="steampunk"] .level-card,body[data-skin="steampunk"] .list-card,body[data-skin="steampunk"] .transactions-card,body[data-skin="steampunk"] .calendar-card,body[data-skin="steampunk"] .day-detail,body[data-skin="steampunk"] .calendar-side-stat,body[data-skin="steampunk"] .profile-form-card,body[data-skin="steampunk"] .profile-summary-card{background-image:none}
body[data-skin="fantasy"] .sidebar,body[data-skin="steampunk"] .sidebar,body[data-skin="dark"] .sidebar{background:var(--surface);border-color:var(--line)}body[data-skin="fantasy"] .topbar,body[data-skin="steampunk"] .topbar,body[data-skin="dark"] .topbar{background:var(--surface);border-color:var(--line)}body[data-skin="fantasy"] .button-primary,body[data-skin="steampunk"] .button-primary{background:var(--primary);color:#fff}
/* Modern visual refinement: system typography, calmer contrast, and skin-specific accents. */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;font-feature-settings:"tnum" 1,"cv11" 1}
h1,h2,h3,.brand-name,.balance-value,.metric-value,.summary-tile strong,.portrait-stat strong{font-family:inherit;letter-spacing:-.025em}
h1{font-weight:750;letter-spacing:-.04em}h2{font-weight:700}h3{font-weight:650}.brand-name{font-weight:750}.balance-value,.metric-value,.summary-tile strong,.portrait-stat strong{font-variant-numeric:tabular-nums}
:root{--radius:14px;--shadow:0 10px 28px rgba(16,24,40,.06);--green:#159a72;--red:#d95c68}
body[data-skin="light"]{--bg:#f6f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#172033;--muted:#667085;--line:#e7eaf0;--primary:#5b5ce2;--primary-soft:#eef0ff;--shadow:0 10px 28px rgba(16,24,40,.06)}
body[data-skin="dark"]{--bg:#0b1020;--surface:#151c2f;--surface-soft:#1d2740;--text:#eef2ff;--muted:#94a3b8;--line:#26314a;--primary:#8b9cff;--primary-soft:#202a50;--shadow:0 12px 32px rgba(0,0,0,.24)}
body[data-skin="fantasy"]{--bg:#111827;--surface:#1b2438;--surface-soft:#252f46;--text:#f4e7cf;--muted:#b8a98e;--line:#3a455c;--primary:#d6a85f;--primary-soft:#3a3329;--shadow:0 12px 32px rgba(0,0,0,.2)}
body[data-skin="steampunk"]{--bg:#171c1c;--surface:#202827;--surface-soft:#2a3331;--text:#f1eadc;--muted:#a8a095;--line:#3c4945;--primary:#d49b52;--primary-soft:#3b3025;--shadow:0 12px 32px rgba(0,0,0,.22)}
body[data-skin="light"] .balance-card{background:linear-gradient(135deg,#5658d8,#7478ec)}
body[data-skin="dark"] .balance-card{background:linear-gradient(135deg,#3d4a9d,#5969c5)}
body[data-skin="fantasy"] .balance-card{background:linear-gradient(135deg,#283c59,#536b7d);color:#fff7e8}
body[data-skin="steampunk"] .balance-card{background:linear-gradient(135deg,#35413d,#68705c);color:#fff7e8}
body[data-skin="fantasy"] .quote-card{background:linear-gradient(135deg,#2a394e,#253142);border:1px solid var(--line)}
body[data-skin="steampunk"] .quote-card{background:linear-gradient(135deg,#2b3733,#27302e);border:1px solid var(--line)}
.card{box-shadow:var(--shadow)}.button,.icon-add,.month-arrow,.today-button,.filter-button,.skin-swatch{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.button-primary:hover,.icon-add:hover,.month-arrow:hover{transform:translateY(-1px)}
.button-primary{box-shadow:0 7px 16px color-mix(in srgb,var(--primary) 22%,transparent)}.button-primary:hover{background:var(--primary);filter:brightness(.94)}
.metric-icon,.row-icon,.goal-icon,.level-medal{background:var(--primary-soft);color:var(--primary)}.income-icon,.row-icon.income{background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green)}.expense-icon,.row-icon.expense{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}
.grid-line,.data-row,.transaction-row,.progress-line,.goal-progress,.level-progress{background-color:color-mix(in srgb,var(--line) 70%,transparent)}
.mini-chart i{background:color-mix(in srgb,var(--primary) 35%,transparent)}.mini-chart i:last-child{background:var(--primary)}.income-line,.chart-point{stroke:var(--primary)}.income-dot{background:var(--primary)}.positive-text,.positive{color:var(--green)!important}.negative-text{color:var(--red)!important}.expense-line,.expense-point,.expense-dot{stroke:var(--red)}.expense-dot{background:var(--red)}
.knowledge-view{max-width:920px}.sub-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:-8px 0 18px;padding:5px;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px}.sub-tab{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:9px 12px;font-size:12px;font-weight:700}.sub-tab:hover,.sub-tab.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 8px rgba(16,24,40,.06)}.sub-panel{display:none}.sub-panel.active{display:block}.info-note{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--primary-soft);color:var(--muted);font-size:12px;line-height:1.55;margin-bottom:14px}.privacy-note{background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--text)}.ukraine-note{background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--text)}.knowledge-list,.accordion-list{display:grid;gap:0;border-top:1px solid var(--line)}.tool-item,.accordion-list details{border-bottom:1px solid var(--line);padding:0 3px}.tool-item summary,.accordion-list summary{display:flex;justify-content:space-between;gap:15px;align-items:center;cursor:pointer;list-style:none;padding:15px 4px;color:var(--text);font-size:13px;font-weight:700}.tool-item summary::-webkit-details-marker,.accordion-list summary::-webkit-details-marker{display:none}.tool-item summary:after,.accordion-list summary:after{content:"⌄";color:var(--muted);font-size:13px;transition:transform .2s}.tool-item[open] summary:after,.accordion-list details[open] summary:after{transform:rotate(180deg)}.tool-item summary b{flex-shrink:0;color:var(--primary);font-size:11px;font-weight:700}.tool-item p,.accordion-list details>p{color:var(--muted);font-size:12px;line-height:1.65;padding:0 32px 15px 4px}.step-list{display:grid;gap:10px;margin-bottom:16px}.step-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.step-number{width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:800}.step-icon{font-size:20px;line-height:25px}.step-card h2{font-size:14px;margin-bottom:4px}.step-card p,.helper-text,.rule-card p{color:var(--muted);font-size:12px;line-height:1.6}.allocation-card,.warning-card,.calculator-card,.rule-card{padding:20px;margin-top:14px}.allocation-card h2,.warning-card h2,.calculator-card h2,.rule-card h2{font-size:15px;margin-bottom:14px}.allocation-list{display:grid;gap:9px}.allocation-list div{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.allocation-list div:last-child{border-bottom:0;padding-bottom:0}.allocation-list strong{color:var(--primary)}.warning-card{background:color-mix(in srgb,var(--red) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--red) 25%,var(--line));border-radius:var(--radius)}.warning-card h2{color:var(--red)}.warning-card ul{display:grid;gap:8px;margin:0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.5}.portfolio-empty{text-align:center;padding:48px 24px;border:1px dashed var(--line);border-radius:12px;background:var(--surface-soft)}.portfolio-empty>span{display:block;color:var(--primary);font-size:32px;margin-bottom:8px}.portfolio-empty h2{font-size:16px;margin-bottom:7px}.portfolio-empty p{max-width:470px;margin:auto;color:var(--muted);font-size:12px;line-height:1.6}.portfolio-total{display:flex;justify-content:space-between;padding:17px 4px 0;font-size:12px;font-weight:700}.portfolio-total strong{color:var(--primary)}.learning-stats,.rule-grid,.compound-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.learning-stats span,.rule-grid>div,.compound-results span{padding:12px 8px;text-align:center;border-radius:10px;background:var(--surface-soft)}.learning-stats b,.rule-grid b{display:block;color:var(--primary);font-size:20px}.learning-stats small,.rule-grid small,.rule-grid strong,.compound-results small{display:block;color:var(--muted);font-size:10px;line-height:1.4}.rule-grid{margin:0 0 15px}.rule-grid>div:nth-child(1) b{color:var(--red)}.rule-grid>div:nth-child(2) b{color:#c58b2d}.rule-grid>div:nth-child(3) b{color:var(--green)}.rule-grid strong{color:var(--text);font-weight:700;margin-top:4px}.calculator-card .form-row{margin-bottom:14px}.calculator-card label{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.calculator-card input{height:40px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:var(--surface-soft);color:var(--text);outline:none}.calculator-result{padding:13px;border-radius:10px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:700;text-align:center}.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.compound-results{grid-template-columns:repeat(3,1fr)}.compound-results b{display:block;color:var(--text);font-size:14px;margin-top:4px}.faq-list{margin-top:14px}.faq-list details>p{white-space:pre-line}.knowledge-view .page-intro{margin-bottom:24px}
@media(max-width:720px){.sub-tabs{overflow-x:auto;flex-wrap:nowrap}.sub-tab{white-space:nowrap}.learning-stats,.rule-grid,.compound-results{grid-template-columns:1fr}.step-card{padding:13px}.knowledge-view .page-intro h1{font-size:27px}}
.profile-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button-secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.button-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
.onboarding-backdrop{z-index:20}.onboarding-modal{width:min(440px,100%);padding:28px 29px 22px}.onboarding-slides{min-height:300px;display:grid;align-items:center}.onboarding-slide{display:none;text-align:center}.onboarding-slide.active{display:block;animation:fadeUp .2s ease}.onboarding-icon{font-size:56px;line-height:1;margin-bottom:18px}.onboarding-slide h2{font-size:22px;margin-bottom:12px;color:var(--primary)}.onboarding-slide p{min-height:80px;white-space:pre-line;color:var(--muted);font-size:13px;line-height:1.7}.onboarding-dots{display:flex;justify-content:center;gap:7px;margin:15px 0 20px}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s,transform .2s}.onboarding-dot.active{background:var(--primary);transform:scale(1.25)}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.onboarding-skins{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:3px}.onboarding-skins button{padding:10px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text);font-size:11px;font-weight:700}.onboarding-skins button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}
@keyframes fadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.profile-actions{margin-top:18px}.onboarding-modal{padding:24px 19px 19px}.onboarding-slides{min-height:320px}}
.portfolio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.portfolio-note{display:block;color:var(--muted);font-size:10px;margin-top:4px}.investment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.investment-summary>div{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.investment-summary span{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.investment-summary strong{font-size:15px;font-variant-numeric:tabular-nums}.investment-list{display:grid;gap:5px}.investment-row{display:flex;align-items:center;gap:11px;padding:12px 3px;border-bottom:1px solid var(--line)}.investment-row:last-child{border-bottom:0}.investment-icon{background:var(--primary-soft);color:var(--primary)}.investment-values{display:grid;text-align:right;gap:3px}.investment-values b{font-size:12px}.investment-values small{color:var(--muted);font-size:10px}.closed-investments{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.closed-investments h2{font-size:14px;margin-bottom:5px}.investment-closed-row{opacity:.7}.modal-help{color:var(--muted);font-size:12px;line-height:1.5;margin:-12px 0 17px}.day-dot.transfer{background:var(--primary)}.portfolio-empty{margin-top:8px}.investment-summary+.investment-list .portfolio-empty{margin-top:0}@media(max-width:720px){.portfolio-toolbar{align-items:flex-start;flex-direction:column}.portfolio-toolbar .button{width:100%;justify-content:center}.investment-summary{grid-template-columns:1fr}.investment-row{align-items:flex-start;flex-wrap:wrap}.investment-values{margin-left:auto}.investment-row .row-actions{width:100%;justify-content:flex-end}}
.dashboard-investments-card{padding:24px 26px;margin-top:16px}.dashboard-investment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.dashboard-investment-summary>div{padding:12px;border-radius:10px;background:var(--surface-soft)}.dashboard-investment-summary span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.dashboard-investment-summary strong{font-size:15px;font-variant-numeric:tabular-nums}.dashboard-investment-row{display:flex;align-items:center;gap:10px;padding:9px 3px;border-bottom:1px solid var(--line)}.dashboard-investment-row:last-child{border-bottom:0}.dashboard-investment-row>b{margin-left:auto;font-size:12px}.dashboard-investment-empty{padding:12px 3px;color:var(--muted);font-size:11px}.dashboard-investment-empty span{color:var(--primary);font-size:19px;margin-right:6px}.dashboard-investment-empty p{display:inline}@media(max-width:720px){.dashboard-investments-card{padding:21px 18px}.dashboard-investment-summary{grid-template-columns:1fr}}
.balance-foot{flex-wrap:wrap;row-gap:5px}.balance-breakdown,.balance-total{font-size:10px;white-space:nowrap}.balance-breakdown strong{font-weight:750}.balance-goals{color:#b8f0d8}.balance-goals strong{color:#d7f9e8}.balance-investment{color:#f5d59a;margin-left:auto}.balance-investment strong{color:#ffe4ac}.balance-total{flex-basis:100%;border-top:1px solid #ffffff35;padding-top:7px;margin-top:2px;color:#f0edff;font-size:13px;letter-spacing:-.01em}.balance-total strong{font-size:16px;font-weight:800;color:#fff}
.level-card{cursor:pointer}.level-card:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.levels-modal{width:min(560px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto}.level-modal-current{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;margin-bottom:16px;border-radius:11px;background:var(--primary-soft);color:var(--text);font-size:12px}.level-modal-current span{color:var(--muted);font-size:11px;text-align:right}.level-breakdown{display:grid;gap:10px;margin-bottom:20px}.level-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:5px 12px;color:var(--muted);font-size:11px}.level-breakdown strong{color:var(--text);font-size:11px}.level-breakdown i{grid-column:1/-1;height:5px;border-radius:5px;background:var(--surface-soft);overflow:hidden}.level-breakdown i b{display:block;height:100%;border-radius:5px;background:var(--primary)}.level-list{display:grid;gap:5px}.level-list-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:10px 8px;border:1px solid transparent;border-radius:10px}.level-list-row.current{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}.level-list-number{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:800}.level-list-row.current .level-list-number{background:var(--primary);color:#fff}.level-list-row strong,.level-list-row small{display:block}.level-list-row strong{font-size:12px}.level-list-row small{color:var(--muted);font-size:10px;margin-top:2px}.level-list-row>b{color:var(--primary);font-size:10px;white-space:nowrap}@media(max-width:720px){.levels-modal{padding:22px 18px}.level-modal-current{align-items:flex-start;flex-direction:column}.level-modal-current span{text-align:left}}
.row-actions{display:flex;gap:3px;margin-left:4px}.row-action{width:25px;height:25px;border-radius:7px;background:var(--surface-soft);color:#9a9daa;font-size:13px;display:grid;place-items:center}.row-action:hover{background:var(--primary-soft);color:var(--primary)}.row-action.delete:hover{background:#fff0ef;color:#df827f}.row-action.post{background:var(--primary-soft);color:var(--primary);font-weight:700}.row-action.post.posted{background:#e7f8f2;color:#35a983;cursor:default}.row-action:disabled{opacity:1}.row-icon.transfer{background:#f1ebff;color:#836ddb}.row-amount.transfer{color:#836ddb}.limit-progress{height:3px;background:#f0eff5;border-radius:3px;display:block;margin-top:7px;overflow:hidden}.limit-progress i{height:100%;background:#8f7ee4;border-radius:3px;display:block}.limit-progress i.limit-warning{background:#e7ad62}.limit-progress i.limit-danger{background:#df827f}.limit-row .row-copy{min-width:0}.goals-empty{text-align:center;padding:21px 10px;color:#aaaeba;font-size:11px}.goals-empty>span{display:block;color:#b3a4ed;font-size:22px;margin-bottom:8px}.goals-empty .text-button{margin-top:9px}.goal-actions{margin-left:auto}.chart-empty{position:absolute;inset:25px 0 35px;display:grid;place-items:center;color:#b1b3bd;font-size:11px;pointer-events:none}.chart-empty[hidden],.chart-tooltip[hidden]{display:none}
body[data-skin="dark"] .data-row,body[data-skin="dark"] .transaction-row,body[data-skin="fantasy"] .data-row,body[data-skin="fantasy"] .transaction-row,body[data-skin="steampunk"] .data-row,body[data-skin="steampunk"] .transaction-row{border-color:var(--line)}body[data-skin="dark"] .progress-line,body[data-skin="dark"] .goal-progress,body[data-skin="dark"] .level-progress,body[data-skin="dark"] .limit-progress,body[data-skin="fantasy"] .progress-line,body[data-skin="fantasy"] .goal-progress,body[data-skin="fantasy"] .level-progress,body[data-skin="fantasy"] .limit-progress,body[data-skin="steampunk"] .progress-line,body[data-skin="steampunk"] .goal-progress,body[data-skin="steampunk"] .level-progress,body[data-skin="steampunk"] .limit-progress{background-color:var(--line)}body[data-skin="dark"] .row-icon.transfer,body[data-skin="fantasy"] .row-icon.transfer,body[data-skin="steampunk"] .row-icon.transfer{background:var(--primary-soft);color:var(--primary)}body[data-skin="dark"] .row-action.delete:hover,body[data-skin="fantasy"] .row-action.delete:hover,body[data-skin="steampunk"] .row-action.delete:hover{background:var(--primary-soft);color:var(--red)}
 .metric-card .progress-caption{padding-bottom:6px}
 .metric-card .progress-caption{padding-bottom:0;transform:translateY(-6px)}
body[data-skin="dark"] .dashboard-view .section-heading p,body[data-skin="dark"] .dashboard-view .chart-y-labels,body[data-skin="dark"] .dashboard-view .chart-months,body[data-skin="dark"] .dashboard-view .legend,body[data-skin="dark"] .dashboard-view .chart-empty,body[data-skin="fantasy"] .dashboard-view .section-heading p,body[data-skin="fantasy"] .dashboard-view .chart-y-labels,body[data-skin="fantasy"] .dashboard-view .chart-months,body[data-skin="fantasy"] .dashboard-view .legend,body[data-skin="fantasy"] .dashboard-view .chart-empty,body[data-skin="steampunk"] .dashboard-view .section-heading p,body[data-skin="steampunk"] .dashboard-view .chart-y-labels,body[data-skin="steampunk"] .dashboard-view .chart-months,body[data-skin="steampunk"] .dashboard-view .legend,body[data-skin="steampunk"] .dashboard-view .chart-empty{color:var(--muted)}body[data-skin="dark"] .dashboard-view .grid-line,body[data-skin="fantasy"] .dashboard-view .grid-line,body[data-skin="steampunk"] .dashboard-view .grid-line{background:var(--line)}body[data-skin="dark"] .dashboard-view .income-line,body[data-skin="dark"] .dashboard-view .chart-point,body[data-skin="fantasy"] .dashboard-view .income-line,body[data-skin="fantasy"] .dashboard-view .chart-point,body[data-skin="steampunk"] .dashboard-view .income-line,body[data-skin="steampunk"] .dashboard-view .chart-point{stroke:var(--primary)}
body[data-skin="dark"] [data-view="dashboard"] .section-heading p,body[data-skin="dark"] [data-view="dashboard"] .chart-y-labels,body[data-skin="dark"] [data-view="dashboard"] .chart-months,body[data-skin="dark"] [data-view="dashboard"] .legend,body[data-skin="dark"] [data-view="dashboard"] .chart-empty,body[data-skin="fantasy"] [data-view="dashboard"] .section-heading p,body[data-skin="fantasy"] [data-view="dashboard"] .chart-y-labels,body[data-skin="fantasy"] [data-view="dashboard"] .chart-months,body[data-skin="fantasy"] [data-view="dashboard"] .legend,body[data-skin="fantasy"] [data-view="dashboard"] .chart-empty,body[data-skin="steampunk"] [data-view="dashboard"] .section-heading p,body[data-skin="steampunk"] [data-view="dashboard"] .chart-y-labels,body[data-skin="steampunk"] [data-view="dashboard"] .chart-months,body[data-skin="steampunk"] [data-view="dashboard"] .legend,body[data-skin="steampunk"] [data-view="dashboard"] .chart-empty{color:var(--muted)}body[data-skin="dark"] [data-view="dashboard"] .grid-line,body[data-skin="fantasy"] [data-view="dashboard"] .grid-line,body[data-skin="steampunk"] [data-view="dashboard"] .grid-line{background:var(--line)}body[data-skin="dark"] [data-view="dashboard"] .income-line,body[data-skin="dark"] [data-view="dashboard"] .chart-point,body[data-skin="fantasy"] [data-view="dashboard"] .income-line,body[data-skin="fantasy"] [data-view="dashboard"] .chart-point,body[data-skin="steampunk"] [data-view="dashboard"] .income-line,body[data-skin="steampunk"] [data-view="dashboard"] .chart-point{stroke:var(--primary)}
.chart-tooltip{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow)}.chart-tooltip small{color:var(--muted)}
body[data-skin="dark"] .toast,body[data-skin="fantasy"] .toast,body[data-skin="steampunk"] .toast{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow)}