*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#04060d;min-height:100vh;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%}input,select,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:99px}@keyframes pulse-ring{0%{box-shadow:0 0}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.anim-fadeUp{animation:.45s cubic-bezier(.22,1,.36,1) both fadeUp}.anim-slideRight{animation:.3s both slideRight}.anim-float{animation:3s ease-in-out infinite float}.anim-spin{animation:.9s linear infinite spin}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot-active{background:#22c55e;animation:2s ease-in-out infinite breathe}.dot-working{background:#f97316;animation:.8s ease-in-out infinite breathe}.dot-idle{background:#334155}.app-shell{min-height:100vh;display:flex}.main{flex:1;min-width:0;padding-bottom:72px}@media (min-width:768px){.main{margin-left:240px;padding-bottom:0}}.page{max-width:1200px;margin:0 auto;padding:24px 16px}@media (min-width:768px){.page{padding:32px}}.sidebar{display:none}@media (min-width:768px){.sidebar{z-index:50;background:#070b14;border-right:1px solid #0f1929;flex-direction:column;width:240px;padding:20px 12px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}}.sidebar-logo{align-items:center;gap:10px;margin-bottom:28px;padding:8px 12px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.sidebar-logo-text{color:#f1f5f9;letter-spacing:-.4px;font-size:15px;font-weight:800}.nav-section-label{color:#1e3a5f;letter-spacing:1.2px;text-transform:uppercase;margin:16px 0 6px;padding:0 12px;font-size:10px;font-weight:700}.nav-item{color:#475569;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{color:#94a3b8;background:#0d1526}.nav-item.active{color:#e2e8f0;background:#0d1933;font-weight:600}.nav-item.active:before{content:"";background:#6366f1;border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(24px);padding:8px 0 max(8px, env(safe-area-inset-bottom));background:#04060df5;border-top:1px solid #0f1929;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:768px){.bottom-nav{display:none}}.bottom-nav-item{color:#334155;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:10px;font-weight:600;transition:color .15s;display:flex}.bottom-nav-item.active{color:#818cf8}.bottom-nav-item .bn-icon{font-size:22px;line-height:1}.card{background:#090e1a;border:1px solid #0f1929;border-radius:16px;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:#1e2d45;transform:translateY(-1px);box-shadow:0 8px 32px #0006}.card-p{padding:18px}@media (min-width:768px){.card-p{padding:20px}}.agent-card{cursor:pointer;background:#090e1a;border:1px solid #0f1929;border-radius:18px;padding:18px;transition:all .2s cubic-bezier(.22,1,.36,1);animation:.4s cubic-bezier(.22,1,.36,1) both fadeUp;position:relative;overflow:hidden}.agent-card:before{content:"";border-radius:inherit;opacity:0;background:radial-gradient(ellipse at top left, var(--ac,#6366f1) 0%, transparent 60%);pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.agent-card:hover{border-color:#1e2d45;transform:translateY(-3px)scale(1.01);box-shadow:0 12px 40px #00000080}.agent-card:hover:before{opacity:.07}.agent-card.working{border-color:#f973164d;box-shadow:0 0 20px #f973161a}.agent-card.active{border-color:#22c55e33}.agent-avatar{border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;transition:transform .3s;display:grid}.agent-card:hover .agent-avatar{transform:scale(1.08)}.agent-card.working .agent-avatar{animation:1.8s ease-in-out infinite float}.stat-card{background:#090e1a;border:1px solid #0f1929;border-radius:14px;padding:16px}.stat-value{letter-spacing:-1px;font-size:26px;font-weight:900;line-height:1}.stat-label{color:#334155;text-transform:uppercase;letter-spacing:.8px;margin-top:4px;font-size:11px;font-weight:600}.badge{opacity:.9;border:1px solid;border-radius:99px;align-items:center;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.progress-track{background:#0f1929;border-radius:99px;height:4px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.feed-row{background:#090e1a;border:1px solid #0d1423;border-radius:12px;grid-template-columns:32px 1fr;gap:10px;padding:10px 12px;transition:border-color .15s;animation:.3s both fadeUp;display:grid}.feed-row:hover{border-color:#1e2d45}.feed-icon{background:#0d1423;border-radius:9px;place-items:center;width:32px;height:32px;font-size:15px;display:grid}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);box-shadow:0 4px 16px #6366f159}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #6366f180}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:#64748b;background:#0d1423;border:1px solid #0f1929}.btn-ghost:hover{color:#94a3b8;background:#111827}.input{color:#e2e8f0;background:#090e1a;border:1px solid #0f1929;border-radius:11px;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.input::placeholder{color:#1e3a5f}.pill-row{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.pill-row::-webkit-scrollbar{display:none}.pill{white-space:nowrap;cursor:pointer;color:#475569;background:#090e1a;border:1px solid #0f1929;border-radius:99px;padding:5px 13px;font-size:11px;font-weight:700;transition:all .15s}.pill.active{color:#818cf8;background:#0d1933;border-color:#6366f130}.grid-agents{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;display:grid}@media (min-width:640px){.grid-agents{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (min-width:1024px){.grid-agents{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}.grid-stats{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:480px){.grid-stats{grid-template-columns:repeat(4,1fr)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.page-title{color:#f1f5f9;letter-spacing:-.5px;font-size:22px;font-weight:900}.page-sub{color:#334155;margin-top:3px;font-size:12px;font-weight:500}.section-title{color:#334155;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:700}.empty{color:#1e3a5f;text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.empty-icon{margin-bottom:10px;font-size:36px}.empty-text{font-size:13px;font-weight:500}