:root{--ink:#111827;--muted:#64748b;--line:#d8dee8;--panel:#fff;--field:#eef3fb;--rail:#293142;--rail-2:#343d50;--accent:#1f7aff;--accent-2:#f59e0b;--green:#82d10d;--yellow:#facc15;--red:#ff453a;--bubble:#d9f6ff;--paper:#d7d9dd;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef1f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1f7aff47}#root{min-height:100vh}.login-page{align-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;max-width:440px;margin:0 auto;padding:36px;box-shadow:0 30px 80px #0f172a24}.brand-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:900;display:inline-flex}.login-panel h1{letter-spacing:0;margin:22px 0 6px;font-size:38px}.login-panel p{color:var(--muted);margin:0;line-height:1.45}.demo-button{color:#0f4eb5;background:#edf4ff;border:1px solid #c9ddff;border-radius:8px;min-height:42px;margin-top:18px;padding:0 14px;font-weight:800}.auth-form,.admin-form{gap:15px;margin-top:24px;display:grid}label{color:#41516a;gap:8px;font-size:14px;display:grid}input,select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.primary-button{background:var(--accent);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.form-error,.form-note{border-radius:8px;margin:0;padding:12px;line-height:1.45}.form-error{color:#b42318;background:#fff0f0}.form-note,.soft-status{color:#41516a;background:#ffffffc7}.messenger-shell{grid-template-columns:76px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.rail{background:var(--rail);color:#d8dfec;grid-template-rows:auto minmax(0,1fr) auto;padding:10px 0;display:grid}.rail-brand{justify-content:center;padding:8px 0 16px;display:grid}.rail .brand-mark{width:36px;height:36px}.rail nav{grid-auto-rows:min-content;gap:4px;display:grid}.rail nav button,.rail-profile button,.ghost-icon,.round-tool,.send-tool,.ai-tool{border:0;justify-content:center;align-items:center;display:inline-flex}.rail nav button{color:#d8dfec;background:0 0;flex-direction:column;gap:5px;min-height:62px;padding:6px 0}.rail nav button.active,.rail nav button:hover{color:#fff;background:#1f2737}.rail nav span{font-size:12px}.rail-profile{justify-items:center;gap:12px;padding-bottom:10px;display:grid}.online-ring{border:3px solid var(--accent-2);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:inline-flex;position:relative}.online-ring:after{background:var(--green);border:2px solid var(--rail);content:"";border-radius:999px;width:12px;height:12px;position:absolute;bottom:1px;right:-1px}.rail-profile button{color:#d8dfec;background:0 0}.messenger-main{min-width:0}.chat-product{grid-template-columns:374px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.roster-panel{background:var(--rail-2);color:#fff;grid-template-rows:auto auto auto minmax(0,1fr);min-width:0;display:grid}.roster-top{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:70px;padding:12px 18px;display:flex}.roster-top strong{display:block}.roster-top span{color:#b8c2d5;font-size:13px;display:block}.ghost-icon{color:#d8dfec;background:0 0;width:34px}.roster-search{background:#293244;border-radius:6px;align-items:center;gap:10px;margin:14px 14px 10px;padding:0 12px;display:flex}.roster-search input{color:#fff;background:0 0;border:0}.roster-search input::placeholder{color:#aeb8ca}.mini-tabs{gap:8px;padding:0 14px 12px;display:flex;overflow-x:auto}.mini-tabs button{color:#d8dfec;background:#ffffff14;border:1px solid #0000;border-radius:999px;flex:none;min-height:34px;padding:0 12px}.mini-tabs button.active{color:#1f2937;background:#fff}.people-list{padding:0 6px 18px 18px;overflow:auto}.people-list article{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:38px;padding:7px 8px 7px 0;display:grid}.people-list strong,.people-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.people-list strong{font-size:15px;font-weight:700;display:block}.people-list small{color:#bcc6d7;font-size:12px;display:block}.presence-dot{background:var(--green);border-radius:999px;width:12px;height:12px}.presence-dot.busy{background:var(--yellow)}.presence-dot.offline{background:#d1d5db}.conversation-panel{background:var(--paper);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.conversation-topbar{background:#f8fafc;border-bottom:1px solid #cbd2dd;justify-content:space-between;align-items:center;min-height:70px;padding:12px 22px;display:flex}.chat-identity{align-items:center;gap:13px;display:flex}.large-avatar,.avatar{color:#fff;background:#7b8798;border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.large-avatar{width:46px;height:46px}.chat-identity h1,.section-heading h2{letter-spacing:0;margin:0;font-size:20px}.chat-identity p,.section-heading p{color:var(--muted);margin:3px 0 0}.conversation-actions{gap:10px;display:flex}.round-tool,.send-tool,.ai-tool{border-radius:999px;width:42px;height:42px}.round-tool{color:#111827;background:#e5e7eb}.send-tool{background:var(--accent);color:#fff}.ai-tool{color:#fff;background:linear-gradient(135deg,#f97316,#a855f7,#14b8a6)}.message-canvas{background-color:#d7d9dd;background-image:radial-gradient(circle at 18px 18px,#0f172a0b 2px,#0000 2px),radial-gradient(circle at 58px 48px,#0f172a0a 1px,#0000 1px),linear-gradient(135deg,#ffffff2e,#fff0);background-size:74px 74px,86px 86px,100% 100%;flex-direction:column;gap:12px;padding:18px 56px 24px;display:flex;overflow:auto}.date-divider{color:#111827;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:4px 0 8px;font-size:14px;font-weight:700;display:grid}.date-divider:before,.date-divider:after{content:"";background:#11182747;height:1px}.date-divider span{background:#ffffff94;border-radius:999px;padding:6px 14px}.chat-bubble{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-self:flex-start;max-width:min(540px,72%);padding:10px 12px 9px;position:relative;box-shadow:0 2px 5px #0f172a29}.chat-bubble.own{background:var(--bubble);border-color:#b6e6f5;align-self:flex-end}.bubble-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.bubble-meta strong{font-size:14px}.bubble-meta time{color:#486176;white-space:nowrap;font-size:12px}.chat-bubble p{margin:6px 18px 0 0;line-height:1.45}.read-check{color:#1295da;position:absolute;bottom:8px;right:8px}.attachment-pill{color:#174ea6;background:#eef4ff;border:0;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;display:inline-flex}.soft-status{border-radius:999px;align-self:center;margin:4px 0;padding:8px 14px}.message-composer{background:#f8fafc;border-top:1px solid #cbd2dd;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:14px 20px;display:grid}.composer-input{min-width:0;position:relative}.composer-input input{border-radius:7px;width:100%;min-height:48px;padding-right:12px}.selected-file{color:#075985;text-overflow:ellipsis;white-space:nowrap;background:#e0f2fe;border:1px solid #bae6fd;border-radius:999px;align-items:center;gap:5px;max-width:min(360px,100% - 20px);padding:5px 9px;font-size:12px;display:inline-flex;position:absolute;bottom:-12px;left:10px;overflow:hidden}.hidden-file-input{display:none}.send-tool:disabled{cursor:wait;opacity:.65}.whatsapp-shell{background:#0c1317;grid-template-columns:390px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.wa-sidebar{color:#e9edef;background:#111b21;border-right:1px solid #2a3942;grid-template-rows:auto auto auto auto minmax(0,1fr);min-width:0;display:grid}.wa-sidebar-header,.wa-chat-header{background:#202c33;justify-content:space-between;align-items:center;min-height:64px;padding:10px 16px;display:flex}.wa-profile-chip,.wa-current-chat{align-items:center;gap:12px;min-width:0;display:flex}.wa-profile-chip strong,.wa-current-chat h1{color:#f0f2f5;letter-spacing:0;margin:0;font-size:17px;display:block}.wa-profile-chip span,.wa-current-chat p{color:#aebac1;margin:2px 0 0;font-size:13px;display:block}.wa-avatar{color:#fff;background:#6b7c85;border-radius:999px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:13px;font-weight:900;display:inline-flex;position:relative}.wa-avatar:after{content:"";background:#00a884;border:2px solid #111b21;border-radius:999px;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.wa-avatar.group{background:#3b4a54}.wa-avatar.own-avatar{background:#00a884}.wa-avatar.small{width:42px;height:42px}.wa-header-actions{align-items:center;gap:6px;display:flex}.wa-icon-button,.wa-send-button{color:#aebac1;border:0;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.wa-icon-button{background:0 0}.wa-icon-button:hover{color:#f0f2f5;background:#e9edef14}.wa-search{color:#8696a0;background:#202c33;border-radius:8px;align-items:center;gap:10px;min-height:42px;margin:12px;padding:0 14px;display:flex}.wa-search input{color:#e9edef;background:0 0;border:0;min-height:38px;padding:0}.wa-search input::placeholder{color:#8696a0}.wa-status-strip{gap:14px;padding:0 14px 12px;display:flex;overflow-x:auto}.wa-status-strip button{color:#d1d7db;background:0 0;border:0;flex:0 0 54px;place-items:center;gap:6px;min-width:0;font-size:12px;display:grid}.wa-status-strip button>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:54px;overflow:hidden}.wa-filter-tabs{gap:8px;padding:0 12px 10px;display:flex}.wa-filter-tabs button{color:#aebac1;background:#202c33;border:0;border-radius:999px;min-height:32px;padding:0 14px}.wa-filter-tabs button.active{color:#80e3c9;background:#0b3b32}.wa-chat-list{padding-bottom:12px;overflow:auto}.wa-chat-row{color:#e9edef;text-align:left;background:0 0;border:0;border-top:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:76px;padding:9px 14px;display:grid}.wa-chat-row:hover,.wa-chat-row.active{background:#202c33}.wa-chat-copy{border-bottom:1px solid #8696a02e;gap:6px;min-width:0;padding-bottom:10px;display:grid}.wa-chat-title,.wa-chat-preview{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.wa-chat-title strong,.wa-chat-preview span,.wa-empty-list{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wa-chat-title strong{color:#e9edef;font-size:16px}.wa-chat-title time{color:#8696a0;flex:none;font-size:12px}.wa-chat-preview span{color:#8696a0;font-size:13px}.wa-chat-preview em{color:#111b21;background:#00a884;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 6px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.wa-empty-list{color:#8696a0;margin:18px}.wa-conversation{background:#0b141a;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;display:grid}.wa-chat-header{border-left:1px solid #111b21}.wa-current-chat h1,.wa-current-chat p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wa-message-area{background-color:#efeae2;background-image:radial-gradient(circle at 16px 18px,#111b210e 1.5px,#0000 2px),radial-gradient(circle at 52px 46px,#111b210b 1px,#0000 2px),linear-gradient(135deg,#ffffff57,#fff0);background-size:72px 72px,88px 88px,100% 100%;flex-direction:column;gap:8px;padding:18px 7vw 22px;display:flex;overflow:auto}.wa-date-pill{color:#54656f;text-transform:uppercase;background:#ffffffd1;border-radius:7px;align-self:center;margin-bottom:8px;padding:6px 12px;font-size:12px;font-weight:700}.wa-bubble{color:#111b21;background:#fff;border-radius:7px;align-self:flex-start;min-width:150px;max-width:min(620px,74%);padding:7px 9px 18px;position:relative;box-shadow:0 1px 1px #0b141a24}.wa-bubble:before{content:"";border-bottom:8px solid #0000;border-right:8px solid #fff;position:absolute;top:0;left:-7px}.wa-bubble.own{background:#d9fdd3;align-self:flex-end}.wa-bubble.own:before{border-left:8px solid #d9fdd3;border-right:0;left:auto;right:-7px}.wa-sender{color:#008069;margin-bottom:3px;font-size:12px;display:block}.wa-bubble.own .wa-sender{display:none}.wa-bubble p{overflow-wrap:anywhere;margin:0;padding-right:54px;font-size:14.5px;line-height:1.42}.wa-message-meta{color:#667781;align-items:center;gap:3px;font-size:11px;display:inline-flex;position:absolute;bottom:4px;right:7px}.wa-message-meta svg{color:#53bdeb}.wa-attachment-card{color:#111b21;text-align:left;background:#111b210f;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;max-width:320px;margin-top:7px;padding:10px;display:flex}.wa-attachment-card span{min-width:0;display:grid}.wa-attachment-card strong,.wa-attachment-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wa-attachment-card small{color:#667781;font-size:12px}.wa-file-preview{color:#e9edef;background:#202c33;border-top:1px solid #2a3942;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 18px;display:grid}.wa-file-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wa-file-preview button{color:#aebac1;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.wa-composer{background:#202c33;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:64px;padding:10px 16px;display:grid}.wa-message-input input{color:#e9edef;background:#2a3942;border:0;border-radius:8px;min-height:44px}.wa-message-input input::placeholder{color:#8696a0}.wa-send-button{color:#fff;background:#00a884}.wa-send-button:disabled{cursor:wait;opacity:.68}.mobile-only{display:none}.content-surface{background:#eef1f6;min-height:100vh;padding:24px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title{align-items:center;gap:12px;display:flex}.section-title>svg{color:#1d4ed8;background:#dbeafe;border-radius:8px;width:42px;height:42px;padding:9px}.admin-grid{grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:18px;display:grid}.admin-form,.file-card,.user-list article,.settings-list article,.empty-state{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 28px #0f172a0f}.admin-form{margin:0;padding:18px}.user-list,.file-grid,.settings-list{gap:12px;display:grid}.user-list article{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.avatar{color:#fff;width:38px;height:38px}.user-list span,.file-card span,.settings-list span{color:var(--muted)}.user-list em{color:#047857;font-style:normal;font-weight:800}.file-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.file-card,.settings-list article,.empty-state{padding:18px}.file-card{gap:8px;display:grid}.settings-list article{justify-content:space-between;align-items:center;display:flex}.empty-state{color:var(--muted);align-items:center;gap:12px;display:flex}@media (width<=980px){.messenger-shell{grid-template-columns:1fr}.rail{display:none}.chat-product{grid-template-columns:1fr}.roster-panel{max-height:240px}.conversation-topbar{min-height:auto}.whatsapp-shell{grid-template-columns:minmax(310px,38vw) minmax(0,1fr)}}@media (width<=640px){.whatsapp-shell{grid-template-columns:1fr}.wa-sidebar{display:none}.mobile-only{display:inline-flex}.wa-chat-header{gap:8px;padding:8px 10px}.wa-current-chat{flex:1}.wa-header-actions{gap:0}.wa-header-actions .wa-icon-button:first-child,.wa-header-actions .wa-icon-button:nth-child(2){display:none}.wa-message-area{padding:12px 10px 16px}.wa-bubble{max-width:88%}.wa-composer{grid-template-columns:auto minmax(0,1fr) auto;padding:8px}.wa-composer .wa-icon-button:first-child{display:none}.wa-composer .wa-icon-button:nth-of-type(2){grid-column:1}.conversation-actions{display:none}.message-canvas{padding:14px}.chat-bubble{max-width:94%}.message-composer{grid-template-columns:minmax(0,1fr) auto}.message-composer .round-tool,.message-composer .ai-tool{display:none}.admin-grid{grid-template-columns:1fr}}