:root{color-scheme:dark;--bg: #0a111f;--bg-soft: #121d33;--panel: rgba(13, 22, 41, .9);--line: rgba(158, 180, 255, .12);--text: #eaf1ff;--muted: #97a8d6;--accent: #7df9c6;--accent-strong: #3fbf96;--danger: #ff918b;--shadow: 0 24px 60px rgba(0, 0, 0, .35);font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(125,249,198,.15),transparent 30%),radial-gradient(circle at top right,rgba(89,122,255,.18),transparent 25%),linear-gradient(180deg,#0a111f,#050914);color:var(--text)}button,textarea,select,input{font:inherit}.app-shell{display:grid;grid-template-columns:320px 1fr;min-height:100vh}.mobile-menu-button{display:none}.sidebar,.main{padding:24px}.sidebar{border-right:1px solid var(--line);background:#040a16b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand h1,.panel-head h2{margin:0}.eyebrow{margin:0 0 8px;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px}.sidebar .panel{margin-top:18px}.nav-panel{position:sticky;top:24px}.company-form{display:grid;gap:10px;margin-top:12px}.company-form button{border:0;border-radius:999px;padding:10px 14px;background:#7df9c629;color:var(--text);cursor:pointer}.nav-list{display:grid;gap:10px}.nav-link{width:100%;text-align:left;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#ffffff08;color:var(--text);cursor:pointer}.nav-link.active{border-color:#7df9c673;background:#7df9c61f}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}select,textarea,input{width:100%;border-radius:16px;border:1px solid var(--line);background:#040a16e6;color:var(--text);padding:12px 14px}.agent-list,.stack{display:grid;gap:12px}.compact-list{max-height:240px;overflow:auto}.agent-card,.task-card,.report-card,.message{border-radius:18px;border:1px solid var(--line);padding:14px;background:#ffffff05}.agent-card{text-align:left;cursor:pointer;color:inherit}.agent-card.active{border-color:#7df9c680;background:#7df9c614}.agent-card strong,.task-card strong,.report-card strong{display:block;margin-bottom:4px}.status{border-radius:999px;padding:4px 10px;font-size:12px;text-transform:capitalize}.status.connected{background:#7df9c61f;color:var(--accent)}.status.connecting{background:#ff918b1f;color:var(--danger)}.main{display:grid;gap:18px;min-height:0}.chat{min-height:60vh;display:grid;grid-template-rows:auto 1fr auto;gap:18px}.whatsapp-shell{display:grid;grid-template-columns:320px 1fr;gap:18px;min-height:calc(100vh - 48px);max-height:calc(100vh - 48px);overflow:hidden}.whatsapp-list,.whatsapp-chat{min-height:0}.whatsapp-list{display:grid;grid-template-rows:auto 1fr;min-height:0}.whatsapp-chat{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.thread-list{display:grid;gap:10px;overflow:auto;min-height:0}.new-thread-button{border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#04101b;font-weight:700;cursor:pointer;flex-shrink:0}.thread-row{width:100%;text-align:left;border:1px solid var(--line);border-radius:18px;padding:14px;background:#ffffff08;color:var(--text);cursor:pointer}.thread-row.active{border-color:#7df9c673;background:#7df9c61f}.thread-row strong,.thread-row span,.thread-row small{display:block}.thread-row span,.thread-row small{color:var(--muted);margin-top:4px}.chat-header{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.chat-header strong,.chat-header span{display:block}.chat-header span{color:var(--muted);margin-top:4px}.conversation{overflow:auto;display:grid;gap:12px;padding-right:8px;min-height:0;align-content:start}.whatsapp-conversation{background:linear-gradient(#ffffff05,#ffffff05),radial-gradient(circle at top left,rgba(89,122,255,.08),transparent 30%);border:1px solid var(--line);border-radius:22px;padding:16px;min-height:0;height:100%}.message header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--muted)}.message.user{background:#597aff1f}.message.agent{background:#7df9c614}.message.system{background:#ffffff0a}.chat-bubble{max-width:78%;border-radius:18px;padding:12px 14px;border:1px solid var(--line)}.chat-bubble.incoming{justify-self:start;background:#ffffff0f}.chat-bubble.outgoing{justify-self:end;background:#597aff33}.attachment-list{display:grid;gap:8px;margin-top:12px}.attachment-chip{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#ffffff0d;color:var(--text);text-decoration:none}.attachment-chip strong,.attachment-chip span{display:block}.attachment-chip span{color:var(--muted);text-transform:capitalize}.chat-bubble.agent{background:#7df9c61f}.chat-bubble.system{background:#ffffff0a}.whatsapp-composer{border-top:1px solid var(--line);padding-top:14px;background:#0d1629f5;position:sticky;bottom:0}.composer{display:grid;gap:12px}.composer-toolbar{display:flex;gap:10px;flex-wrap:wrap}.mode-button{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#ffffff08;color:var(--text);cursor:pointer}.mode-button.active{background:#7df9c629;border-color:#7df9c666}.composer button{justify-self:end;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#04101b;font-weight:700;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-grid{align-items:start}.agent-form{display:grid;gap:12px}.agent-form button{justify-self:start;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#04101b;font-weight:700;cursor:pointer}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.danger-button{border:1px solid rgba(255,145,139,.35);border-radius:999px;padding:12px 18px;background:#ff918b24;color:var(--danger);font-weight:700;cursor:pointer}.agent-table{display:grid;gap:12px;overflow-x:auto}.agent-table-head,.agent-row{display:grid;grid-template-columns:1fr .8fr 1.2fr .9fr 1.2fr .7fr;gap:10px;align-items:start}.agent-table-head{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:0 4px}.agent-row{min-width:980px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffff08}.agent-row-actions{display:grid;gap:8px}.agent-row-actions button{border:0;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#04101b;font-weight:700;cursor:pointer}.cell-value{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#040a1680;display:flex;align-items:center}.cell-rules{line-height:1.5}.modal-backdrop{position:fixed;inset:0;background:#02060eb3;display:grid;place-items:center;padding:24px;z-index:100}.modal-card{width:min(720px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:24px;background:#0d1629fa;box-shadow:var(--shadow);padding:20px}.modal-close{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#ffffff0a;color:var(--text);cursor:pointer}.checkbox-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.check-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#ffffff08}.check-item input{width:auto}.live-grid{align-items:start}.status-card,.activity-card{border-radius:18px;border:1px solid var(--line);padding:14px;background:#ffffff08}.status-card strong,.activity-card strong{display:block;margin-bottom:6px}.status-card span,.activity-card span{display:inline-block;margin-bottom:8px;color:var(--muted)}.status-card.working{border-color:#7df9c673;background:#7df9c614}.status-card.idle{border-color:#9eb4ff33}.activity-card.success{border-color:#7df9c659}.activity-card.info{border-color:#9eb4ff33}@media(max-width:980px){.app-shell,.grid,.whatsapp-shell{grid-template-columns:1fr}.agent-table-head{display:none}.agent-row{grid-template-columns:1fr}.mobile-menu-button{display:block;position:sticky;top:0;z-index:30;margin:12px 12px 0;border:0;border-radius:999px;padding:12px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#04101b;font-weight:700}.sidebar{display:none;border-right:0;border-bottom:1px solid var(--line);padding-top:12px}.sidebar.open{display:block}.nav-panel{position:static}}