:root{--line:#e5e7eb;--ink:#111827;--ink-soft:#4b5563;--ink-mute:#9ca3af;--brand:#2563eb;--brand-wash:#eff6ff;--danger:#dc2626;--canvas:#f9fafb}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.container{max-width:960px;margin:0 auto;padding:24px 16px}.card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.muted{color:var(--ink-soft)}.dim{color:var(--ink-mute);font-size:12px}h1{margin:0;font-size:20px}h2{color:var(--ink-soft);margin:0 0 8px;font-size:15px}.input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:10px 12px;font-size:14px}.input:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px}.btn{border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{color:var(--ink-soft);border-color:var(--line);background:#fff}.btn-ghost:hover{color:var(--brand);border-color:var(--brand)}.error{color:var(--danger);background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:14px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.badge{border:1px solid var(--line);color:var(--ink-soft);border-radius:6px;padding:1px 8px;font-size:12px}.badge-ok{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.tabs{gap:8px;margin:16px 0;display:flex}.tab{border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:14px}.tab.active{border-color:var(--brand);background:var(--brand-wash);color:var(--brand)}.list{flex-direction:column;gap:10px;display:flex}