:root{--bg: #f6f3ec;--bg-2: #efeadf;--surface: #ffffff;--line: #e3dcca;--line-strong: #cdc4ac;--ink: #1c1e1a;--ink-2: #4b4f47;--ink-3: #7a7e74;--green: #2f4a2a;--green-2: #4a6a3e;--green-soft: #e7ecdb;--green-tint: #f2f4e8;--amber: #b07a1d;--amber-soft: #f3e8cf;--red: #8a2a1d;--red-soft: #f3d9d3;--blue: #2d4a6e;--blue-soft: #d9e3ee;--font-sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-17: 17px;--fs-22: 22px;--fs-28: 28px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 10px;--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .04);--shadow-2: 0 4px 12px rgba(0, 0, 0, .06);--focus-ring: 0 0 0 3px rgba(74, 106, 62, .18);--sidebar-w: 224px;--topbar-h: 60px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--fs-13);line-height:1.45;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::selection{background:#c9d6a8}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6cdb6;border-radius:var(--r-pill);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#b8ad8c}.serif{font-family:var(--font-serif);font-weight:400}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:var(--r-pill);font-size:var(--fs-11);font-weight:500;letter-spacing:.02em;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);white-space:nowrap}.pill.green{background:var(--green-soft);border-color:#c8d4ad;color:var(--green)}.pill.amber{background:var(--amber-soft);border-color:#e0c98a;color:var(--amber)}.pill.red{background:var(--red-soft);border-color:#e4b6ad;color:var(--red)}.pill.blue{background:var(--blue-soft);border-color:#b8c9dc;color:var(--blue)}.pill .dot{width:6px;height:6px;border-radius:var(--r-pill);background:currentColor}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--r-md);font-size:var(--fs-13);font-weight:500;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover{background:var(--bg-2)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn.primary{background:var(--green);color:#f6f3ec;border-color:var(--green)}.btn.primary:hover{background:var(--green-2)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--bg-2)}.btn.sm{padding:4px 8px;font-size:var(--fs-12)}.btn.danger{color:var(--red);border-color:#e4b6ad}.btn.danger:hover{background:var(--red-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl)}kbd{display:inline-block;padding:1px 5px;font:500 11px var(--font-mono);background:var(--bg-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:var(--r-sm);color:var(--ink-2)}table.data{width:100%;border-collapse:collapse}table.data th{text-align:left;font-weight:500;font-size:var(--fs-11);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0}table.data td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}table.data tbody tr{cursor:pointer}table.data tbody tr:hover{background:var(--bg-2)}table.data tbody tr.selected{background:var(--green-tint)}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:var(--fs-11);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.field input,.field select,.field textarea{padding:7px 9px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green-2);box-shadow:var(--focus-ring)}.field input[readonly]{background:var(--bg-2);color:var(--ink-2)}.avatar{width:28px;height:28px;border-radius:var(--r-pill);background:var(--green-soft);color:var(--green);font-weight:600;font-size:var(--fs-11);display:inline-flex;align-items:center;justify-content:center;border:1px solid #c8d4ad}.avatar.lg{width:56px;height:56px;font-size:18px}.dotted{border-top:1px dashed var(--line-strong)}:root{--green: oklch(.35 .06 145)}