@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-main:#f0f2f5;--bg-card:#fff;--bg-sidebar:#fff;--accent:#2e9049;--accent-hover:#23823d;--accent-soft:#2e904914;--text-main:#1c1e21;--text-muted:#65676b;--border:#e4e6eb;--shadow:0 4px 12px #0000000d;--sidebar-w:72px;--conv-w:360px;--info-w:320px}[data-theme=dark]{--bg-main:#0b0e11;--bg-card:#15191c;--bg-sidebar:#1c2126;--text-main:#e4e6eb;--text-muted:#b0b3b8;--border:#2f3336}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:var(--bg-main);color:var(--text-main);width:100vw;height:100vh;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex!important}.sidebar-accounts{width:var(--sidebar-w);background:var(--accent);z-index:100;color:#fff;flex-direction:column;order:-1;align-items:center;gap:16px;padding:20px 0;display:flex}.avatar-wrapper{cursor:pointer;margin-bottom:20px;position:relative}.avatar-wrapper .avatar{border:2px solid #fff3;width:48px;height:48px;transition:border-color .2s}.avatar-wrapper:hover .avatar{border-color:#fff}.nav-item{cursor:pointer;color:#ffffffb3;justify-content:center;align-items:center;width:100%;height:56px;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#0000001a}.nav-item.active{color:#fff;background:#00000026}.nav-item .badge{color:#fff;border:1px solid var(--accent);background:#ef4444;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:10px;right:12px}.account-switcher-popover{z-index:200;width:320px;color:var(--text-main);border:1px solid var(--border);background:#fff;border-radius:16px;position:absolute;top:20px;left:72px;overflow:hidden;box-shadow:0 10px 40px #00000026}.account-grid{flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.switcher-item{cursor:pointer;color:var(--text-main);align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:flex}.switcher-item:hover{background:#f1f5f9}.switcher-item.active{background:var(--accent-soft)}.switcher-item .avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.switcher-divider{background:#eee;height:1px;margin:4px 0}.conv-list{width:var(--conv-w);background:var(--bg-card);border-right:1px solid var(--border);z-index:20;flex-direction:column;display:flex}.chat-window{background:var(--bg-main);z-index:10;flex-direction:column;flex:1;display:flex;position:relative}.info-panel{width:var(--info-w);background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;gap:20px;padding:24px;display:flex}.avatar{object-fit:cover;cursor:pointer;background:#eee;border-radius:50%;width:48px;height:48px;transition:transform .2s,box-shadow .2s}.avatar:hover{transform:scale(1.05)}.avatar.active{box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 5px var(--accent)}.search-container{padding:16px;position:relative}.search-input{background:var(--bg-main);border:1px solid #0000;border-radius:20px;outline:none;width:100%;padding:10px 40px 10px 42px;font-size:14px;transition:border-color .2s,background .2s}.search-input:focus{border-color:var(--accent);background:#fff}.conv-item{cursor:pointer;border-radius:12px;gap:12px;margin:4px 8px;padding:12px 16px;transition:background .2s;display:flex}.conv-item h4{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.conv-item:hover,.conv-item.selected{background:var(--accent-soft)}.conv-menu-trigger{width:28px;height:28px;color:var(--text-muted);opacity:0;background:var(--bg-card);z-index:5;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.conv-item:hover .conv-menu-trigger{opacity:1}.conv-menu-trigger:hover{color:var(--text-main);background:#eee;transform:translateY(-50%)scale(1.1)}.dropdown-menu{border:1px solid var(--border);background:#fff;border-radius:12px;min-width:160px;padding:6px;overflow:hidden;box-shadow:0 8px 16px #0000001f}.menu-item{cursor:pointer;width:100%;color:var(--text-main);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:background .2s;display:flex}.menu-item:hover{background:#f5f5f5}.menu-item.delete{color:#ff4d4f}.menu-item.delete:hover{background:#fff1f0}.chat-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffd9;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex}.messages-container{flex-direction:column;flex:1;gap:4px;padding:20px;display:flex;overflow-y:auto}.msg-wrapper.mine{flex-direction:row-reverse;margin-left:auto}.msg-wrapper.theirs{margin-right:auto}.msg-wrapper{gap:10px;max-width:85%;margin-bottom:2px;display:flex}.msg-wrapper.msg-first,.msg-wrapper.msg-single{margin-top:12px}.msg-wrapper.msg-last,.msg-wrapper.msg-single{margin-bottom:12px}.msg-avatar-container{flex-shrink:0;justify-content:center;width:28px;min-width:28px;display:flex}.msg-avatar-mini{border:1px solid var(--border);border-radius:50%;align-self:flex-end;width:28px;height:28px}.msg-content-wrapper{flex-direction:column;gap:2px;min-width:0;display:flex}.msg-sender-name{color:var(--text-muted);margin-bottom:2px;margin-left:8px;font-size:11px;font-weight:600}.msg-bubble{border-radius:18px;flex-direction:column;padding:8px 12px;font-size:14px;line-height:1.4;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.msg-text{white-space:pre-wrap;word-break:break-word}.theirs.msg-first .msg-bubble{border-bottom-left-radius:4px}.theirs.msg-middle .msg-bubble{border-top-left-radius:4px;border-bottom-left-radius:4px}.theirs.msg-last .msg-bubble{border-top-left-radius:4px}.mine.msg-first .msg-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.mine.msg-middle .msg-bubble{background:var(--accent);color:#fff;border-top-right-radius:4px;border-bottom-right-radius:4px}.mine.msg-last .msg-bubble{background:var(--accent);color:#fff;border-top-right-radius:4px}.mine.msg-single .msg-bubble{background:var(--accent);color:#fff}.msg-left{color:var(--text-main);border:1px solid var(--border);background:#fff}.msg-time-badge{opacity:.6;align-self:flex-end;margin-top:4px;font-size:9px}.mine .msg-time-badge{color:#fffc}.chat-footer{border-top:1px solid var(--border);background:#fff;align-items:center;gap:12px;padding:16px 20px;display:flex}.input-box{resize:none;border:none;outline:none;flex:1;max-height:120px;padding:10px 0;font-family:inherit;font-size:14px;line-height:1.4;overflow-y:auto}.btn-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.btn-send:hover{background:var(--accent-hover)}.add-acc-btn{border:2px dashed var(--border);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;margin-top:auto;margin-bottom:16px;transition:all .2s;display:flex}.add-acc-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}::-webkit-scrollbar{width:6px}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268712;background:#ffffffb3!important}.details-sidebar{border-left:1px solid var(--border);background:#fff;flex-direction:column;width:300px;animation:.3s ease-out fadeIn;display:flex;overflow-y:auto}.details-header{text-align:center;border-bottom:1px solid var(--border);padding:32px 20px}.details-avatar-lg{border:1px solid var(--border);object-fit:cover;border-radius:50%;width:80px;height:80px;margin:0 auto 12px}.details-name{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:700}.details-subtitle{color:var(--text-muted);font-size:13px}.details-actions{border-bottom:8px solid var(--bg-app);grid-template-columns:repeat(4,1fr);gap:8px;padding:20px;display:grid}.action-item{cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:opacity .2s;display:flex}.action-item:hover{opacity:.7}.action-icon{background:var(--bg-app);width:36px;height:36px;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.action-label{text-align:center;color:var(--text-muted);font-size:10px}.details-section{border-bottom:1px solid var(--border);padding:16px 20px}.section-head{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.media-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.media-box{aspect-ratio:1;background:var(--bg-app);cursor:pointer;border-radius:4px;overflow:hidden}.media-box img{object-fit:cover;width:100%;height:100%}.reply-quote{border-left:3px solid var(--accent);background:#0000000d;border-radius:6px;margin-bottom:8px;padding:5px 12px;font-size:12px;transition:all .2s}.mine .reply-quote{color:#fff;background:#0000001a;border-left-color:#ffffff80}.quote-sender{opacity:.9;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.quote-text{opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.bubble-reactions{cursor:pointer;z-index:5;background:#fff;border:1px solid #eee;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;transition:all .2s;display:flex;position:absolute;bottom:-12px;box-shadow:0 4px 12px #0000001a}.msg-left .bubble-reactions{left:12px}.msg-right .bubble-reactions{right:12px}.bubble-reactions:hover{background:#f8fafc;transform:scale(1.05);box-shadow:0 4px 16px #00000026}.react-count{color:#64748b;margin-left:2px;font-size:12px;font-weight:600}.scroll-bottom-btn{cursor:pointer;z-index:50;width:40px;height:40px;color:var(--accent);border:1px solid var(--border);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:80px;right:20px;box-shadow:0 4px 12px #00000026}.scroll-bottom-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.msg-react-btn{cursor:pointer;z-index:10;color:#64748b;background:#fff;border:1px solid #eee;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;bottom:-10px;box-shadow:0 2px 5px #0000001a}.msg-react-btn.left{left:10px}.msg-react-btn.right{right:10px}.msg-react-btn:hover{background:#f1f5f9;transform:scale(1.1)}.msg-react-btn:hover .emoji-picker-mini{display:flex}.emoji-picker-mini{white-space:nowrap;z-index:100;background:#fff;border:1px solid #eee;border-radius:30px;gap:10px;padding:8px 12px;animation:.15s cubic-bezier(.4,0,.2,1) reactSlideUp;display:none;position:absolute;bottom:32px;box-shadow:0 5px 25px #00000026}.emoji-picker-mini:after{content:"";background:0 0;height:20px;position:absolute;bottom:-15px;left:0;right:0}.emoji-picker-mini span{cursor:pointer;font-size:20px;transition:transform .15s}.emoji-picker-mini span:hover{transform:scale(1.4)}@keyframes reactSlideUp{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:-12px;padding:8px;display:none}@media (width<=1024px){.info-panel{display:none!important}}@media (width<=768px){:root{--conv-w:100%}.app-container{position:relative;overflow:hidden}.sidebar-accounts{z-index:100;width:64px;position:absolute;top:0;bottom:0;left:0}.conv-list{z-index:90;width:auto;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 0 64px}.chat-window{z-index:110;width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(100%)}.app-container.chat-active .chat-window{transform:translate(0)}.app-container.chat-active .conv-list{transform:translate(-100%)}.mobile-back-btn{justify-content:center;align-items:center;display:flex}}.contact-menu-item{cursor:pointer;color:var(--text-main);align-items:center;gap:16px;padding:16px 20px;font-size:15px;font-weight:500;transition:background .2s;display:flex}.contact-menu-item:hover{background:var(--bg-hover)}.contact-menu-item.active{background:var(--accent-soft)}.contact-menu-item svg{box-sizing:content-box;background:#f1f5f9;border-radius:10px;flex-shrink:0;width:20px;height:20px;padding:8px}.contact-menu-item .icon-blue{color:#3b82f6;background:#eff6ff}.contact-menu-item .icon-green{color:var(--accent);background:#e6f4ea}.contact-menu-item .icon-orange{color:#f59e0b;background:#fffbeb}.contact-menu-item .icon-purple{color:#8b5cf6;background:#f5f3ff}.contact-menu-item .icon-red{color:#ef4444;background:#fef2f2}.account-switcher-popover{box-shadow:0 4px 20px #0000001a}.contact-card-container{flex-direction:column;gap:8px;width:280px;display:flex}.contact-card{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014}.contact-card-header{color:#fff;background:linear-gradient(135deg,#2e9049 0%,#23823d 100%);align-items:center;gap:12px;padding:20px 16px;display:flex;position:relative}.contact-card-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.contact-card-avatar{object-fit:cover;border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;width:52px;height:52px}.contact-card-info{flex:1;overflow:hidden}.contact-card-name{white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0000001a;margin-bottom:2px;font-size:15px;font-weight:700;overflow:hidden}.contact-card-phone{opacity:.9;font-size:12.5px;font-weight:400}.contact-card-actions{border-top:1px solid #f1f5f9;display:flex}.contact-card-action{text-align:center;color:var(--accent);cursor:pointer;background:#fff;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 0;font-size:14px;font-weight:600;transition:background .2s;display:flex}.contact-card-action:first-child{color:#1c1e21;border-right:1px solid #f1f5f9}.contact-card-action:hover{background:#f8fafc}.contact-card-copy-btn{color:#64748b;cursor:pointer;background:#64748b1a;border:none;border-radius:12px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.contact-card-copy-btn:hover{color:#1e293b;background:#64748b26}.msg-bubble.msg-type-contact,.msg-bubble.msg-type-call{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.call-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;min-width:200px;overflow:hidden;box-shadow:0 4px 15px #00000014}.msg-bubble.msg-type-contact .msg-time-badge{background:#0000000d;border-radius:10px;margin-top:8px;padding:4px 8px;color:var(--text-muted)!important}.contact-card-copy-btn{border:1px solid var(--border);width:100%;color:var(--accent);cursor:pointer;background:#f1f5f9;border-radius:12px;margin-top:4px;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.contact-card-copy-btn:hover{background:#e2e8f0;transform:translateY(-1px)}@media (width<=1024px){:root{--sidebar-w:0px!important;--conv-w:100%!important;--info-w:0px!important}.app-container{width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}.sidebar-accounts{width:100%!important;height:65px!important;padding:0 10px!important;padding-bottom:env(safe-area-inset-bottom)!important;height:calc(65px + env(safe-area-inset-bottom))!important;color:var(--text-main)!important;border-top:1px solid var(--border)!important;z-index:9999!important;background:#fff!important;flex-direction:row!important;justify-content:space-around!important;min-width:0!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;overflow:visible!important;box-shadow:0 -4px 15px #00000014!important}.account-switcher-popover{left:10px!important;right:10px!important;bottom:calc(75px + env(safe-area-inset-bottom))!important;z-index:10001!important;border-radius:16px!important;width:auto!important;display:block!important;position:fixed!important;top:auto!important;box-shadow:0 -10px 40px #0003!important}.sidebar-accounts .avatar-wrapper{flex:1;flex-direction:column!important;order:10!important;justify-content:center!important;align-items:center!important;gap:2px!important;margin:0!important;display:flex!important}.sidebar-accounts .avatar-wrapper .avatar{border:1px solid var(--border)!important;width:28px!important;height:28px!important}.nav-item{color:#757575!important;background:0 0!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;width:auto!important;height:100%!important;display:flex!important}.nav-item.active{color:var(--accent)!important}.nav-item:after{font-size:10px;font-weight:500}.nav-item[data-label]:after{content:attr(data-label)}.avatar-wrapper:after{content:"Cá nhân";color:#757575;margin-top:2px;font-size:10px;font-weight:500}.conv-list{width:100%!important;height:100dvh!important;padding-bottom:calc(65px + env(safe-area-inset-bottom))!important;z-index:10!important;background:#fff!important;border:none!important;margin:0!important;position:absolute!important;top:0!important;left:0!important}.chat-window{z-index:10000!important;background:var(--bg-main)!important;width:100%!important;height:100dvh!important;padding-bottom:env(safe-area-inset-bottom)!important;flex-direction:column!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;left:100%!important}.app-container.chat-active .chat-window{left:0!important}.details-sidebar{display:none!important}}*{-webkit-overflow-scrolling:touch}.launchpad-container{height:100dvh;padding:60px 20px;padding-bottom:max(40px, env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#f0f2f5 0%,#e0e7ff 100%);flex-direction:column;align-items:center;display:flex;overflow:hidden auto}.launchpad-header{text-align:center;margin-bottom:50px}.launchpad-header h1{color:#1e293b;margin-bottom:12px;font-size:36px;font-weight:800}.launchpad-header p{color:#64748b;font-size:16px}.launchpad-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;width:100%;max-width:1000px;padding-bottom:40px;display:grid}.launchpad-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;cursor:pointer;background:#fffc;border:1px solid #ffffff80;border-radius:28px;flex-direction:column;align-items:center;padding:30px 20px;transition:all .3s;display:flex;box-shadow:0 10px 25px #0000000d}.launchpad-card:hover{background:#fff;transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.launchpad-card .avatar-section{margin-bottom:20px;position:relative}.launchpad-card .avatar-section img{object-fit:cover;border:4px solid #f8fafc;border-radius:24px;width:90px;height:90px;box-shadow:0 4px 10px #0000000d}.launchpad-card .status-badge{background:#22c55e;border:4px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-4px;right:-4px}.conv-item .account-badge{object-fit:cover;background:#fff;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-2px;right:-2px}.toggle-switch{cursor:pointer;background:#e2e8f0;border-radius:13px;flex-shrink:0;width:44px;height:26px;padding:3px;transition:background .2s}.toggle-switch.on{background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-thumb{transform:translate(18px)}.btn-primary-full{background:var(--accent);color:#fff;width:100%;font:inherit;cursor:pointer;border:none;border-radius:10px;margin-top:4px;padding:11px;font-size:13.5px;font-weight:700;transition:background .15s}.btn-primary-full:hover{background:var(--accent-hover)}.btn-primary-full:disabled{cursor:not-allowed;background:#cbd5e1}.settings-action-btn{text-align:left;border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text-main);font:inherit;cursor:pointer;border-radius:10px;margin-top:8px;padding:11px 12px;font-size:13.5px;font-weight:600;transition:background .15s}.settings-action-btn:hover{background:var(--bg-main)}.settings-action-btn:disabled{color:var(--text-muted);cursor:not-allowed}.settings-action-btn.danger{color:#ef4444;border-color:#ef44444d}.settings-action-btn.danger:hover{background:#ef444414}.field-mini-form{text-align:left;margin-bottom:12px}.field-mini-form label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.field-mini-form input,.field-mini-form select,.field-mini-form textarea{border:1px solid var(--border);background:var(--bg-main);width:100%;color:var(--text-main);font:inherit;resize:none;border-radius:10px;padding:9px 11px;font-size:13px}.field-mini-form input:disabled{color:var(--text-muted);cursor:not-allowed}.qty-btn{border:1px solid var(--border);background:var(--bg-main);width:28px;height:28px;color:var(--text-main);cursor:pointer;border-radius:8px;font-size:15px;font-weight:700}.qty-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.ship-checkbox-row{color:var(--text-main);cursor:pointer;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.ship-checkbox-row input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.settings-page{background:var(--bg-main);flex-direction:column;height:100dvh;display:flex}.settings-page-header{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:18px 24px;display:flex}.settings-page-header h1{font-size:18px;font-weight:700}.settings-page-body{flex-direction:column;flex:1;align-items:center;gap:16px;padding:24px;display:flex;overflow-y:auto}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;padding:18px 20px}.settings-section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.settings-section-head h3{font-size:14px;font-weight:700}.settings-row{justify-content:space-between;align-items:center;display:flex}.settings-row-title{color:var(--text-main);font-size:14px;font-weight:600}.settings-row-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.settings-row-sub.role-admin{color:#7c3aed}.settings-row-sub.role-staff{color:var(--accent)}.staff-list{flex-direction:column;gap:8px;display:flex}.staff-row{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.system-event-badge{background:var(--bg-main);border:1px solid var(--border);border-radius:999px;align-items:center;gap:7px;max-width:100%;padding:6px 14px;display:inline-flex}.system-event-badge p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.launchpad-card h3{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom:2px;font-size:18px;font-weight:700;overflow:hidden}.launchpad-card .phone{color:#64748b;margin-bottom:8px;font-size:12px}.launchpad-card .status-text{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.launchpad-card .status-text.ready{color:#166534;background:#dcfce7}.launchpad-card .status-text.error{color:#991b1b;background:#fee2e2}.launchpad-card.add-new{box-shadow:none;background:0 0;border:2px dashed #cbd5e1}.launchpad-card.add-new:hover{border-color:var(--accent);background:#fff6}.launchpad-card.add-new .plus-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;transition:all .2s;display:flex}.launchpad-card.add-new:hover .plus-icon{background:var(--accent-soft);color:var(--accent)}@media (width<=640px){.launchpad-grid{grid-template-columns:repeat(2,1fr);gap:16px}.launchpad-card{padding:20px 10px}.launchpad-card .avatar-section img{width:70px;height:70px}}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.typing-dots{align-items:center;gap:3px;margin-left:4px;display:inline-flex}.typing-dots .dot{background-color:#65676b;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dots .dot:first-child{animation-delay:-.32s}.typing-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.msg-actions-hover{z-index:50;opacity:0;pointer-events:none;align-items:center;gap:6px;transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.msg-wrapper:hover .msg-actions-hover,.msg-actions-hover.show-actions{opacity:1;pointer-events:auto}.msg-actions-hover:before{content:"";pointer-events:auto;width:40px;position:absolute;top:-10px;bottom:-10px}.msg-actions-hover.left-side:before{right:-20px}.msg-actions-hover.right-side:before{left:-20px}.msg-actions-hover.left-side{margin-right:10px;right:100%}.msg-actions-hover.right-side{margin-left:10px;left:100%}.msg-action-item.circular-action{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .15s;display:flex;box-shadow:0 2px 6px #0000000f}.msg-action-item.circular-action:hover,.msg-action-item.circular-action.active{color:var(--accent);background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.reaction-trigger-circular{position:relative}.reaction-trigger-circular:hover .emoji-picker-mini{display:flex}.reaction-trigger-circular .emoji-picker-mini{left:50%;transform:translate(-50%)}.msg-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;min-width:175px;margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #00000014}.msg-dropdown-reactions{justify-content:space-around;align-items:center;gap:4px;padding:4px 2px;display:flex}.msg-dropdown-react-btn{cursor:pointer;padding:2px;font-size:17px;transition:transform .12s}.msg-dropdown-react-btn:hover{transform:scale(1.25)}.msg-dropdown-divider{background:#f1f5f9;height:1px;margin:4px 0}.msg-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;transition:background .12s,color .12s;display:flex}.msg-dropdown-item:hover{color:#0f172a;background:#f1f5f9}.msg-dropdown-item.recall-option{color:#f59e0b}.msg-dropdown-item.recall-option:hover{color:#d97706;background:#fffbeb}.msg-dropdown-item.delete-option{color:#ef4444}.msg-dropdown-item.delete-option:hover{color:#dc2626;background:#fef2f2}