:root{--bg: #f4f1ea;--surface: #fffdf8;--ink: #21302c;--muted: #7c7a70;--primary: #1f6f63;--primary-dk: #175349;--primary-soft: #dfeae5;--accent: #d98c3f;--danger: #c2543f;--good: #3f8a5b;--warn: #b5852f;--line: #e8e2d6;--font-ui: "Hanken Grotesk", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-num: "Fraunces", "Songti SC", serif}:root{--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--r-pill: 999px;--r-lg: 16px;--r-md: 14px;--r-sm: 8px;--r-xs: 6px;--sh-1: 0 1px 2px rgba(33,48,44,.04), 0 1px 1px rgba(33,48,44,.03);--sh-2: 0 4px 12px rgba(33,48,44,.06), 0 1px 3px rgba(33,48,44,.04);--sh-3: 0 12px 32px rgba(33,48,44,.1), 0 2px 8px rgba(33,48,44,.05);--sh-focus: 0 0 0 3px rgba(31,111,99,.18);--danger-soft: rgba(194,84,63,.1);--warn-soft: rgba(181,133,47,.12);--accent-soft: rgba(217,140,63,.14);--row-hover: #faf8f2;--chip-bg: #f4f1ea}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.brand{font-family:var(--font-num);letter-spacing:-.01em}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.h1{font-size:24px;line-height:30px;font-weight:650;letter-spacing:-.2px;color:var(--ink);margin:0}.h2{font-size:17px;line-height:22px;font-weight:600;letter-spacing:-.1px;color:var(--ink);margin:0}.h3{font-size:15px;line-height:20px;font-weight:600;color:var(--ink);margin:0}.label{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.4px;color:var(--muted)}.cap{font-size:11px;line-height:14px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}.card-hover{cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.card-hover:hover{box-shadow:var(--sh-2);border-color:#1f6f6359;transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:var(--r-sm);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--sh-focus)}.btn:disabled{opacity:.45;cursor:default}.btn-pri{background:var(--primary);color:#fffdf8;box-shadow:0 2px 6px #1f6f632e}.btn-pri:hover:not(:disabled){background:var(--primary-dk)}.btn-pri:active{transform:translateY(1px)}.btn-sec{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-sec:hover{background:var(--chip-bg);border-color:var(--primary)}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-soft)}.btn-sm{height:30px;padding:0 12px;font-size:13px}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--r-sm);background:transparent;border:none;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:var(--chip-bg);color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-good{background:var(--primary-soft);color:#2f6b46}.pill-accent{background:var(--accent-soft);color:#a5641f}.pill-soft{background:var(--primary-soft);color:var(--primary-dk)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-pill);font-size:12px;color:var(--ink);background:var(--chip-bg);border:1px solid transparent;cursor:pointer;transition:border-color .15s,background .15s}.chip:hover{border-color:var(--line)}.chip.active{background:var(--primary-soft);color:var(--primary-dk)}.seg{display:inline-flex;background:#efeadf;border-radius:var(--r-sm);padding:3px;height:32px}.seg button{border:none;background:transparent;border-radius:var(--r-xs);padding:0 12px;font-size:13px;color:var(--muted);cursor:pointer;font-weight:500}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}.tbl-head{display:grid;height:40px;align-items:center;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;letter-spacing:.4px;color:var(--muted)}.tbl-row{display:grid;min-height:52px;align-items:center;border-bottom:1px solid rgba(232,226,214,.6);font-size:14px;transition:background .12s}.tbl-row:hover{background:var(--row-hover)}.tbl-cell{padding:0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl-cell.right{text-align:right}@keyframes pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.7);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .28s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#21302c24;border-radius:8px;border:3px solid transparent;background-clip:content-box}