@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-soft: #0b1220;--bg-mid: #121b2f;--bg-card: #0f1728;--ink: #e7edf9;--muted: #a5b2ca;--line: rgba(181, 198, 228, .18);--card: rgba(15, 23, 40, .9);--accent-cyan: #26b3e0;--accent-amber: #ff9c4d;--ok: #2db36a;--warn: #d89f29;--danger: #ff6a58}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Space Grotesk,sans-serif;background:radial-gradient(52rem 24rem at 8% -10%,rgba(38,179,224,.2),transparent 50%),radial-gradient(48rem 23rem at 96% 0%,rgba(255,156,77,.22),transparent 48%),linear-gradient(155deg,#090f1d,#121a30 48%,#0f1a2a);color:var(--ink)}.page{position:relative;min-height:100vh;overflow-x:hidden}.glow{position:fixed;border-radius:999px;filter:blur(80px);opacity:.45;pointer-events:none}.glow-a{width:280px;height:280px;background:var(--accent-cyan);top:-60px;left:-80px}.glow-b{width:260px;height:260px;background:var(--accent-amber);bottom:-80px;right:-50px}.shell{max-width:1080px;margin:0 auto;padding:28px 18px 42px;display:grid;gap:16px}.auth-shell{max-width:560px;min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-panel h1{margin:8px 0}.auth-form{display:grid;gap:10px;margin-top:14px}.auth-form label{display:grid;gap:6px;font-size:.9rem;color:#c3d0e6}.auth-form input{background:#070e1be0;border:1px solid rgba(143,164,201,.3);border-radius:10px;color:var(--ink);padding:9px 10px;font:inherit}.creds-note{margin-top:10px;font-size:.82rem}.logout-btn{border:1px solid rgba(38,179,224,.32)}.workspace-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 280px;gap:14px}.workspace-grid.sidebar-collapsed{grid-template-columns:74px minmax(0,1fr) 280px}.workspace-grid.sidebar-collapsed .sidebar-panel h2,.workspace-grid.sidebar-collapsed .sidebar-panel h3,.workspace-grid.sidebar-collapsed .queue-list,.workspace-grid.sidebar-collapsed .rule-stack{display:none}.main-stack{display:grid;gap:14px}.hero{border:1px solid var(--line);border-radius:18px;background:linear-gradient(120deg,#26b3e024,#ff9c4d1f);padding:18px 20px;animation:appear .55s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.eyebrow{margin:0;font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:#7dbce2;font-weight:700}.hero h1{margin:8px 0 6px;font-size:clamp(1.4rem,3vw,2.1rem)}.hero p{margin:0;color:#bbcadf}.hero-strip{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.accent-picker{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#b7c8e5}.accent-picker select{border-radius:999px;background:#111d33e6;color:#d8e5fb;border:1px solid var(--line);padding:4px 10px;font:inherit}.status-chip,.status-dot{font-size:12px;border-radius:999px;padding:5px 10px;border:1px solid var(--line);background:#14203ac2;color:#d5e1f4}.status-dot.up{border-color:#2db36a66;color:#97f0bd}.status-dot.down{border-color:#ff6a5866;color:#ffb0a3}.panel{border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 14px 34px #02060f73;padding:16px;animation:rise .45s ease}.panel h2{margin:0 0 12px;font-size:1.05rem}.panel h3{margin:14px 0 10px;font-size:.9rem;color:#b8c6de}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.api-pill{font-size:12px;color:#9fd7f1;background:color-mix(in srgb,var(--accent-cyan) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent-cyan) 34%,transparent);border-radius:999px;padding:5px 10px}.collapse-btn{width:100%;margin-bottom:10px;border-radius:10px;border:1px solid var(--line);background:#0d172aeb;color:#c8d8f3;padding:8px 9px;cursor:pointer}textarea{width:100%;border:1px solid rgba(143,164,201,.3);border-radius:12px;padding:12px;font:inherit;resize:vertical;background:#070e1bdb;color:var(--ink)}textarea:focus{outline:2px solid rgba(38,179,224,.38);border-color:#26b3e08c}.meta-row{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.meta-row label{display:grid;gap:5px;color:#c3d0e6;font-size:.85rem}.meta-row select{background:#070e1be0;border:1px solid rgba(143,164,201,.3);border-radius:10px;color:var(--ink);padding:8px 10px;font:inherit}.quick-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.ghost-btn,.primary-btn{font:inherit;border-radius:10px;border:0;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,opacity .2s ease}.ghost-btn{padding:8px 12px;background:#182742e6;border:1px solid rgba(38,179,224,.32);color:#a8dff3}.primary-btn{margin-top:12px;width:100%;padding:11px 14px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-amber));color:#fff;font-weight:700}.ghost-btn:hover,.primary-btn:hover{transform:translateY(-1px)}.primary-btn:disabled{cursor:not-allowed;opacity:.75}.error-msg{margin-top:10px;color:#ffd0ca;background:#8221214d;border:1px solid rgba(255,125,108,.45);border-radius:8px;padding:8px 10px}.result-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.queue-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.queue-list li{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#0b1220cc;color:#cad7ee;font-size:.9rem}.queue-list strong{color:#f0f6ff}.rule-stack{display:flex;flex-wrap:wrap;gap:7px}.rule-chip{font-size:12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-cyan) 35%,transparent);color:#abdef4;padding:4px 9px;background:#0c1d32d1}.table-wrap{width:100%;overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:.84rem}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px 7px;color:#c7d6ef}.history-table th{color:#95aacf;font-weight:700}.clickable-row{cursor:pointer;transition:background .15s ease}.clickable-row:hover{background:#26b3e014}.clickable-row.is-active{background:#26b3e024}.empty-row{text-align:center;color:#8ea4c8;padding:12px 8px}.status-tag{display:inline-block;border-radius:999px;padding:3px 8px;font-size:.76rem;border:1px solid var(--line)}.status-tag.queued{background:#d89f2929;border-color:#d89f2961}.status-tag.assigned{background:#2db36a24;border-color:#2db36a59}.status-tag.escalated{background:#ff6a5829;border-color:#ff6a586b}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:8px}.timeline li{border:1px solid var(--line);border-radius:10px;background:#0b1220c7;padding:8px 10px;display:flex;justify-content:space-between;gap:8px;font-size:.86rem;color:#c7d5ee}.timeline small{color:#8ea4c8}.timeline-meta{margin:0 0 8px;color:#a9bfe1;font-size:.82rem}.notes-box{width:100%;border:1px solid rgba(143,164,201,.3);border-radius:10px;background:#070e1be0;color:var(--ink);padding:10px;resize:vertical;font:inherit}.thread-box{max-height:220px;overflow-y:auto;display:grid;gap:8px;padding-right:2px}.thread-message{border:1px solid var(--line);border-radius:10px;background:#0b1220c7;padding:8px 10px}.thread-message.customer{border-color:#26b3e059}.thread-message.agent,.thread-message.admin{border-color:#2db36a59}.thread-head{margin:0;color:#9ec2eb;font-size:.78rem}.thread-body{margin:4px 0 0;color:#d8e5fb;font-size:.9rem}.thread-compose{margin-top:10px;display:grid;gap:8px}.metric-card{border:1px solid var(--line);border-radius:12px;background:#0c1425e0;padding:10px}.metric-label{margin:0;color:var(--muted);font-size:.85rem}.metric-value{margin:6px 0 0;font-size:1.1rem;font-weight:700}.metric-value.small{font-size:.94rem;font-weight:600;line-height:1.4}.band.ok{background:#2db36a21;border-color:#2db36a57}.band.warn{background:#d89f2929;border-color:#d89f2961}.band.danger{background:#ff6a5826;border-color:#ff6a5866}.clean-box{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#0c1425e6}.clean-box p{margin:6px 0 0}.review-note{margin:10px 0 0;color:var(--danger);font-weight:500}.muted{color:var(--muted)}@media (max-width: 700px){.panel-top{flex-direction:column;align-items:flex-start}.meta-row{grid-template-columns:1fr}}@media (max-width: 1080px){.workspace-grid,.workspace-grid.sidebar-collapsed{grid-template-columns:1fr}.accent-picker{margin-left:0}}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}