:root{font-family:Segoe UI,Arial,sans-serif;color:#263632;background:#f7f8f5;font-synthesis:none;--green:#22614e;--line:#e6eae3;--muted:#7a867e}*{box-sizing:border-box}body{margin:0;display:flex}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #c4bd75;outline-offset:3px}aside{width:238px;background:#fff;border-right:1px solid var(--line);height:100vh;position:fixed;padding:32px 23px;display:flex;flex-direction:column}.brand{font-size:38px;font-weight:800;letter-spacing:-2px;text-decoration:none;color:var(--green)}.brand span:not(.brand-dot){color:#849b65}.brand-dot{font-size:12px;margin-left:5px}.tagline{font-size:11px;color:var(--muted);margin:5px 0 36px}nav{display:grid;gap:7px}nav button{border:0;background:transparent;text-align:left;padding:13px 14px;border-radius:11px;color:#738077;font-weight:500}nav button.active{background:#eaf1e9;color:#255b46;font-weight:650}nav .nav-icon{display:inline-block;width:28px;font-size:19px}.aside-bottom{margin-top:auto}.mini-label{font-size:10px;letter-spacing:1.6px;color:#919b92;font-weight:700;margin-bottom:14px}.aside-bottom label{font-size:10px;color:var(--muted)}.aside-bottom select{margin-top:7px;font-size:12px}.aside-bottom p{font-size:10px;color:var(--muted)}main{margin-left:238px;padding:0 42px;width:calc(100% - 238px);max-width:1800px}header{height:89px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.breadcrumb{color:var(--muted)}.breadcrumb span{margin:0 12px;color:#c2c9bf}.breadcrumb b{font-weight:500;color:#34473b}.header-right{display:flex;gap:18px;align-items:center;color:var(--muted)}.avatar{width:34px;height:34px;border-radius:50%;background:#dde9d8;color:#516948;display:grid;place-items:center;font-weight:600}.demo-badge{font-size:9px;letter-spacing:1px;border:1px solid #dce3d5;padding:4px 7px;border-radius:5px;color:#7b896e}h1{font-size:32px;letter-spacing:-1px;font-weight:600;margin:0 0 9px}h2{font-size:17px;font-weight:600;margin:0}h3{font-size:15px;font-weight:600;margin:0}.muted{color:var(--muted);font-size:13px;line-height:1.6}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:34px 0 25px}.page-heading p{margin:0}.primary{border:0;border-radius:9px;padding:12px 19px;background:var(--green);color:white;font-weight:550;font-size:13px}.secondary{border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:white;color:#425b4b;font-size:12px}.quick-capture{background:#e9efe5;border:1px solid #dbe5d4;border-radius:17px;padding:23px 25px;margin-bottom:23px}.capture-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.capture-heading span{font-size:11px;color:#73846c}.capture-input{display:flex;background:white;border:1px solid #dce3d5;border-radius:11px;padding:8px;gap:9px}.capture-input textarea{border:0;resize:vertical;flex:1;min-width:0;padding:9px;min-height:44px;max-height:160px;outline:none;background:transparent;font-size:13px}.capture-note{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7b8974;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-top{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stat-icon{background:#f0f3eb;border-radius:7px;padding:6px;color:#6d835f}.stat-value{font-size:29px;font-weight:600;letter-spacing:-.8px;margin:14px 0 6px}.stat-sub{font-size:11px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.12fr 1fr;gap:22px}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:23px;margin-bottom:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.text-btn{border:0;background:transparent;color:#6e8063;font-size:12px;padding:5px}.expense-chart{display:flex;align-items:center;gap:28px;padding:8px 0 18px}.donut{width:158px;height:158px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.donut-hole{background:white;width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center}.donut-hole strong{font-size:20px}.donut-hole small{font-size:10px;color:var(--muted);margin-top:5px}.legend{flex:1;display:grid;gap:15px}.legend-row{font-size:12px;display:flex;align-items:center;gap:9px}.legend-row b{margin-left:auto;font-weight:500}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.row{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #f0f2ec}.row:first-child{border-top:0}.row-symbol{background:#f2f5ee;color:#7a8e70;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.row-main{flex:1;min-width:0}.row-title{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.row-meta{font-size:10px;color:#8a958c;margin-top:5px}.row-value{font-size:13px;font-weight:600;white-space:nowrap}.row.done .row-title{text-decoration:line-through;color:#95a18f}.icon-btn{border:0;background:transparent;color:#899583;padding:6px;font-size:20px}.check{accent-color:var(--green);width:17px;height:17px}.empty{padding:24px 4px;color:var(--muted);font-size:13px;line-height:1.7}.food-summary{display:flex;gap:20px;align-items:center;background:#f6f4e9;border-radius:12px;padding:19px;margin-bottom:8px}.food-summary strong{font-size:27px;font-weight:600}.food-summary span{font-size:12px;color:var(--muted)}.idea-block{border-left:3px solid #d8dba7;padding:8px 15px;margin:15px 0;background:#fafaf4}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.toolbar label{font-size:12px;color:var(--muted)}.toolbar input{width:auto;max-width:180px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekday{text-align:center;color:var(--muted);font-size:11px;padding:8px}.day{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;min-height:83px;background:white;text-align:left;padding:9px;color:#56674e;position:relative}.day.today{border-color:#8b9e77;background:#f1f5eb}.day.selected{outline:2px solid var(--green)}.day small{display:block;font-size:9px;background:#e5eddf;border-radius:4px;padding:3px;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.plan{padding:24px 20px;background:white;border:1px solid var(--line);border-radius:14px}.plan.featured{border:2px solid #698458;background:#f3f6ef}.plan-price{font-size:28px;font-weight:600;margin:25px 0 4px}.plan .primary{width:100%;margin-top:20px}.notice{font-size:12px;background:#f3efe0;border:1px solid #e9e2c8;color:#7d7051;border-radius:9px;padding:14px 17px;line-height:1.7;margin-bottom:20px}.drafts{margin-top:15px}.draft{background:#fff;border-radius:10px;padding:13px;margin-bottom:8px;display:flex;gap:15px;align-items:center}.draft div{flex:1}.draft p{font-size:12px;margin:4px 0}.draft small{font-size:11px;color:#9b743b}footer{font-size:10px;color:#9aa392;padding:20px 0 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:17px;padding:26px;width:470px;max-width:94vw;box-shadow:0 30px 100px #1e322e33}dialog::backdrop{background:#192f2966}label{display:block;font-size:12px;color:#687961;margin:12px 0 5px}input,select{border:1px solid #dce3d7;background:white;color:#33452d;padding:10px;border-radius:8px;width:100%;margin-top:6px}input:focus,select:focus{outline:2px solid #bdcbaa}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dialog-top{display:flex;justify-content:space-between;align-items:center}#entry-form>.primary{width:100%;margin-top:10px}#form-error{color:#ad5038;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#244c3c;color:#fff;padding:13px 20px;border-radius:10px;font-size:13px;box-shadow:0 5px 30px #26363222;display:none;z-index:10}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--muted);font-weight:500}.pill{display:inline-block;padding:4px 8px;border-radius:5px;background:#ecf1e6;font-size:10px;color:#6b805b}.month-title{min-width:140px;text-align:center;font-size:14px}.disabled-note{font-size:11px;color:#8a9584;margin:8px 0}
@media(min-width:1500px){main{padding-left:60px;padding-right:60px}.stats{gap:24px}.grid{gap:28px}}
@media(max-width:1100px){aside{width:190px;padding:28px 15px}main{margin-left:190px;width:calc(100% - 190px);padding:0 24px}.stats{grid-template-columns:repeat(2,1fr)}.expense-chart{gap:15px}.donut{width:130px;height:130px}.donut-hole{width:98px;height:98px}.plans{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){aside{position:static;width:100%;height:auto;padding:15px 18px;border-bottom:1px solid var(--line)}body{display:block}.brand{font-size:27px}.tagline{display:none}nav{display:flex;overflow:auto;margin-top:12px;gap:4px}nav button{white-space:nowrap;padding:9px;font-size:12px}nav .nav-icon{width:20px;font-size:15px}.aside-bottom{display:none}main{margin:0;width:100%;padding:0 18px}header{height:62px}.header-right{gap:10px}#date-label{display:none}.page-heading{padding:25px 0 20px}h1{font-size:26px}.grid{grid-template-columns:1fr;gap:0}.quick-capture{padding:17px}.capture-heading span{display:none}.capture-note{display:block;line-height:1.7}.capture-input .primary{padding:10px}.stat{padding:15px}.stats{gap:10px}.stat-value{font-size:25px}.plans{gap:10px}.plan{padding:19px 14px}.calendar{gap:3px}.day{min-height:62px;padding:5px}.day small{font-size:8px}.card{padding:18px}.header-right .demo-badge{display:none}footer{line-height:1.6}footer span{display:none}.breadcrumb{font-size:11px}.page-heading>.primary{padding:10px;font-size:11px}.expense-chart{gap:25px}}

/* Рядом: Telegram-first financial workspace, v2. */
:root{--green:#325ed7;--line:#e6eaf2;--muted:#68758b;color:#202e49;background:#f3f5fa;font-family:"Segoe UI Variable Text","Segoe UI",sans-serif}
body{background:#f3f5fa}.brand{color:#2444a1}.brand span:not(.brand-dot){color:#5276d9}aside{background:#fff;border-color:#e8edf5}.tagline{color:#72809a}nav button{color:#6b7791}nav button.active{color:#315cd3;background:#edf2ff}header{border-bottom-color:#e4e9f3}.avatar{background:#e6edff;color:#355ac0}.page-heading{padding-top:30px}.page-heading h1{font-size:30px;letter-spacing:-1.1px}.page-heading .muted{max-width:65ch}h1,h2,h3{color:#253552}.card{border:0;box-shadow:0 3px 16px #243b6210;border-radius:18px}.primary{background:#345fdb;border-radius:12px;min-height:44px}.secondary{border-color:#dce3f2;color:#3557a5;min-height:42px}.text-btn{color:#385bc0}.quick-capture{background:#fff;border-color:#e4e9f4;border-radius:18px;padding:20px 23px}.capture-input{background:#f4f6fb;border:0}.capture-input textarea{font-size:14px;color:#293b62}.capture-heading span,.capture-note{color:#758199}.stats{gap:14px}.stat{border:0;border-radius:16px;box-shadow:none;padding:19px}.stat-icon{background:#edf2ff;color:#5a74bb}.stat-value{font-variant-numeric:tabular-nums;font-size:27px}.stat-sub{line-height:1.5}.row-symbol{background:#eef2fb;color:#5675b9}.row-meta{color:#79859b}.row{border-color:#edf0f6}.positive{color:#18836a}.food-summary{background:#eaf4f1}.idea-block{background:#f2f3fc;border-color:#acaee6}.pill{background:#eef2fc;color:#526dab}.day{border-color:#e6eaf4;color:#405879}.day.today{background:#edf2ff;border-color:#96acec}.day.selected{outline-color:#4e70d5}.day small{background:#dfe8ff;color:#4966ac}.plan.featured{border-color:#7290e3;background:#eef3ff}.notice{background:#fff5e6;color:#806237;border-color:#f0e0c2}.empty{color:#72819a}label{color:#586b8d}input,select{color:#273e65;border-color:#dce4f2}input:focus,select:focus{outline-color:#b9cafb}#toast{background:#294caa}.finance-summary{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;background:#e7edff;border-radius:20px;padding:27px 30px;margin:0 0 22px;position:relative;overflow:hidden}.net{display:flex;flex-direction:column;gap:9px}.net>span{color:#52679f;font-size:12px}.net strong{color:#294aab;font-size:36px;font-weight:650;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.net small{color:#62759e;font-size:10px;line-height:1.5}.money-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.money-pair>div{display:flex;flex-direction:column;gap:13px}.money-pair span{font-size:12px;color:#536992}.money-pair b{font-size:24px;font-weight:600;letter-spacing:-.6px;color:#234b7f}.money-pair>div:first-child b{color:#197c66}.money-icon{font-style:normal;padding:4px 6px;background:#ffffff90;border-radius:6px;margin-right:4px}.finance-actions{display:flex;gap:10px;margin-bottom:18px}.segments{display:flex;gap:6px;padding:5px;border-radius:12px;background:#e8edf6;width:max-content;max-width:100%;margin:0 0 22px}.segments button{border:0;background:transparent;color:#687994;padding:10px 17px;border-radius:8px;font-size:12px}.segments button.selected{background:white;color:#3057ba;box-shadow:0 2px 7px #334f8920}.category-manager{border-top:1px solid var(--line);padding-top:18px;margin-top:15px}.category-manager summary{font-size:13px;color:#4163b4;cursor:pointer}.category-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.category-manager form .secondary{margin-top:12px}.toolbar select{min-width:160px}.toolbar label{margin:0}.toolbar{align-items:end}#mobile-nav{display:none}#more-menu[hidden]{display:none}#more-menu{position:fixed;right:20px;bottom:85px;background:white;border:1px solid var(--line);border-radius:18px;padding:18px;z-index:25;box-shadow:0 10px 50px #1b316733;min-width:240px}#more-menu p{font-size:12px;color:#8491a7;margin:0 0 8px}#more-menu button{display:block;padding:13px;border:0;background:white;color:#385789;width:100%;text-align:left}.donut-hole strong{font-size:18px}
@media(max-width:800px){aside{padding:16px 20px;background:#f3f5fa;border:0}aside #nav{display:none}.brand{font-size:29px}.page-heading h1{font-size:25px}.page-heading{gap:12px}header{height:44px;border:0}.breadcrumb{color:#75829a}.card{border-radius:17px;padding:19px}.quick-capture{padding:17px;margin-bottom:17px}.capture-input{flex-wrap:wrap}.capture-input textarea{min-height:66px;flex-basis:100%}.capture-input .primary{width:100%;min-height:42px}.capture-heading h2{font-size:16px}.capture-note{font-size:10px;line-height:1.7}.finance-summary{grid-template-columns:1fr;gap:21px;padding:22px;border-radius:19px}.net strong{font-size:35px}.money-pair{border-top:1px solid #cbd7f7;padding-top:17px;gap:12px}.money-pair b{font-size:23px}.stats{gap:10px}.stat{padding:16px}.stat-value{font-size:25px}.stat-top{font-size:11px}.stat-sub{font-size:10px}main{padding:0 18px 88px}.toolbar{gap:8px}.toolbar label{flex:1;min-width:0}.toolbar input,.toolbar select{width:100%;min-width:0;max-width:none;font-size:12px;padding:9px 5px}.segments{width:100%}.segments button{flex:1;padding:10px 5px}.expense-chart{gap:18px}.legend-row{font-size:11px}.legend-row b{font-size:11px}.row-value{font-size:12px}.row-title{font-size:12px}#mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:fixed;left:0;right:0;bottom:0;margin:0;padding:9px 9px max(12px,env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e5eaf3;z-index:30}#mobile-nav button{font-size:10px;display:flex;align-items:center;flex-direction:column;gap:3px;border-radius:10px;padding:7px 1px;color:#7a87a0;text-align:center}#mobile-nav button span{font-size:20px;height:23px}#mobile-nav button.active{background:#edf2ff;color:#3d61cf}#toast{bottom:92px;width:max-content;max-width:90vw;font-size:12px}.form-row{gap:10px}dialog{padding:21px}.net small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}.page-heading>.primary{white-space:nowrap;flex-shrink:0}

/* Five review directions. The default application is unchanged. */
html[data-design]{--surface:#fff;--ink:#183c38;--soft:#667e77;--accent:#147664;--wash:#e9f5f0;--canvas:#f8fbf9;--edge:#ddebe5}
html[data-design] body,html[data-design] aside{background:var(--canvas);color:var(--ink)}
html[data-design] .brand,html[data-design] .brand span,html[data-design] h1,html[data-design] h2,html[data-design] h3{color:var(--ink)}
html[data-design] .page-heading{padding:18px 0 20px}html[data-design] .page-heading h1{font-size:28px}html[data-design] .page-heading .muted{font-size:12px;color:var(--soft)}
html[data-design] header{height:32px}html[data-design] aside{padding-top:18px;padding-bottom:8px}html[data-design] .brand{font-size:27px}
html[data-design] .breadcrumb{color:var(--soft)}html[data-design] .breadcrumb b{color:var(--ink)}html[data-design] .avatar{background:var(--wash);color:var(--accent)}
html[data-design] .primary{background:var(--accent);color:white;border-radius:14px}html[data-design] .secondary{background:var(--surface);border-color:var(--edge);color:var(--ink)}
html[data-design] .finance-summary{background:var(--wash);padding:23px;border-radius:25px;gap:19px;margin-bottom:16px}html[data-design] .net strong{color:var(--ink);font-size:42px;letter-spacing:-1.8px}html[data-design] .net>span,html[data-design] .net small{color:var(--soft)}html[data-design] .money-pair{border-color:var(--edge)}html[data-design] .money-pair span{color:var(--soft)}html[data-design] .money-pair b{color:var(--ink)}html[data-design] .money-pair>div:first-child b{color:var(--accent)}
html[data-design] .finance-actions{gap:10px;margin-bottom:16px}html[data-design] .finance-actions button{flex:1;border-radius:14px;font-size:13px;font-weight:600}
html[data-design] .toolbar{margin-bottom:16px}html[data-design] .toolbar label{color:var(--soft);font-size:10px}html[data-design] .toolbar input,html[data-design] .toolbar select{background:var(--surface);color:var(--ink);border-color:var(--edge);font-size:11px}
html[data-design] .segments{background:var(--wash);margin-bottom:18px}html[data-design] .segments button{color:var(--soft)}html[data-design] .segments button.selected{background:var(--surface);color:var(--accent)}
html[data-design] .card{background:var(--surface);border:1px solid var(--edge);box-shadow:none;border-radius:22px;margin-bottom:16px}html[data-design] .card-head{margin-bottom:12px}html[data-design] .card h2{font-size:15px}
html[data-design] .donut-hole{background:var(--surface)}html[data-design] .donut-hole strong{font-size:17px;color:var(--ink)}html[data-design] .donut-hole small,html[data-design] .row-meta{color:var(--soft)}html[data-design] .expense-chart{padding:4px 0 10px}html[data-design] .donut{width:106px;height:106px}html[data-design] .donut-hole{width:82px;height:82px}html[data-design] .legend{gap:13px}html[data-design] .legend-row{color:var(--ink)}html[data-design] .category-manager{border-color:var(--edge);margin-top:8px;padding-top:12px}html[data-design] .category-manager summary{color:var(--accent);font-size:11px}
html[data-design] #mobile-nav{background:var(--surface);border-color:var(--edge)}html[data-design] #mobile-nav button{color:var(--soft)}html[data-design] #mobile-nav button.active{background:var(--wash);color:var(--accent)}html[data-design] .pill{background:var(--wash);color:var(--accent)}html[data-design] .row-symbol{background:var(--wash);color:var(--accent)}html[data-design] .row{border-color:var(--edge)}
/* 1. Mint: light, spacious, with a floating navigation dock. */
html[data-design="mint"] .finance-summary{background:#fff;border:1px solid #e0ebe5;padding:24px}html[data-design="mint"] .net{text-align:center;padding:3px 0 10px}html[data-design="mint"] .net strong{font-size:49px;color:#166b55;font-weight:500}html[data-design="mint"] .money-pair>div{text-align:center}html[data-design="mint"] .money-pair>div+div{border-left:1px solid #dfebe4}html[data-design="mint"] .finance-actions button:first-child{background:#17745c;color:#fff;border-color:#17745c}html[data-design="mint"] #mobile-nav{left:12px;right:12px;bottom:10px;border:1px solid #e0eae4;border-radius:23px;box-shadow:0 5px 30px #19443512;padding:7px 5px}html[data-design="mint"] .segments{background:transparent;border-bottom:1px solid #dfeae4;border-radius:0;padding:0}html[data-design="mint"] .segments button.selected{background:transparent;box-shadow:none;border-bottom:2px solid #17745c;border-radius:0}
/* 2. Night: subdued navy, warm metallic accents, compact controls. */
html[data-design="night"]{--surface:#202936;--ink:#f1eee8;--soft:#adb6c1;--accent:#d2b477;--wash:#2d3540;--canvas:#151d28;--edge:#39424e;color-scheme:dark}
html[data-design="night"] .primary{color:#202631}html[data-design="night"] .finance-summary{background:linear-gradient(120deg,#303947,#202937);border:1px solid #45505e;border-radius:16px}html[data-design="night"] .net strong{font-weight:400;color:#eed6a7;font-size:47px}html[data-design="night"] .finance-actions button{border-radius:8px}html[data-design="night"] .card{border-radius:15px}html[data-design="night"] .money-icon{background:#414852}html[data-design="night"] .money-pair b{font-weight:450}html[data-design="night"] .finance-actions button:first-child{background:#d2b477;color:#19202b;border-color:#d2b477}html[data-design="night"] .positive{color:#a9d7bc}
/* 3. Paper: personal ledger, serif headings, ruled balance block. */
html[data-design="paper"]{--surface:#fffdf7;--ink:#403a30;--soft:#7e7566;--accent:#bd583b;--wash:#f2ebda;--canvas:#faf6eb;--edge:#e2d9c5}
html[data-design="paper"] .brand,html[data-design="paper"] h1,html[data-design="paper"] h2{font-family:Georgia,serif;font-weight:400}html[data-design="paper"] .brand{font-size:32px;font-style:italic}html[data-design="paper"] .page-heading h1{font-size:32px;letter-spacing:-1px}html[data-design="paper"] .finance-summary{border-radius:3px;background:repeating-linear-gradient(0deg,transparent,transparent 31px,#e8dfcd 32px),#fffdf7;border:1px solid #e2d9c5;border-left:4px solid #bd583b;box-shadow:3px 4px 0 #e9e0ce}.net{position:relative}html[data-design="paper"] .net strong{font-family:Georgia,serif;font-weight:400;font-size:48px}html[data-design="paper"] .primary,html[data-design="paper"] .secondary,html[data-design="paper"] input,html[data-design="paper"] select{border-radius:4px}html[data-design="paper"] .card{border-radius:4px}html[data-design="paper"] .money-pair{background:#fffdf7c9;padding-top:13px}html[data-design="paper"] .segments{border-radius:4px}html[data-design="paper"] .segments button{border-radius:3px}html[data-design="paper"] #mobile-nav button.active{background:transparent;border-top:2px solid #bd583b;border-radius:0}html[data-design="paper"] .money-pair>div:first-child b{color:#62744d}
/* 4. Lavender: centered balance with detached income and expense tiles. */
html[data-design="lavender"]{--surface:#fff;--ink:#46315f;--soft:#85728e;--accent:#8761b1;--wash:#eee7f8;--canvas:#f7f2fb;--edge:#e9deef}
html[data-design="lavender"] .page-heading{justify-content:space-between}html[data-design="lavender"] .page-heading h1{font-weight:550}html[data-design="lavender"] .finance-summary{background:transparent;border:0;padding:0;overflow:visible;gap:12px}html[data-design="lavender"] .net{background:#e9dff4;border-radius:30px;text-align:center;padding:22px 15px;gap:9px}html[data-design="lavender"] .net strong{color:#67438f;font-size:48px;font-weight:500}html[data-design="lavender"] .money-pair{padding:0;border:0;gap:12px}html[data-design="lavender"] .money-pair>div{background:#fff;border-radius:20px;padding:15px 16px;gap:10px}html[data-design="lavender"] .money-pair>div:first-child{background:#e3f1ed}html[data-design="lavender"] .money-pair>div:first-child b{color:#3f7f6f}html[data-design="lavender"] .money-pair>div:last-child{background:#f8e9ed}html[data-design="lavender"] .money-pair>div:last-child b{color:#a75971}html[data-design="lavender"] .money-icon{background:transparent;padding:0}html[data-design="lavender"] .primary,html[data-design="lavender"] .finance-actions button{border-radius:24px}html[data-design="lavender"] .card{border:0;border-radius:25px}html[data-design="lavender"] .toolbar input,html[data-design="lavender"] .toolbar select{border:0;border-radius:10px}html[data-design="lavender"] #mobile-nav{border-radius:23px 23px 0 0}
/* 5. Bold: high contrast, outlined blocks and directional typography. */
html[data-design="bold"]{--surface:#fff;--ink:#172245;--soft:#59617a;--accent:#304dea;--wash:#eef0ff;--canvas:#fff;--edge:#172245}
html[data-design="bold"] .brand{font-weight:900;letter-spacing:-1.7px}html[data-design="bold"] .page-heading h1{font-size:32px;font-weight:800;letter-spacing:-1.5px}html[data-design="bold"] .primary{border-radius:5px;background:#304dea;box-shadow:3px 3px 0 #172245}html[data-design="bold"] .finance-summary{border:2px solid #172245;background:#f7de70;border-radius:5px;box-shadow:5px 5px 0 #172245;padding:20px;margin-bottom:23px}html[data-design="bold"] .net strong{font-size:51px;font-weight:850;letter-spacing:-2px}html[data-design="bold"] .money-pair{border-top:2px solid #172245;gap:12px;padding-top:13px}html[data-design="bold"] .money-pair b{font-weight:750}html[data-design="bold"] .money-pair>div:first-child b{color:#172245}html[data-design="bold"] .net small,html[data-design="bold"] .net>span,html[data-design="bold"] .money-pair span{color:#4a4631}html[data-design="bold"] .finance-actions button{border:1.5px solid #172245;border-radius:4px;font-weight:700}html[data-design="bold"] .finance-actions button:first-child{background:#304dea;color:#fff}html[data-design="bold"] .card{border:1.5px solid #172245;border-radius:5px}html[data-design="bold"] .segments{border:1.5px solid #172245;background:#fff;border-radius:5px;padding:0;overflow:hidden}html[data-design="bold"] .segments button{border-radius:0;font-weight:600}html[data-design="bold"] .segments button.selected{background:#304dea;color:#fff}html[data-design="bold"] .toolbar input,html[data-design="bold"] .toolbar select{border-radius:4px}html[data-design="bold"] #mobile-nav{border-top:2px solid #172245}html[data-design="bold"] #mobile-nav button.active{background:#f7de70;border:1px solid #172245;border-radius:5px;color:#172245}

/* Approved direction 2: five controlled color studies. */
html[data-design="night"]{--night-balance:#eed6a7;--night-card-a:#303947;--night-card-b:#202937;--night-card-edge:#45505e;--night-button-ink:#202631}
html[data-design="night"][data-palette="ice"]{--surface:#1d2b3c;--ink:#e9f3fd;--soft:#a6b9ce;--accent:#6bbdf0;--wash:#26394e;--canvas:#111e2e;--edge:#344b64;--night-balance:#a4d9f5;--night-card-a:#263e56;--night-card-b:#1b2c40;--night-card-edge:#3e5e7b;--night-button-ink:#122a3f}
html[data-design="night"][data-palette="jade"]{--surface:#1c302e;--ink:#e5f4ed;--soft:#a1bbb0;--accent:#64c9ae;--wash:#28403b;--canvas:#10221f;--edge:#36534b;--night-balance:#a1e2ce;--night-card-a:#2a473e;--night-card-b:#1b332d;--night-card-edge:#426357;--night-button-ink:#12352a}
html[data-design="night"][data-palette="lilac"]{--surface:#29263b;--ink:#f0ecfa;--soft:#b5aecb;--accent:#b3a0f5;--wash:#38334c;--canvas:#1a1828;--edge:#49405f;--night-balance:#d1c2ff;--night-card-a:#3b3453;--night-card-b:#29263d;--night-card-edge:#5a4e75;--night-button-ink:#29213e}
html[data-design="night"][data-palette="rose"]{--surface:#33272e;--ink:#f8edf0;--soft:#c5abb6;--accent:#ed9da8;--wash:#48323c;--canvas:#21191f;--edge:#5b3e4b;--night-balance:#f5bdc4;--night-card-a:#503540;--night-card-b:#33252e;--night-card-edge:#704b5b;--night-button-ink:#3c202c}
html[data-design="night"] .finance-summary{background:linear-gradient(120deg,var(--night-card-a),var(--night-card-b));border-color:var(--night-card-edge)}
html[data-design="night"] .net strong{color:var(--night-balance)}
html[data-design="night"] .primary,html[data-design="night"] .finance-actions button:first-child{background:var(--accent);color:var(--night-button-ink);border-color:var(--accent)}
html[data-design="night"] .money-icon{background:var(--wash)}

/* Complete approved night palette across every page and interaction. */
html[data-design="night"]{background:var(--canvas);color:var(--ink);--green:var(--accent);--line:var(--edge);--muted:var(--soft)}
html[data-design="night"] :is(.stat,.quick-capture,.draft,.plan,dialog,.day,#more-menu,#more-menu button){background:var(--surface);color:var(--ink);border-color:var(--edge)}
html[data-design="night"] :is(input,select,textarea,.capture-input){background:var(--canvas);color:var(--ink);border-color:var(--edge)}
html[data-design="night"] :is(input,textarea)::placeholder{color:var(--soft);opacity:1}
html[data-design="night"] :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-design="night"] :is(.muted,.empty,label,.capture-note,.capture-heading span,.stat-top,.stat-sub,.disabled-note,.tagline,footer,#more-menu p,.row.done .row-title){color:var(--soft)}
html[data-design="night"] :is(.text-btn,.icon-btn){color:var(--accent)}
html[data-design="night"] :is(.stat-icon,.food-summary,.idea-block,.day small,.plan.featured){background:var(--wash);color:var(--ink);border-color:var(--edge)}
html[data-design="night"] .idea-block{border-left-color:var(--accent)}
html[data-design="night"] .day.today{background:var(--wash);border-color:var(--accent)}
html[data-design="night"] .day.selected{outline-color:var(--accent)}
html[data-design="night"] :is(nav button,#more-menu button){color:var(--soft)}
html[data-design="night"] :is(nav button.active,#more-menu button:hover){background:var(--wash);color:var(--accent)}
html[data-design="night"] :is(header,aside,footer){border-color:var(--edge)}
html[data-design="night"] .notice{background:var(--wash);border-color:var(--edge);color:var(--night-balance)}
html[data-design="night"] .draft small{color:var(--night-balance)}
html[data-design="night"] #form-error{color:#f1a59a}
html[data-design="night"] dialog::backdrop{background:#080e18b3}
html[data-design="night"] #toast{background:var(--accent);color:var(--night-button-ink);border:1px solid var(--night-card-edge)}
html[data-design="night"] .demo-badge{color:var(--soft);border-color:var(--edge)}
html[data-design="night"] :is(button,a):focus-visible{outline-color:var(--accent)}

/* Inline quick capture below the period balance. */
.capture-dock{margin:0 0 18px;width:100%;min-width:0}
.capture-launcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}
.capture-launcher .primary{width:100%;font-size:12px;padding:9px 15px;min-height:40px;border-radius:10px}
.capture-launcher .secondary{width:100%;font-size:12px;padding:9px 12px;min-height:40px;border-radius:10px}
.capture-launcher small{font-size:10px;margin-left:5px;opacity:.8}
#capture-panel{margin-top:12px;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:16px;padding:20px}
#capture-panel .capture-input{flex-wrap:wrap}#capture-panel textarea{flex-basis:100%;min-height:86px}#capture-panel #parse{width:100%}#capture-panel .draft{align-items:stretch;flex-direction:column;gap:8px}
@media(max-width:800px){#capture-panel{padding:17px}.capture-launcher .primary,.capture-launcher .secondary{min-height:44px}}

#language{width:auto;max-width:120px;margin:0;padding:7px 9px;font-size:12px}.header-right{gap:10px}html[lang="zh-CN"]{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif}html[lang="zh-CN"] h1{letter-spacing:0}

.category-tag{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:2px 4px 2px 10px}.category-delete{display:grid;place-items:center;border:0;background:transparent;color:var(--soft);width:36px;height:36px;font-size:20px;border-radius:7px}.category-delete:hover{background:var(--surface);color:var(--ink)}

html[data-design="night"] #voice-capture.recording{background:#ad554d;color:#fff}.primary:disabled{opacity:.6;cursor:wait}

/* Ryadom: mobile product polish. Preserve the approved graphite/gold identity. */
:root{--control-radius:12px;--motion-fast:160ms;--motion-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-padding-bottom:110px}
body{font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif}
.ui-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex:none}
.nav-icon,.stat-icon,.money-icon{display:inline-flex;align-items:center;justify-content:center}
button{touch-action:manipulation;transition:background-color var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}
button:active{transform:scale(.98)}
:is(.primary,.secondary,.text-btn,.icon-btn,.category-delete,summary,select){min-height:44px}
.icon-btn,.category-delete{min-width:44px;flex-shrink:0}
.primary,.secondary{border-radius:var(--control-radius);font-size:14px}
#voice-capture{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:48px}
#voice-capture .ui-icon{width:20px;height:20px}
.page-heading{gap:24px;align-items:flex-start}
.page-heading>div{min-width:0}
.page-heading h1{font-weight:650;line-height:1.2;overflow-wrap:anywhere}
.page-heading h1:focus{outline:none}
.page-heading p{font-size:14px}
.net strong,.money-pair b,.stat-value,.row-value{font-variant-numeric:tabular-nums}
html[data-design="night"] .finance-summary{background:var(--surface);border-color:var(--night-card-edge);box-shadow:inset 0 1px 0 #ffffff08;padding:24px;gap:20px}
html[data-design="night"] .net strong{font-weight:500;letter-spacing:-1.5px}
.net>span,.money-pair span{font-size:13px}
.net small{font-size:12px;line-height:1.5}
.money-pair b{font-size:25px;overflow-wrap:anywhere}
.money-icon{padding:0!important;background:none!important}
.money-icon .ui-icon{width:18px;height:18px}
.home-stats{gap:0;border:1px solid var(--edge);border-radius:16px;overflow:hidden;background:var(--surface)}
.home-stats .stat{border:0!important;border-radius:0!important;background:transparent!important;padding:18px 20px;min-width:0}
.home-stats .stat+.stat{border-left:1px solid var(--edge)!important}
.home-stats .stat-top{font-size:13px;gap:8px}
.home-stats .stat-icon{background:none!important;padding:0;color:var(--accent)!important}
.home-stats .stat-value{font-size:26px;margin:8px 0 2px;line-height:1.2}
.home-stats .stat-sub{font-size:12px;line-height:1.4}
.card-head{margin-bottom:16px;align-items:center}
.card-head h2{font-size:18px;line-height:1.3}
.text-btn{font-size:13px;flex-shrink:0}
.row{gap:12px;padding:16px 0}
.row-title{font-size:15px;line-height:1.5}
.row-meta{font-size:12px;line-height:1.45;color:var(--soft)}
.row-value{font-size:14px}
.legend-row{font-size:14px;flex-wrap:wrap}
.legend-row b{white-space:nowrap}
.muted,.notice,.empty{line-height:1.6}
label{font-size:14px}
input,textarea,select{font-size:16px}
.capture-input textarea{font-size:16px;line-height:1.6;min-height:110px}
dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
dialog .primary[type="submit"]{width:100%;min-height:48px}
.dialog-top{gap:16px}
.form-row:has(>label[hidden]){grid-template-columns:1fr}
#more-menu button{display:flex;align-items:center;gap:12px;min-height:48px;font-size:15px}
#mobile-nav button>span{display:grid;place-items:center}
.category-tags{gap:8px}
.category-tag{font-size:13px}
.category-manager summary{display:flex;align-items:center;cursor:pointer}
.check{width:24px;height:24px;margin:10px;flex:none}
@media(max-width:800px){
 main{padding-left:20px;padding-right:20px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 header{height:68px;gap:8px}
 .breadcrumb>span{display:none}
 .breadcrumb{font-size:14px}
 #language{font-size:13px;min-height:44px;max-width:112px}
 .page-heading{padding:24px 0;display:grid;grid-template-columns:1fr;gap:16px}
 .page-heading h1{font-size:28px;letter-spacing:-.7px;margin-bottom:8px}
 #voice-capture{justify-self:center;min-width:180px;padding:12px 24px}
 html[data-design="night"] .finance-summary{padding:20px;gap:16px}
 html[data-design="night"] .net strong{font-size:42px;line-height:1.15}
 .net{gap:8px}
 .money-pair{padding-top:16px;gap:16px}
 .money-pair b{font-size:24px}
 .home-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:24px}
 .home-stats .stat{padding:16px}
 .home-stats .stat:nth-child(3){border-left:0!important}
 .home-stats .stat:nth-child(n+3){border-top:1px solid var(--edge)!important}
 .home-stats .stat-sub{display:none}
 .home-stats .stat-value{font-size:25px;margin-top:8px}
 .home-stats .stat-icon .ui-icon{width:20px;height:20px}
 .card{padding:18px}
 .card-head{gap:8px}
 .card-head h2{font-size:17px}
 .row{flex-wrap:wrap;gap:8px}
 .row-symbol{width:32px;height:32px}
 .row-main{flex-basis:calc(100% - 100px)}
 .row-value:not(:empty){margin-left:40px;order:4}
 .row-value:empty{display:none}
 .row .icon-btn{margin-left:auto;align-self:flex-start}
 #mobile-nav{padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--canvas);border-top:1px solid var(--edge)}
 #mobile-nav button{min-height:56px;font-size:11px;gap:5px}
 #mobile-nav .ui-icon{width:24px;height:24px}
 #more-menu{bottom:calc(88px + env(safe-area-inset-bottom));max-height:60dvh;overflow:auto;border-radius:16px}
 .toolbar label{flex:1 1 120px;min-width:0}
 .toolbar :is(input,select){width:100%;max-width:100%;min-height:44px}
 .segments{display:flex}
 .segments button{flex:1;min-height:44px;font-size:13px;padding:10px 6px}
 .calendar{gap:3px}
 .day{min-height:48px;padding:5px 2px;text-align:center;font-size:14px}
 .weekday{font-size:12px;padding:8px 0}
 dialog{width:calc(100% - 24px);padding:20px;border-radius:18px;margin:auto}
 .form-row{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .form-row label{min-width:0}
 #toast{max-width:calc(100% - 32px);bottom:calc(96px + env(safe-area-inset-bottom));font-size:14px}
}
@media(max-width:360px){main{padding-left:16px;padding-right:16px}.home-stats .stat{padding:12px}.home-stats .stat-top{font-size:12px}.home-stats .stat-icon{display:none}.card-head{flex-wrap:wrap}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}

.day-count{display:none}
@media(max-width:800px){.day small{display:none}.day-count:not(:empty){display:block;font-size:10px;line-height:14px;color:var(--accent)}.day{min-height:54px}}

/* One shared capture result: save, review and undo. */
.auto-save-option{display:flex;align-items:center;gap:12px;margin-top:16px;color:var(--ink)!important;font-size:14px;min-height:44px}
.auto-save-option input{width:22px;height:22px;margin:0;accent-color:var(--accent)}
#batch-dialog{width:min(680px,calc(100% - 24px));padding:24px;background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:18px}
#batch-dialog form{display:grid;gap:16px}#batch-dialog .dialog-top{margin:0}#batch-dialog .muted{margin:0}
.batch-editors{display:grid;gap:16px}.batch-editors fieldset{min-width:0;margin:0;padding:16px;border:1px solid var(--edge);border-radius:12px}
.batch-editors legend{padding:0 6px;color:var(--accent);font-weight:600}.batch-editors label{margin-top:12px;display:block}.batch-editors input,.batch-editors select{width:100%}
.batch-saved{display:grid;gap:0;border:1px solid var(--edge);border-radius:12px;padding:0 16px}.batch-saved>div{padding:16px 0}.batch-saved>div+div{border-top:1px solid var(--edge)}.batch-saved b{font-size:12px;color:var(--accent)}.batch-saved p{margin:4px 0;font-size:16px;overflow-wrap:anywhere}.batch-saved small{color:var(--soft);font-size:12px}
.batch-transcript{color:var(--soft)}.batch-transcript p{white-space:pre-wrap;overflow-wrap:anywhere}#batch-error{color:#f1a59a;margin:0}#batch-error:empty{display:none}
#batch-dialog .primary{width:100%;min-height:48px}#batch-dialog button:disabled{opacity:.55;cursor:wait}
@media(max-width:480px){#batch-dialog{padding:18px}.batch-editors fieldset{padding:12px}}

.voice-inline-status{font-size:13px;line-height:1.6;color:var(--soft);white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 20px}