:root{--bg: #f8fafc;--text: #0f172a;--heading-color: #0f172a;--muted: #64748b;--card-bg: #ffffff;--border: #e2e8f0;--glass-bg: rgba(255, 255, 255, .8);--btn-primary-bg: #0f172a;--accent-strong: #6366f1}.dark{--bg: #060607;--text: #e6eef8;--heading-color: #f1f5f9;--muted: #94a3b8;--card-bg: #071025;--border: #0f172a;--glass-bg: rgba(0, 0, 0, .6);--btn-primary-bg: #000000;--accent-strong: #8b5cf6}html,body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;height:100%}h1,h2,h3,h4{font-family:Plus Jakarta Sans,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--heading-color)}.glass-nav{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.agent-card{background:var(--card-bg);border:1px solid var(--border);transition:all .4s cubic-bezier(.4,0,.2,1)}.agent-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000003;border-color:var(--border)}.btn-primary{background:var(--btn-primary-bg);color:#fff;transition:all .2s}.btn-primary:hover{transform:scale(1.02)}.brand-gradient{background:linear-gradient(135deg,var(--text) 0%,#334155 100%)}.accent-gradient{background:linear-gradient(135deg,var(--accent-strong) 0%,#a855f7 100%)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bg-white{background-color:var(--card-bg)!important}.dark .bg-white{background-color:#071025!important}.dark .text-slate-900{color:#f1f5f9!important}.dark .text-slate-800{color:#e2e8f0!important}.dark .text-slate-700{color:#cbd5e1!important}.dark .text-slate-600,.dark .text-slate-500,.dark .text-slate-400{color:#94a3b8!important}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#f1f5f9}.border-slate-200,.dark .border-slate-100{border-color:var(--border)!important}.bg-slate-900{background-color:#0b1220!important}.dark .bg-indigo-50{background-color:#6366f11a!important}.dark .bg-emerald-50{background-color:#10b9811a!important}.dark .bg-rose-50{background-color:#f43f5e1a!important}.dark .bg-slate-50{background-color:#94a3b80d!important}.dark .text-indigo-600{color:#818cf8!important}.dark .text-indigo-700{color:#a5b4fc!important}.dark .text-indigo-400{color:#818cf8!important}.dark .text-emerald-600{color:#34d399!important}.dark .text-emerald-500{color:#10b981!important}.dark .text-emerald-400{color:#6ee7b7!important}.dark .text-rose-500{color:#fb7185!important}.dark .text-slate-300{color:#cbd5e1!important}.dark .text-indigo-900{color:#a5b4fc!important}.dark .text-emerald-900{color:#6ee7b7!important}.dark .text-emerald-700{color:#34d399!important}.dark .border-indigo-100{border-color:#6366f133!important}.dark .border-emerald-100{border-color:#10b98133!important}.dark .border-rose-100{border-color:#f43f5e33!important}.dark .border-slate-300{border-color:var(--border)!important}.dark .shadow-xl{box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #00000080!important}.dark .shadow-2xl{box-shadow:0 15px 30px -10px #0009!important}.dark .shadow-sm{box-shadow:0 1px 2px #0000004d!important}.dark .shadow-indigo-100{box-shadow:0 10px 25px -5px #6366f133!important}.dark .shadow-indigo-200{box-shadow:0 10px 25px -5px #6366f14d!important}.dark .shadow-slate-200{box-shadow:0 10px 25px -5px #0006!important}.dark .bg-slate-900{background-color:#1e293b!important}.dark .hover\:bg-slate-50:hover{background-color:#94a3b81a!important}.dark .hover\:bg-slate-900:hover{background-color:#1e293b!important}.header-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px}.dark .text-slate-500{color:var(--muted)!important}.button-focus:focus{outline:2px solid rgba(99,102,241,.25);outline-offset:2px}