*{box-sizing:border-box}body{color:#eef2ff;background:#070b18;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}.app{background:radial-gradient(circle at 50% 0,#18254e,#070b18 65%);grid-template-columns:250px minmax(580px,1fr) minmax(340px,430px);height:100vh;display:grid;overflow:hidden}.sidebar,.panel{background:#090e1ff5;border-right:1px solid #94a3b821;min-height:0;padding:22px}.sidebar{position:relative}.panel{border-left:1px solid #94a3b829;border-right:0;overflow:auto}.brand{align-items:center;gap:13px;margin-bottom:34px;display:flex}.brandIcon{background:#6d43e6;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.brand span,.user span{color:#8b95ad;margin-top:4px;font-size:12px;display:block}nav{gap:10px;display:grid}nav a{color:#aab3ca;border-radius:11px;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;display:flex}.active{color:#d9d0ff;background:linear-gradient(90deg,#7d4fff47,#7d4fff14)}.quick{gap:10px;display:grid;position:absolute;bottom:94px;left:22px;right:22px}.quick small{color:#68728a}.quick button{text-align:left;color:#dbe4ff;background:#1f2941e0;border:0;border-radius:12px;padding:13px}.user{align-items:center;gap:12px;display:flex;position:absolute;bottom:22px;left:22px;right:22px}.avatar{background:#28334f;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}main{grid-template-rows:minmax(74px,86px) minmax(0,1fr) auto;gap:12px;min-width:0;min-height:0;padding:14px;display:grid;overflow:hidden}.stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-height:0;display:grid}.stat{background:#141c36d1;border:1px solid #94a3b81c;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.statIcon{color:#8867ff;background:#6545ff2e;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.stat span{color:#c8d0e4;font-size:13px;line-height:1.2}.stat b{color:#a78bfa;margin-top:4px;font-size:24px;line-height:1.05;display:block}.stat b.online{color:#22c55e}.office{background:linear-gradient(#101733 0 18%,#2b1f1a 18% 100%);border:1px solid #94a3b829;border-radius:14px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 120px #060914}.office:before{content:"";opacity:.55;background:repeating-linear-gradient(0deg,#ffffff09 0 2px,#0000 2px 58px),repeating-linear-gradient(90deg,#ffffff09 0 2px,#0000 2px 80px);position:absolute;inset:18% 0 0;transform:skew(-8deg)}.windows{grid-template-columns:repeat(6,1fr);gap:7px;height:20%;display:grid;position:absolute;top:2%;left:24%;right:13%}.windows span{background:linear-gradient(#132b63,#0b1536);border:2px solid #0c1127;border-radius:3px;box-shadow:inset 0 20px 30px #5485ff26}.windows span:after{content:"";background-color:#0000;background-image:radial-gradient(circle at 50% 60%,#ffd166 0 2px,#0000 3px),radial-gradient(circle at 20% 30%,#60a5fa 0 2px,#0000 3px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:100%;display:block}.neon{letter-spacing:2px;color:#fff;text-shadow:0 0 10px #a78bfa;border:4px solid #8b5cf6;border-radius:10px;padding:10px 14px;font-size:28px;font-weight:900;position:absolute;top:11%;left:4%;transform:rotate(-12deg);box-shadow:0 0 18px #7c3aed}.serverRack{background:#101827;border:2px solid #334155;border-radius:7px;width:48px;height:110px;position:absolute;top:54%;right:7%;box-shadow:inset 0 -16px 20px #030712}.serverRack:after{content:"";background:repeating-linear-gradient(0deg,#22c55e 0 4px,#0000 4px 15px);width:28px;height:70px;margin:13px auto;display:block}.sofa{background:#25344f;border-radius:20px;width:160px;height:75px;position:absolute;top:56%;left:47%;box-shadow:0 18px #1a2437}.tableCenter{background:#7b4b2a;border-radius:50%;width:95px;height:55px;position:absolute;top:69%;left:49%;box-shadow:0 9px #53311d}.desk{background:#8a572f;border:3px solid #3d2416;border-radius:8px;width:170px;height:80px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px #00000045}.monitor{background:#111827;border:4px solid #0f172a;border-radius:4px;width:38px;height:29px;position:absolute;top:15px;left:42px}.monitor:after{content:"";background:#111827;width:16px;height:8px;position:absolute;top:29px;left:11px}.cup{background:#d6a56d;border-radius:3px;width:14px;height:18px;position:absolute;top:28px;right:38px}.agent{cursor:pointer;z-index:5;background:0 0;border:0;transition:all 1.7s;position:absolute;transform:translate(-50%,-50%)}.person{filter:drop-shadow(0 8px 5px #00000059);font-size:42px;animation:1.2s ease-in-out infinite walk}.agent.working .person{animation:.45s infinite alternate type}.bubble{white-space:nowrap;background:#181a2ae6;border:1px solid #ffffff1a;border-radius:9px;padding:8px 12px;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.bubble b{font-size:13px;display:block}.bubble span{color:#38bdf8;font-size:12px}.agent.working .bubble span{color:#4ade80}.workGlow{filter:blur(18px);opacity:.45;z-index:-1;background:#8b5cf6;border-radius:50%;position:absolute;inset:-10px}@keyframes walk{50%{transform:translateY(-4px)}}@keyframes type{to{transform:translateY(-2px)rotate(-2deg)}}.prompt{background:#0f172aeb;border:1px solid #94a3b833;border-radius:14px;grid-template-columns:minmax(230px,.8fr) minmax(360px,1.2fr);align-items:center;gap:16px;min-height:116px;max-height:128px;padding:14px 18px;display:grid;overflow:hidden}.prompt b{font-size:17px;line-height:1.2}.prompt p{color:#8791aa;margin:8px 0 0;line-height:1.35}.sendBox textarea{color:#fff;resize:none;background:#0b1225;border:1px solid #27324e;border-radius:12px;width:100%;height:58px;padding:11px 12px}.sendRow{color:#9ba6bd;justify-content:space-between;align-items:center;gap:14px;margin-top:8px;display:flex}.sendRow select{color:#fff;background:#0b1225;border:1px solid #293552;border-radius:8px;padding:7px}.sendRow button{color:#fff;white-space:nowrap;background:#6d43e6;border:0;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;display:flex}.close{float:right;color:#9ba6bd;background:0 0;border:0}.agentHead{align-items:flex-start;gap:16px;margin-top:16px;display:flex}.bigAvatar{background:#28314c;border-radius:50%;flex:none;place-items:center;width:62px;height:62px;font-size:34px;display:grid}.agentHead h2{margin:0 0 8px}.agentHead p{color:#99a4ba}.idle,.working,.error{border-radius:7px;padding:5px 10px;font-size:12px;display:inline-block}.idle{color:#38bdf8;background:#38bdf81f}.working{color:#4ade80;background:#22c55e26}.error{color:#f87171;background:#ef444426}.tabs{background:#0d1325;border:1px solid #25314d;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;padding:5px;display:grid}.tabs button{color:#aeb7ca;background:0 0;border:0;border-radius:9px;padding:12px}.tabs .on{color:#fff;background:#7c3aed38;outline:1px solid #8b5cf6}.block small{color:#8e99b1}.taskCard,.log,pre,.empty{color:#dbe4ff;background:#0f172ad1;border:1px solid #94a3b81f;border-radius:12px;margin-top:13px;padding:16px}.taskCard p{color:#9da8be}.log p{color:#cbd5e1;border-bottom:1px solid #94a3b817;margin:0;padding:10px 0}pre{white-space:pre-wrap;color:#cbd5e1;max-height:420px;line-height:1.45;overflow:auto}.empty{color:#93a0b8;line-height:1.5}@media (width<=1150px){.app{grid-template-columns:1fr;overflow:auto}.sidebar,.panel{display:none}main{grid-template-rows:auto minmax(520px,1fr) auto;min-width:0;min-height:100vh}.stats{grid-template-columns:repeat(2,1fr)}.prompt{grid-template-columns:1fr;max-height:none}.sendRow{flex-wrap:wrap}}.settingsPage{background:#0f172ab8;border:1px solid #94a3b829;border-radius:15px;height:100%;padding:24px;overflow:auto}.settingsPage h1{margin:0 0 8px}.settingsPage>p{color:#9aa6bd;margin:0 0 22px}.settingsGrid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.cardForm{background:#080d1dcc;border:1px solid #94a3b824;border-radius:15px;gap:12px;padding:18px;display:grid}.cardForm.wide{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.cardForm h2{margin:0 0 8px}.cardForm label{color:#cbd5e1;gap:6px;display:grid}.cardForm label span{color:#92a0b9;font-size:13px}.cardForm input{color:#fff;background:#0b1225;border:1px solid #27324e;border-radius:10px;padding:12px}.cardForm .check{align-items:center;gap:9px;display:flex}.cardForm .check input{width:auto}.cardForm button,.miniCard button{color:#fff;background:#6d43e6;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:inline-flex}.listCards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.miniCard{background:#080d1dcc;border:1px solid #94a3b824;border-radius:14px;gap:8px;padding:16px;display:grid}.miniCard span{color:#a8b3c9}.miniCard small{color:#748098;overflow-wrap:anywhere}.miniCard button{color:#fecaca;background:#ef44442e;justify-self:start;padding:9px 12px}nav a{cursor:pointer}@media (width<=1150px){.settingsGrid,.cardForm.wide{grid-template-columns:1fr}main{grid-template-rows:auto 1fr auto}}@media (width<=1450px){.prompt{grid-template-columns:1fr;align-items:stretch;gap:8px;min-height:126px;max-height:none;padding:12px 16px}.prompt p{display:none}.sendBox textarea{height:44px}.sendRow{flex-wrap:wrap}.sendRow button{margin-left:auto}}.app.panelClosed{grid-template-columns:250px minmax(580px,1fr) 0}.app.panelClosed .panel{display:none}.user span{cursor:pointer}.loginPage{background:radial-gradient(circle at 50% 0,#18254e,#070b18 65%);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#090e1ff5;border:1px solid #94a3b829;border-radius:16px;gap:16px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 80px #00000059}.loginBrand{margin-bottom:8px}.loginCard label{color:#cbd5e1;gap:7px;display:grid}.loginCard label span{color:#92a0b9;font-size:13px}.loginCard input{color:#fff;background:#0b1225;border:1px solid #27324e;border-radius:12px;padding:13px}.loginCard button{color:#fff;background:#6d43e6;border:0;border-radius:12px;padding:13px 18px;font-weight:800}.loginError{color:#fecaca;background:#ef44441f;border:1px solid #ef444459;border-radius:10px;padding:10px 12px}.taskHistory{align-content:start}.taskHistory pre{max-height:180px;margin:4px 0 0;padding:10px;font-size:12px}.panel .tabs{grid-template-columns:repeat(4,1fr)}.chatHistory{gap:14px;display:grid}.chatItem{gap:10px;display:grid}.chatUser,.chatAgent{background:#0f172ad1;border:1px solid #94a3b81f;border-radius:12px;padding:12px}.chatUser{margin-left:24px}.chatAgent{margin-right:24px}.chatUser p,.chatAgent p{color:#dbe4ff;margin:6px 0}.chatUser small{color:#8e99b1}.miniLog{gap:6px;margin-top:8px;display:grid}.miniLog p{color:#aab6cc;border-bottom:1px solid #94a3b814;margin:0;padding-bottom:6px;font-size:12px}.chatAgent pre{max-height:260px;margin-top:10px;font-size:12px}.serviceGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:12px 0 22px;display:grid}.serviceCard{background:#080d1dcc;border:1px solid #94a3b824;border-radius:14px;gap:8px;padding:14px;display:grid}.serviceCard div{justify-content:space-between;align-items:center;gap:10px;display:flex}.serviceCard b{font-size:15px}.serviceCard span{color:#cbd5e1;background:#94a3b81f;border-radius:999px;padding:4px 9px;font-size:11px}.serviceCard.online span{color:#86efac;background:#22c55e24}.serviceCard.error span{color:#fecaca;background:#ef444424}.serviceCard.disabled span{color:#cbd5e1;background:#94a3b824}.serviceCard p{color:#cbd5e1;margin:0;font-size:13px;line-height:1.35}.serviceCard small{color:#7f8aa3;overflow-wrap:anywhere}.dispatcherChat{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-height:76px;max-height:92px;display:grid;overflow:hidden}.emptyLine{color:#8e99b1;background:#0f172ab8;border:1px solid #94a3b824;border-radius:12px;place-items:center;display:grid}.dispatchItem{text-align:left;color:#dbe4ff;cursor:pointer;background:#080d1dd1;border:1px solid #94a3b824;border-radius:12px;gap:4px;min-width:0;padding:10px;display:grid}.dispatchItem span,.dispatchItem small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dispatchItem span{color:#95a3bd;font-size:12px}.dispatchItem b{color:#e5e7ff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dispatchItem small{color:#7f8aa3;font-size:11px}.chatDispatch{background:#082f4947;border:1px solid #38bdf833;border-radius:12px;margin:0 12px;padding:12px}.chatDispatch p{color:#bae6fd;margin:6px 0}.chatDispatch small{color:#7dd3fc}.statusCard{background:#0f172ae0;border:1px solid #94a3b821;border-radius:14px;grid-template-columns:70px 1fr;align-items:center;gap:14px;margin-top:12px;padding:14px;display:grid}.progressRing{--progress:0%;background:conic-gradient(#7c3aed var(--progress),#1e293be6 0);border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.progressRing:before{content:"";background:#0b1225;border-radius:50%;position:absolute;inset:7px}.progressRing span{color:#e9ddff;font-size:13px;font-weight:800;position:relative}.statusCard.done .progressRing{background:conic-gradient(#22c55e var(--progress),#1e293be6 0)}.statusCard.error .progressRing{background:conic-gradient(#ef4444 var(--progress),#1e293be6 0)}.statusInfo{min-width:0}.statusInfo small{color:#8e99b1}.statusInfo b{color:#eef2ff;margin:4px 0;line-height:1.25;display:block}.statusInfo p{color:#9ba6bd;margin:0 0 8px}.bar{background:#1f2937;border-radius:999px;height:4px;overflow:hidden}.bar i{background:#8b5cf6;border-radius:999px;height:100%;display:block}.statusCard.done .bar i{background:#22c55e}.statusCard.error .bar i{background:#ef4444}.dispatcherNote{background:#082f493d;border:1px solid #38bdf833;border-radius:12px;margin-top:12px;padding:12px}.dispatcherNote p{color:#bae6fd;margin:6px 0 0}.stepList{border:1px solid #94a3b81f;border-radius:13px;margin-top:12px;display:grid;overflow:hidden}.step{color:#7f8aa3;background:#080d1d8c;border-bottom:1px solid #94a3b814;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:11px 12px;display:grid}.step:last-child{border-bottom:0}.step span{background:#1e293be6;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.step p{margin:0}.step.done{color:#cbd5e1}.step.done span{color:#052e16;background:#22c55e}.step.active span{color:#fff;background:#7c3aed;animation:1s infinite pulse}.step.error span{color:#fff;background:#ef4444}.stepList.compact .step{padding:8px 10px;font-size:12px}.answerCards{gap:10px;margin-top:12px;display:grid}.answerCards section{background:#080d1db3;border:1px solid #94a3b81f;border-radius:13px;padding:13px}.answerCards b{color:#e9ddff;margin-bottom:7px;display:block}.answerCards p{white-space:pre-wrap;color:#cbd5e1;margin:0;line-height:1.45}.attachBtn{color:#dbe4ff;cursor:pointer;background:#111a31;border:1px solid #94a3b82e;border-radius:10px;align-items:center;gap:7px;padding:9px 12px;display:flex}.attachBtn input{display:none}.attachPreview{gap:8px;margin-top:8px;display:flex;overflow:auto}.thumb{border:1px solid #94a3b833;border-radius:10px;flex:0 0 54px;width:54px;height:54px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb button{color:#fff;background:#0f172ad9;border:0;border-radius:50%;width:18px;height:18px;padding:0;line-height:18px;position:absolute;top:2px;right:2px}.chatImages{gap:8px;margin:8px 0;display:flex}.chatImages img{object-fit:cover;border:1px solid #94a3b833;border-radius:10px;width:72px;height:72px}@keyframes pulse{50%{box-shadow:0 0 0 6px #7c3aed2e}}.thumb svg{color:#22c55e;margin:13px}.fileChip{color:#bbf7d0;text-overflow:ellipsis;white-space:nowrap;background:#14532d2e;border:1px solid #22c55e38;border-radius:10px;align-items:center;gap:7px;max-width:220px;padding:8px 10px;font-size:12px;display:inline-flex;overflow:hidden}.cardForm small{color:#8e99b1;line-height:1.4}.cardForm button+button{margin-top:4px}.unifiedChat{grid-template-columns:1fr;min-height:210px;max-height:260px;padding-right:4px;overflow:auto}.chatThread{cursor:pointer;background:#080d1db8;border:1px solid #94a3b824;border-radius:14px;gap:10px;padding:12px;display:grid}.chatThread .chatUser{background:#1d2743cc;margin-left:28px}.chatThread .chatDispatch{margin:0 18px}.chatThread .chatAgent{margin-right:28px}.chatThread .statusCard{grid-template-columns:54px 1fr;margin-top:8px;padding:10px}.chatThread .progressRing{width:48px;height:48px}.chatThread .answerCards section{padding:10px}.chatThread .miniLog{max-height:138px;overflow:auto}