:root{--bg: #0f1115;--panel: #171a21;--border: #2a2f3a;--text: #e6e8ec;--muted: #8a92a0;--accent: #25d366;--danger: #ef4444}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#06210f;font-weight:600;padding:8px 14px;border-radius:8px}button.secondary{background:transparent;color:var(--text);border-color:var(--border)}button.danger{background:transparent;color:var(--danger);border-color:var(--danger)}button.small{padding:4px 10px;font-size:12px}button:disabled{opacity:.5;cursor:not-allowed}input,select{background:#0c0e12;border:1px solid var(--border);color:var(--text);padding:9px 11px;border-radius:8px;font-size:14px}.center{min-height:100vh;display:grid;place-items:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;display:grid;gap:10px;min-width:320px;max-width:460px}.card label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.app{display:grid;grid-template-columns:220px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"top top" "side content";min-height:100vh;transition:grid-template-columns .15s ease}.app.collapsed{grid-template-columns:64px 1fr}.topbar{grid-area:top;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--border);background:var(--panel)}.sidebar{grid-area:side;border-right:1px solid var(--border);padding:12px;display:grid;gap:4px;align-content:start;overflow:hidden}.sidebar a{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:8px;color:var(--text);text-decoration:none;cursor:pointer;white-space:nowrap}.sidebar a:hover{background:#191d26}.sidebar a.active{background:#20242e;color:var(--accent)}.nav-ico{flex:none}.nav-label{overflow:hidden;text-overflow:ellipsis}.collapse-btn{justify-self:end;width:34px;height:34px;padding:0;margin-bottom:6px;display:grid;place-items:center;background:transparent;border:1px solid var(--border);color:var(--muted)}.collapse-btn:hover{color:var(--text);background:#191d26}.app.collapsed .nav-label{display:none}.app.collapsed .sidebar a{justify-content:center;padding:9px 0}.app.collapsed .collapse-btn{justify-self:center}.content{grid-area:content;padding:24px;min-width:0}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.error{color:var(--danger)}.ok{color:var(--accent)}.actions{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}table.list{width:100%;border-collapse:collapse;margin-top:8px}table.list th,table.list td{text-align:left;padding:10px;border-bottom:1px solid var(--border);font-size:14px}table.list th{color:var(--muted);font-weight:600}.row-actions{text-align:right}.section-title{font-size:15px;margin:18px 0 4px}.invite-form{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.invite-form input[type=email]{flex:1;min-width:220px}.tabs{display:flex;align-items:center;gap:8px;margin:10px 0 16px}.tab{background:transparent;border:1px solid var(--border);color:var(--text);font-weight:500}.tab.active{background:#20242e;border-color:var(--accent);color:var(--accent)}.error-row td{background:#ef444412}.error-list{margin:0;padding-left:18px;display:grid;gap:3px;font-size:13px}.dispatch-grid{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin:8px 0 16px}.dispatch-form{flex:0 1 480px;margin:0}.preview-pane{flex:1 1 320px;min-width:280px;position:sticky;top:12px}.preview-label{font-size:12px;color:var(--muted);margin-bottom:8px}.preview-chat{background:#0b141a;border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column}.preview-bubble{max-width:100%;align-self:flex-end}.tpl-header{font-weight:700;margin-bottom:4px}.tpl-media{background:#00000040;border-radius:6px;padding:14px;text-align:center;color:#e9edefbf;font-size:13px;margin-bottom:6px}.tpl-body{display:block}.tpl-footer{margin-top:6px;font-size:12px;color:#e9edef99}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-section-title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:18px 0 2px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin:6px 0}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;display:grid;gap:3px}.metric-value{font-size:28px;font-weight:700;line-height:1.1}.metric-value.accent{color:var(--accent)}.metric-value.danger{color:var(--danger)}.metric-label{color:var(--text);font-size:13px}.metric-sub{color:var(--muted);font-size:12px}.inbox{display:grid;grid-template-columns:300px 1fr;gap:12px;height:calc(100vh - 170px)}.conv-list{border:1px solid var(--border);border-radius:10px;padding:8px;overflow-y:auto;display:grid;gap:4px;align-content:start}.conv-item{padding:9px 10px;border-radius:8px;cursor:pointer;display:grid;gap:1px}.conv-item:hover,.conv-item.active{background:#202c33}.messages-pane{border:1px solid var(--border);border-radius:10px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.chat-empty{display:grid;place-items:center}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:#111b21}.badge{font-size:11px;padding:3px 9px;border-radius:999px}.badge.open{background:#25d36626;color:var(--accent)}.badge.closed{background:#8a92a029;color:var(--muted)}.messages{overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:3px;background:#0b141a}.date-sep{display:flex;justify-content:center;margin:10px 0}.date-sep span{background:#182229;color:var(--muted);font-size:12px;padding:4px 10px;border-radius:8px}.bubble{max-width:68%;padding:6px 9px 4px;border-radius:10px;font-size:14px;line-height:1.35;box-shadow:0 1px #00000040;margin-top:3px}.bubble.in{background:#202c33;align-self:flex-start;border-top-left-radius:3px}.bubble.out{background:#005c4b;align-self:flex-end;border-top-right-radius:3px}.bubble .meta{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:10.5px;color:#e9edef8c;margin-top:2px}.tick{width:16px;height:16px;flex:none;color:#e9edef99}.tick.read{color:#53bdeb}.tick.failed{color:var(--danger)}.msg-text{white-space:pre-wrap;word-break:break-word}.msg-media{display:grid;gap:4px}.msg-img{max-width:280px;max-height:320px;border-radius:6px;object-fit:cover;cursor:pointer;display:block}.audio-player{display:flex;align-items:center;gap:8px;min-width:232px;padding:2px 0}.audio-avatar{flex:none;width:38px;height:38px;border-radius:50%;background:#ffffff1a;display:grid;place-items:center;color:#e9edefa6}.audio-avatar svg{width:20px;height:20px}.audio-btn{flex:none;width:34px;height:34px;padding:0;border:none;border-radius:50%;background:transparent;color:#e9edefe6;display:grid;place-items:center}.audio-btn:hover{color:#fff;background:#ffffff14}.audio-btn svg{width:22px;height:22px}.audio-track{flex:1;position:relative;height:16px;display:flex;align-items:center;cursor:pointer}.audio-track:before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:3px;background:#ffffff38}.audio-fill{position:absolute;left:0;height:3px;border-radius:3px;background:var(--accent)}.audio-knob{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 1px 2px #0006}.audio-time{flex:none;min-width:30px;text-align:right;font-size:11px;color:#e9edef99}.msg-doc{display:flex;align-items:center;gap:8px;background:#00000038;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none}.msg-doc:hover{background:#00000052}.doc-icon{font-size:20px}.doc-name{font-size:13px;word-break:break-all}.reply-box{display:flex;flex-direction:column;gap:8px;padding:10px;border-top:1px solid var(--border);background:#111b21}.reply-row{display:flex;align-items:center;gap:8px}.reply-row input[type=text],.reply-row>input:not([type]){flex:1}.attach-btn{flex:none;background:transparent;border:1px solid var(--border);color:var(--text);padding:0;width:38px;height:38px;font-size:18px;line-height:1}.attach-btn:hover:not(:disabled){background:#202c33}.attach-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#202c33;border:1px solid var(--border);border-radius:8px;padding:6px 10px}.attach-name{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-remove{flex:none;background:transparent;border:none;color:var(--muted);padding:2px 6px;font-size:13px}.attach-remove:hover{color:var(--danger)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:grid;place-items:center;z-index:1000}.lightbox img,.lightbox video{max-width:92vw;max-height:88vh;border-radius:6px}.lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff1f;border:none;color:#fff;width:40px;height:40px;border-radius:999px;font-size:18px;cursor:pointer}