:root{--bg:#f4f5f7;--panel:#fff;--border:#e1e4e8;--text:#1f2328;--muted:#6b7280;--accent:#2563eb;--accent-fg:#fff;--bubble-other:#eef0f3;--system:#9aa1ab;--danger:#dc2626;--online:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}input,button,textarea{font-family:inherit}input{border:1px solid var(--border);border-radius:6px;padding:.5rem .7rem;font-size:.9rem}button{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:var(--border);color:var(--text)}button.danger{background:var(--danger)}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-dashboard{flex-direction:column;gap:1.25rem;max-width:860px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.admin-dashboard-header{justify-content:space-between;align-items:center;display:flex}.admin-dashboard-header h1{margin:0;font-size:1.3rem}.admin-summary{gap:1rem;display:flex}.admin-summary div{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:1;gap:.2rem;padding:.9rem 1rem;display:flex}.admin-summary strong{font-size:1.4rem}.admin-summary span{color:var(--muted);font-size:.8rem}.admin-customer-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.admin-customer-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.admin-customer-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.admin-customer-name{flex-direction:column;gap:.15rem;display:flex}.admin-customer-name .mono{color:var(--muted);font-size:.78rem}.admin-customer-stats{color:var(--muted);white-space:nowrap;gap:.9rem;font-size:.82rem;display:flex}.admin-customer-stats .online{color:var(--online);font-weight:600}.admin-customer-detail{border-top:1px solid var(--border);padding:.9rem 1.1rem 1.1rem}.admin-customer-detail dl{grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0 0 .9rem;font-size:.82rem;display:grid}.admin-customer-detail dt{color:var(--muted)}.admin-customer-detail dd{margin:0}.admin-channel-table{border-collapse:collapse;width:100%;font-size:.82rem}.admin-channel-table th,.admin-channel-table td{text-align:left;border-bottom:1px solid var(--border);padding:.4rem .5rem}.admin-channel-table th{color:var(--muted);font-weight:500}.admin-channel-table .online{color:var(--online);font-weight:600}.landing{justify-content:center;align-items:center;min-height:100%;padding:2rem 1rem;display:flex}.landing-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;max-width:440px;padding:1.75rem}.landing-card h1{margin:0 0 .3rem;font-size:1.4rem}.landing-subtitle{color:var(--muted);margin:0 0 1.25rem;font-size:.9rem}.tabs{gap:.5rem;margin-bottom:1.25rem;display:flex}.tabs button{flex:1}.form{flex-direction:column;gap:.9rem;display:flex}.form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.error{color:var(--danger);font-size:.85rem}.result dl{grid-template-columns:auto 1fr;gap:.4rem .8rem;margin:1rem 0;font-size:.85rem;display:grid}.result dt{color:var(--muted)}.result dd{word-break:break-all;margin:0}.warning{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:8px;padding:.6rem .8rem;font-size:.85rem}.admin-link{text-align:center;color:var(--muted);margin-top:1.5rem;font-size:.8rem;display:block}.chat-panel{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-direction:column;height:520px;display:flex;overflow:hidden}.chat-panel-header{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.6rem .9rem;display:flex}.chat-status{color:var(--muted);align-items:center;gap:.35rem;margin-left:auto;font-size:.82rem;display:flex}.chat-status .dot{background:var(--danger);border-radius:50%;width:7px;height:7px}.chat-status.connected .dot{background:var(--online)}.chat-status.connecting .dot{background:#d97706}.chat-panel-body{flex:1;min-height:0;display:flex}.chat-users{border-right:1px solid var(--border);flex-shrink:0;width:160px;padding:.65rem;overflow-y:auto}.chat-users h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .5rem;font-size:.72rem}.chat-users ul{margin:0;padding:0;list-style:none}.chat-users li{border-radius:6px;align-items:center;gap:.35rem;padding:.3rem;font-size:.85rem;display:flex}.chat-users li .dot{background:var(--online);border-radius:50%;flex-shrink:0;width:6px;height:6px}.chat-users li.me{font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:.45rem;padding:.85rem;display:flex;overflow-y:auto}.msg{flex-direction:column;max-width:70%;display:flex}.msg .bubble{background:var(--bubble-other);word-wrap:break-word;border-radius:12px;padding:.45rem .7rem;font-size:.9rem}.msg .meta{color:var(--muted);margin-bottom:.15rem;font-size:.7rem}.msg.mine{align-self:flex-end;align-items:flex-end}.msg.mine .bubble{background:var(--accent);color:var(--accent-fg)}.msg.theirs{align-self:flex-start;align-items:flex-start}.sys{color:var(--system);align-self:center;padding:.15rem 0;font-size:.76rem}.chat-compose{border-top:1px solid var(--border);gap:.5rem;padding:.6rem;display:flex}.chat-compose input{flex:1}.integration-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:1rem;padding:1.1rem 1.25rem;display:flex}.integration-panel h3{margin:0;font-size:1rem}.integration-hint{color:var(--muted);margin:.2rem 0 .6rem;font-size:.8rem}.integration-shared{flex-direction:column;gap:.6rem;display:flex}.integration-shared label,.integration-panel label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.integration-shared textarea{border:1px solid var(--border);resize:vertical;border-radius:6px;padding:.5rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.integration-section{border-top:1px solid var(--border);padding-top:.9rem}.integration-section h4{margin:0 0 .2rem;font-size:.9rem}.integration-inline-form{gap:.5rem;display:flex}.integration-inline-form input{flex:1}.integration-result{color:var(--online);margin-top:.5rem;font-size:.82rem}.integration-state{grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:.6rem 0 0;font-size:.82rem;display:grid}.integration-state dt{color:var(--muted)}.integration-state dd{margin:0}.integration-state pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--border);border-radius:6px;margin:0;padding:.5rem .6rem}.meta-settings-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.7rem;padding:1.1rem 1.25rem;display:flex}.meta-settings-panel h2{margin:0;font-size:1rem}.meta-settings-hint{color:var(--muted);margin:0;font-size:.8rem}.meta-settings-form{flex-direction:column;gap:.7rem;display:flex}.meta-settings-form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.meta-settings-toggle{align-items:center;flex-direction:row!important;gap:.5rem!important}.meta-settings-saved{color:var(--online);font-size:.82rem}.dashboard{flex-direction:column;gap:1.25rem;max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.dashboard-header h1{margin:0;font-size:1.3rem}.credentials-card,.display-name-card,.channels-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.25rem}.credentials-card h2,.channels-card h2{margin:0 0 .8rem;font-size:1rem}.credentials-card dl{grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1rem;margin:0;font-size:.85rem;display:grid}.credentials-card dt{color:var(--muted)}.credentials-card dd{word-break:break-all;align-items:center;gap:.5rem;margin:0;display:flex}.copy-btn{flex-shrink:0;padding:.2rem .55rem;font-size:.75rem}.display-name-card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.create-channel-form{gap:.5rem;margin-bottom:1rem;display:flex}.create-channel-form input{flex:1}.channel-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.channel-list li{border:1px solid var(--border);border-radius:8px;align-items:center;gap:.75rem;padding:.55rem .7rem;display:flex}.channel-name{font-weight:600}.channel-count{color:var(--muted);margin-left:auto;font-size:.82rem}.empty-state{color:var(--muted);font-size:.85rem}.error{color:var(--danger);margin-bottom:.75rem;font-size:.85rem}