@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#f6f7fb;--bg-secondary:#eef0f6;--bg-card:#fff;--bg-elevated:#fff;--brand:#6366f1;--brand-600:#5145e5;--brand-700:#4338ca;--brand-300:#c7d2fe;--brand-soft:#eef0ff;--violet:#8b5cf6;--rose:#f472b6;--grad-brand:linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #ec6fb0 100%);--grad-brand-soft:linear-gradient(135deg, #6366f11f, #8b5cf61a, #ec6fb01a);--accent-gold:#6366f1;--accent-gold-light:#c7d2fe;--accent-gold-dark:#4338ca;--accent-dark:#0b1020;--accent-charcoal:#1f2433;--status-active:#10b981;--status-idle:#f59e0b;--status-error:#ef4444;--status-thinking:#8b5cf6;--status-done:#3b82f6;--status-offline:#c2c7d2;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--text-primary:#0b1020;--text-secondary:#535b70;--text-muted:#9098a8;--border:#eceef4;--border-strong:#dfe3ec;--shadow-xs:0 1px 2px #1014280d;--shadow-card:0 1px 3px #1014280a, 0 8px 24px #1014280d;--shadow-card-hover:0 12px 28px #1014281a, 0 28px 56px #10142814;--shadow-gold:0 8px 24px #6366f147;--shadow-pop:0 16px 48px #10142829;--radius:16px;--radius-sm:11px;--radius-lg:22px;--font-display:"Plus Jakarta Sans", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body,#root{min-height:100%;font-family:var(--font-body);color:var(--text-primary)}#root{min-height:100vh}body{background:var(--bg-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}html,body,#root{max-width:100%}a{color:inherit}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:#d6dae6;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--brand-300)}@keyframes auroraDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(3%,-2%)scale(1.08)}to{transform:translate(-2%,2%)scale(1.04)}}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(36px,-28px)scale(1.06)}66%{transform:translate(-24px,18px)scale(.96)}}@keyframes gridPan{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes statusPing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes loginRise{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.spin{animation:.9s linear infinite spin}.animate-slide-in{animation:.3s ease-out slideIn}.animate-fade-up{animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.animate-pop{animation:.4s cubic-bezier(.22,1,.36,1) both popIn}.animate-login-rise{animation:.6s cubic-bezier(.22,1,.36,1) loginRise}.stagger>*{animation:.5s cubic-bezier(.22,1,.36,1) both fadeUp}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.14s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.22s}.stagger>:nth-child(7){animation-delay:.26s}.stagger>:nth-child(8){animation-delay:.3s}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.status-dot.active{background:var(--status-active)}.status-dot.idle{background:var(--status-idle)}.status-dot.offline{background:var(--status-offline)}.status-dot.thinking{background:var(--status-thinking)}.status-dot.done{background:var(--status-done)}.status-dot.error{background:var(--status-error)}.status-dot.active:after,.status-dot.thinking:after{content:"";background:inherit;border-radius:50%;animation:1.8s ease-out infinite statusPing;position:absolute;inset:0}.luxury-card,.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:box-shadow .25s,transform .25s,border-color .25s}.luxury-card:hover,.card.hover:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-strong);transform:translateY(-3px)}.glass{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffffb8;border:1px solid #fff9}.btn-gold,.btn-primary{background:var(--grad-brand);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-gold);letter-spacing:.01em;background-size:160% 160%;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-gold:hover,.btn-primary:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 12px 30px #6366f166}.btn-gold:active,.btn-primary:active{transform:translateY(0)}.btn-gold:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{background:var(--brand-soft);border-color:var(--brand-300);color:var(--brand-700)}.btn-soft{background:var(--brand-soft);border-radius:var(--radius-sm);color:var(--brand-700);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-soft:hover{background:#e3e6ff}.chip{background:var(--bg-secondary);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.chip.brand{background:var(--brand-soft);color:var(--brand-700)}.chip.green{color:#0b7a53;background:#e7f8f0}.chip.amber{color:#9a6700;background:#fef3e2}.chip.rose{color:#b23a78;background:#fce9f2}.grad-text{background:var(--grad-brand);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.shimmer{background:linear-gradient(90deg,#eef0f6 25%,#e3e7f0 50%,#eef0f6 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.page-root{max-width:1480px;margin:0 auto;padding:28px 32px 48px}.page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:800}.section-title{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:700}.agent-room{border-radius:var(--radius);box-shadow:var(--shadow-card);cursor:pointer;transition:box-shadow .25s,transform .25s;position:relative;overflow:hidden}.agent-room:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.bs-navlink{color:var(--text-secondary);border-radius:10px;align-items:center;gap:11px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.bs-navlink:hover{color:var(--text-primary);background:#6366f114}.bs-navlink--active,.bs-navlink--active:hover{background:var(--brand-soft);color:var(--text-primary);box-shadow:inset 3px 0 0 var(--brand);font-weight:700}.bs-navlink--active svg{color:var(--brand)}.app-header-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (width<=1024px){.page-root{padding:22px 20px 40px}}@media (width<=640px){input,textarea,select{font-size:16px!important}.page-root{padding:16px 14px 36px!important}.app-header{padding:0 14px!important}.app-header-title{font-size:15px!important}.app-header-hide-sm,.hide-sm{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}