:root{--bg-primary:#0f1117;--bg-sidebar:#12151f;--bg-card:#1a1d2e;--bg-secondary:#2d3148;--bg-secondary-hover:#3b4058;--bg-hover:#1f2937;--border:#2d3148;--border-subtle:#1f2937;--text-primary:#e2e8f0;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#3b4fd8;--accent-hover:#2d3fb8;--accent-light:#60a5fa;--accent-bg:#1f2d5a;--success:#4ade80;--success-bg:#0d3320;--danger:#f87171;--danger-bg:#3b0d0d;--danger-strong:#7f1d1d;--danger-strong-hover:#991b1b;--warning:#fbbf24;--warning-bg:#3b2d00;--info:#60a5fa;--info-bg:#0d1f3b;--radius:12px;--sidebar-width:240px;--sidebar-width-collapsed:68px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-green{background:var(--success-bg);color:var(--success)}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-yellow{background:var(--warning-bg);color:var(--warning)}.badge-blue{background:var(--info-bg);color:var(--info)}.badge-gray{background:var(--bg-hover);color:var(--text-secondary)}button{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary-hover)}.btn-danger{background:var(--danger-strong);color:#fca5a5}.btn-danger:hover:not(:disabled){background:var(--danger-strong-hover)}input,textarea,select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--bg-primary);color:var(--text-secondary);text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:10px 12px}tr:hover td{background:var(--bg-hover)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pulse-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@media (width<=860px){.grid-responsive,.hero-demo-grid{grid-template-columns:1fr!important}.hero-demo-left{border-bottom:1px solid var(--border);border-right:none!important}}.copilot-pending-selection{background:#c084fc47;border-radius:2px}.sidebar-mobile-toggle,.sidebar-backdrop{display:none}@media (width<=860px){.app-sidebar{transition:transform .2s;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0)}.app-main{margin-left:0!important}.sidebar-mobile-toggle{display:inline-flex!important}.sidebar-backdrop.mobile-open{z-index:25;background:#00000080;display:block;position:fixed;inset:0}}