:root{--dash-bg-from: #050810;--dash-bg-to: #0B1020;--dash-bg-mid: #070D18;--dash-card-bg: rgba(12, 16, 35, .55);--dash-card-bg-hover: rgba(18, 24, 50, .6);--dash-card-border: rgba(80, 100, 180, .12);--dash-card-border-hover: rgba(80, 100, 180, .22);--dash-accent-blue: #4F7CFF;--dash-accent-purple: #7B61FF;--dash-accent-cyan: #00D4FF;--dash-accent-green: #34D399;--dash-text-primary: #E8EAF0;--dash-text-secondary: rgba(255, 255, 255, .55);--dash-text-muted: rgba(255, 255, 255, .35);--dash-sidebar-bg: rgba(10, 14, 26, .95);--dash-sidebar-border: rgba(100, 120, 200, .08);--dash-sidebar-width: 64px;--dash-topbar-height: 56px}.dash-bg{background:linear-gradient(145deg,var(--dash-bg-from) 0%,var(--dash-bg-mid) 50%,var(--dash-bg-to) 100%);min-height:100vh;position:relative;border:1px solid rgba(80,100,180,.12);margin:6px;border-radius:18px;overflow:hidden}.dash-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 25% 20%,rgba(79,124,255,.07) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 75% 75%,rgba(123,97,255,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.dash-card{background:var(--dash-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--dash-card-border);border-radius:16px;padding:1.25rem;transition:border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.dash-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(100,120,200,.15),transparent);pointer-events:none}.dash-card:hover{border-color:var(--dash-card-border-hover);box-shadow:0 0 30px #4f7cff0f}.dash-card-lg{padding:1.5rem}.dash-sidebar{width:var(--dash-sidebar-width);background:var(--dash-sidebar-bg);border-right:1px solid var(--dash-sidebar-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dash-sidebar-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--dash-text-muted);transition:all .2s ease;cursor:pointer}.dash-sidebar-icon:hover{color:var(--dash-text-primary);background:#4f7cff14}.dash-sidebar-icon.active{color:var(--dash-accent-blue);background:#4f7cff1f}.dash-topbar{height:var(--dash-topbar-height);border-bottom:1px solid var(--dash-sidebar-border);background:#070b1480;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dash-live-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;background:#34d3991a;border:1px solid rgba(52,211,153,.2);border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dash-accent-green)}.dash-live-dot{width:6px;height:6px;border-radius:50%;background:var(--dash-accent-green);animation:pulse-glow 2s ease-in-out infinite}.dash-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500;border:1px solid var(--dash-card-border);background:#0f142866;color:var(--dash-text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.dash-chip:hover,.dash-chip.active{border-color:var(--dash-accent-blue);color:var(--dash-accent-blue);background:#4f7cff14;box-shadow:0 0 16px #4f7cff1a}.dash-timeline{display:flex;align-items:flex-start;gap:0;position:relative}.dash-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:0 .5rem}.dash-step-dot{width:12px;height:12px;border-radius:50%;background:#6478c833;border:2px solid rgba(100,120,200,.3);position:relative;z-index:1;transition:all .3s ease}.dash-step.active .dash-step-dot{background:var(--dash-accent-blue);border-color:var(--dash-accent-blue);box-shadow:0 0 12px #4f7cff66}.dash-step.completed .dash-step-dot{background:var(--dash-accent-green);border-color:var(--dash-accent-green)}.dash-step-line{position:absolute;top:6px;left:calc(50% + 8px);right:calc(-50% + 8px);height:2px;background:#6478c826;z-index:0}.dash-step.active .dash-step-line,.dash-step.completed .dash-step-line{background:linear-gradient(90deg,var(--dash-accent-blue),rgba(100,120,200,.15))}.dash-step-label{margin-top:.5rem;font-size:12px;font-weight:600;color:var(--dash-text-secondary)}.dash-step.active .dash-step-label{color:var(--dash-accent-blue)}.dash-step-desc{margin-top:.25rem;font-size:11px;color:var(--dash-text-muted);line-height:1.3}.orb-container{position:relative;width:220px;height:220px;margin:0 auto}.orb-glow-idle{box-shadow:0 0 60px #4f7cff26,0 0 120px #7b61ff14}.orb-glow-listening{box-shadow:0 0 80px #34d39933,0 0 160px #34d39914}.orb-glow-thinking{box-shadow:0 0 80px #00d4ff33,0 0 160px #4f7cff1f}.orb-glow-speaking{box-shadow:0 0 80px #c8963e33,0 0 160px #7b61ff1f}.orb-css{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#4f7cff66,#7b61ff4d,#00d4ff33 60%,#0f14281a);animation:orb-drift 10s ease-in-out infinite,pulse-glow 3s ease-in-out infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-css:before{content:"";position:absolute;inset:-20%;border-radius:50%;background:radial-gradient(circle,rgba(79,124,255,.15) 0%,transparent 70%);animation:pulse-glow 4s ease-in-out infinite reverse}.dash-chat-input{background:#0f142899;border:1px solid var(--dash-card-border);border-radius:12px;padding:.625rem 1rem;color:var(--dash-text-primary);font-size:14px;width:100%;outline:none;transition:border-color .2s ease}.dash-chat-input::placeholder{color:var(--dash-text-muted)}.dash-chat-input:focus{border-color:var(--dash-accent-blue);box-shadow:0 0 0 2px #4f7cff1a}.dash-chat-bubble{padding:.5rem .75rem;border-radius:12px;font-size:13px;line-height:1.5;max-width:85%}.dash-chat-bubble.user{background:#4f7cff26;border:1px solid rgba(79,124,255,.2);color:var(--dash-text-primary);margin-left:auto}.dash-chat-bubble.assistant{background:#0f1428cc;border:1px solid var(--dash-card-border);color:var(--dash-text-secondary)}.dash-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.5rem;border-radius:12px;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--dash-accent-blue),var(--dash-accent-purple));color:#fff;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.dash-btn-primary:hover{box-shadow:0 0 24px #4f7cff4d;transform:translateY(-1px)}.dash-btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.1) 45%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 55%,transparent 60%);animation:shimmer 3s linear infinite;pointer-events:none}.dash-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:10px;font-size:13px;font-weight:500;background:transparent;color:var(--dash-accent-blue);border:1px solid var(--dash-card-border);cursor:pointer;transition:all .2s ease}.dash-btn-outline:hover{border-color:var(--dash-accent-blue);background:#4f7cff0f}.dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dash-card-title{font-size:14px;font-weight:600;color:var(--dash-text-primary);display:flex;align-items:center;gap:.5rem}.dash-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#4f7cff1a;color:var(--dash-accent-blue)}.dash-kpi{display:flex;align-items:baseline;gap:.375rem}.dash-kpi-value{font-size:15px;font-weight:700;color:var(--dash-text-primary)}.dash-kpi-label{font-size:12px;color:var(--dash-text-muted)}@media(max-width:1023px){:root{--dash-sidebar-width: 0px}.dash-sidebar-desktop{display:none}.dash-mobile-drawer{position:fixed;inset:0;z-index:50;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dash-mobile-drawer-panel{width:240px;height:100%;background:var(--dash-sidebar-bg);border-right:1px solid var(--dash-sidebar-border);padding:1rem}.dash-main-grid{grid-template-columns:1fr}.orb-container{width:160px;height:160px}.orb-css{width:130px;height:130px}}@media(max-width:767px){.dash-card{padding:1rem}.dash-timeline{flex-direction:column;gap:.75rem}.dash-step{flex-direction:row;text-align:left;gap:.75rem}.dash-step-line{display:none}}@media(prefers-reduced-motion:reduce){.orb-css{animation:none}.orb-css:before{animation:none}.dash-btn-primary:after{animation:none}.dash-live-dot{animation:none}}