:root{--bg: #f4f3ec;--surface: #ffffff;--surface-2: #faf9f3;--surface-3: #efeee5;--ink: #15201a;--ink-soft: #57605a;--muted: #8b938b;--line: #e6e4d8;--line-strong: #d6d4c6;--brand: #1f7a55;--brand-600: #1a6b4a;--brand-700: #14543a;--brand-50: #eef6f1;--brand-100: #d3e9dd;--brand-tint: #ecf4ef;--gold: #c98a2b;--gold-tint: #fbf2df;--danger: #c0432b;--danger-tint: #fbece8;--ok: #1f7a55;--r-xs: 8px;--r-sm: 11px;--r: 15px;--r-lg: 22px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(21,40,28,.05), 0 1px 1px rgba(21,40,28,.04);--sh-2: 0 8px 24px -10px rgba(20,50,34,.18);--sh-3: 0 26px 60px -22px rgba(20,50,34,.3);--ring: 0 0 0 3px rgba(31,122,85,.22);--f-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;--f-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--pad: 22px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#app{height:100%}body{font-family:var(--f-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.5}body{background-image:radial-gradient(1200px 600px at 100% -10%,rgba(31,122,85,.07),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(201,138,43,.06),transparent 55%);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--brand-600);text-decoration:none}img{display:block;max-width:100%}::-moz-selection{background:var(--brand);color:#fff}::selection{background:var(--brand);color:#fff}.tnum,.price,td.num,.mono-num{font-variant-numeric:tabular-nums}.display{font-family:var(--f-display)}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.muted{color:var(--muted)}.soft{color:var(--ink-soft)}.h-page{font-size:clamp(1.5rem,1.1rem + 1.4vw,2rem)}.btn{--b: var(--surface);display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.62rem 1.05rem;border-radius:var(--r-sm);font-weight:600;font-size:.95rem;letter-spacing:-.01em;background:var(--b);color:var(--ink);border:1px solid var(--line-strong);box-shadow:var(--sh-1);transition:transform .12s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,opacity .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--sh-1)}.btn--primary{background:linear-gradient(180deg,var(--brand) 0%,var(--brand-600) 100%);color:#fff;border-color:var(--brand-700);box-shadow:0 1px 2px #14322240,0 8px 20px -10px #14503280}.btn--primary:hover{box-shadow:0 2px 4px #1432224d,0 14px 30px -12px #145a3799}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--ink-soft)}.btn--ghost:hover{background:var(--surface-3);box-shadow:none;color:var(--ink)}.btn--danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.btn--danger:hover{background:var(--danger);color:#fff}.btn--lg{padding:.95rem 1.4rem;font-size:1.05rem;border-radius:var(--r)}.btn--block{width:100%}.btn--icon{padding:.5rem;width:2.3rem;height:2.3rem;border-radius:var(--r-sm)}.seg{display:inline-flex;padding:4px;background:var(--surface-3);border-radius:var(--r-pill);border:1px solid var(--line);gap:2px}.seg button{padding:.5rem 1.1rem;border-radius:var(--r-pill);font-weight:600;font-size:.9rem;color:var(--ink-soft);transition:all .18s ease}.seg button.is-active{background:var(--surface);color:var(--brand-700);box-shadow:var(--sh-1)}.chip{padding:.42rem .85rem;border-radius:var(--r-pill);font-weight:600;font-size:.85rem;background:var(--surface);border:1px solid var(--line-strong);color:var(--ink-soft);transition:all .16s ease;white-space:nowrap}.chip:hover{border-color:var(--brand);color:var(--brand-700)}.chip.is-active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--sh-2)}.badge{display:inline-flex;align-items:center;gap:.35em;padding:.2rem .6rem;border-radius:var(--r-pill);font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge--demo{background:var(--gold-tint);color:var(--gold);border:1px solid #eed7a3}.badge--role{background:var(--brand-50);color:var(--brand-700)}.badge--muted{background:var(--surface-3);color:var(--ink-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1)}.card--pad{padding:var(--pad)}.field{display:flex;flex-direction:column;gap:.35rem}.label{font-size:.8rem;font-weight:600;color:var(--ink-soft)}.input,.select,.textarea{width:100%;padding:.68rem .8rem;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,background .15s;font-size:.95rem}.input::-moz-placeholder{color:var(--muted)}.input::placeholder{color:var(--muted)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:var(--ring)}.input--search{padding-left:2.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%238b938b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M17 17l-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:.8rem center}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{text-align:left;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:.6rem .9rem;border-bottom:1px solid var(--line)}.table td{padding:.7rem .9rem;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr{transition:background .14s ease}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e186b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1.5rem;z-index:50;animation:fade .18s ease}.sheet{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-3);width:100%;max-width:460px;animation:pop .22s cubic-bezier(.2,.8,.2,1);overflow:hidden}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.empty{display:grid;place-items:center;gap:.6rem;padding:3rem 1rem;color:var(--muted);text-align:center}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px;border:3px solid var(--bg)}