*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:system-ui,-apple-system,PingFang SC,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}:root{--canvas: #E8E6DD;--surface: #FFFFFF;--surface-2: #F5F3ED;--card: var(--surface);--ink: #1B2620;--ink-soft: #4A544D;--muted: #7C857D;--line: #DCD9CD;--line-strong: #C9C5B6;--brand: #0B6B53;--brand-deep: #084C3B;--brand-tint: #E2EEE8;--citron: #D69E13;--citron-tint: #F6EBCB;--rose: #CF5A43;--rose-tint: #F4E0D9;--ok: var(--brand);--warn: var(--citron);--danger: var(--rose);--font-serif: "Fraunces", Georgia, "Songti SC", "SimSun", serif;--font-body: "Inter", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", "PingFang SC", monospace;--radius: 18px;--radius-sm: 12px;--radius-pill: 999px;--shadow: 0 1px 2px rgba(27, 38, 32, .05), 0 12px 32px -18px rgba(27, 38, 32, .3);--shadow-sm: 0 1px 2px rgba(27, 38, 32, .06);--tap-min: 48px}body{background:radial-gradient(1200px 600px at 85% -10%,#EFEDE4 0%,transparent 60%),var(--canvas);color:var(--ink);font-family:var(--font-body);line-height:1.5}::selection{background:var(--brand);color:#fff}:focus-visible{outline:2.5px solid var(--brand);outline-offset:2px;border-radius:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;border:1px solid transparent;transition:.16s;white-space:nowrap;min-height:42px}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-deep)}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);background:var(--surface-2)}.btn-danger{background:var(--surface);color:var(--rose);border-color:var(--rose)}.btn-danger:hover{background:var(--rose-tint)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:6px 12px;min-height:34px;font-size:13px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.h-serif{font-family:var(--font-serif);font-weight:600;letter-spacing:-.01em}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);display:inline-flex;align-items:center;gap:8px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--ink-soft);font-weight:600}.input{width:100%;padding:11px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-size:14.5px;color:var(--ink);background:var(--surface);transition:.16s}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:12px;font-weight:600;color:var(--muted);padding:12px 14px;border-bottom:1px solid var(--line);text-transform:none}.tbl td{padding:14px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink)}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--surface-2)}.tbl .r{text-align:right}.tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid transparent}.tag-ok{background:var(--brand-tint);color:var(--brand-deep);border-color:#cbe0d5}.tag-warn{background:var(--citron-tint);color:#8a6608;border-color:#e8d28f}.tag-muted{background:var(--surface-2);color:var(--muted);border-color:var(--line)}.badge{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex:0 0 auto}.mono{font-family:var(--font-mono)}.empty{padding:48px 20px;text-align:center;color:var(--muted)}