:root{--bg: #f4f5f5;--surface: #ffffff;--ink: #15191a;--ink-2: #3b4344;--muted: #6b7475;--line: #e3e6e6;--field: #d7dcdc;--accent: #4851ff;--accent-ink: #ffffff;--accent-soft: #eef0ff;--good: #245c40;--good-soft: #e6f2ec;--warn: #7a5410;--warn-soft: #fdf1dc;--bad: #8a3b32;--bad-soft: #f6e3e0;--face: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, Consolas, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--face)}a{color:var(--accent)}h1{margin:0;font-size:32px;font-weight:500;letter-spacing:-.4px}h2{margin:0;font-size:20px;font-weight:500}h3{margin:0;font-size:16px;font-weight:500}p{margin:0}code,.mono{font-family:var(--mono);font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wordmark{font-size:24px;font-weight:600;letter-spacing:-.5px}.center{min-height:100vh;display:grid;place-items:center;padding:24px;text-align:center}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{display:flex;flex-wrap:wrap;min-height:100vh}.side{flex:1 1 220px;max-width:260px;background:var(--surface);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:28px}.side nav{display:flex;flex-direction:column;gap:2px}.side nav a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;color:var(--ink-2);text-decoration:none;min-height:44px}.side nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.side .count{font-size:12px;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 8px}.who{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding:8px;font-size:14px}.main{flex:999 1 560px;min-width:0;padding:32px 40px;display:flex;flex-direction:column;gap:24px}@media(max-width:720px){.side{max-width:none;flex-basis:100%;border-right:0;border-bottom:1px solid var(--line)}.main{padding:24px 16px}.who{margin-top:0}}.head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.head>div{display:flex;flex-direction:column;gap:4px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:500;border-radius:999px;padding:10px 20px;min-height:44px;cursor:pointer;text-decoration:none;border:1px solid transparent}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.secondary{background:var(--surface);color:var(--ink);border-color:var(--field)}.btn.dark{background:var(--ink);color:#fff}.btn:disabled{opacity:.55;cursor:default}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px}.input,.select,.textarea{font:inherit;border:1px solid var(--field);border-radius:10px;padding:0 14px;background:var(--surface);color:var(--ink);min-height:44px;width:100%}.textarea{padding:10px 14px;resize:vertical}.error{color:var(--bad);background:var(--bad-soft);padding:10px 14px;border-radius:10px;font-size:14px}.note{color:var(--good);background:var(--good-soft);padding:10px 14px;border-radius:10px;font-size:14px}.chip{font-size:12px;padding:3px 10px;border-radius:999px;white-space:nowrap;align-self:flex-start}.chip.new,.chip.lead{background:var(--accent-soft);color:var(--accent)}.chip.contacted{background:var(--warn-soft);color:var(--warn)}.chip.quoted,.chip.draft{background:#eceeee;color:var(--ink-2)}.chip.won,.chip.shared{background:var(--good-soft);color:var(--good)}.chip.lost{background:var(--bad-soft);color:var(--bad)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.design{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;color:inherit;text-decoration:none}.design .thumb{aspect-ratio:16 / 10;background:#4a6670;display:grid;place-items:center;position:relative}.design .thumb img{width:100%;height:100%;object-fit:cover}.design .body{padding:16px;display:flex;flex-direction:column;gap:6px}.empty{border:1px dashed var(--field);border-radius:14px;padding:40px 24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.split>.list{flex:1 1 300px;min-width:0;max-width:420px;display:flex;flex-direction:column;gap:8px}.split>.detail{flex:2 1 420px}.row-button{font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);min-height:44px}.row-button[aria-current=true]{border-color:var(--accent)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px 24px}.facts>div{display:flex;flex-direction:column;gap:2px}.facts span:first-child{font-size:13px;color:var(--muted)}.switch{flex:none;width:44px;height:26px;border-radius:999px;border:0;padding:3px;cursor:pointer;display:flex;background:#c9cfcf;justify-content:flex-start}.switch[aria-checked=true]{background:var(--accent);justify-content:flex-end}.switch span{width:20px;height:20px;border-radius:999px;background:#fff;display:block}.product-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.product-row.selected{border-color:var(--accent)}.product-row.off{opacity:.6}.product-row>button:first-child{flex:1 1 auto;min-width:0;font:inherit;color:inherit;text-align:left;background:transparent;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-height:44px;justify-content:center}.options{display:flex;flex-wrap:wrap;gap:8px}.option{font:inherit;font-size:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;min-height:40px;border-radius:999px;cursor:pointer;background:var(--surface);color:var(--ink);border:1px solid #b9c0c0}.option[aria-pressed=false]{background:var(--bg);color:#8a9293;border-style:dashed;text-decoration:line-through}.option .dot{width:14px;height:14px;border-radius:999px;display:inline-block;border:1px solid rgba(0,0,0,.12);background-size:cover;background-position:center}.codebox{overflow-x:auto;background:var(--ink);color:#e8ecec;border-radius:10px;padding:16px 18px}.codebox pre{margin:0;font:13.5px/1.6 var(--mono);white-space:pre}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #b9c0c0;border-radius:999px;padding:6px 8px 6px 14px;font-size:14px}.tag button{width:28px;height:28px;border-radius:999px;border:0;background:#eef0f0;cursor:pointer;display:grid;place-items:center}.inline{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.inline>.input{flex:1 1 260px;width:auto;min-width:0}