.grainient-container{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 18% 12%,color-mix(in oklch,var(--grainient-color-1, #232a55) 76%,black),transparent 38%),radial-gradient(circle at 58% 10%,color-mix(in oklch,var(--grainient-color-2, #2f6b62) 68%,black),transparent 38%),radial-gradient(circle at 90% 18%,color-mix(in oklch,var(--grainient-color-3, #9b7439) 72%,black),transparent 40%),#000205}.grainient-container canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.grainient-fallback:before,.grainient-fallback:after{content:"";position:absolute;inset:-18% -12%;pointer-events:none}.grainient-fallback:before{background:radial-gradient(ellipse at 15% 12%,color-mix(in oklch,var(--grainient-color-1, #232a55) 46%,transparent),transparent 42%),radial-gradient(ellipse at 52% 8%,color-mix(in oklch,var(--grainient-color-2, #2f6b62) 36%,transparent),transparent 40%),radial-gradient(ellipse at 90% 18%,color-mix(in oklch,var(--grainient-color-3, #9b7439) 44%,transparent),transparent 42%);filter:blur(44px);animation:grainient-float 14s ease-in-out infinite alternate}.grainient-fallback:after{opacity:.08;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.46) 0 1px,transparent 1px),linear-gradient(95deg,rgba(255,255,255,.12),transparent 45%,rgba(255,255,255,.1));background-size:4px 4px,100% 100%;mix-blend-mode:overlay}@keyframes grainient-float{0%{transform:translate3d(-3%,-2%,0) rotate(-4deg) scale(1.02)}to{transform:translate3d(3%,3%,0) rotate(4deg) scale(1.08)}}.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(13% .018 257 / .7);--plate-solid: oklch(16% .02 257 / .84);--pressed: oklch(100% .006 87 / .08);--ink: oklch(96% .01 88);--text: oklch(87% .012 88);--muted: oklch(77% .014 88 / .82);--dim: oklch(67% .012 88 / .7);--edge: oklch(100% .006 88 / .09);--edge-soft: oklch(100% .006 88 / .11);--shadow-dark: oklch(0% 0 0 / .44);--shadow-soft: oklch(0% 0 0 / .25);--highlight: oklch(100% .004 88 / .28);--brass: oklch(73% .13 78);--brass-dark: oklch(48% .098 72);--danger: oklch(68% .15 28);--success: oklch(76% .12 158);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 18px;--radius-sm: 12px;--numeric: "DIN Alternate", "DIN Condensed", "SF Pro Display", "Aptos", "Segoe UI", sans-serif;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--raised: 0 12px 30px var(--shadow-soft);--raised-strong: 0 24px 64px var(--shadow-dark);--inset: inset 0 1px 0 oklch(100% .004 88 / .12), inset 0 0 0 1px oklch(100% .004 88 / .055)}*{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;background:linear-gradient(180deg,#00000014,#00000075 68%,#000000c2),transparent}.grainient-backdrop{position:fixed;inset:0;z-index:0;background:radial-gradient(circle at 16% 0%,oklch(21% .04 265 / .72),transparent 34%),radial-gradient(circle at 62% -4%,oklch(19% .026 190 / .58),transparent 42%),radial-gradient(circle at 92% 0%,oklch(28% .055 76 / .68),transparent 38%),linear-gradient(180deg,#010207,#000104);overflow:hidden}.grainient-backdrop:before{content:"";position:absolute;inset:0;z-index:1;background-image:radial-gradient(circle at 50% 50%,oklch(100% 0 0 / .32) 0 .7px,transparent .8px),radial-gradient(circle at 20% 20%,oklch(100% 0 0 / .2) 0 .6px,transparent .7px);background-size:5px 5px,7px 7px;mix-blend-mode:overlay;opacity:.025;pointer-events:none}.grainient-backdrop:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 30% 10%,oklch(100% 0 0 / .035),transparent 30%),radial-gradient(circle at 50% 100%,oklch(0% 0 0 / .44),transparent 44%),linear-gradient(180deg,#00000029,#00000057);pointer-events:none}.grainient-backdrop canvas{display:block;width:100%!important;height:100%!important;opacity:.86;filter:saturate(.46) contrast(1.02) brightness(.76)}.grainient-backdrop .grainient-container{z-index:0}.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.4rem,4.4vw,4.45rem);font-weight:500;line-height:.96;letter-spacing:0;text-shadow:0 14px 44px oklch(0% 0 0 / .34)}.topbar p{max-width:72ch;margin-top:var(--space-3);color:#e5e1d6c7;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 oklch(100% .006 88 / .14);background:linear-gradient(145deg,#fffffd24,#fffffd0f);background:linear-gradient(145deg,color(xyz 0.95 1 1.053 / 0.141),color(xyz 0.95 1 1.053 / 0.059));color:var(--text);-webkit-backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(22px) saturate(1.18);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)}.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),transform .18s var(--ease-out-quint)}.button{padding:0 var(--space-4)}.button.primary{background:linear-gradient(135deg,#f9bb51,#c68627),var(--brass);color:#160e04;font-weight:900;text-shadow:none;box-shadow:0 16px 42px #9d6d0047,0 2px 16px #d498242e,inset 0 1px #ffffff6b;box-shadow:0 16px 42px oklch(57% .13 78 / .28),0 2px 16px #d498242e,inset 0 1px oklch(100% .02 90 / .42)}.recalculation-button:hover,.recalculation-button:focus-visible{box-shadow:0 16px 38px #81520057;box-shadow:0 16px 38px oklch(48% .13 72 / .34);transform:translateY(-1px)}.button:active,.icon-button:active,.recalculation-button:active{box-shadow:0 8px 20px var(--shadow-soft)}.button.quiet:hover,.icon-button:hover{background:linear-gradient(145deg,#fffffd38,#fffffd1f);background:linear-gradient(145deg,color(xyz 0.95 1 1.053 / 0.22),color(xyz 0.95 1 1.053 / 0.122));transform:translateY(-1px)}.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(28px) saturate(1.22);backdrop-filter:blur(28px) saturate(1.22);box-shadow:var(--raised-strong),inset 0 1px #ffffff1f;box-shadow:var(--raised-strong),inset 0 1px oklch(100% .004 88 / .12)}.guide-card{padding:var(--space-5)}.main-guide,.sample-guide,.metric-card{background:radial-gradient(circle at 10% 0%,oklch(100% .006 88 / .08),transparent 42%),linear-gradient(145deg,#fffffd17,#fffffd0a),var(--plate-solid);background:radial-gradient(circle at 10% 0%,oklch(100% .006 88 / .08),transparent 42%),linear-gradient(145deg,color(xyz 0.95 1 1.053 / 0.09),color(xyz 0.95 1 1.053 / 0.039)),var(--plate-solid)}.guide-title{display:flex;align-items:flex-start;gap:var(--space-3)}.guide-title svg,.panel-heading svg{color:var(--brass);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:0 10px 22px #5d3a0047;box-shadow:0 10px 22px oklch(38% .13 72 / .28)}.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(100% .006 88 / .12);background:#01020647;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(100% .006 88 / .1);color:#cac7bfdb;font-size:.8rem;white-space:nowrap}.mini-row.header span,.template-row.header span{background:#ffffff1a;background:oklch(100% .006 87 / .1);color:var(--ink);font-weight:800}.mini-row:last-child span,.template-row:last-child span{border-bottom:0}.template-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:92px;margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:radial-gradient(circle at 18% 18%,oklch(74% .1 78 / .09),transparent 42%),#0001043d;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff12;box-shadow:inset 0 1px oklch(100% .006 88 / .12),inset 0 0 0 1px oklch(100% .006 88 / .07)}.template-summary strong,.template-summary span{display:block}.template-summary strong{color:var(--ink);font-size:.94rem}.template-summary span{margin-top:5px;color:#c1bdb5b8;font-size:.78rem}.template-orb{display:grid;width:54px;height:54px;place-items:center;border-radius:16px;color:var(--brass);background:radial-gradient(circle at 32% 20%,oklch(94% .08 84 / .2),transparent 46%),#ffffff14;background:radial-gradient(circle at 32% 20%,oklch(94% .08 84 / .2),transparent 46%),oklch(100% .006 88 / .08);box-shadow:0 12px 30px #00000042,inset 0 1px #ffffff2e;box-shadow:0 12px 30px #00000042,inset 0 1px oklch(100% .006 88 / .18)}.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:nth-child(2){animation-delay:45ms}.metric-card:nth-child(3){animation-delay:90ms}.metric-card:nth-child(4){animation-delay:135ms}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card span{font-size:.9rem}.metric-card small{margin-top:1px;color:#c4c1b8b8;font-size:.76rem}.metric-card strong{display:block;margin:var(--space-3) 0 var(--space-2);color:var(--ink);font-family:var(--numeric);font-size:clamp(1.45rem,2vw,2.1rem);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 8px 24px oklch(0% 0 0 / .28)}.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-5)}.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);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(100% .006 88 / .14);border-radius:999px;background:#ffffff1f;background:oklch(100% .006 87 / .12);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(100% .006 88 / .07)}.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-4);border:1px solid oklch(100% .006 87 / .12);border-radius:var(--radius-sm);background:radial-gradient(circle at 18% 0%,oklch(100% .006 88 / .09),transparent 42%),linear-gradient(145deg,#fffffd1f,#fffffd0e),var(--plate-solid);background:radial-gradient(circle at 18% 0%,oklch(100% .006 88 / .09),transparent 42%),linear-gradient(145deg,color(xyz 0.95 1 1.053 / 0.122),color(xyz 0.95 1 1.053 / 0.055)),var(--plate-solid);-webkit-backdrop-filter:blur(20px) saturate(1.16);backdrop-filter:blur(20px) saturate(1.16);box-shadow:0 18px 44px #0000003d,inset 0 1px #ffffff1a;box-shadow:0 18px 44px #0000003d,inset 0 1px oklch(100% .006 88 / .1);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:#bab7afbd;font-size:.76rem;line-height:1.35}.load-status{min-width:62px;padding:6px 9px;border-radius:999px;border:1px solid oklch(100% .006 88 / .14);background:#ffffff1a;background:oklch(100% .006 87 / .1);color:var(--dim);text-align:center;font-size:.72rem;font-weight:800;white-space:nowrap}.load-status.loaded{color:#6ecf9a}.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;scrollbar-color:oklch(100% .006 88 / .22) transparent}.template-preview-caption{padding:var(--space-3) var(--space-3) 0;color:var(--muted);font-size:.78rem}.table-shell{overflow:auto;min-height:520px;scrollbar-color:oklch(100% .006 88 / .22) transparent}.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(100% .006 88 / .12);background:#ffffff1a;background:oklch(100% .006 87 / .1);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(100% .006 88 / .055);text-align:left;white-space:nowrap}th{position:sticky;top:0;z-index:1;background:#02060ee6;color:var(--ink);font-size:.72rem;font-weight:900;letter-spacing:.04em}td{color:#bab7afc7;font-family:var(--numeric);font-size:.88rem;font-variant-numeric:tabular-nums}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:linear-gradient(90deg,#fffffd14,#fffffd09);background:linear-gradient(90deg,color(xyz 0.95 1 1.053 / 0.078),color(xyz 0.95 1 1.053 / 0.035));box-shadow:inset 0 1px 0 var(--highlight)}.money-cell{color:var(--brass);font-family:var(--numeric);font-weight:900}.status-pill{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0;border-radius:999px;color:#c4c1b8c2;background:transparent;font-size:.76rem}.status-pill:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 12px currentColor}.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(100% .006 88 / .1);background:#ffffff14;background:oklch(100% .006 87 / .08)}.detail-total span{display:block;color:var(--muted);font-size:.8rem}.detail-total strong{display:block;margin-top:var(--space-2);color:var(--brass);font-size:2rem;font-variant-numeric:tabular-nums;line-height:1}.warning-list{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid oklch(100% .006 88 / .1)}.warning-list span{border-radius:var(--radius-sm);padding:var(--space-2);color:var(--danger);background:#ffffff1a;background:oklch(100% .006 87 / .1);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(100% .006 88 / .1);background:linear-gradient(145deg,#fffffd1f,#fffffd0f);background:linear-gradient(145deg,color(xyz 0.95 1 1.053 / 0.122),color(xyz 0.95 1 1.053 / 0.059));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;font-variant-numeric:tabular-nums}.breakdown-item.positive b{color:#6ecf9a}.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}}