:root{--bg: #0a0e1a;--bg2: #0f1626;--panel: #131b2e;--panel2: #1a2336;--border: #243049;--text: #e6edf7;--muted: #8b9bb4;--accent: #7c3aed;--accent2: #2563eb;--grad: linear-gradient(135deg, #7c3aed, #2563eb);--green: #16a34a;--hot: #f97316}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted)}button{cursor:pointer;border:none;color:#fff;font-family:inherit}button:disabled{opacity:.55;cursor:default}code{font-family:ui-monospace,Consolas,monospace}.muted{color:var(--muted);font-size:12px}.btn-primary{background:var(--grad);color:#fff;padding:11px 18px;border-radius:10px;font-weight:600;font-size:14px;transition:transform .08s,box-shadow .2s;box-shadow:0 6px 20px -6px var(--accent)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px -6px var(--accent)}.btn-ghost{background:#243049;padding:9px 14px;border-radius:9px;font-size:13px}.btn-ghost:hover{background:#2d3a57}.btn-sm{background:var(--accent2);padding:6px 12px;border-radius:7px;font-size:12px}.btn-del{background:transparent;font-size:16px;opacity:.6}.btn-del:hover{opacity:1}.ai-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center}.ai-avatar .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent);opacity:.5;animation:pulsering 2.4s ease-out infinite}.ai-avatar .ring2{animation-delay:1.2s;border-color:var(--accent2)}@keyframes pulsering{0%{transform:scale(.7);opacity:.7}to{transform:scale(1.5);opacity:0}}.ai-avatar .orb{position:relative;width:72%;height:72%;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px -2px var(--accent);animation:floaty 3.5s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.ai-avatar .orb-face{font-size:1.4em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.ai-avatar .spark{position:absolute;color:#fff;font-size:10px;opacity:0;animation:spark 2.8s ease-in-out infinite}.ai-avatar .s1{top:-2px;right:2px}.ai-avatar .s2{bottom:0;left:0;animation-delay:1.4s}@keyframes spark{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}.login-split{display:flex;min-height:100vh}.login-visual{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden;background:linear-gradient(135deg,#1a1140,#0d1d4a 55%,#0a0e1a)}.login-visual .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:drift 14s ease-in-out infinite}.login-visual .blob-a{width:420px;height:420px;background:#7c3aed;top:-100px;left:-80px}.login-visual .blob-b{width:360px;height:360px;background:#2563eb;bottom:-120px;right:-60px;animation-delay:4s}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.visual-text{position:relative;z-index:2;text-align:center}.visual-text h2{font-size:30px;font-weight:700}.visual-text h2 b{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.visual-text p{color:#aab6cf;font-size:14px;margin-top:8px;line-height:1.5}.robot-art{position:relative;z-index:2;animation:floaty 4s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(124,58,237,.45))}.robot-art .r-eye{animation:eyeglow 3s ease-in-out infinite}.robot-art .r-antenna{animation:spark 1.8s ease-in-out infinite}@keyframes eyeglow{0%,to{opacity:1}45%{opacity:.35}50%{opacity:.35}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.login-formside{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(700px 500px at 70% 20%,#182039,#0f1626 60%,#0c111e)}.login-form-lg{width:100%;max-width:400px;display:flex;flex-direction:column;gap:7px;background:#131b2ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:20px;padding:36px 32px;box-shadow:0 30px 70px -25px #000}.login-form-lg h1{font-size:28px}.login-form-lg .sub{color:var(--muted);font-size:14px;margin-bottom:18px}.login-form-lg label{font-size:13px;color:var(--muted);margin-top:10px}.login-form-lg input{padding:14px 15px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:15px}.login-form-lg input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26}.login-form-lg .err{background:#3f1d2e;color:#fda4af;padding:10px 13px;border-radius:9px;font-size:13px;margin-bottom:6px}.btn-primary.lg{margin-top:20px;padding:15px;font-size:15px}.login-foot{color:var(--muted);font-size:12px;margin-top:16px;text-align:center}@media (max-width: 820px){.login-split{flex-direction:column}.login-visual{min-height:280px;padding:30px 0}.robot-art svg{width:200px;height:220px}}.app-shell{display:flex;height:100vh}.sidebar{width:230px;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;position:relative;transition:width .2s}.app-shell.collapsed .sidebar{width:70px}.side-brand{display:flex;align-items:center;gap:10px;padding:6px 6px 16px}.side-brand-txt b{font-size:15px}.side-brand-txt .ai-tag{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.side-brand-txt small{display:block;color:var(--muted);font-size:10px}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:var(--grad);color:#fff;box-shadow:0 8px 20px -8px var(--accent)}.nav-ico{font-size:17px;min-width:20px;text-align:center}.side-toggle{position:absolute;bottom:16px;left:12px;right:12px;background:var(--panel);color:var(--muted);padding:8px;border-radius:8px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:var(--bg2);border-bottom:1px solid var(--border)}.topbar h1{font-size:18px;font-weight:600}.top-right{display:flex;align-items:center;gap:14px}.live{display:flex;align-items:center;gap:6px;color:#4ade80;font-size:13px}.pulse{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 #4ade80;animation:pp 1.6s infinite}@keyframes pp{0%{box-shadow:0 0 #4ade8099}to{box-shadow:0 0 0 8px #4ade8000}}.page{flex:1;overflow:auto;padding:18px}.board{display:flex;gap:14px;height:100%;align-items:flex-start}.col{flex:1;min-width:220px;background:var(--panel);border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;max-height:100%}.col.hot{border-color:#7c3a1d}.col.win{border-color:#14532d}.col-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600}.col-head .cnt{background:var(--panel2);color:var(--muted);border-radius:20px;padding:1px 9px;font-size:12px}.cards{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.card{background:var(--panel2);border:1px solid var(--border);border-radius:11px;padding:11px;font-size:13px}.card.clickable{cursor:pointer;transition:border-color .15s,transform .05s}.card.clickable:hover{border-color:var(--accent)}.card.clickable:active{transform:scale(.99)}.card.hot{border-left:3px solid var(--hot)}.card.win{border-left:3px solid var(--green)}.card.cold{opacity:.6}.card .name{display:flex;justify-content:space-between;gap:6px;font-weight:600}.card .uname{color:var(--accent2);font-weight:400;font-size:12px}.card .time{color:var(--muted);font-size:10px;white-space:nowrap}.card .msg{color:var(--muted);margin-top:6px;line-height:1.35}.card .pkg{margin-top:7px;white-space:pre-wrap;font-size:11px;line-height:1.4;background:#0d1322;padding:8px;border-radius:7px;max-height:180px;overflow:auto}.card .ariza{margin-top:6px;color:#4ade80;font-size:12px}.card .contact{margin-top:4px;font-size:12px}.badge-cold{display:inline-block;margin-top:6px;font-size:10px;color:#93c5fd}.empty{color:#5a6680;text-align:center;padding:16px 0;font-size:12px}.empty-big{color:var(--muted);text-align:center;padding:60px 0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;min-height:100%}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.panel-head h2{font-size:18px}.search{padding:9px 13px;border-radius:10px;border:1px solid var(--border);background:#0d1322;color:var(--text);font-size:13px;min-width:240px}.search:focus{outline:none;border-color:var(--accent)}.form-msg{background:var(--panel2);padding:9px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:12px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:11px 14px;background:var(--panel2);color:var(--muted);font-weight:600;position:sticky;top:0}.tbl td{padding:11px 14px;border-top:1px solid var(--border);vertical-align:top}.tbl tr:hover td{background:#7c3aed0d}.tbl code{color:#4ade80}.tbl .contact{color:var(--muted);max-width:280px}.ops-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;align-items:start}.ops-list-box h2{margin-bottom:14px}.ops-list{display:flex;flex-direction:column;gap:10px}.op-card{display:flex;align-items:center;gap:12px;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:12px}.op-avatar{width:42px;height:42px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.op-info{flex:1;min-width:0}.op-info b{display:flex;align-items:center;gap:8px}.badge-admin{background:var(--accent);font-size:10px;padding:1px 7px;border-radius:20px;font-weight:600}.op-regions{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.chip{background:#0d1322;border:1px solid var(--border);border-radius:20px;padding:2px 9px;font-size:11px;color:#cbd5e1}.ops-form{background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0}.ops-form h3{margin-bottom:8px}.ops-form label{font-size:12px;color:var(--muted);margin-top:8px}.ops-form input,.ops-form select{padding:9px 11px;border-radius:9px;border:1px solid var(--border);background:#0d1322;color:var(--text);font-size:13px}.ops-form input:focus,.ops-form select:focus{outline:none;border-color:var(--accent)}.ops-form .btn-primary{margin-top:14px}.region-grid{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.region-btn{background:#0d1322;border:1px solid var(--border);color:var(--muted);padding:5px 10px;border-radius:8px;font-size:11px}.region-btn.on{background:var(--grad);color:#fff;border-color:transparent}.prompt-actions{display:flex;gap:8px}.prompt-area-page{width:100%;height:calc(100vh - 230px);min-height:320px;resize:vertical;padding:14px;border-radius:12px;border:1px solid var(--border);background:#0d1322;color:var(--text);font-family:ui-monospace,Consolas,monospace;font-size:13px;line-height:1.55}.prompt-area-page:focus{outline:none;border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:460px;max-width:94vw;height:72vh;max-height:660px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px -20px #000}.modal-wide{width:760px;max-width:96vw;height:82vh;max-height:820px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:14px 16px;background:var(--panel2);border-bottom:1px solid var(--border)}.modal-head .uname{color:var(--accent2);font-size:13px}.modal-sub{font-size:11px;color:var(--muted);margin-top:3px}.modal-head button{background:var(--border);border-radius:8px;width:32px;height:32px;padding:0;font-size:15px}.chat-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#0a0f1c}.bubble{max-width:82%;padding:8px 11px;border-radius:13px;font-size:13px;white-space:pre-wrap;word-break:break-word}.bubble-text{line-height:1.35}.bubble-time{font-size:10px;opacity:.65;margin-top:4px}.from-user{align-self:flex-start;background:var(--panel2);border-bottom-left-radius:3px}.from-aziza{align-self:flex-end;background:#1d4ed8;border-bottom-right-radius:3px}.from-operator{align-self:flex-end;background:var(--green);border-bottom-right-radius:3px}.chat-input{display:flex;align-items:flex-end;gap:8px;padding:10px;background:var(--panel2);border-top:1px solid var(--border);flex-wrap:wrap}.chat-input textarea{flex:1;min-width:140px;min-height:38px;max-height:110px;resize:vertical;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:#0d1322;color:var(--text);font-size:13px;font-family:inherit}.chat-input .send-btn{background:var(--green);padding:9px 14px;border-radius:8px;font-weight:600}.chat-input .resume-btn{background:#b45309;padding:9px 12px;border-radius:8px;font-size:12px;width:100%}.mode-op{color:#4ade80;font-weight:600}.mode-ai{color:#60a5fa;font-weight:600}@media (max-width: 760px){.ops-layout{grid-template-columns:1fr}}
