.app-loading{flex:1;justify-content:center;align-items:center;display:flex}.login-page{flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.login-form{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:24px;display:flex}.login-form label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.login-form .error{color:var(--danger);margin:0;font-size:14px}.app-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.app-header h1{margin:0;font-size:20px}.header-nav{align-items:center;gap:20px;display:flex}.header-nav a{color:var(--text-muted);font-size:14px;text-decoration:none}.header-nav a:hover{color:var(--text)}.header-user{color:var(--text-muted);align-items:center;gap:12px;font-size:14px;display:flex}.whatsapp-page{flex-direction:column;flex:1;min-height:0;display:flex}.whatsapp-page-body{max-width:480px;padding:24px}.wa-status{border:1px solid var(--border);border-radius:999px;margin-bottom:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.wa-status-open{color:#16a34a;border-color:#16a34a}.wa-status-connecting{color:#d97706;border-color:#d97706}.wa-status-close{color:var(--text-muted)}.wa-qr{border:1px solid var(--border);background:#fff;border-radius:8px;width:260px;height:260px;padding:8px}.wa-hint{color:var(--text-muted);max-width:320px;font-size:13px}.wa-connect,.wa-connected{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.admin-page{flex-direction:column;flex:1;min-height:0;display:flex}.admin-page-body{max-width:900px;padding:24px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.admin-table button{margin-right:6px;padding:4px 10px;font-size:13px}.saved-hint{color:#16a34a;margin-left:8px;font-size:13px}.auto-reply-editor{flex-wrap:wrap;gap:24px;display:flex}.auto-reply-fields{flex-direction:column;flex:1;gap:12px;min-width:280px;display:flex}.auto-reply-fields label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.auto-reply-fields textarea{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical;border-radius:6px;padding:8px 10px}.auto-reply-preview{flex:1;min-width:280px}.auto-reply-preview pre{white-space:pre-wrap;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:inherit;font-size:14px}.employee-form{flex-direction:column;gap:12px;max-width:320px;margin-top:16px;display:flex}.employee-form label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.employee-form-actions{gap:8px;display:flex}.inbox-page{flex-direction:column;flex:1;min-height:0;display:flex}.inbox-body{flex:1;min-height:0;display:flex}.inbox-sidebar{border-right:1px solid var(--border);flex-shrink:0;width:320px;overflow-y:auto}.inbox-main{flex-direction:column;flex:1;min-width:0;display:flex}.empty-state{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.conversation-list{margin:0;padding:0;list-style:none}.conversation-item{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.conversation-item:hover{background:var(--surface)}.conversation-item.selected{background:var(--surface);border-left:3px solid var(--accent)}.conversation-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.client-name{font-weight:600}.client-phone{color:var(--text-muted);font-size:13px}.status-badge{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:11px}.status-badge.status-claimed{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.conversation-list .empty{color:var(--text-muted);padding:16px}.chat-thread{flex-direction:column;flex:1;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chat-header h2{margin:0 0 2px}.claim-status.taken{color:var(--text-muted);font-size:13px}.claim-controls{align-items:center;gap:8px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px 20px;display:flex;overflow-y:auto}.message{background:var(--surface);border:1px solid var(--border);border-radius:10px;max-width:60%;padding:8px 12px}.message-client{align-self:flex-start}.message-bot,.message-employee{background:var(--accent);color:var(--accent-contrast);align-self:flex-end}.chat-composer{border-top:1px solid var(--border);gap:8px;padding:12px 20px;display:flex}.chat-composer input{flex:1}:root{--text:#1f2937;--text-muted:#6b7280;--bg:#f9fafb;--surface:#fff;--border:#e5e7eb;--accent:#111827;--accent-contrast:#fff;--danger:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f3f4f6;--text-muted:#9ca3af;--bg:#111827;--surface:#1f2937;--border:#374151;--accent:#f3f4f6;--accent-contrast:#111827}}*{box-sizing:border-box}body{min-height:100svh;margin:0}#root{flex-direction:column;min-height:100svh;display:flex}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--accent);color:var(--accent-contrast);border-radius:6px;padding:8px 14px}button:disabled{opacity:.5;cursor:default}input{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:8px 10px}