:root{--bg: #f6f7fb;--card: #ffffff;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--primary: #2563eb;--primary-2: #1d4ed8;--danger: #dc2626;--success: #16a34a}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.container{padding:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}.btn{border:1px solid var(--border);background:#fff;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-2)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);outline:none;background:#fff}.input:focus{border-color:var(--primary)}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.muted{color:var(--muted);font-size:14px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.badge-green{background:#dcfce7;border-color:#86efac;color:#166534}.badge-blue{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;font-size:14px}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}