.livechats{display:flex;gap:12px}.livechats-box{max-height:calc(100vh - 120px);overflow:hidden;padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.03);background:#0003;display:flex;gap:12px}.livechats-box .sessions{max-height:calc(100vh - 160px);overflow-y:auto}.livechats-box .chat-panel{flex:1;display:flex;flex-direction:column;min-height:0}.livechats-box .sessions{min-height:0}.livechats-box .agents{width:320px;max-height:calc(100vh - 160px);overflow-y:auto;min-height:0}.livechats-box .agents>div{min-height:0}.livechats-box .messages{flex:1;overflow-y:auto;min-height:0}.livechats .sessions{width:300px}.chat-item{padding:10px;border-radius:8px;margin-bottom:8px;cursor:pointer;background:#ffffff05}.chat-item.selected{background:#ffffff0a}.chat-preview{color:#ffffffe6}.chat-meta{font-size:12px;opacity:.6}.chat-panel{flex:1;display:flex;flex-direction:column}.chat-header{border-bottom:1px solid rgba(255,255,255,.03);padding:12px}.messages{padding:8px;flex:1;overflow-y:auto}.message-row{display:flex;margin-bottom:8px}.message-bubble{max-width:70%;padding:10px 12px;border-radius:12px;box-shadow:0 1px #0003}.message-meta{font-size:12px;opacity:.7;margin-bottom:6px}.from-user{justify-content:flex-start}.from-user .message-bubble{background:#ffffff0a;color:#fff;border-top-left-radius:4px}.from-admin{justify-content:flex-end}.from-admin .message-bubble{background:#007bff;color:#fff;border-top-right-radius:4px}.agents{width:320px}@media (max-width: 900px){.livechats{flex-direction:column}.agents,.sessions{width:100%}}:root{--bg:#0f1720;--panel:#0b1220;--muted:#9aa4b2;--accent:#4f46e5;--card:#0b1228 }*{box-sizing:border-box}body,html,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Arial;background:#0b1220;color:#e6eef8}.app-root{display:flex;height:100vh}.sidebar{width:220px;background:#071029;padding:16px;display:flex;flex-direction:column;gap:12px}.sidebar .brand{font-weight:700;font-size:18px}.sidebar nav a{display:block;color:var(--muted);padding:8px;border-radius:6px;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{background:#0e2740;color:#e6eef8}.chat-item{padding:8;margin-bottom:6;cursor:pointer;border-radius:6px;color:inherit}.chat-item .preview{color:#9aa4b2;font-size:13px;margin-top:6}.chat-item .meta{margin-top:6;font-size:12;color:#e6eef899}.chat-item.selected{background:#4f46e51f;color:#e6eef8}.main-area{flex:1;display:flex;flex-direction:column}.topbar{height:60px;padding:12px 20px;background:#071a2b;display:flex;align-items:center;justify-content:space-between}.content{padding:20px;overflow:auto}.panel{background:linear-gradient(180deg,#071827,#071227);padding:16px;border-radius:8px}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{padding:8px;border-bottom:1px solid rgba(230,238,248,.04);text-align:left}.card{background:#e6eef805;padding:12px;border-radius:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}label{display:block;margin:8px 0}input,select,textarea{width:100%;padding:8px;border-radius:6px;border:1px solid rgba(230,238,248,.06);background:transparent;color:inherit}.actions{margin-top:12px}.button-primary{background:var(--accent);border:none;padding:8px 12px;border-radius:6px;color:#e6eef8;cursor:pointer}.mono{font-family:ui-monospace,monospace;background:#021124;padding:12px;border-radius:6px}.error{color:#ffb4b4}.panel canvas{background:transparent!important}.panel svg text{fill:#e6eef8!important;color:inherit!important}.panel .recharts-cartesian-axis-tick tspan{fill:#9aa4b2!important}.panel .recharts-legend-wrapper,.panel .chart-legend{color:#e6eef8!important}.panel svg path,.panel svg line,.panel svg rect{stroke:#e6eef8e6!important}.panel *[style*="background: white"],.panel *[style*="background:#fff"],.panel *[style*="background:#ffffff"]{background:transparent!important}.message-bubble{padding:8px;border-radius:8px;display:inline-block;max-width:80%;word-break:break-word}.message-bubble.user{background:#f1f1f1;color:#071227}.message-bubble.admin{background:#4f46e526;color:#e6eef8}.message-row{display:flex;margin-bottom:10px}.message-row.left{justify-content:flex-start}.message-row.right{justify-content:flex-end}input,textarea,select{color:#e6eef8}select{background:#ffffff05;border:1px solid rgba(255,255,255,.04)}input::placeholder,textarea::placeholder{color:#e6eef873}.quick-replies-select{color:#e6eef8;background:#ffffff05}.quick-replies{display:flex;gap:8px}.quick-reply-btn{background:#ffffff08;color:#e6eef8;border:1px solid rgba(255,255,255,.04);padding:6px 10px;border-radius:6px;cursor:pointer}.quick-reply-btn:hover{background:#ffffff0f}.login-root{height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:480px;max-width:95%;box-shadow:0 6px 24px #02061799;padding:24px}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:12px}.login-brand .logo{width:48px;height:48px;border-radius:10px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.login-tabs{display:flex;gap:8px;margin-bottom:12px}.tab{flex:1;padding:8px;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.04);color:var(--muted);cursor:pointer}.tab.active{background:#4f46e51f;color:#e6eef8;border-color:#4f46e533}.login-form label{margin-top:8px}.login-form .actions{display:flex;justify-content:flex-end}.button-primary{background:var(--accent);border:none;padding:10px 16px;border-radius:8px;color:#e6eef8;cursor:pointer}.login-card .error{background:#ff14140f;padding:8px;border-radius:6px}.menu-btn{display:none;background:transparent;border:none;color:inherit;font-size:20px;margin-right:12px;cursor:pointer}.sidebar .close-btn{display:none;background:transparent;border:none;color:inherit;font-size:18px;margin:8px;cursor:pointer}.overlay{display:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-two-col{display:grid;grid-template-columns:1fr 300px;gap:12px;align-items:start}.chart-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.chart-wrapper svg{min-width:320px;width:100%;height:auto}@media (max-width: 480px){.chart-wrapper svg{min-width:280px}}@media (max-width: 900px){.topbar{padding:12px}.topbar .menu-btn{display:inline-flex}.sidebar{position:fixed;left:-100%;top:0;bottom:0;width:260px;z-index:60;transition:left .2s ease}.sidebar.open{left:0}.sidebar .close-btn{display:block}.overlay{display:none}.overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:50}.content{padding:12px}}@media (max-width: 768px){body{font-size:14px}.topbar{height:52px;padding:10px}.top-actions{display:none}.panel h2{font-size:18px}.panel h3{font-size:16px}.card{padding:10px}.button-primary{padding:8px 10px;font-size:14px}.two-col-grid,.form-two-col{grid-template-columns:1fr}.chart-wrapper svg{min-width:280px}.sidebar{width:220px}.container{padding:0 10px}.topbar>div:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 480px){body{font-size:13px}.topbar{height:48px;padding:8px}.panel h2{font-size:16px}.panel h3{font-size:14px}.button-primary{padding:6px 8px;font-size:13px}}