*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#f5f5f0;--bg-card:#fff;--bg-surface:#f8f8f5;--bg-sidebar:#1a1a2e;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#888;--text-sidebar:#ffffffb3;--text-sidebar-muted:#fff6;--border:#e5e5e5;--border-light:#f0f0f0;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#eef2ff;--accent-bg:#6366f133;--success:#16a34a;--success-bg:#dcfce7;--success-text:#166534;--warning:#eab308;--warning-bg:#fef3c7;--warning-text:#92400e;--danger:#dc2626;--danger-bg:#fef2f2;--danger-text:#991b1b;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:#374151;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.btn-lg{padding:12px 24px;font-size:15px}.btn-full{justify-content:center;width:100%}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px}.badge{border-radius:var(--radius-sm);white-space:nowrap;padding:4px 10px;font-size:11px;font-weight:500}.badge-high{background:var(--success-bg);color:var(--success-text)}.badge-medium{background:var(--warning-bg);color:var(--warning-text)}.badge-low{color:#6b7280;background:#f3f4f6}.badge-accent{background:var(--accent-light);color:var(--accent)}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);width:100%;color:var(--text-primary);padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6366f11a}textarea{resize:vertical;min-height:120px;line-height:1.6}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.metric-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px}.metric-label{color:var(--text-muted);margin-bottom:4px;font-size:13px}.metric-value{font-size:28px;font-weight:600}.metric-change{margin-top:4px;font-size:12px}.metric-change.up{color:var(--success)}