:root{--bg: #0a0a0a;--card: #161616;--border: #262626;--text: #e8e8e8;--muted: #8a8a8a;--neon: #d7fa4b;--green: #25d366;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:720px;margin:0 auto;padding:40px 20px}.topbar{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:28px;letter-spacing:-.5px}.subtitle{color:var(--muted);margin:6px 0 20px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.form{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px}.row input{flex:1}input{background:#0f0f0f;border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:14px;width:100%}input:focus{outline:none;border-color:var(--neon)}button{background:var(--neon);color:#0a0a0a;border:none;border-radius:10px;padding:12px 18px;font-weight:600;cursor:pointer;font-size:14px;white-space:nowrap}button:disabled{opacity:.5;cursor:default}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.switch{color:var(--neon);cursor:pointer;text-align:center;margin:14px 0 0;font-size:14px}.error{color:#ff6b6b;font-size:13px}.conns{display:flex;flex-direction:column;gap:12px}.conn-head{display:flex;justify-content:space-between;align-items:center}.pill{font-size:12px;padding:4px 10px;border-radius:20px;background:#222;color:var(--muted)}.pill-CONNECTED{background:#25d36626;color:var(--green)}.pill-QR{background:#d7fa4b26;color:var(--neon)}.pill-CONNECTING,.pill-CREATED{background:#ffffff14;color:#ccc}.qr-box{margin-top:16px;background:#fff;border-radius:12px;padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px}.qr-box .subtitle{color:#333;margin:0;text-align:center;font-size:13px}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{padding:8px 16px;border-radius:10px;cursor:pointer;color:var(--muted);font-size:14px;border:1px solid var(--border)}.tab.active{color:#0a0a0a;background:var(--neon);border-color:var(--neon);font-weight:600}.inbox{display:flex;gap:12px;height:72vh}.conv-list{width:30%;min-width:220px;overflow-y:auto;border:1px solid var(--border);border-radius:14px;background:var(--card)}.conv-item{padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer}.conv-item:hover{background:#1c1c1c}.conv-item.active{background:#1f1f1f;border-left:3px solid var(--neon)}.conv-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.conv-time{color:var(--muted);font-size:11px}.conv-preview{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.badge-unread{background:var(--green);color:#0a0a0a;border-radius:20px;font-size:11px;font-weight:700;padding:1px 7px}.thread-wrap{flex:1;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--card);overflow:hidden}.thread-head{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.thread{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:72%;padding:8px 12px;border-radius:12px;font-size:14px;display:flex;flex-direction:column;gap:2px}.bubble-in{align-self:flex-start;background:#232323}.bubble-out{align-self:flex-end;background:#054640}.msg-meta{font-size:10px;color:var(--muted);align-self:flex-end}.composer{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.composer input{flex:1}.empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted)}select{background:#0f0f0f;border:1px solid var(--border);border-radius:10px;padding:10px;color:var(--text);font-size:14px}select:focus{outline:none;border-color:var(--neon)}.assign-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.assign-row select{flex:1;min-width:130px}button.mini{padding:8px 12px;font-size:13px}.bubble-media{max-width:240px;max-height:280px;border-radius:8px;display:block;cursor:pointer}.bubble audio{max-width:240px}.attach{display:flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-size:18px;background:#0f0f0f}.attach:hover{border-color:var(--neon)}.dossier{width:280px;min-width:240px;overflow-y:auto;border:1px solid var(--border);border-radius:14px;background:var(--card);padding:16px;display:flex;flex-direction:column;gap:6px}.d-title{margin:0 0 8px;font-size:16px}.d-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:10px}.d-value{font-size:14px;color:var(--text)}.dossier textarea{background:#0f0f0f;border:1px solid var(--border);border-radius:10px;padding:10px;color:var(--text);font-size:14px;font-family:inherit;resize:vertical}.dossier textarea:focus{outline:none;border-color:var(--neon)}.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.tag-chips.small{margin-top:6px}.tag-chip{background:#2a3a12;color:var(--neon);border-radius:20px;padding:2px 9px;font-size:12px;display:inline-flex;align-items:center;gap:5px}.tag-chip b{cursor:pointer;font-weight:700;opacity:.7}.tag-chip b:hover{opacity:1}.tag-select{margin-top:8px}@media (max-width: 820px){.dossier{display:none}}.composer-wrap{position:relative}.qr-palette{position:absolute;bottom:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:6px;max-height:240px;overflow-y:auto;box-shadow:0 -8px 24px #00000080}.qr-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.qr-item:hover{background:#1f1f1f}.qr-shortcut{color:var(--neon);font-size:12px;font-weight:700}.qr-content{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.mini.ghost,button.ghost.mini{background:transparent;color:var(--muted);border:1px solid var(--border)}.conn-actions{display:flex;gap:8px;margin-top:12px}