.card-spotlight{--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(235, 197, 116, .2);position:relative;overflow:hidden}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 62%);opacity:0;pointer-events:none;transition:opacity .42s var(--ease-out-quint)}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}:root{color-scheme:dark;font-family:Aptos,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#02050a;color:#e8e4dc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--base: oklch(11% .018 257);--base-2: oklch(18% .025 254 / .72);--plate: oklch(96% .012 87 / .78);--plate-solid: oklch(97% .012 87 / .88);--pressed: oklch(100% .005 87 / .56);--ink: oklch(18% .018 82);--text: oklch(27% .014 82);--muted: oklch(44% .012 82);--dim: oklch(56% .012 82);--edge: oklch(100% .004 87 / .34);--edge-soft: oklch(100% .004 87 / .62);--shadow-dark: oklch(3% .02 257 / .28);--shadow-soft: oklch(3% .02 257 / .16);--highlight: oklch(100% .002 87 / .8);--brass: oklch(73% .13 78);--brass-dark: oklch(48% .098 72);--danger: oklch(50% .13 28);--success: oklch(45% .082 158);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 18px;--radius-sm: 12px;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--raised: 0 14px 34px var(--shadow-soft);--raised-strong: 0 24px 64px var(--shadow-dark);--inset: inset 0 0 0 1px oklch(100% .004 87 / .22)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--base)}button,input,textarea,select{font:inherit}button{border:0}.app-shell{position:relative;min-height:100vh;padding:var(--space-6);overflow-x:hidden}.letter-glitch-backdrop{position:fixed;inset:0;z-index:0;background:#02040a}.letter-glitch-backdrop canvas{opacity:.42;filter:saturate(.72) contrast(.86) brightness(.58)}.letter-glitch-fade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#000002bd,#0001049e 36%,#000103c2),linear-gradient(90deg,#0000002e,#0000000a 52%,#00000029);mix-blend-mode:normal}.letter-glitch-fade:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,oklch(74% .1 78 / .1),transparent 30%),radial-gradient(circle at 88% 10%,oklch(66% .08 194 / .08),transparent 28%),linear-gradient(180deg,#00000014,#0000002e);filter:blur(2px)}.topbar,.metric-grid,.import-ribbon,.workspace-grid{position:relative;z-index:2}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-5);max-width:1720px;margin:0 auto var(--space-5)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);color:#efb656;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{margin-top:var(--space-2);color:#fbf8f1;font-size:clamp(2.1rem,4.6vw,4.5rem);line-height:.96;letter-spacing:0;text-shadow:0 10px 34px oklch(0% 0 0 / .24)}.topbar p{max-width:72ch;margin-top:var(--space-3);color:#dfdacfd1;line-height:1.68}.topbar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-3)}.month-control,.button,.icon-button{min-height:44px;border-radius:var(--radius-sm);border:1px solid var(--edge);background:#ffffffa8;background:oklch(100% .006 87 / .66);color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--raised)}.month-control{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3)}.month-control svg{color:var(--brass-dark)}.month-control input{width:138px;border:0;background:transparent;color:var(--text);outline:0}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:box-shadow .18s var(--ease-out-quint),background .18s var(--ease-out-quint),color .18s var(--ease-out-quint),opacity .18s var(--ease-out-quint)}.button{padding:0 var(--space-4)}.button.primary{background:linear-gradient(135deg,#f6b84d,#bc7d19),var(--brass);color:#160e04;font-weight:900;text-shadow:none;box-shadow:0 14px 34px #81520047;box-shadow:0 14px 34px oklch(48% .13 72 / .28)}.recalculation-button:hover,.recalculation-button:focus-visible{box-shadow:0 16px 38px #81520057;box-shadow:0 16px 38px oklch(48% .13 72 / .34)}.button:active,.icon-button:active,.recalculation-button:active{box-shadow:0 8px 20px var(--shadow-soft)}.button.quiet:hover,.icon-button:hover{background:#ffffffc7;background:oklch(100% .006 87 / .78)}.button:disabled{cursor:not-allowed;opacity:.48}.icon-button{width:44px}.guide-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:var(--space-5);max-width:1720px;margin:0 auto var(--space-5)}.guide-card,.metric-card,.import-ribbon,.import-panel,.results-panel,.detail-panel{border:1px solid var(--edge-soft);border-radius:var(--radius);background:var(--plate);-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08);box-shadow:var(--raised-strong)}.guide-card{padding:var(--space-5)}.main-guide,.sample-guide,.metric-card{background:linear-gradient(145deg,#fffffdc7,#f1eee7ad),var(--plate-solid);background:linear-gradient(145deg,color(xyz 0.95 1 1.053 / 0.78),#f1eee7ad),var(--plate-solid)}.guide-title{display:flex;align-items:flex-start;gap:var(--space-3)}.guide-title svg,.panel-heading svg{color:var(--brass-dark);flex:0 0 auto;margin-top:2px}.guide-title h2,.panel-heading h2{color:var(--ink);font-size:1.05rem}.guide-title p,.panel-heading p{margin-top:4px;color:var(--muted);line-height:1.55}.step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none}.step-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--pressed);box-shadow:var(--inset)}.step-list b{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:999px;background:linear-gradient(145deg,#c89758,#926d3d);color:#fbf8f1;flex:0 0 auto;font-size:.8rem;box-shadow:-3px -3px 8px #ffffff94,5px 5px 10px var(--shadow-soft);box-shadow:-3px -3px 8px oklch(100% .004 91 / .58),5px 5px 10px var(--shadow-soft)}.step-list span{color:var(--text);font-size:.86rem;line-height:1.55}.mini-table,.template-preview{margin-top:var(--space-5);overflow:auto;border-radius:var(--radius-sm);border:1px solid oklch(35% .016 82 / .12);background:#ffffff70;background:oklch(100% .006 87 / .44);box-shadow:var(--inset)}.mini-row,.template-row{display:grid;grid-template-columns:repeat(7,minmax(78px,1fr))}.mini-row span,.template-row span{padding:var(--space-3);border-bottom:1px solid oklch(78% .012 78 / .68);color:var(--text);font-size:.8rem;white-space:nowrap}.mini-row.header span,.template-row.header span{background:#d5d1c780;color:var(--ink);font-weight:800}.mini-row:last-child span,.template-row:last-child span{border-bottom:0}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:var(--space-5);max-width:1720px;margin:0 auto var(--space-5)}.metric-card{min-height:132px;padding:var(--space-5);animation:card-rise .42s var(--ease-out-quint) both}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{display:block;margin:var(--space-3) 0 var(--space-2);color:var(--ink);font-size:clamp(1.45rem,2vw,2.1rem);line-height:1;text-shadow:0 1px 0 var(--highlight)}.warning-card strong{color:var(--danger)}.status-strip{display:flex;align-items:center;gap:var(--space-3);max-width:1720px;min-height:50px;margin:0 auto var(--space-5);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--plate-solid);color:var(--muted);box-shadow:var(--raised)}.status-strip svg{color:var(--success);flex:0 0 auto}.import-ribbon{max-width:1720px;margin:0 auto var(--space-5);padding:var(--space-4)}.import-ribbon-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.panel-heading-inline{display:flex;align-items:center;gap:var(--space-3)}.panel-heading-inline svg{color:var(--brass-dark);flex:0 0 auto}.panel-heading-inline h2{color:var(--ink);font-size:1.04rem}.panel-heading-inline p{margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.5}.notice-pill{display:inline-flex;align-items:center;max-width:560px;min-height:38px;gap:var(--space-2);padding:0 var(--space-3);border:1px solid oklch(40% .018 82 / .14);border-radius:999px;background:#ffffff7a;background:oklch(100% .006 87 / .48);color:var(--muted);font-size:.82rem}.notice-pill svg{color:var(--success);flex:0 0 auto}.notice-pill.error svg{color:var(--danger)}.dataset-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:var(--space-4);overflow-x:auto;padding:2px 2px var(--space-2);scroll-snap-type:x proximity}.dataset-strip .dataset-card{scroll-snap-align:start}.workspace-grid{display:grid;grid-template-columns:minmax(720px,1fr) minmax(320px,430px);gap:var(--space-5);align-items:start;max-width:1720px;margin:0 auto}.import-panel,.detail-panel{position:sticky;top:var(--space-4);max-height:calc(100vh - var(--space-6) * 2);overflow:auto}.panel-heading{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid oklch(35% .016 82 / .13)}.panel-heading p{font-size:.83rem}.results-heading{justify-content:space-between}.export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.dataset-stack{display:grid;gap:var(--space-4);padding:var(--space-4)}.dataset-card{padding:var(--space-3);border:1px solid oklch(100% .006 87 / .52);border-radius:var(--radius-sm);background:linear-gradient(145deg,#fffffda3,#f5f1ea75),var(--plate-solid);background:linear-gradient(145deg,color(xyz 0.95 1 1.053 / 0.639),#f5f1ea75),var(--plate-solid);-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);box-shadow:0 16px 38px #0000011f;animation:list-in .32s var(--ease-out-quint) both}.dataset-card-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.dataset-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.dataset-card strong,.dataset-card span{display:block}.dataset-card strong{color:var(--ink);font-size:.95rem}.dataset-card span{margin-top:2px;color:var(--dim);font-size:.76rem;line-height:1.35}.load-status{min-width:62px;padding:6px 9px;border-radius:999px;border:1px solid oklch(40% .018 82 / .12);background:#ffffff7a;background:oklch(100% .006 87 / .48);color:var(--dim);text-align:center;font-size:.72rem;font-weight:800;white-space:nowrap}.load-status.loaded{color:var(--success)}.dataset-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.import-button{position:relative;overflow:hidden}.import-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.template-preview{margin-top:0}.template-preview-caption{padding:var(--space-3) var(--space-3) 0;color:var(--muted);font-size:.78rem}.table-shell{overflow:auto;min-height:520px}.table-example{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid oklch(40% .018 82 / .1);background:#ffffff73;background:oklch(100% .006 87 / .45);color:var(--muted);font-size:.84rem;line-height:1.5}.table-example svg{color:var(--success);flex:0 0 auto}table{width:100%;min-width:920px;border-collapse:collapse}th,td{padding:var(--space-3) var(--space-4);border-bottom:1px solid oklch(35% .016 82 / .12);text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#dbd7cfd1;color:var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.04em}td{color:var(--muted);font-size:.88rem}td strong,td span{display:block}td strong{color:var(--text)}td span{margin-top:3px;color:var(--dim);font-size:.74rem}tbody tr{cursor:pointer;transition:background .15s var(--ease-out-quint),box-shadow .15s var(--ease-out-quint)}tbody tr:hover,.selected-row{background:#e8e4dc80;box-shadow:inset 0 1px 0 var(--highlight)}.money-cell{color:var(--brass-dark);font-weight:900}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 var(--space-2);border-radius:999px;color:var(--muted);background:#ffffff85;background:oklch(100% .006 87 / .52);font-size:.76rem}.status-pill.ready{color:var(--success)}.status-pill.warning{color:var(--danger)}.detail-total{padding:var(--space-5) var(--space-4);border-bottom:1px solid oklch(35% .016 82 / .12);background:#fff6;background:oklch(100% .006 87 / .4)}.detail-total span{display:block;color:var(--muted);font-size:.8rem}.detail-total strong{display:block;margin-top:var(--space-2);color:var(--brass-dark);font-size:2rem;line-height:1}.warning-list{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid oklch(35% .016 82 / .12)}.warning-list span{border-radius:var(--radius-sm);padding:var(--space-2);color:var(--danger);background:#ffffff80;background:oklch(100% .006 87 / .5);font-size:.78rem}.breakdown-list{display:grid;gap:var(--space-2);padding:var(--space-3)}.breakdown-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid oklch(40% .018 82 / .12);background:#ffffff80;background:oklch(100% .006 87 / .5);box-shadow:none;animation:list-in .26s var(--ease-out-quint) both}.breakdown-item strong,.breakdown-item span{display:block}.breakdown-item strong{color:var(--text);font-size:.86rem}.breakdown-item span{margin-top:3px;color:var(--dim);font-size:.75rem;overflow-wrap:anywhere}.breakdown-item b{color:var(--muted);font-size:.88rem}.breakdown-item.positive b{color:var(--success)}.breakdown-item.negative b{color:var(--danger)}.empty-state{display:grid;place-items:center;gap:var(--space-3);min-height:320px;color:var(--muted)}.empty-state.compact{min-height:180px}@keyframes card-rise{0%{opacity:0}to{opacity:1}}@keyframes list-in{0%{opacity:0}to{opacity:1}}@media(max-width:1280px){.workspace-grid{grid-template-columns:360px minmax(0,1fr)}.detail-panel{grid-column:1 / -1;position:relative;top:auto;max-height:none}.guide-grid{grid-template-columns:1fr}}@media(max-width:920px){.app-shell{padding:var(--space-4)}.topbar{grid-template-columns:1fr}.topbar-actions{justify-content:flex-start}.metric-grid,.workspace-grid{grid-template-columns:1fr}.results-panel{order:1}.detail-panel{order:2}.import-panel{order:3;position:relative;top:auto;max-height:none}.step-list{grid-template-columns:1fr}}@media(max-width:560px){.topbar-actions,.export-actions,.dataset-actions{width:100%}.button,.month-control{flex:1 1 auto}.guide-card,.metric-card{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}