:root{--bg:#f8fafc;--card:#ffffff;--ink:#0f172a;--muted:#475569;--accent:#0ea5e9}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}header{display:flex;justify-content:space-between;align-items:center;gap:12px}.container{max-width:1100px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0000000a}.card h3{margin:0 0 8px;font-size:18px}.card .content{padding:16px}.row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.row>div{display:flex;flex-direction:column;gap:6px}label{font-size:12px;color:var(--muted)}input,select,button,textarea{font:inherit}input,select,textarea{padding:10px;border-radius:10px;border:1px solid #cbd5e1;background:#fff}button{padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}button.primary{background:var(--accent);color:#fff;border-color:transparent}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.chip{display:flex;align-items:center;justify-content:center;height:36px;border-radius:999px;color:#fff;font-weight:700}.chip.a{background:#16a34a}.chip.b{background:#eab308;color:#111}.chip.c{background:#f59e0b}.chip.d{background:#dc2626}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e2e8f0;vertical-align:middle}thead th{background:#f1f5f9}.right{text-align:right}.muted{color:var(--muted);font-size:12px}.section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 900px){.row{grid-template-columns:1fr 1fr}.section,.grid3{grid-template-columns:1fr}}.toast{position:fixed;top:14px;inset-inline:14px;background:#111827;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 6px 16px #00000026;display:none;z-index:9999}.toast.show{display:block}