:root{--primary:#4a6cf7;--primary-light:#eef1ff;--danger:#e74c3c;--warning:#f39c12;--success:#27ae60;--bg:#f4f6fb;--card:#fff;--text:#2c3e50;--text-light:#7f8c9b;--border:#e8ecf1;--sidebar:#1e2a3a;--sidebar-text:#a0aec0;--sidebar-active:#4a6cf7;--radius:8px;--shadow:0 1px 3px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary);text-decoration:none}input,select,textarea,button{font-family:inherit;font-size:14px}button{cursor:pointer}.btn{border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.9}.btn-sm{padding:4px 12px;font-size:13px}.btn-danger{background:var(--danger);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.card h3{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:15px;font-weight:600}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:13px}th{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;font-size:12px;font-weight:600}tr:hover{background:#fafbfc}.badge{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-green{color:#155724;background:#d4edda}.badge-red{color:#721c24;background:#f8d7da}.badge-orange{color:#856404;background:#fff3cd}.badge-blue{color:#1e40af;background:#dbeafe}.score{font-size:28px;font-weight:700}.score.high{color:var(--success)}.score.mid{color:var(--warning)}.score.low{color:var(--danger)}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;display:grid}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat{text-align:center;padding:16px}.stat .num{font-size:32px;font-weight:700}.stat .label{color:var(--text-light);margin-top:4px;font-size:12px}.form-group{margin-bottom:14px}.form-group label{color:var(--text-light);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:6px;outline:none;width:100%;padding:8px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary)}.container{max-width:1400px;margin:0 auto;padding:24px}.spin{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:40px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-light);padding:60px 20px}.empty .icon{margin-bottom:12px;font-size:48px}.m-layout,.h5-layout{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#eff6ff;--danger:#ef4444;--danger-light:#fee2e2;--danger-text:#b91c1c;--warning:#f59e0b;--warning-light:#fef3c7;--warning-text:#b45309;--success:#10b981;--success-light:#d1fae5;--success-text:#047857;--bg:#f7f8fa;--card:#fff;--text:#1f2937;--text-light:#6b7280;--text-muted:#9ca3af;--border:#e5e7eb;--border-light:#f3f4f6;--radius:16px;--radius-sm:12px;--shadow:0 1px 2px #1018280a, 0 4px 12px #1018280f;--shadow-sm:0 1px 2px #1018280d}.m-page{padding:16px 16px 72px}.m-header{letter-spacing:-.2px;padding:4px 0 14px;font-size:18px;font-weight:700}.m-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.m-card-title{color:var(--text-light);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.m-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.m-btn-primary{background:var(--primary);color:#fff}.m-btn-primary:active{background:var(--primary-dark)}.m-btn-ghost{color:var(--text);border:1px solid var(--border);background:#fff;font-weight:500}.m-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:13px}.m-pill{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.m-pill.red{background:var(--danger-light);color:var(--danger-text)}.m-pill.orange{background:var(--warning-light);color:var(--warning-text)}.m-pill.green{background:var(--success-light);color:var(--success-text)}.m-pill.blue{background:var(--primary-light);color:var(--primary-dark)}.m-pill.gray{color:var(--text-light);background:#f3f4f6}