:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2ff;background:#080b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%}body{background:radial-gradient(circle at 0 0,#5746e547,#0000 35%),#080b12;height:100vh;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}.center-card{text-align:center;place-content:center;gap:1rem;min-height:100vh;padding:2rem;display:grid}.center-card h1{margin:0;font-size:clamp(2.4rem,6vw,5rem)}.center-card button,.composer button,.group-admin button,.secondary-action,.mobile-admin-toggle{color:#fff;cursor:pointer;background:#7c3aed;border:0;border-radius:999px;padding:.9rem 1.4rem;font-weight:800}.group-admin button.danger{background:#b91c1c}.secondary-action,.mobile-admin-toggle{background:#7c3aed38;border:1px solid #a78bfa73}.icon-button{width:38px;height:38px;background:#94a3b824!important;border-radius:12px!important;padding:0!important}.group-admin .icon-button{display:none}.center-card button:disabled,.composer button:disabled,.group-admin button:disabled{opacity:.5;cursor:not-allowed}.error{color:#fecaca}.shell{grid-template-columns:290px minmax(0,1fr) 360px;height:100vh;max-height:100vh;display:grid;overflow:hidden}.sidebar,.group-admin{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172ac7;border-right:1px solid #94a3b838;flex-direction:column;gap:.8rem;padding:1.2rem;display:flex}.group-admin{border-left:1px solid #94a3b838;border-right:0;overflow-y:auto}.brand{align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.brand span{background:#312e81;border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.channel{text-align:left;color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;width:100%;padding:.8rem 1rem}.channel.active{color:#fff;background:#7c3aed2e;border-color:#a78bfa80}.group-channel{padding-left:1.2rem;font-size:.92rem}.group-list{gap:.4rem;margin-top:.6rem;display:grid}.group-list small,.group-list p{color:#94a3b8}.group-list p{margin:0;font-size:.86rem}.identity{background:#0f172abf;border:1px solid #94a3b82e;border-radius:18px;gap:.25rem;margin-top:auto;padding:1rem;display:grid}.identity small,.identity span,.chat-header p,.message-meta,dt,.group-admin p,.group-admin label,.group-admin legend{color:#94a3b8}.chat,.monitor{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden}.chat-header{border-bottom:1px solid #94a3b82e;padding:1.2rem 1.6rem}.chat-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.chat-header h1{margin:0}.chat-header p{margin:.35rem 0 0}.status-summary{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.status-summary span{background:#0f172ab3;border:1px solid #94a3b82e;border-radius:999px;padding:.5rem .75rem}.messages{overscroll-behavior:contain;background:radial-gradient(circle at 20% 10%,#7c3aed1f,#0000 26%),linear-gradient(#080b1233,#0f172abd);flex-direction:column;gap:.75rem;min-height:0;margin:0;padding:1.4rem;list-style:none;display:flex;overflow-y:auto}.message{overflow-wrap:anywhere;background:#0f172ae6;border:1px solid #94a3b826;border-radius:20px;max-width:min(820px,84%);padding:.82rem .95rem;box-shadow:0 16px 34px #0000002e}.message.agent{border-left:3px solid #8b5cf6;border-bottom-left-radius:6px;align-self:flex-start}.message.human{background:linear-gradient(135deg,#22c55e33,#15803d57);border-right:3px solid #22c55e;border-bottom-right-radius:6px;align-self:flex-end}.message-meta{flex-wrap:wrap;align-items:baseline;gap:.6rem;font-size:.85rem;display:flex}.message-meta strong{color:#f8fafc}.message p{white-space:pre-wrap;margin:.55rem 0 0;line-height:1.55}.empty{color:#94a3b8;text-align:center;padding-top:12vh}.composer{z-index:15;padding:1rem 1.4rem calc(1rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080b12f0;border-top:1px solid #94a3b82e;grid-template-columns:minmax(120px,160px) minmax(140px,190px) minmax(0,1fr) auto;align-items:end;gap:.8rem;display:grid;position:sticky;bottom:0}.composer input,.composer select{color:#fff;background:#0f172ae6;border:1px solid #94a3b840;border-radius:999px;outline:none;width:100%;padding:.9rem 1.2rem}.composer input{min-width:0}.send-icon{display:none}.action-select,.recipient-select{color:#94a3b8;gap:.25rem;font-size:.82rem;display:grid}.action-select select,.recipient-select select{color:#fff;font-weight:800}.recipient-select select:disabled{opacity:.62;cursor:not-allowed}.target-badge{color:#ddd6fe;background:#7c3aed3d;border:1px solid #a78bfa52;border-radius:999px;padding:.18rem .5rem}.monitor{overflow:hidden}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem;padding:1.4rem;display:grid;overflow-y:auto}.profile-card{background:#0f172ad1;border:1px solid #94a3b82e;border-left:4px solid #64748b;border-radius:20px;gap:.65rem;min-height:210px;padding:1rem;display:grid}.profile-card.online{border-left-color:#22c55e}.profile-card.idle{border-left-color:#f59e0b}.profile-card.blocked{border-left-color:#ef4444}.profile-card.offline{border-left-color:#64748b}.profile-card.unknown{border-left-color:#8b5cf6}.profile-topline{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.profile-card code{color:#c4b5fd;font-size:.85rem}.profile-card p{color:#cbd5e1;min-height:2.8rem;margin:0}.status-pill{color:#e2e8f0;text-transform:uppercase;letter-spacing:.04em;background:#94a3b826;border-radius:999px;padding:.25rem .55rem;font-size:.78rem}dl{gap:.45rem;margin:0;display:grid}dl div{gap:.12rem;display:grid}dt{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}dd{color:#e2e8f0;margin:0;font-size:.9rem}.group-admin h2{margin:0}.panel-heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.group-admin p{margin:0 0 .6rem;line-height:1.45}.group-admin form,.group-admin label{gap:.45rem;display:grid}.group-admin form{gap:1rem}.group-admin input[type=text],.group-admin input:not([type]),.group-admin select{color:#fff;background:#0f172ae6;border:1px solid #94a3b840;border-radius:12px;outline:none;width:100%;padding:.75rem .85rem}.group-admin fieldset{border:1px solid #94a3b82e;border-radius:16px;gap:.55rem;max-height:48vh;margin:0;padding:.85rem;display:grid;overflow-y:auto}.checkbox-row{border-bottom:1px solid #94a3b814;grid-template-columns:auto 1fr;align-items:center;column-gap:.55rem;padding-bottom:.45rem}.checkbox-row input{accent-color:#8b5cf6}.checkbox-row code{color:#c4b5fd;grid-column:2;font-size:.78rem}.mobile-admin-toggle,.mobile-channel-select{display:none}@media (width<=1100px){.shell{grid-template-columns:260px minmax(0,1fr)}.mobile-admin-toggle{display:block}.group-admin{z-index:30;border-top:0;border-left:1px solid #94a3b838;width:min(420px,100vw);max-height:none;position:fixed;top:0;bottom:0;right:0;box-shadow:-24px 0 60px #0000006b}.group-admin.collapsed{display:none}.group-admin .icon-button{place-items:center;display:inline-grid}}@media (width<=760px){body{height:100dvh;min-height:100dvh}.shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100dvh;max-height:100dvh}.sidebar{z-index:20;scrollbar-width:none;border-bottom:1px solid #94a3b838;border-right:0;flex-direction:row;align-items:center;gap:.5rem;padding:.58rem .7rem;position:sticky;top:0;overflow-x:auto}.sidebar::-webkit-scrollbar{display:none}.mobile-channel-select{color:#94a3b8;flex:auto;gap:.12rem;min-width:0;font-size:.72rem;display:grid}.mobile-channel-select select{color:#fff;background:#0f172ae6;border:1px solid #94a3b840;border-radius:999px;outline:none;width:100%;min-width:0;padding:.62rem .78rem;font-weight:800}.sidebar>.channel,.group-list{display:none}.brand{flex:none;margin-bottom:0}.brand strong{display:none}.brand span{border-radius:11px;width:36px;height:36px;font-size:1.2rem}.channel{white-space:nowrap;background:#0f172abd;border-radius:999px;flex:none;width:auto;padding:.62rem .78rem}.group-channel{padding-left:.78rem}.group-list small,.group-list p,.identity{display:none}.mobile-admin-toggle{flex:none;padding:.62rem .8rem;display:block}.chat,.monitor{min-height:0}.chat-header{background:#080b12e0;padding:.72rem .9rem}.chat-header h1{font-size:1.12rem}.chat-header p{-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.82rem;display:-webkit-box;overflow:hidden}.chat-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.secondary-action{width:auto;padding:.62rem .8rem;font-size:.82rem}.messages{gap:.62rem;padding:.78rem .7rem}.message{border-radius:17px;max-width:86%;padding:.72rem .82rem}.message-meta{gap:.38rem;font-size:.74rem}.message-meta time{opacity:.74;flex-basis:100%;display:block}.message p{font-size:.94rem;line-height:1.45}.composer{padding:.62rem .7rem calc(.62rem + env(safe-area-inset-bottom));grid-template-columns:minmax(72px,82px) minmax(0,1fr) 44px;align-items:end;gap:.42rem}.action-select{grid-area:2/1}.recipient-select{grid-area:1/1/auto/-1}.action-select span,.recipient-select span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.composer input{grid-area:2/2;min-height:46px}.composer button{grid-area:2/3;place-items:center;width:44px;height:44px;padding:0;font-size:1rem;display:grid;box-shadow:0 10px 24px #7c3aed52}.composer input,.composer select{border-radius:999px;padding:.75rem .82rem}.send-text{display:none}.send-icon{display:inline;transform:translate(1px)}.group-admin{z-index:30;width:auto;max-height:82dvh;padding-bottom:calc(1.2rem + env(safe-area-inset-bottom));border-top:1px solid #94a3b838;border-left:0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -24px 60px #0000006b}.group-admin.collapsed{display:none}.group-admin .icon-button{place-items:center;display:inline-grid}.group-admin fieldset{max-height:44dvh}.profile-grid{grid-template-columns:1fr;padding:.9rem}}