:root{--bg: oklch(.196 .036 232);--bg-grad: radial-gradient(135% 125% at 100% -15%, oklch(.272 .052 224) 0%, oklch(.184 .034 233) 60%);--surface: oklch(.262 .041 230);--surface-2: oklch(.312 .044 229);--surface-3: oklch(.372 .046 228);--border: oklch(.34 .03 230);--border-strong: oklch(.455 .036 229);--overlay: oklch(.12 .028 236 / .72);--text: oklch(.965 .015 200);--text-muted: oklch(.79 .028 206);--text-faint: oklch(.645 .03 210);--accent: oklch(.82 .13 87);--accent-hover: oklch(.87 .12 89);--accent-press: oklch(.75 .13 85);--accent-weak: oklch(.82 .13 87 / .16);--accent-soft: oklch(.82 .13 87 / .09);--accent-line: oklch(.82 .13 87 / .42);--on-accent: oklch(.22 .04 233);--pos: oklch(.79 .16 158);--pos-weak: oklch(.79 .16 158 / .15);--neg: oklch(.71 .18 25);--neg-weak: oklch(.71 .18 25 / .16);--warn: oklch(.78 .15 66);--warn-weak: oklch(.78 .15 66 / .17);--r-xs: 6px;--r-sm: 9px;--r: 12px;--r-lg: 18px;--r-xl: 24px;--shadow-1: 0 2px 10px -3px oklch(.1 .03 236 / .5);--shadow-2: 0 18px 40px -16px oklch(.07 .03 236 / .62);--shadow-pop: 0 30px 64px -20px oklch(.05 .03 236 / .74);--ring: 0 0 0 3px var(--accent-weak);--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head: "Space Grotesk", var(--font-sans);--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace;--h-topbar: 64px;--w-sidebar: 248px;--ease: cubic-bezier(.22, 1, .36, 1);--z-sticky: 100;--z-dropdown: 300;--z-backdrop: 800;--z-modal: 900;--z-toast: 1000}[data-theme=light]{--bg: oklch(.95 .013 96);--bg-grad: radial-gradient(130% 120% at 100% -10%, oklch(.985 .015 92) 0%, oklch(.935 .014 100) 62%);--surface: oklch(.995 .005 96);--surface-2: oklch(.962 .011 98);--surface-3: oklch(.918 .015 100);--border: oklch(.885 .015 100);--border-strong: oklch(.8 .022 100);--overlay: oklch(.28 .04 235 / .34);--text: oklch(.265 .032 235);--text-muted: oklch(.45 .028 230);--text-faint: oklch(.575 .026 222);--accent: oklch(.575 .1 72);--accent-hover: oklch(.51 .1 70);--accent-press: oklch(.45 .09 68);--accent-weak: oklch(.575 .1 72 / .12);--accent-soft: oklch(.575 .1 72 / .07);--accent-line: oklch(.575 .1 72 / .32);--on-accent: oklch(.99 .012 95);--pos: oklch(.5 .14 152);--pos-weak: oklch(.5 .14 152 / .11);--neg: oklch(.52 .2 27);--neg-weak: oklch(.52 .2 27 / .1);--warn: oklch(.58 .14 60);--warn-weak: oklch(.58 .14 60 / .14);--shadow-1: 0 1px 2px oklch(.4 .04 235 / .08);--shadow-2: 0 12px 30px -14px oklch(.4 .04 235 / .2);--shadow-pop: 0 24px 56px -18px oklch(.4 .04 235 / .24)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-weak)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid transparent;background-clip:padding-box}.h1{font-family:var(--font-head);font-size:clamp(27px,3.2vw,34px);font-weight:600;line-height:1.08;letter-spacing:-.022em;text-wrap:balance}.h2{font-family:var(--font-head);font-size:21px;font-weight:600;letter-spacing:-.015em}.h3{font-family:var(--font-head);font-size:15px;font-weight:600;letter-spacing:-.01em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.strong{font-weight:660}.small{font-size:12px}.lead{color:var(--text-muted);font-size:15px;line-height:1.65;max-width:72ch}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.pos{color:var(--pos)}.neg{color:var(--neg)}.accent{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-1)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:clip}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 24px;border-bottom:1px solid var(--border)}.panel-body{padding:24px}.section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:clip;scroll-margin-top:calc(var(--h-topbar) + 16px)}.section-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:15px;padding:22px 26px;border-bottom:1px solid var(--border)}.section-head .step{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 36% 28%,var(--accent-hover),oklch(.62 .12 78));color:var(--on-accent);font-family:var(--font-head);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;border:1px solid oklch(.72 .12 82);box-shadow:inset 0 1px 1px #fef2cc8c,inset 0 -2px 3px #472c0b80,0 2px 7px -3px #00040999;box-shadow:inset 0 1px 1px #fef2cc8c,inset 0 -2px 3px #472c0b80,0 2px 7px -3px oklch(.1 .03 240 / .6)}[data-theme=light] .section-head .step{background:radial-gradient(circle at 36% 28%,oklch(.7 .11 76),var(--accent));border-color:#865824}.section-head .titles{display:flex;flex-direction:column;gap:4px;flex:1 1 260px;min-width:0}.section-head .titles .t{font-family:var(--font-head);font-size:18px;font-weight:600;letter-spacing:-.015em}.section-head .titles .hint{font-size:13px;color:var(--text-muted);line-height:1.5;max-width:66ch}.section-head .head-aside{margin-left:auto;display:flex;align-items:center;gap:10px}.section-body{padding:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease),transform .06s var(--ease)}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-press)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{color:var(--neg);border-color:transparent;background:transparent}.btn-danger:hover{background:var(--neg-weak)}.btn-sm{height:32px;padding:0 12px;font-size:12px}.btn-lg{height:46px;padding:0 24px;font-size:14.5px}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:32px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.label{font-size:12px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.label .req{color:var(--accent)}.hint{font-size:11.5px;color:var(--text-faint);line-height:1.4}.input,.select,.textarea{height:38px;padding:0 12px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);color:var(--text);outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);width:100%}.textarea{height:auto;min-height:76px;padding:10px 12px;resize:vertical;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}.input:disabled,.select:disabled{opacity:.55;cursor:not-allowed}.input.num{text-align:right}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2393a4b3' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}.select:hover:not(:disabled){border-color:var(--border-strong);background-color:var(--surface)}[data-theme=light] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235b6b7d' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.select option{background:var(--surface-2);color:var(--text)}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;flex-shrink:0;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)}input[type=checkbox]:hover{border-color:var(--accent-line)}input[type=checkbox]:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231d2b3a' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px}[data-theme=light] input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fffaf0' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.money-field{position:relative;display:flex;align-items:center}.money-field:before{content:"$";position:absolute;left:12px;color:var(--text-faint);font-family:var(--font-mono);font-size:13px;pointer-events:none}.money-field .input{padding-left:23px;text-align:right}.field.invalid .input,.field.invalid .select,.input.invalid{border-color:var(--neg)}.field.invalid .input:focus{box-shadow:0 0 0 3px var(--neg-weak)}.field-error{font-size:11.5px;color:var(--neg);display:flex;align-items:center;gap:5px}.segmented{display:inline-flex;padding:3px;gap:3px;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm)}.segmented button{appearance:none;border:none;background:transparent;color:var(--text-muted);height:28px;padding:0 13px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s var(--ease),color .15s var(--ease)}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-1)}.segmented button.on.pos{color:var(--pos)}.segmented button.on.neg{color:var(--neg)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);padding:14px 20px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:15px 20px;border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background .13s var(--ease)}.table tbody tr:hover{background:var(--surface-2)}.table tfoot td{border-top:2px solid var(--border-strong);border-bottom:none;padding-top:14px;font-weight:700}.table .right,.table th.right{text-align:right}.line{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);transition:border-color .13s var(--ease),background .13s var(--ease)}.line:hover{border-color:var(--border-strong)}.line+.line{margin-top:10px}.line .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--surface-3);color:var(--text-muted);font-weight:700;font-size:12.5px}.tile.accent{background:var(--accent-weak);color:var(--accent);border:1px solid var(--accent-line)}.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 11px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid var(--border-strong);color:var(--text-muted);background:var(--surface-2);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:99px;background:currentColor}.badge-accent{color:var(--accent);border-color:var(--accent-line);background:var(--accent-weak)}.badge-pos{color:var(--pos);border-color:transparent;background:var(--pos-weak)}.badge-neg{color:var(--neg);border-color:transparent;background:var(--neg-weak)}.badge-warn{color:var(--warn);border-color:transparent;background:var(--warn-weak)}.badge-muted{color:var(--text-faint)}.notice{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:var(--r-sm);font-size:13px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted)}.notice.warn{border-color:var(--warn);background:var(--warn-weak);color:var(--warn)}.notice.warn svg{color:var(--warn)}.divider{height:1px;background:var(--border);border:none}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:18px}.gap-5{gap:28px}.gap-6{gap:40px}.grow{flex:1}@keyframes sn-spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:sn-spin .7s linear infinite}@keyframes sn-shimmer{to{background-position:-200% 0}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:200% 100%;animation:sn-shimmer 1.3s ease-in-out infinite}.page{max-width:1160px;margin:0 auto;padding:40px 40px 104px;animation:sn-page-in .44s var(--ease) backwards}@keyframes sn-page-in{0%{opacity:0;transform:translateY(10px)}}.page.narrow{max-width:780px}.page .head{margin-bottom:34px}.reveal>*{animation:sn-page-in .5s var(--ease) backwards}.reveal>*:nth-child(1){animation-delay:.02s}.reveal>*:nth-child(2){animation-delay:.07s}.reveal>*:nth-child(3){animation-delay:.12s}.reveal>*:nth-child(4){animation-delay:.17s}.reveal>*:nth-child(5){animation-delay:.22s}.reveal>*:nth-child(6){animation-delay:.27s}.empty{display:grid;place-items:center;padding:96px 0}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:80px 24px}.empty-state .ico{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:var(--accent-weak);border:1px solid var(--accent-line);color:var(--accent);margin-bottom:6px}.empty-state .muted{max-width:420px}.overlay{position:fixed;inset:0;z-index:var(--z-modal);background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;animation:sn-fade .15s var(--ease)}.dialog{width:100%;max-width:480px;box-shadow:var(--shadow-pop);animation:sn-pop .18s var(--ease)}.dialog.wide{max-width:620px}@keyframes sn-fade{0%{opacity:0}}@keyframes sn-pop{0%{transform:translateY(10px) scale(.985);opacity:0}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}