:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#213e36;background:#eee9dd;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #173e34;--ink-soft: #39716a;--red: #b94b3b;--paper: #fbf8ef;--paper-deep: #f2ecdf;--line: #ddd5c6;--muted: #77736a;--shadow: 0 16px 50px rgba(47, 52, 42, .09)}*{box-sizing:border-box}html{background:#eee9dd}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(185,75,59,.28);outline-offset:2px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.55;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.8),transparent 35%),radial-gradient(circle at 85% 84%,rgba(57,113,106,.08),transparent 30%),repeating-linear-gradient(94deg,rgba(84,72,52,.018) 0,rgba(84,72,52,.018) 1px,transparent 1px,transparent 7px)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong,.metric-card>strong,.budget-overview strong,.insight-strip strong{font-family:LXGW WenKai TC,STKaiti,KaiTi,serif}.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:30px 20px 24px;background:var(--ink);color:#f5f0e3;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);overflow:hidden}.sidebar:after{content:"〽";position:absolute;right:-26px;bottom:68px;color:#ffffff0a;font:170px/1 serif;transform:rotate(-8deg)}.brand{display:flex;align-items:center;gap:13px;padding:0 8px 32px;position:relative;z-index:1}.brand-seal{width:42px;height:42px;border:1px solid rgba(255,255,255,.72);border-radius:3px;display:grid;place-items:center;font:700 23px/1 STKaiti,serif;color:#fff8e9;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4px #ffffff4d;transform:rotate(-2deg)}.brand strong{display:block;font-size:24px;letter-spacing:.12em;color:#fffaf0}.brand span{display:block;color:#f6f0e191;font-size:10px;letter-spacing:.18em;margin-top:4px}.sidebar-nav{display:grid;gap:7px;position:relative;z-index:1}.nav-item{border:0;border-radius:6px;background:transparent;color:#ffffffa6;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;transition:.2s ease}.nav-item:hover{background:#ffffff0f;color:#fff;transform:translate(2px)}.nav-item.active{color:#fff8e9;background:#f5f0e31f;box-shadow:inset 3px 0 var(--red)}.data-button{position:relative;z-index:1;margin-top:auto}.main-content{min-width:0;position:relative;isolation:isolate}.theme-page-dashboard{min-height:100vh;background-image:linear-gradient(90deg,#f9f5eab0,#f9f5ea6b 39%,#f9f5ea1c 73%,#f9f5ea05),url(/assets/lingqianbu-hero-ink-SKTO2KtL.png);background-position:center;background-size:cover;background-repeat:no-repeat}.theme-page-dashboard .page-ink-backdrop{display:none}.page-ink-backdrop{position:fixed;z-index:0;pointer-events:none;left:238px;top:92px;width:calc(100vw - 238px);height:calc(100vh - 92px);overflow:visible}.page-ink-sun{fill:var(--red);opacity:.055}.page-ink-cloud{fill:var(--ink-soft);opacity:.022}.page-ink-bamboo{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.052}.page-ink-bamboo path+path{fill:var(--ink);stroke-width:1.4}.page-ink-mountain{fill:var(--ink)}.page-ink-mountain.back{opacity:.022}.page-ink-mountain.front{opacity:.035}.page-ink-ridge,.page-ink-birds{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;opacity:.06}.page-ink-birds{opacity:.1}.topbar{height:92px;padding:18px clamp(24px,4vw,62px);display:flex;align-items:center;justify-content:flex-end;gap:18px;border-bottom:1px solid rgba(84,72,52,.1);position:relative;z-index:2;background:linear-gradient(90deg,#eee9dd26,#fbf8ef99)}.topbar:after{content:"";position:absolute;left:4%;right:4%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(23,62,52,.18) 18%,rgba(185,75,59,.24) 78%,transparent)}.theme-page-dashboard .topbar{border-bottom-color:transparent;background:linear-gradient(90deg,#f9f5ea2e,#f9f5ea0f)}.theme-page-dashboard .topbar:after{height:3px;bottom:-2px;opacity:.42;background:linear-gradient(90deg,transparent 2%,rgba(23,62,52,.16) 23%,rgba(185,75,59,.22) 67%,transparent 97%);clip-path:polygon(0 45%,10% 28%,23% 55%,39% 33%,57% 62%,71% 29%,86% 51%,100% 38%,100% 70%,0 75%)}.mobile-brand,.mobile-data{display:none!important}.month-picker{display:flex;align-items:center;position:relative;background:#fbf8efb3;border:1px solid rgba(170,155,128,.46);border-radius:3px 10px 4px 9px;padding:6px;box-shadow:0 6px 24px #3f3a2b12,inset 0 0 24px #cab7941f}.month-picker button{border:0;background:transparent;width:30px;height:30px;display:grid;place-items:center;border-radius:5px}.month-picker button:hover{background:var(--paper-deep)}.month-picker div{min-width:112px;text-align:center;padding:0 8px}.month-picker span{display:block;color:var(--muted);font-size:9px;letter-spacing:.15em}.month-picker strong{font-size:13px;font-weight:600}.primary-button,.paper-button,.text-button{border:0;border-radius:6px;min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:.18s ease}.primary-button{color:#fffaf0;background:var(--ink);box-shadow:0 7px 18px #173e342e}.primary-button:hover{background:#235548;transform:translateY(-1px);box-shadow:0 10px 25px #173e3438}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.paper-button{color:var(--ink);background:#f7f2e6;border:1px solid var(--line)}.paper-button:hover{border-color:#b7aa93;background:#fffdf7}.text-button{background:transparent;color:var(--muted)}.text-button:hover{color:var(--ink);background:var(--paper-deep)}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--paper);border-radius:6px}.icon-button:hover{background:var(--paper-deep)}.page-wrap{padding:42px clamp(24px,4vw,62px) 70px;max-width:1540px;margin:0 auto;animation:page-in .45s ease both;position:relative;z-index:1}@keyframes page-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.page-heading{margin-bottom:30px;position:relative;padding-left:18px}.page-heading:before{content:"";position:absolute;left:0;top:4px;width:4px;height:48px;border-radius:60% 35% 55% 25%;background:var(--red);opacity:.72;transform:rotate(1.5deg)}.page-heading:after{content:"";display:block;width:126px;height:7px;margin-top:14px;background:linear-gradient(90deg,rgba(23,62,52,.2),transparent);clip-path:polygon(0 35%,92% 0,100% 32%,72% 58%,4% 100%)}.page-heading>span,.eyebrow{display:block;color:var(--red);font-size:11px;letter-spacing:.22em;font-weight:700;margin-bottom:7px}.page-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.2;margin-bottom:8px;font-weight:700;letter-spacing:.02em}.page-heading p{color:var(--muted);font-size:13px;margin-bottom:0}.welcome-ledger{min-height:calc(100vh - 210px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:8vw;padding:30px 3vw 80px;position:relative;isolation:isolate}.welcome-ledger:after{content:"";position:absolute;z-index:1;top:-10px;right:-20px;bottom:-10px;left:-20px;background:radial-gradient(ellipse at 29% 43%,rgba(251,248,239,.34),transparent 52%);pointer-events:none}.welcome-copy,.ledger-illustration{position:relative;z-index:2}.welcome-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.28;font-weight:700;letter-spacing:.02em;margin:8px 0 30px}.welcome-copy h1.classic-quote{font-size:clamp(32px,3.2vw,40px);line-height:1.6;letter-spacing:.04em}.welcome-actions{display:flex;gap:12px}.welcome-actions button{min-height:48px;padding:0 22px}.ledger-illustration{height:430px;max-width:390px;width:100%;position:relative;margin:auto;perspective:900px}.ledger-page{position:absolute;width:82%;height:88%;border-radius:4px 14px 14px 4px;box-shadow:0 28px 60px #3430252e}.ledger-page.back{background:#d9c9a9;left:4%;top:8%;transform:rotate(-7deg)}.ledger-page.front{background:#fdf8e9;left:10%;top:4%;transform:rotate(3deg);border-left:6px solid var(--red);padding:48px 38px;overflow:hidden}.ledger-page.front:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(transparent 0,transparent 43px,rgba(57,113,106,.12) 44px)}.ledger-date{color:var(--ink);position:relative;font:700 24px LXGW WenKai TC,serif;padding-bottom:16px;border-bottom:2px solid var(--ink)}.ink-line{height:8px;background:#173e3429;width:80%;margin-top:37px;border-radius:2px;position:relative}.ink-line.short{width:48%}.ink-line.medium{width:65%}.red-stamp{position:absolute;right:38px;bottom:42px;border:3px double var(--red);color:var(--red);padding:8px 10px;font:700 20px/1.05 STKaiti,serif;transform:rotate(-8deg)}.leaf-mark{position:absolute;left:34px;bottom:24px;color:#39716a26;font:100px/1 serif;transform:rotate(-12deg)}.metric-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:15px;margin-bottom:17px}.metric-card{position:relative;min-height:164px;padding:22px;background:#fbf8efd6;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(57,113,106,.025) 32px);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #3f3a2b0a;overflow:hidden;animation:card-rise .5s ease both}.metric-card:not(.featured):before{content:"";position:absolute;left:18px;top:0;width:52px;height:2px;background:var(--red);opacity:.28}.metric-card:nth-child(2){animation-delay:.05s}.metric-card:nth-child(3){animation-delay:.1s}.metric-card:nth-child(4){animation-delay:.15s}@keyframes card-rise{0%{opacity:0;transform:translateY(12px)}}.metric-card.featured{background:var(--ink);color:#fff9ed;border-color:var(--ink)}.metric-card.featured:after{content:"余";position:absolute;right:-4px;bottom:-35px;font:130px/1 STKaiti,serif;color:#ffffff09}.metric-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.featured .metric-top{color:#ffffff94}.metric-top i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#39716a1a;color:var(--ink-soft)}.metric-top svg{width:16px}.featured .metric-top i{background:#ffffff1a;color:#d9e3d4}.metric-card>strong{display:block;margin:12px 0 7px;font-size:clamp(24px,2.2vw,34px);letter-spacing:-.03em}.metric-card small{color:var(--muted);font-size:10px}.featured small{color:#ffffff80}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:17px}.paper-card{position:relative;background:#fbf8efe0;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(57,113,106,.018) 40px);border:1px solid var(--line);border-radius:8px;box-shadow:0 9px 30px #3f3a2b0b;overflow:hidden}.paper-card:before{content:"";position:absolute;z-index:0;left:20px;top:0;width:74px;height:2px;background:linear-gradient(90deg,var(--red),transparent);opacity:.28;pointer-events:none}.paper-card:after{content:"";position:absolute;right:13px;bottom:13px;width:16px;height:16px;border:1px solid rgba(185,75,59,.09);transform:rotate(-5deg);pointer-events:none}.paper-card>*{position:relative;z-index:1}.trend-card,.recent-card,.year-chart,.category-chart{padding:24px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.card-header h2{font-size:20px;margin:0 0 3px;letter-spacing:.06em}.card-header p{color:var(--muted);margin:0;font-size:11px}.chart-area{height:250px}.chart-area.tall{height:330px}.chart-tooltip{background:#fffaf0;border:1px solid var(--line);box-shadow:var(--shadow);padding:10px 12px;border-radius:5px;font-size:11px}.chart-tooltip strong{display:block;margin-bottom:4px}.chart-tooltip span{display:flex;align-items:center;gap:5px;color:var(--muted)}.chart-tooltip i{width:6px;height:6px;border-radius:50%}.compact-list{display:grid}.compact-list button{border:0;border-bottom:1px dashed var(--line);background:transparent;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 2px;text-align:left}.compact-list button:last-child{border-bottom:0}.compact-list button:hover{background:#f2ecdf99}.compact-list i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.compact-list span strong{display:block;font-size:12px;font-weight:600}.compact-list small{color:var(--muted);font-size:9px}.compact-list b{font:600 12px Noto Sans SC,sans-serif}.income{color:#2f6955!important}.expense{color:var(--red)!important}.filter-bar{padding:18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(180px,1fr) 140px 150px auto;gap:10px;background:linear-gradient(90deg,rgba(242,236,223,.55),transparent)}.filter-bar select,.search-field{height:42px;border:1px solid var(--line);background:#fffdf6;border-radius:5px}.filter-bar select{padding:0 12px}.search-field{display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}.search-field input{border:0;outline:0;background:transparent;min-width:0;width:100%}.transaction-table{padding:0 18px 8px;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 58px,rgba(57,113,106,.022) 59px)}.table-head,.table-row{display:grid;grid-template-columns:minmax(230px,1.3fr) minmax(130px,.7fr) minmax(130px,.6fr) 70px;align-items:center;gap:14px}.table-head{color:var(--muted);font:700 11px LXGW WenKai TC,STKaiti,serif;letter-spacing:.12em;padding:14px 12px 9px;border-bottom:1px solid var(--line)}.table-row{padding:14px 12px;border-bottom:1px dashed var(--line);transition:.16s}.table-row:last-child{border-bottom:0}.table-row:hover{background:#f2ecdf8c}.table-row>div:first-child strong{display:block;font-size:13px}.table-row small{color:var(--muted);font-size:10px}.category-chip{--category: #77736a;width:fit-content;display:inline-flex;align-items:center;gap:6px;color:var(--category);background:color-mix(in srgb,var(--category) 9%,transparent);padding:6px 9px;border-radius:20px;font-size:11px}.table-row>strong{font-size:13px;text-align:right}.row-actions{display:flex;justify-content:flex-end;gap:3px;opacity:.55}.table-row:hover .row-actions{opacity:1}.row-actions button{border:0;background:transparent;border-radius:4px;width:30px;height:30px;display:grid;place-items:center}.row-actions button:hover{background:var(--paper-deep);color:var(--red)}.budget-overview{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 120px;align-items:center;padding:25px 30px;margin-bottom:17px;background:var(--ink);background-image:radial-gradient(circle at 88% 15%,rgba(217,199,156,.08),transparent 23%),repeating-linear-gradient(112deg,transparent 0,transparent 16px,rgba(255,255,255,.012) 17px);color:#fff9ed;border-radius:8px;box-shadow:0 12px 30px #173e3429;position:relative;overflow:hidden}.budget-overview:after{content:"度";position:absolute;right:145px;bottom:-35px;color:#ffffff07;font:130px/1 STKaiti,serif;transform:rotate(-8deg)}.budget-overview>div:not(.budget-ring) span{display:block;color:#ffffff8c;font-size:11px;margin-bottom:6px}.budget-overview strong{font-size:26px}.budget-overview>i{width:1px;height:34px;background:#ffffff1f}.budget-ring{--progress: 0deg;width:80px;height:80px;margin-left:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#d9c79c var(--progress),rgba(255,255,255,.1) 0);position:relative}.budget-ring:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:inherit;background:var(--ink)}.budget-ring span{position:relative;font:700 17px LXGW WenKai TC,serif}.danger{color:#c74e3c!important}.budget-overview .danger{color:#ffc0ae!important}.budget-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.budget-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px}.budget-item.over{border-color:#b94b3b73}.budget-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.budget-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.budget-title strong{font-size:13px}.budget-title span{color:var(--muted);font-size:10px}.progress-track{height:5px;border-radius:3px;background:#e7e0d3;overflow:hidden}.progress-track span{display:block;height:100%;transition:width .7s ease}.budget-main small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.budget-input{display:flex;align-items:center;height:36px;border:1px solid var(--line);border-radius:5px;background:#fffdf6;overflow:hidden}.budget-input span{padding-left:9px;color:var(--muted);font-size:11px}.budget-input input{width:64px;border:0;outline:0;background:transparent;padding:0 4px}.budget-input button{align-self:stretch;border:0;border-left:1px solid var(--line);background:var(--paper-deep);font-size:10px}.insight-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fbf8efe0;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 42px,rgba(57,113,106,.018) 43px);border:1px solid var(--line);border-radius:8px;margin-bottom:17px;box-shadow:0 9px 30px #3f3a2b0a}.insight-strip>div{padding:22px 25px;border-right:1px dashed var(--line)}.insight-strip>div:last-child{border-right:0}.insight-strip span,.insight-strip small{display:block;color:var(--muted);font-size:10px}.insight-strip strong{display:block;font-size:27px;margin:6px 0 3px}.report-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(350px,.8fr);gap:17px}.donut-wrap{display:grid;grid-template-columns:1fr}.donut-chart{height:220px;position:relative}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.donut-center span{color:var(--muted);font-size:9px}.donut-center strong{font-size:14px}.legend-list{display:grid;gap:7px}.legend-list>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:10px}.legend-list i{width:7px;height:7px;border-radius:50%}.legend-list strong{font-weight:600}.empty-mini,.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty-mini{min-height:250px}.empty-mini p,.empty-state p{max-width:350px;font-size:11px;line-height:1.7}.empty-state{padding:50px 20px}.empty-state h3{color:var(--ink);margin:8px 0 5px}.empty-state .paper-button{margin-top:9px}.empty-mark{color:#39716a2e;font:60px/1 serif}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#12262087;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}}.modal{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--paper);background-image:radial-gradient(circle at 95% 6%,rgba(57,113,106,.07),transparent 20%),repeating-linear-gradient(0deg,transparent 0,transparent 35px,rgba(57,113,106,.018) 36px);border:1px solid rgba(255,255,255,.7);border-radius:10px;box-shadow:0 25px 80px #10201b4d;animation:modal-in .26s ease both}.modal:before{content:"记";position:absolute;right:28px;top:78px;color:#b94b3b0b;font:86px/1 STKaiti,serif;transform:rotate(-7deg);pointer-events:none}.modal.wide{width:min(760px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.985)}}.modal>header{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid var(--line)}.modal>header h2{margin:0 0 5px;font-size:24px}.modal>header p{color:var(--muted);font-size:10px;margin:0}.transaction-form{padding:22px 26px 25px}.type-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--paper-deep);padding:4px;border-radius:7px;margin-bottom:19px}.type-switch button{border:0;background:transparent;height:39px;border-radius:5px;color:var(--muted);font-weight:600}.type-switch .active{background:#fffdf7;box-shadow:0 2px 8px #302b2114}.type-switch .active.expense{color:var(--red)!important}.type-switch .active.income{color:#2f6955!important}.transaction-form label>span,.transaction-form legend{display:block;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.07em;margin-bottom:7px}.amount-field>div{display:flex;align-items:center;border-bottom:2px solid var(--ink);padding:4px 2px 8px}.amount-field b{font:400 23px LXGW WenKai TC,serif}.amount-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;padding-left:10px;font:700 38px/1 LXGW WenKai TC,serif;color:var(--ink)}.transaction-form fieldset{border:0;padding:0;margin:21px 0 0}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.category-grid button{--category: var(--ink);min-height:61px;padding:7px 3px;border:1px solid var(--line);background:#fffdf7;border-radius:6px;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px}.category-grid button:hover{border-color:var(--category);color:var(--category)}.category-grid button.selected{color:var(--category);border-color:var(--category);background:color-mix(in srgb,var(--category) 7%,#fffdf7);box-shadow:inset 0 -2px var(--category)}.category-grid .add-category{border-style:dashed}.inline-create{display:flex;margin-top:10px}.inline-create input{min-width:0;flex:1;height:39px;border:1px solid var(--line);border-radius:5px 0 0 5px;padding:0 11px;background:#fffdf7}.inline-create button{border:0;padding:0 15px;background:var(--ink);color:#fff;border-radius:0 5px 5px 0}.inline-create button:disabled{opacity:.4}.form-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px;margin-top:18px}.form-row input{width:100%;height:41px;border:1px solid var(--line);background:#fffdf7;border-radius:5px;padding:0 10px;color:var(--ink)}.form-error{color:var(--red);background:#b94b3b12;border-radius:4px;padding:8px 10px;font-size:10px;margin:11px 0 0}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:22px}.data-sections{padding:4px 26px}.data-sections section{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:20px 0;border-bottom:1px dashed var(--line)}.data-sections section:last-child{border-bottom:0}.section-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--ink-soft);background:#39716a17}.data-sections h3{font-size:15px;margin:0 0 4px}.data-sections p{color:var(--muted);font-size:10px;line-height:1.7;margin-bottom:12px}.data-sections .paper-button{min-height:36px;padding:0 13px;font-size:10px}.button-row{display:flex;gap:7px}.danger-section .section-icon{color:var(--red);background:#b94b3b14}.danger-section .inline-create{max-width:360px}.danger-section .inline-create button{background:var(--red)}.primary-button.small{min-height:35px;padding:0 15px;font-size:10px}.sync-section{position:relative;margin:8px -10px 0;padding:22px 10px 24px!important;border:1px solid rgba(57,113,106,.2)!important;border-radius:5px 18px 7px 14px;background:linear-gradient(135deg,#e4e8d880,#fbf7ebbd);box-shadow:inset 0 1px #ffffffb3;overflow:hidden}.sync-section:after{content:"合";position:absolute;right:19px;top:-13px;color:#b94b3b0e;font:92px/1 STKaiti,serif;transform:rotate(9deg);pointer-events:none}.sync-section>div:last-child{min-width:0;position:relative;z-index:1}.sync-section-icon{color:#fff8e8;background:var(--ink-soft);box-shadow:0 5px 14px #173e3429}.sync-title{min-height:38px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sync-status{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(120,105,78,.22);border-radius:12px;color:var(--muted);background:#fffcf2b3;font-size:9px}.sync-status.online{color:#2f6955;border-color:#2f695547;background:#e5f1e8bd}.sync-status.connecting{color:#816b39}.sync-status.error{color:var(--red)}.sync-status.offline{color:#776e5e}.sync-setup-note,.pairing-invite{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px dashed rgba(57,113,106,.32);border-radius:4px 13px;background:#fffcf2ad}.sync-setup-note svg,.pairing-invite>svg{flex:0 0 auto;margin-top:1px;color:var(--ink-soft)}.sync-setup-note strong,.pairing-invite strong,.sync-pair-card strong{display:block;font-size:12px;margin-bottom:3px}.sync-setup-note p,.pairing-invite p,.sync-off-state>p,.sync-pair-card p{margin:0 0 10px}.sync-off-state .button-row{margin-bottom:11px}.pairing-input{display:grid;grid-template-columns:1fr 56px;max-width:470px;height:38px;overflow:hidden;border:1px solid rgba(132,112,80,.34);border-radius:4px 11px;background:#fffdf6d6}.pairing-input input{min-width:0;padding:0 11px;border:0;outline:0;color:var(--ink);background:transparent;font-size:10px}.pairing-input button{border:0;color:#fff9ed;background:var(--ink);font-size:10px}.pairing-input button:disabled{opacity:.38}.sync-pair-card{display:grid;grid-template-columns:116px 1fr;gap:16px;align-items:center;padding:13px;border:1px solid rgba(132,112,80,.22);border-radius:4px 14px 6px 11px;background:#fffcf2b8}.sync-qr{width:116px;height:116px;display:grid;place-items:center;border:5px solid #fffaf0;border-radius:3px 10px;background:#fffaf0;box-shadow:0 5px 18px #3831221c}.sync-qr img{width:100%;height:100%;display:block}.sync-meta{display:flex;flex-wrap:wrap;gap:5px 10px}.sync-meta span{color:var(--ink-soft);font-size:9px}.sync-actions{align-items:center;flex-wrap:wrap;margin-top:10px}.sync-actions button{display:inline-flex;align-items:center;gap:5px}.sync-error{margin:10px 0 0!important;padding:7px 9px;border-left:2px solid var(--red);color:#8f3d32!important;background:#b94b3b0f}.spin{animation:spin-sync 1s linear infinite}@keyframes spin-sync{to{transform:rotate(360deg)}}.import-preview{margin:0 26px 24px;padding:18px;border:1px solid var(--line);background:var(--paper-deep);border-radius:7px}.preview-title{display:flex;justify-content:space-between}.preview-title h3{font-size:15px;margin-bottom:3px}.preview-title p{color:var(--muted);font-size:10px}.error-list{max-height:120px;overflow:auto;padding:9px 11px;background:#b94b3b12;border-radius:4px}.error-list p{color:#8f3d32;font-size:9px;margin:3px 0}.check-row{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px;margin-top:12px}.toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translate(-50%);background:var(--ink);color:#fffaf0;border:1px solid rgba(255,255,255,.15);border-radius:5px;box-shadow:0 14px 40px #173e344d;padding:11px 18px;font-size:11px;animation:toast-in .25s ease both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.mobile-nav,.floating-add{display:none}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:13px;background:var(--ink);color:#ffffffa6}.loading-screen .brand-seal{width:54px;height:54px}.loading-screen p{font-size:11px;letter-spacing:.12em;animation:pulse 1.2s ease infinite alternate}@keyframes pulse{to{opacity:.4}}.ayan-companion{position:fixed;z-index:75;right:18px;bottom:8px;width:194px;height:202px;pointer-events:none;transition:opacity .2s ease,transform .25s ease}.ayan-companion.chat-open{opacity:0;transform:translateY(20px)}.ayan-stage{position:absolute;z-index:1;right:0;bottom:0;width:188px;height:194px;padding:0;border:0;background:transparent;pointer-events:auto;transition:transform .22s ease}.ayan-stage:hover,.ayan-stage:focus-visible{transform:translateY(-5px)}.ayan-stage:focus-visible{outline:2px solid rgba(185,75,59,.55);outline-offset:2px;border-radius:18px}.ayan-painted{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(24,43,36,.2));transform-origin:48% 92%;animation:ayan-painted-breathe 3.6s ease-in-out infinite}.ayan-painted.mood-watchful{animation-duration:2.3s}.ayan-painted.mood-pleased{animation-name:ayan-painted-pleased}.ayan-speech{position:absolute;z-index:3;right:162px;bottom:146px;max-width:230px;width:max-content;padding:8px 11px;border:1px solid rgba(141,122,91,.42);border-radius:10px 10px 2px;color:var(--ink);background:#fcf8edf7;box-shadow:0 8px 24px #2a32281c;font:700 11px/1.45 LXGW WenKai TC,STKaiti,serif;white-space:nowrap;animation:ayan-line-in .2s ease both}.ayan-speech:after{content:"";position:absolute;right:-7px;bottom:-1px;width:12px;height:12px;border-right:1px solid rgba(141,122,91,.42);background:#faf5e8;clip-path:polygon(0 0,100% 100%,0 100%);transform:rotate(7deg)}.ayan-face-mark{position:relative;display:block;overflow:hidden;background:#eee2c6}.ayan-face-mark img{position:absolute;width:178%;height:178%;max-width:none;object-fit:contain;left:-34%;top:-24%}@keyframes ayan-line-in{0%{opacity:0;transform:translate(6px,5px) scale(.96)}}@keyframes ayan-painted-breathe{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.7deg)}}@keyframes ayan-painted-pleased{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-7px) rotate(-.8deg)}60%{transform:translateY(-4px) rotate(.7deg)}}.spirit-chat-backdrop{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:24px;background:#15272147;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:spirit-fade .2s ease both}.spirit-chat{width:min(420px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 48px));display:grid;grid-template-rows:auto minmax(190px,1fr) auto auto;overflow:hidden;border:1px solid rgba(132,112,80,.5);border-radius:5px 19px 7px 15px;color:var(--ink);background-color:#faf5e8;background-image:repeating-linear-gradient(transparent 0,transparent 31px,rgba(57,113,106,.055) 32px),radial-gradient(circle at 90% 10%,rgba(185,75,59,.08),transparent 28%);box-shadow:0 28px 80px #10221c52;transform-origin:right bottom;animation:spirit-rise .26s ease both}.spirit-chat>header{min-height:88px;padding:14px 15px;display:grid;grid-template-columns:60px 1fr 38px;align-items:center;gap:12px;border-bottom:1px solid rgba(132,112,80,.22);background:#f4ecd9d6}.spirit-chat-avatar{width:58px;height:58px;border:1px solid rgba(185,75,59,.56);border-radius:50% 45% 52% 47%;overflow:hidden;box-shadow:0 5px 16px #302a1e21;transform:rotate(-2deg)}.spirit-chat-avatar .ayan-face-mark{width:100%;height:100%;border-radius:inherit}.spirit-chat header span{color:var(--red);font-size:9px;font-weight:700;letter-spacing:.17em}.spirit-chat header h2{margin:2px 0;font-size:21px;line-height:1.1}.spirit-chat header p{margin:0;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.spirit-chat header p i{width:6px;height:6px;border-radius:50%;background:#4e8a66;box-shadow:0 0 0 3px #4e8a661f}.spirit-messages{padding:18px 16px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:13px}.spirit-message{display:flex;align-items:flex-end;gap:7px}.spirit-message>.ayan-face-mark{width:28px;height:28px;flex:0 0 auto;border:1px solid rgba(185,75,59,.28);border-radius:50%}.spirit-message p{max-width:82%;margin:0;padding:10px 12px;border:1px solid rgba(132,112,80,.2);border-radius:4px 13px 13px 12px;background:#fffcf2db;font-size:12px;line-height:1.75;box-shadow:0 5px 15px #3f3a2b0a}.spirit-message.user{justify-content:flex-end}.spirit-message.user p{border-color:#173e3459;border-radius:13px 4px 12px 13px;color:#fff9eb;background:#173e34f0}.spirit-message.thinking p{min-width:54px;height:36px;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 12px}.spirit-message.thinking p span{width:5px;height:5px;border-radius:50%;background:var(--ink-soft);animation:abacus-think .8s ease-in-out infinite alternate}.spirit-message.thinking p span:nth-child(2){animation-delay:.16s}.spirit-message.thinking p span:nth-child(3){animation-delay:.32s}.spirit-suggestions{padding:8px 14px 10px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.spirit-suggestions::-webkit-scrollbar{display:none}.spirit-suggestions button{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(185,75,59,.26);border-radius:2px 9px;color:#7d4439;background:#fffaefb8;font-size:10px}.spirit-suggestions button:hover{border-color:#b94b3b94;background:#fffaf0}.spirit-suggestions button:disabled{opacity:.48;cursor:wait}.spirit-input{margin:0 14px 14px;padding:5px;display:grid;grid-template-columns:1fr 38px;gap:6px;border:1px solid rgba(132,112,80,.34);border-radius:3px 12px 5px 10px;background:#fffcf3e6;box-shadow:inset 0 2px 10px #52462e0a}.spirit-input input{min-width:0;height:38px;padding:0 9px;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.spirit-input button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:3px 9px;color:#fff8e9;background:var(--red)}.spirit-input button:disabled{opacity:.38;cursor:not-allowed}@keyframes spirit-fade{0%{opacity:0}}@keyframes spirit-rise{0%{opacity:0;transform:translateY(16px) scale(.97)}}@keyframes abacus-think{to{transform:translateY(-3px);opacity:.45}}@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.report-grid,.budget-list{grid-template-columns:1fr}.welcome-ledger{gap:3vw}.ledger-illustration{transform:scale(.9)}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}.topbar{height:72px;padding:10px 16px;justify-content:space-between;background:#eee9dde0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.theme-page-dashboard{background-position:7% center;background-size:auto 100%}.theme-page-dashboard .topbar{background:#f9f5ea2e;-webkit-backdrop-filter:blur(2px) saturate(.9);backdrop-filter:blur(2px) saturate(.9)}.page-ink-backdrop{left:0;top:72px;width:100vw;height:calc(100vh - 72px);opacity:.72}.mobile-brand{display:block!important}.mobile-data{display:grid!important}.top-add{display:none}.brand.compact{padding:0;gap:8px}.brand.compact .brand-seal{width:34px;height:34px;font-size:18px;background:var(--ink)}.brand.compact strong{color:var(--ink);font-size:18px}.month-picker{margin-left:auto}.month-picker div{min-width:92px}.month-picker span{display:none}.page-wrap{padding:26px 16px 105px}.page-heading{margin-bottom:22px;padding-left:14px}.page-heading:before{height:40px;width:3px}.page-heading h1{font-size:29px}.page-heading p{line-height:1.6}.welcome-ledger{display:block;min-height:auto;padding:30px 5px}.welcome-ledger:after{top:0;right:-8px;bottom:0;left:-8px;background:linear-gradient(180deg,#fbf8ef47,#fbf8ef0a 54%,#fbf8ef24)}.welcome-copy h1{font-size:39px}.ledger-illustration{height:330px;margin-top:40px}.ledger-page.front{padding:35px 25px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:145px;padding:17px}.metric-card>strong{font-size:23px}.dashboard-grid{gap:10px}.trend-card,.recent-card,.year-chart,.category-chart{padding:17px}.chart-area{height:230px}.filter-bar{grid-template-columns:1fr 1fr;padding:13px}.search-field{grid-column:span 2}.filter-bar .primary-button{display:none}.transaction-table{padding:0 12px}.table-head{display:none}.table-row{grid-template-columns:1fr auto;gap:6px 12px;padding:15px 4px}.table-row .category-chip{grid-row:2}.table-row>strong{grid-column:2;grid-row:1}.row-actions{grid-column:2;grid-row:2}.budget-overview{grid-template-columns:1fr 1fr 1fr;gap:18px;padding:21px}.budget-overview>i,.budget-ring{display:none}.budget-overview strong{font-size:20px}.budget-item{grid-template-columns:36px 1fr}.budget-input{grid-column:2;width:fit-content}.budget-icon{width:36px;height:36px}.insight-strip{overflow-x:auto;grid-template-columns:repeat(3,minmax(150px,1fr))}.insight-strip>div{padding:18px}.insight-strip strong{font-size:23px}.modal-backdrop{padding:0;align-items:end}.modal,.modal.wide{width:100%;max-height:94vh;border-radius:14px 14px 0 0}.modal>header{padding:20px 18px 15px}.transaction-form{padding:18px}.category-grid{grid-template-columns:repeat(4,1fr)}.form-row{grid-template-columns:1fr}.data-sections{padding:2px 18px}.import-preview{margin:0 18px 20px}.sync-section{margin-left:-7px;margin-right:-7px;grid-template-columns:34px 1fr!important;gap:10px!important;padding:18px 8px 20px!important}.sync-section-icon{width:34px;height:34px}.sync-pair-card{grid-template-columns:92px 1fr;gap:11px;padding:10px}.sync-qr{width:92px;height:92px}.sync-actions{gap:5px}.sync-actions .text-button{padding:0 5px}.mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:71px;padding:7px 10px max(7px,env(safe-area-inset-bottom));background:#faf6ebe8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(155,138,109,.38);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -8px 24px #3730220f}.mobile-nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:9px}.mobile-nav button.active{color:var(--ink)}.mobile-nav button.active svg{stroke-width:2.6}.floating-add{display:grid;place-items:center;position:fixed;z-index:41;right:18px;bottom:86px;width:54px;height:54px;border:4px solid var(--paper);border-radius:50%;background:var(--red);color:#fff;box-shadow:0 10px 28px #b94b3b4d}.ayan-companion{left:2px;right:auto;bottom:68px;width:130px;height:142px}.ayan-stage{left:0;right:auto;width:128px;height:138px}.ayan-speech{left:112px;right:auto;bottom:122px;max-width:210px}.ayan-speech:after{left:-7px;right:auto;border-right:0;border-left:1px solid rgba(141,122,91,.42);clip-path:polygon(100% 0,0 100%,100% 100%);transform:rotate(-7deg)}.spirit-chat-backdrop{padding:0;align-items:flex-end}.spirit-chat{width:100%;max-height:92vh;border-width:1px 0 0;border-radius:17px 17px 0 0;grid-template-rows:auto minmax(210px,1fr) auto auto}.spirit-chat>header{grid-template-columns:54px 1fr 38px;min-height:80px;padding:12px 14px}.spirit-chat-avatar{width:52px;height:52px}.spirit-messages{padding:16px 13px 8px}.toast{bottom:84px;white-space:nowrap}}@media(max-width:430px){.month-picker button{width:26px}.month-picker div{min-width:72px;padding:0 3px}.month-picker strong{font-size:11px}.mobile-data{width:34px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:132px}.metric-card.featured{min-height:150px}.welcome-actions{flex-direction:column}.welcome-actions button{width:100%}.ledger-illustration{height:290px}.budget-overview{gap:10px;padding:17px 13px}.budget-overview strong{font-size:17px}.budget-overview>div:not(.budget-ring) span{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}