:root{--brand-navy: #071f2e;--brand-navy-2: #0b3344;--brand-green: #38b84f;--brand-green-2: #86e27a;--brand-cyan: #72f4ea;--brand-cream: #f3f0e8;--ink: #10231d}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--brand-navy);color:var(--ink)}.app-shell{height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr);overflow:hidden}.sidebar{background:linear-gradient(135deg,#071f2efa,#093a43f5),linear-gradient(90deg,rgba(114,244,234,.08) 1px,transparent 1px);background-size:auto,28px 28px;color:#fff;padding:24px;display:flex;flex-direction:column;gap:18px;min-height:0;overflow:auto}.brand{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(114,244,234,.22)}.brand-icon{width:74px;height:54px;display:grid;place-items:center;border-radius:8px;background:#0d2935;border:1px solid rgba(114,244,234,.32);box-shadow:0 8px 26px #00000038,0 0 0 4px #38b84f1a;overflow:hidden}.brand-icon img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.brand svg{width:24px;height:24px}.brand strong,.status-card strong{display:block;font-weight:900}.brand strong{color:#0b7f49;text-shadow:none}.brand .desktop-brand-name{color:#0b7f49}.mobile-brand-name{display:none}.brand span,.status-card span{display:block;color:#e2faf6b8;font-size:.82rem;margin-top:3px}.status-card,.safety,.chat-list-card{border:1px solid rgba(114,244,234,.22);background:#ffffff13;border-radius:8px;padding:16px;box-shadow:inset 0 1px #ffffff0d}.status-card{display:flex;align-items:center;gap:12px}.dot{width:12px;height:12px;border-radius:50%;background:#ef4444}.dot.online{background:var(--brand-green-2);box-shadow:0 0 0 6px #38b84f2e,0 0 18px #72f4ea47}button{border:0;border-radius:8px;min-height:44px;padding:10px 16px;font:inherit;font-weight:900;cursor:pointer}button svg{width:18px;height:18px;vertical-align:middle;margin-left:6px}.primary{color:#06231d;background:linear-gradient(135deg,var(--brand-green-2),var(--brand-cyan));box-shadow:0 10px 24px #38b84f38}.contacts-open{display:flex;align-items:center;justify-content:center;gap:8px}.install-open{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#0b7f49,#20b7a6);color:#fff}.mobile-top-actions,.chat-filter-chips,.mobile-fab,.mobile-bottom-nav,.hidden-file-input{display:none}.header-icon{width:42px;height:42px;min-height:42px;display:grid;place-items:center;padding:0;border-radius:50%;background:#e8f0ed;color:#28453a;flex:0 0 auto}.header-icon svg{width:20px;height:20px;margin:0}.header-contact-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;background:#e5fbf7;color:#075e54;white-space:nowrap;flex:0 0 auto}.header-contact-button svg{width:18px;height:18px;margin:0}.mobile-back{display:none}.qr-box{background:#fff;color:#21352d;border-radius:8px;padding:14px;text-align:center}.qr-box img{width:100%;max-width:240px;margin:0 auto 10px;display:block}.qr-box span{font-size:.82rem;color:#5b6d65}.chat-list-card{display:grid;gap:12px;padding:14px}.chat-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-list-head strong{font-weight:900}.chat-list-head span{color:#e2faf6b8;font-size:.82rem;font-weight:800}.search-box{position:relative;display:block;color:#fff}.search-box svg{position:absolute;right:11px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#72f4eab3}.search-box input{min-height:40px;padding:9px 38px 9px 10px;border-color:#72f4ea3d;background:#05162047;color:#fff}.search-box input::placeholder{color:#e2faf694}.search-box.light{color:#075e54}.search-box.light input{background:#f7fbfa;color:#10231d;border-color:#ccd8d3}.search-box.light input::placeholder{color:#7b8b84}.search-box.light svg{color:#0b8f80}.chat-list{max-height:310px;overflow:auto;display:grid;gap:7px;padding-left:2px}.chat-list p{margin:0;color:#e2faf6b3;line-height:1.7;font-size:.84rem}.chat-item{width:100%;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border:1px solid transparent;background:#ffffff13;color:#fff;text-align:right}.chat-item.active{border-color:#72f4eab8;background:#38b84f2e}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#72f4ea1f;color:var(--brand-cyan)}.avatar svg{width:19px;height:19px;margin:0}.chat-meta{min-width:0}.chat-meta strong,.chat-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta strong{font-size:.9rem}.chat-meta small{margin-top:4px;color:#e2faf6a8;font-size:.78rem;font-weight:700}.unread{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--brand-cyan);color:#06231d;font-size:.72rem;font-weight:900}.safety{display:flex;gap:12px;align-items:flex-start}.safety svg{color:var(--brand-cyan);flex:0 0 auto}.safety p{margin:0;color:#e2faf6c2;line-height:1.7;font-size:.86rem}.conversation-panel{height:100vh;min-height:0;display:grid;grid-template-rows:auto 1fr auto auto auto;background:var(--brand-cream);overflow:hidden}.conversation-header{background:linear-gradient(135deg,#fff,#eefaf6);border:1px solid #dce6e1;border-width:0 0 1px;border-radius:0;padding:16px 22px;margin-bottom:0;display:flex;align-items:center;gap:16px}.conversation-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dff8ef,#e5fbff);color:#0b6f62;flex:0 0 auto}.conversation-avatar svg{width:22px;height:22px}.conversation-title{min-width:0;flex:1}h1{margin:0;font-size:1.25rem}.conversation-header p{margin:4px 0 0;color:#64736d;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:8px;background:linear-gradient(135deg,#e8f7ee,#e5fbff);color:#0b6f62;font-weight:900;white-space:nowrap}.queue-chip svg{width:17px;height:17px}.conversation-body{min-height:0;overflow:auto;padding:24px;background:linear-gradient(#f3f0e8ed,#f3f0e8ed),linear-gradient(90deg,rgba(11,111,98,.06) 1px,transparent 1px),linear-gradient(rgba(11,111,98,.06) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.empty-state{min-height:100%;display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:#557067}.empty-state svg{width:54px;height:54px;color:#0b8f80}.empty-state strong{color:#21352d;font-size:1.08rem}.empty-state p{max-width:420px;margin:0;line-height:1.7}.message-row{display:flex;justify-content:flex-start;margin:8px 0}.message-row.mine{justify-content:flex-end}.bubble{max-width:min(620px,76%);padding:9px 12px 7px;border-radius:8px;background:#fff;box-shadow:0 1px 1px #0f231d14}.message-row.mine .bubble{background:#d9fdd3;border:1px solid rgba(56,184,79,.12)}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.message-media{display:block;max-width:min(320px,70vw);max-height:360px;object-fit:contain;border-radius:8px;margin-bottom:6px;background:#e8f0ed}.bubble time{display:block;margin-top:3px;color:#6f8179;font-size:.7rem;text-align:left}.message-kind{display:inline-block;margin-bottom:5px;color:#0b8f80;font-size:.76rem;font-weight:900}.manual-target{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;padding:12px 18px;background:#f7fbfa;border-top:1px solid #dce6e1}.manual-target label{font-size:.82rem}.delay-row.compact{grid-template-columns:20px minmax(0,1fr) auto}.selected-strip{padding:12px 18px;background:#fff;border-top:1px solid #dce6e1}.selected-strip .thumb-grid{grid-template-columns:repeat(8,54px);margin-top:10px}.conversation-composer{min-height:72px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:end;gap:10px;padding:12px 18px;background:#edf4f2;border-top:1px solid #dce6e1}.conversation-composer textarea{min-height:48px;max-height:140px;border-radius:8px;background:#fff}.icon-button,.round-send{width:48px;height:48px;min-height:48px;display:grid;place-items:center;border-radius:50%;cursor:pointer}.icon-button{background:transparent;color:#54665f}.icon-button svg,.round-send svg{width:21px;height:21px;margin:0}.icon-button input{display:none}.round-send{color:#fff;background:linear-gradient(135deg,#0b8f80,var(--brand-green));padding:0}.round-send:disabled{cursor:not-allowed;opacity:.45}.mini-log{padding:8px 18px;color:#0b514c;background:#e5fbf7;border-top:1px solid #cfe0da;font-size:.82rem}.settings-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;justify-items:end;background:#071b156b}.settings-card{width:min(440px,100%);height:100%;overflow:auto;display:grid;align-content:start;gap:16px;padding:18px;background:#f7faf8;border-right:1px solid #dce6e1}.contacts-card{gap:12px}.contact-picker-head{min-height:64px;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;border-bottom:1px solid #edf1f2}.contact-picker-head strong{display:block;color:#111b21;font-size:1.18rem}.contact-picker-head span{display:block;margin-top:4px;color:#667781;font-size:.86rem;font-weight:800}.contact-back{grid-column:1;grid-row:1;width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:0;border-radius:50%;background:transparent;color:#111b21}.contact-picker-head>div{grid-column:2}.contact-back svg{width:25px;height:25px;margin:0}.contact-picker-actions{display:grid;gap:2px}.contact-picker-actions button{min-height:72px;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;padding:8px 0;background:#fff;color:#111b21;text-align:right}.contact-picker-actions span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#38b84f,#20b7a6);color:#fff}.contact-picker-actions svg{width:26px;height:26px;margin:0}.contact-picker-actions strong{font-size:1.05rem}.contact-picker-label{padding:10px 0 4px;color:#667781;font-size:.93rem;font-weight:800}.contact-picker-list{max-height:none;min-height:0;gap:0}.contact-picker-list .saved-contact-row{border-color:transparent;border-bottom:1px solid #edf1f2;border-radius:0;background:#fff}.contacts-empty{min-height:320px;display:grid;place-items:center;align-content:center;gap:12px;padding:22px;text-align:center;color:#667781}.contacts-empty svg{width:54px;height:54px;color:#0b8f80}.contacts-empty strong{color:#111b21;font-size:1.05rem}.contacts-empty p{margin:0;line-height:1.7}.install-card{gap:16px}.install-steps{display:grid;gap:12px}.install-step{display:grid;gap:8px;padding:14px;border:1px solid #dce6e1;border-radius:8px;background:#fff}.install-step svg{width:26px;height:26px;color:#0b7f49}.install-step strong{color:#111b21;font-size:1rem}.install-step p{margin:0;color:#667781;line-height:1.8;font-size:.9rem}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #dce6e1}.settings-head strong{display:block;font-size:1.12rem;color:#10231d}.settings-head span{display:block;margin-top:4px;color:#64736d;font-size:.84rem;font-weight:800}.settings-section{display:grid;gap:12px;padding:14px;border:1px solid #dce6e1;border-radius:8px;background:#fff}.section-title{display:flex;align-items:center;gap:8px;color:#075e54;font-weight:900}.section-title svg{width:19px;height:19px}.settings-section textarea{min-height:130px}.settings-action{color:#fff;background:linear-gradient(135deg,#0b8f80,var(--brand-green))}.secondary-action{color:#075e54;background:#e5fbf7}.settings-action:disabled{opacity:.5;cursor:not-allowed}.campaign-upload{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;background:#e8f7ee;color:#126b42;cursor:pointer}.campaign-upload input{display:none}.settings-note{margin:0;color:#64736d;line-height:1.7;font-size:.84rem}.saved-contact-list{max-height:260px;overflow:auto;display:grid;gap:8px;padding:2px}.saved-contact-list p{margin:0;color:#64736d;line-height:1.7;font-size:.86rem}.saved-contact-row{width:100%;min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid #dce6e1;background:#f7fbfa;color:#10231d;text-align:right}.saved-contact-row:hover{border-color:#9dd8cf;background:#e9fbf7}.saved-contact-row span:last-child{min-width:0}.saved-contact-row strong,.saved-contact-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-contact-row small{margin-top:4px;color:#64736d;font-size:.78rem}.composer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#fff;border:1px solid #dce6e1;border-radius:8px;padding:18px}label{display:grid;gap:7px;color:#33463e;font-weight:800}.wide{grid-column:1 / -1}input,textarea{width:100%;border:1px solid #ccd8d3;border-radius:8px;padding:12px 13px;font:inherit;resize:vertical}textarea{min-height:92px}input:focus,textarea:focus{outline:3px solid rgba(37,211,102,.16);border-color:#25d366}.upload-panel{border:1px dashed #a9c4b8;border-radius:8px;padding:16px;background:#f7fbf9;display:grid;gap:14px}.upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-head strong,.selected-summary strong{display:block;color:#21352d}.upload-head span{display:block;margin-top:4px;color:#64736d;font-size:.86rem}.attach-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:8px;background:#075e54;color:#fff;cursor:pointer;white-space:nowrap}.attach-button svg{width:18px;height:18px}.attach-button input{display:none}.delay-row{display:grid;grid-template-columns:22px minmax(0,150px) auto;align-items:center;gap:9px}.delay-row svg{color:#128c7e;width:20px;height:20px}.delay-row span{color:#64736d;font-weight:900}.selected-images{border-top:1px solid #dce6e1;padding-top:14px;display:grid;gap:12px}.selected-summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.ghost{min-height:36px;padding:7px 10px;background:#e8f0ed;color:#243b32}.ghost svg{width:16px;height:16px}.thumb-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.thumb{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#dce6e1;display:grid;place-items:center;color:#385349;font-weight:900}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.send{grid-column:1 / -1;color:#fff;background:#128c7e}.image-send{background:#075e54}.log{margin-top:18px;background:#fff;border:1px solid #dce6e1;border-radius:8px;padding:18px}.log h2{margin:0 0 10px;font-size:1.05rem}.log p,.log div{color:#64736d}@media(max-width:900px){body{overflow:hidden}.app-shell{grid-template-columns:1fr;height:100dvh}.sidebar{min-height:100dvh;padding:18px 16px 92px;gap:14px;direction:rtl;background:#fff;color:#111b21}.app-shell.is-connected .sidebar{display:none}.app-shell.is-connected:not(.has-selected-chat) .sidebar{display:flex}.app-shell.is-connected:not(.has-selected-chat) .conversation-panel{display:none}.app-shell.show-sidebar .sidebar{display:flex}.app-shell.show-sidebar .conversation-panel{display:none}.brand{border:0;padding:0;min-height:46px;gap:10px}.brand-icon{width:42px;height:42px;display:grid;border-radius:50%;border-color:#1daa6138;box-shadow:0 4px 16px #1daa6129;background:#e9fbf4;order:-1}.brand strong{color:#0b7f49;font-size:1.7rem;line-height:1;text-shadow:none}.desktop-brand-name{display:none}.brand .mobile-brand-name{display:inline;color:#0b7f49;font-size:inherit;margin-top:0}.brand>div>span{display:none}.mobile-top-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.mobile-top-actions button{width:40px;height:40px;min-height:40px;display:grid;place-items:center;padding:0;border-radius:50%;background:transparent;color:#071f2e}.mobile-top-actions svg{width:23px;height:23px;margin:0}.app-shell.is-connected .status-card,.app-shell.is-connected .contacts-open,.app-shell.is-connected .install-open{display:none}.status-card,.safety,.chat-list-card{border:0;box-shadow:none}.chat-list-card{display:flex;flex-direction:column;flex:1;min-height:0;padding:0;background:transparent;gap:12px}.chat-list-head{display:none}.search-box input{min-height:52px;border:0;border-radius:999px;padding:10px 48px 10px 16px;background:#f0f2f5;color:#3b4a54;font-size:1rem}.search-box input::placeholder{color:#667781}.search-box svg{right:17px;top:26px;color:#54656f;width:24px;height:24px}.chat-list-card>.search-box{height:52px}.chat-filter-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.chat-filter-chips::-webkit-scrollbar{display:none}.chat-filter-chips button{min-height:38px;flex:0 0 auto;padding:7px 16px;border:1px solid #d8dde1;border-radius:999px;background:#fff;color:#3b4a54;font-size:.95rem;font-weight:800}.chat-filter-chips button.active{border-color:#38b84f47;background:linear-gradient(135deg,#86e27a59,#72f4ea38);color:#075e54}.chat-list{max-height:none;overflow:auto;gap:0;padding:4px 0 0}.chat-list p{color:#667781;padding:18px 6px;font-size:.95rem}.chat-item{min-height:76px;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;padding:8px 2px;border:0;border-radius:0;background:#fff;color:#111b21}.chat-item+.chat-item .chat-meta{border-top:1px solid #f0f2f5;padding-top:10px}.chat-item.active{border:0;background:#f6fbf8}.avatar{width:52px;height:52px;background:#eef0f1;color:#8696a0}.avatar svg{width:25px;height:25px}.chat-meta strong{color:#111b21;font-size:1.06rem;line-height:1.35}.chat-meta small{margin-top:4px;color:#667781;font-size:.93rem;font-weight:500}.unread{min-width:24px;height:24px;background:linear-gradient(135deg,#38b84f,#20b7a6);color:#fff}.mobile-feature-view{display:grid;align-content:start;gap:12px;min-height:0;padding:18px 4px;color:#111b21}.mobile-feature-view strong{font-size:1.35rem;color:#071f2e}.mobile-feature-view p{margin:0;color:#667781;line-height:1.8;font-size:.95rem}.feature-log{display:block;padding:12px;border-radius:8px;background:#f0f2f5;color:#3b4a54;line-height:1.6;font-size:.86rem}.mobile-fab{position:fixed;left:22px;bottom:88px;z-index:12;width:62px;height:62px;min-height:62px;display:grid;place-items:center;padding:0;border-radius:18px;background:linear-gradient(135deg,#38b84f,#20b7a6);color:#fff;box-shadow:0 10px 22px #0000002e}.mobile-fab svg{width:28px;height:28px;margin:0}.mobile-bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:11;height:72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;padding:6px 8px 8px;border-top:1px solid #e9edef;background:#fff;direction:rtl}.mobile-bottom-nav button{min-height:58px;display:grid;place-items:center;gap:4px;padding:4px;border-radius:18px;background:transparent;color:#111b21;font-size:.78rem;font-weight:800}.mobile-bottom-nav svg{width:25px;height:25px;margin:0}.mobile-bottom-nav button.active svg{padding:3px 16px;box-sizing:content-box;border-radius:999px;background:linear-gradient(135deg,#86e27a61,#72f4ea47);color:#075e54}.contacts-panel{justify-items:stretch}.contacts-card{width:100%;border:0;padding:0 16px 22px;background:#fff}.contacts-card .search-box.light input{min-height:48px;border-radius:999px;background:#f0f2f5}.install-panel{justify-items:stretch}.install-card{width:100%;border:0;padding:14px 16px 22px}.composer-grid{grid-template-columns:1fr}.conversation-panel{height:100dvh;min-height:0}.conversation-header{padding:10px 12px;gap:10px;align-items:center}.mobile-back{display:grid}.header-icon{width:38px;height:38px;min-height:38px}.header-contact-button{width:38px;min-height:38px;padding:0;font-size:0}.conversation-avatar{width:40px;height:40px}h1{font-size:1rem}.conversation-header p{font-size:.78rem}.queue-chip{min-height:34px;width:auto;padding:7px 9px;font-size:.8rem}.conversation-body{padding:12px}.manual-target{grid-template-columns:1fr;padding:10px 12px}.has-selected-chat .manual-target{display:none}.bubble{max-width:88%}.upload-head,.selected-summary{align-items:stretch;flex-direction:column}.attach-button{width:100%}.thumb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.selected-strip{padding:10px 12px;max-height:150px;overflow:auto}.selected-strip .thumb-grid{grid-template-columns:repeat(4,48px)}.conversation-composer{grid-template-columns:44px minmax(0,1fr) 44px;min-height:64px;padding:9px 10px}.conversation-composer textarea{min-height:44px;max-height:96px}.icon-button,.round-send{width:44px;height:44px;min-height:44px}.mini-log{padding:7px 12px;font-size:.78rem}.settings-panel{justify-items:stretch}.settings-card{width:100%;padding:14px}}