:root{--ground:#eceef2;--surface:#fff;--surface-2:#f4f6f9;--ink:#131c26;--muted:#5a6675;--faint:#8b96a4;--line:#d5dbe3;--line-soft:#e5e9ee;--accent:#9c5510;--accent-wash:#f8efe3;--ok:#24684a;--ok-wash:#e2efe8;--warn:#8a5a00;--warn-wash:#f9f0dc;--danger:#97362a;--danger-wash:#f8e7e4;--radius:10px;--shadow:0 1px 2px rgba(19,28,38,.06),0 8px 24px -18px rgba(19,28,38,.4)}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}body,h1{margin:0}h1{font-size:22px;letter-spacing:-.01em}h2{font-size:16px;margin:0}a{color:inherit}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.mono{font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{align-items:center;background:var(--ink);border:1px solid var(--ink);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;gap:6px;padding:9px 14px;text-decoration:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn.ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn.small{font-size:13px;padding:6px 10px}.btn:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:not([type=checkbox]):not([type=radio]),select,textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;line-height:20px;min-height:38px;padding:8px 11px;width:100%}textarea{line-height:1.45;min-height:76px;resize:vertical}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%235a6675' stroke-linecap='round' stroke-width='1.6' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;cursor:pointer;padding-right:30px}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price,.qty,.tiny,select.tiny{font-size:13px;min-height:30px;padding:4px 8px}select.tiny{background-position:right 8px center;padding-right:24px}label{color:var(--muted);display:block;font-size:13px;margin-bottom:4px}.field+.field{margin-top:12px}.pill{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12px;gap:5px;max-width:100%;padding:2px 9px;white-space:nowrap}.pill.wrap{line-height:1.35;padding:3px 9px;text-align:left;white-space:normal}.pill.ok{background:var(--ok-wash);color:var(--ok)}.pill.ok,.pill.warn{border-color:transparent}.pill.warn{background:var(--warn-wash);color:var(--warn)}.pill.danger{background:var(--danger-wash);border-color:transparent;color:var(--danger)}.pill.accent{background:var(--accent-wash);border-color:transparent;color:var(--accent)}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line-soft);padding:10px 12px;text-align:left}th{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}tbody tr:last-child td{border-bottom:none}td.num,th.num{font-variant-numeric:tabular-nums;text-align:right}.row{gap:10px}.between,.row{align-items:center;display:flex}.between{gap:12px;justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:12px}.error{color:var(--danger);font-size:13px}.message{border-radius:8px;font-size:14px;padding:10px 12px}.message.ok{background:var(--ok-wash);color:var(--ok)}.message.warn{background:var(--warn-wash);color:var(--warn)}.message.error{background:var(--danger-wash);color:var(--danger)}.message .small{display:block;margin-top:4px;opacity:.85}.empty{color:var(--faint);padding:32px;text-align:center}input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer;flex:none;height:16px;margin:0;width:16px}label:has(>input[type=checkbox]),label:has(>input[type=radio]){align-items:center;color:var(--ink);cursor:pointer;display:inline-flex;gap:7px;margin-bottom:0}