.demo-root{--paper:#faf8f2;--paper-2:#f2efe5;--paper-3:#ece8da;--ink:#1c1a14;--ink-soft:#57534661;--ink-2:#565241;--muted:#8c8770;--line:#e4dfcf;--line-2:#d4cdb6;--emerald:#0c6b45;--emerald-2:#0a5638;--emerald-soft:#e5efe7;--amber:#946011;--amber-soft:#f6ebd4;--rust:#a33a21;--rust-soft:#f2e1d9;background-color:var(--paper);background-image:repeating-linear-gradient(180deg,transparent 0,transparent 31px,#00000007 0,#00000007 32px);color:var(--ink);font-family:var(--font-sans),ui-sans-serif,sans-serif;font-feature-settings:"ss01","cv01";min-height:100vh}.demo-root ::-moz-selection{background:var(--emerald);color:var(--paper)}.demo-root ::selection{background:var(--emerald);color:var(--paper)}.demo-root .display,.demo-root h1,.demo-root h2,.demo-root h3{font-family:var(--font-display),Georgia,serif;font-weight:600;letter-spacing:-.01em}.num{font-family:var(--font-mono),ui-monospace,monospace;font-feature-settings:"tnum","zero";font-variant-numeric:tabular-nums slashed-zero;letter-spacing:-.02em}.hr{border:none;border-top:1px solid var(--line)}.seam{border-color:var(--line)}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--line-2)}.tag-ok{background:var(--emerald-soft);color:var(--emerald-2);border-color:#bcd8c8}.tag-warn{background:var(--amber-soft);color:var(--amber);border-color:#e4cf9f}.tag-err{background:var(--rust-soft);color:var(--rust);border-color:#ddbbae}.tag-neutral{background:var(--paper-2);color:var(--ink-2)}.dot{width:7px;height:7px;border-radius:999px;display:inline-block}.dot-ok{background:var(--emerald)}.dot-warn{background:var(--amber)}.dot-err{background:var(--rust)}.dot-muted{background:var(--muted)}.conf{--v:0;position:relative;height:6px;width:100%;background:var(--paper-3);overflow:hidden}.conf,.conf:after{border-radius:999px}.conf:after{content:"";position:absolute;inset:0;width:calc(var(--v) * 1%);background:linear-gradient(90deg,var(--emerald),#1c8a5c);transition:width .6s cubic-bezier(.4,0,.2,1)}.conf.low:after{background:linear-gradient(90deg,var(--amber),#b98521)}.conf.mid:after{background:linear-gradient(90deg,#4f7e3c,#6fa34f)}.card{border:1px solid var(--line);border-radius:10px}.card,.panel{background:var(--paper)}.panel{border:1px solid var(--line);border-radius:12px}.kard{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:14px;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;display:block}.kard:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:0 8px 24px -12px #1c1a1426}.kard:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.navlink{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:14px;color:var(--ink-2);transition:background .12s,color .12s}.navlink:hover{background:var(--paper-2);color:var(--ink)}.navlink[data-active=true]{background:var(--ink);color:var(--paper)}.field{border-bottom:1px solid var(--line)}.field:last-child{border-bottom:none}.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:9px 16px;border-radius:9px;transition:background .12s,transform .08s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--emerald);color:var(--paper)}.btn-primary:hover{background:var(--emerald-2)}.btn-ghost{border:1px solid var(--line-2);color:var(--ink)}.btn-ghost:hover{background:var(--paper-2)}.invoice-paper{background:#fff;border:1px solid var(--line-2);box-shadow:0 1px 0 #00000008,0 20px 40px -28px #1c1a1433;font-size:13px;line-height:1.55}.fade-up{animation:fadeUp .5s cubic-bezier(.2,.7,.2,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stagger>*{animation:fadeUp .5s cubic-bezier(.2,.7,.2,1) both}.stagger>:first-child{animation-delay:.03s}.stagger>:nth-child(2){animation-delay:.07s}.stagger>:nth-child(3){animation-delay:.11s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.19s}.stagger>:nth-child(6){animation-delay:.23s}.stagger>:nth-child(7){animation-delay:.27s}.stagger>:nth-child(8){animation-delay:.31s}