body{font-family:system-ui,sans-serif;margin:0;color:#1a1a2e;background:#f7f8fb}header{background:#111827;color:#fff;padding:14px 24px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}header a{color:#cbd5e1;text-decoration:none}header .logo{color:#fbbf24;font-weight:800;font-size:20px}main{max-width:1000px;margin:auto;padding:24px}table{border-collapse:collapse;width:100%;background:#fff}td,th{border-bottom:1px solid #e5e7eb;padding:8px;text-align:left;font-size:14px}th{background:#f1f5f9}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px;margin:12px 0}.cd{font-weight:800;font-size:22px;color:#dc2626}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tag{display:inline-block;padding:2px 8px;border-radius:9px;font-size:12px;background:#fee2e2;color:#991b1b}.ok{background:#dcfce7;color:#166534}.ext{background:#fef3c7;color:#92400e}footer{text-align:center;color:#64748b;font-size:13px;padding:24px}input,select,button{padding:8px;font-size:15px;margin:4px}button{background:#111827;color:#fff;border:0;border-radius:6px;cursor:pointer}small{color:#64748b}