:root{--green:#0e7c7b;--green-dark:#0a5555;--green-light:#17b6a6;--accent:#f26f21;--accent-dark:#d95e10;--bg:#f0f2f5;--card:#ffffff;--text:#111b21;--muted:#667781;--border:#e9edef;--danger:#e02424;--radius:14px}:root[data-theme=dark]{--bg:#0f1a1a;--card:#162222;--text:#e6efee;--muted:#93a7a4;--border:#24403f}:root[data-theme=dark] body{background:var(--bg);color:var(--text)}:root[data-theme=dark] .card,:root[data-theme=dark] .panel,:root[data-theme=dark] .stat-card{background:var(--card);border-color:var(--border)}:root[data-theme=dark] .btn-mini{background:#1f3130;color:#d7ece9;border-color:#2c4a48}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#162222;color:var(--text);border-color:var(--border)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#075e54,#128c7e 60%,#25d366)}.card{width:100%;max-width:420px;background:var(--card);border-radius:var(--radius);padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-weight:700;font-size:20px}.brand .dot{width:34px;height:34px;border-radius:9px;background:var(--green-light);display:grid;place-items:center;color:#fff;font-size:18px}.subtitle{color:var(--muted);margin:0 0 22px;font-size:14px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.google-btn:hover{background:#f6f8f9}.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:12px}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.lp{min-height:100vh;background:var(--bg)}.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 6vw;background:var(--card);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:20}.lp-brand img{height:42px;width:auto;display:block}.lp-nav-links{display:flex;align-items:center;gap:22px}.lp-nav-links a{color:var(--muted);font-size:14px;font-weight:600}.lp-nav-links a:hover{color:var(--text);text-decoration:none}.lp-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:14px;padding:10px 18px;cursor:pointer;border:1px solid transparent;transition:transform .1s,background .15s}.lp-btn:hover{text-decoration:none;transform:translateY(-1px)}.lp-btn-lg{padding:13px 26px;font-size:15px}.lp-btn-solid{background:var(--accent);color:#fff}.lp-btn-solid:hover{background:var(--accent-dark);color:#fff}.lp-btn-accent{background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(242,111,33,.35)}.lp-btn-accent:hover{background:var(--accent-dark);color:#fff}.lp-btn-ghost{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.5)}.lp-btn-ghost:hover{background:rgba(255,255,255,.25);color:#fff}.lp-btn-outline{background:transparent;color:var(--green-dark);border-color:var(--green)}.lp-btn-outline:hover{background:#eafaf7;color:var(--green-dark)}.lp-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#072e2c 0,var(--green-dark) 45%,var(--green) 100%);color:#fff;padding:72px 6vw 56px}.lp-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.lp-blob-1{width:420px;height:420px;background:var(--accent);top:-160px;right:-80px;opacity:.28}.lp-blob-2{width:360px;height:360px;background:var(--green-light);bottom:-180px;left:-100px;opacity:.3}.lp-hero-grid{position:relative;z-index:1;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:48px;gap:48px;align-items:center}.lp-hero-copy{max-width:560px}.lp-eyebrow{display:inline-block;background:rgba(255,255,255,.16);padding:5px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:18px}.lp-hero h1{font-size:44px;line-height:1.12;margin:0 0 16px;font-weight:800;letter-spacing:-.5px}.lp-hero p{font-size:18px;line-height:1.6;color:rgba(255,255,255,.9);margin:0 0 26px}.lp-cta{display:flex;gap:12px;flex-wrap:wrap}.lp-trust{margin-top:16px;font-size:13px;color:rgba(255,255,255,.75)}.lp-mock{background:#0b1f1e;border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.35)}.lp-mock-head{display:flex;align-items:center;gap:6px;padding:12px 14px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}.lp-mock-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3)}.lp-mock-body{padding:18px;display:flex;flex-direction:column;gap:10px;background:#0f2a28;min-height:230px}.lp-bubble{max-width:78%;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.4}.lp-bubble-in{align-self:flex-start;background:#1e3b39;color:#e7f3f1;border-bottom-left-radius:4px}.lp-bubble-out{align-self:flex-end;background:var(--green-light);color:#04211d;border-bottom-right-radius:4px;font-weight:500}.lp-stats{position:relative;z-index:1;max-width:1120px;margin:48px auto 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.lp-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;text-align:center}.lp-stat-v{font-size:24px;font-weight:800;color:#fff}.lp-stat-l{font-size:12px;color:rgba(255,255,255,.8);margin-top:4px}.lp-section{max-width:1120px;margin:0 auto;padding:72px 6vw}.lp-section h2{text-align:center;font-size:30px;margin:0 0 8px;color:var(--text)}.lp-sub{text-align:center;color:var(--muted);margin:0 0 40px;font-size:15px}.lp-why{background:linear-gradient(135deg,#0a3d3a,#0d5450);color:#fff;padding:64px 6vw}.lp-why-inner{max-width:1000px;margin:0 auto;text-align:center}.lp-why-inner h2{font-size:28px;margin:0 0 36px}.lp-why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;text-align:left}.lp-why-grid h4{margin:10px 0 6px;font-size:17px}.lp-why-grid p{margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.6}.lp-why-ic{width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:22px}@media (max-width:860px){.lp-hero-grid{grid-template-columns:1fr}.lp-mock{display:none}.lp-stats{grid-template-columns:repeat(2,1fr)}.lp-why-grid{grid-template-columns:1fr}}.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.lp-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:26px;transition:transform .15s,box-shadow .15s}.lp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.lp-card-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--green-light));display:grid;place-items:center;font-size:26px;margin-bottom:16px}.lp-card h3{margin:0 0 8px;font-size:18px;color:var(--text)}.lp-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.lp-cta-band{text-align:center;padding:64px 6vw;background:var(--card);border-top:1px solid var(--border)}.lp-cta-band h2{font-size:28px;margin:0 0 8px}.lp-cta-band p{color:var(--muted);margin:0 0 24px}.lp-cta-band .lp-cta{justify-content:center}.lp-footer{text-align:center;padding:28px;color:var(--muted);font-size:13px;background:var(--bg)}@media (max-width:640px){.lp-hero h1{font-size:34px}.lp-nav-links a:not(.lp-btn){display:none}}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:14px;outline:none;transition:border-color .15s;background:#fff;color:var(--text);font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23667781' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 13px center}.field select option{color:var(--text)}.btn{width:100%;padding:12px 16px;border:none;border-radius:10px;background:var(--green);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.btn:hover{background:var(--green-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn{background:var(--accent)}.btn:hover{background:var(--accent-dark)}.error{background:#fdecec;color:var(--danger);border:1px solid #f8caca;padding:10px 12px;border-radius:10px;font-size:13px;margin-bottom:14px}.switch{text-align:center;margin-top:18px;font-size:14px;color:var(--muted)}.shell{min-height:100vh;display:flex}.sidebar{width:244px;background:linear-gradient(180deg,#0e5350,#093a37);color:#d7e3e0;padding:20px 14px;flex-shrink:0;border-right:1px solid rgba(0,0,0,.15)}.sidebar .logo{color:#fff;font-weight:700;font-size:18px;gap:10px;margin-bottom:20px}.sidebar .logo,.sidebar nav a{display:flex;align-items:center}.sidebar nav a{color:#bcd3ce;padding:10px 12px;border-radius:10px;margin-bottom:3px;font-size:14px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s}.sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.sidebar nav a.active{background:rgba(242,111,33,.18);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.main-content{padding:24px 34px;flex:1 1}.appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:none;border-bottom:1px solid var(--border);padding:12px 34px;position:-webkit-sticky;position:sticky;top:0;z-index:40;box-shadow:0 1px 8px rgba(0,0,0,.04)}.appbar-title{font-weight:700;font-size:15px;color:var(--text)}.appbar-actions{display:flex;align-items:center;gap:8px}.appbar-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-size:16px;display:grid;place-items:center;transition:background .15s,border-color .15s}.appbar-btn:hover{border-color:var(--accent);background:var(--card)}.appbar-pop{position:absolute;right:0;top:46px;width:260px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 12px 32px rgba(0,0,0,.14);z-index:50}.appbar-user{display:flex;align-items:center;gap:8px;padding-left:8px;margin-left:4px;border-left:1px solid var(--border)}.appbar-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--green),var(--green-light));color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.topbar h1{margin:0;font-size:22px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:16px;gap:16px;margin-bottom:26px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-size:26px;font-weight:700;margin-top:6px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:18px}.panel h2{margin:0 0 14px;font-size:16px}.row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-size:14px}.row:last-child{border-bottom:none}.row .k{color:var(--muted)}.badge{display:inline-block;background:#e7f7ef;color:#0a7d47;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:8px 14px;border-radius:9px;cursor:pointer;font-size:13px}.btn-ghost:hover{background:rgba(255,255,255,.12)}.btn-mini{background:#eef4f2;color:var(--green-dark);border:1px solid #d6e4df;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.btn-mini:hover{background:#e2eeea}.btn-mini.danger{background:#fdecec;color:var(--danger);border-color:#f6cccc}.btn-mini.danger:hover{background:#fadede}.center-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.hero{background:linear-gradient(135deg,var(--green-dark),var(--green) 60%,var(--green-light));color:#fff;border-radius:18px;padding:26px 28px;margin-bottom:20px;box-shadow:0 10px 30px rgba(7,94,84,.18)}.hero h1{margin:0 0 4px;font-size:24px}.hero .hero-sub{color:rgba(255,255,255,.85);font-size:14px}.hero-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;transition:transform .12s,box-shadow .12s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.07)}.stat-card .ic{width:44px;height:44px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;font-size:20px}.stat-card .sc-label{font-size:12px;color:var(--muted);font-weight:600}.stat-card .sc-value{font-size:24px;font-weight:800;line-height:1.1}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.quick-action{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;text-decoration:none;transition:border-color .12s,background .12s}.quick-action:hover{border-color:var(--green);background:#f5fbf9;text-decoration:none}@keyframes spin{to{transform:rotate(1turn)}}@keyframes preloaderFade{0%{opacity:0}to{opacity:1}}@keyframes preloaderPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.96)}}.spinner{display:inline-block;width:22px;height:22px;border:3px solid rgba(18,140,126,.2);border-top:3px solid var(--green);border-radius:50%;animation:spin .7s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}.spinner-sm{width:16px;height:16px;border-width:2px}.loading-block{gap:12px;padding:48px 16px;color:var(--muted)}.loading-block,.preloader{display:flex;flex-direction:column;align-items:center;justify-content:center}.preloader{min-height:100vh;gap:22px;background:var(--bg);animation:preloaderFade .25s ease}.preloader-logo{width:150px;max-width:55vw;height:auto;border-radius:12px;animation:preloaderPulse 1.4s ease-in-out infinite}.preloader-text{color:var(--muted);font-size:14px;letter-spacing:.2px}.inbox-layout{display:flex;height:calc(100vh - 80px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card)}.convo-list{width:360px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.convo-list-header{padding:14px 16px;border-bottom:1px solid var(--border)}.convo-list-header input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none}.convo-list-header input:focus{border-color:var(--green)}.convo-list-items{flex:1 1;overflow-y:auto}.convo-item{display:flex;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .1s}.convo-item:hover{background:#f5f6f6}.convo-item.active{background:#f0f2f5}.convo-avatar{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700;font-size:16px;flex-shrink:0}.convo-info{flex:1 1;min-width:0}.convo-name{font-weight:600;font-size:14px;display:flex;justify-content:space-between}.convo-name .time{color:var(--muted);font-size:12px;font-weight:400}.convo-preview{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;display:flex;justify-content:space-between;align-items:center}.unread-badge{background:var(--green-light);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px;flex-shrink:0}.chat-area{flex:1 1;display:flex;flex-direction:column;min-width:0}.chat-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.chat-header .name{font-weight:600;font-size:15px}.chat-header .phone{color:var(--muted);font-size:13px}.chat-header .window-tag{font-size:11px;padding:2px 8px;border-radius:999px;margin-left:auto}.chat-header .window-open{background:#e7f7ef;color:#0a7d47}.assign-item:hover{background:#f0f5f4}.chat-header .window-closed{background:#fdecec;color:var(--danger)}.message-list{flex:1 1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column-reverse;gap:4px;background:#efeae2}.bubble-wrap{display:flex;position:relative}.bubble-wrap-in{justify-content:flex-start}.bubble-wrap-out{justify-content:flex-end}.bubble{max-width:65%;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.45;position:relative;word-wrap:break-word}.bubble-in{background:#fff;border-top-left-radius:2px}.bubble-out{background:#d9fdd3;border-top-right-radius:2px}.bubble-action-btn{position:absolute;top:4px;right:4px;width:24px;height:20px;border-radius:4px;border:none;background:rgba(0,0,0,.08);color:var(--muted);font-size:12px;cursor:pointer;display:grid;place-items:center;z-index:2;opacity:.5;transition:opacity .12s,background .12s}.bubble:hover .bubble-action-btn{opacity:1}.bubble-action-btn:active,.bubble-action-btn:hover{background:rgba(0,0,0,.15);opacity:1}.bubble .meta{font-size:11px;color:var(--muted);text-align:right;margin-top:4px;display:flex;gap:4px;justify-content:flex-end;align-items:center}.bubble .status-checks{font-size:14px}.bubble .status-read{color:#53bdeb}.compose-bar{padding:10px 16px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;background:#f0f2f5;position:relative}.compose-bar input{flex:1 1;padding:11px 14px;border:1px solid var(--border);border-radius:22px;font-size:14px;outline:none;background:#fff}.compose-bar input:focus{border-color:var(--green)}.compose-bar button{width:42px;height:42px;border-radius:50%;background:var(--green);color:#fff;border:none;cursor:pointer;font-size:18px;display:grid;place-items:center;flex-shrink:0}.compose-bar button:disabled{opacity:.5;cursor:not-allowed}.attach-btn{width:42px;height:42px;border-radius:50%;background:transparent;color:var(--muted);border:none;cursor:pointer;font-size:22px;display:grid;place-items:center;flex-shrink:0;transition:color .15s}.attach-btn:hover{color:var(--text)}.attach-menu{position:absolute;bottom:60px;left:16px;background:#fff;border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:8px 0;z-index:100;min-width:200px;animation:attachPop .15s ease-out}@keyframes attachPop{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.attach-menu-item{display:flex;align-items:center;gap:12px;padding:10px 18px;cursor:pointer;font-size:14px;color:var(--text);transition:background .1s}.attach-menu-item:hover{background:#f0f2f5}.attach-menu-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:17px;color:#fff;flex-shrink:0}.bubble-media img,.bubble-media video{max-width:280px;max-height:340px;width:auto;height:auto;border-radius:8px;display:block;object-fit:cover;cursor:pointer;background:#000}.bubble-media audio{max-width:260px;margin-top:4px}.bubble-doc{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(0,0,0,.04);border-radius:8px;font-size:13px}.bubble-doc-icon{font-size:28px;flex-shrink:0}.bubble-doc-name{word-break:break-all}.media-preview{padding:10px 16px;border-top:1px solid var(--border);background:#f0f2f5;display:flex;align-items:center;gap:12px}.media-preview-thumb{width:60px;height:60px;border-radius:8px;object-fit:cover;background:#ddd;display:grid;place-items:center;font-size:24px;flex-shrink:0}.media-preview-info{flex:1 1;min-width:0}.media-preview-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview-size{font-size:11px;color:var(--muted)}.media-preview-close{width:28px;height:28px;background:rgba(0,0,0,.1);font-size:14px;place-items:center}.media-preview-close,.mic-btn{border-radius:50%;border:none;cursor:pointer;display:grid;flex-shrink:0}.mic-btn{width:42px;height:42px;background:transparent;color:var(--muted);font-size:20px;place-items:center;transition:color .15s}.mic-btn:hover{color:var(--text)}.mic-btn:disabled{opacity:.5;cursor:not-allowed}.recording-dot{width:12px;height:12px;border-radius:50%;background:#dc2626;flex-shrink:0;animation:recordPulse 1s ease-in-out infinite}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.3}}.attach-menu-item.disabled{cursor:default}.attach-menu-item.disabled:hover{background:transparent}.chat-empty{flex:1 1;display:grid;place-items:center;color:var(--muted);font-size:15px}.filter-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.filter-tab{flex:1 1;text-align:center;padding:10px 0;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.filter-tab:hover{color:var(--text)}.filter-tab.active{color:var(--green);border-bottom-color:var(--green)}.msg-action-menu{position:fixed;z-index:100;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.18);min-width:160px;padding:6px 0;animation:attachPop .12s ease-out}.msg-action-item{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:13px;cursor:pointer;transition:background .1s}.msg-action-item:hover{background:#f0f2f5}.msg-action-icon{width:18px;text-align:center;font-size:14px;flex-shrink:0}.msg-action-danger{color:var(--danger)}.msg-action-danger:hover{background:#fdecec}.msg-action-divider{height:1px;background:var(--border);margin:4px 0}.reply-bar{display:flex;align-items:stretch;gap:0;padding:8px 16px;border-top:1px solid var(--border);background:#f0f2f5}.reply-bar-line{width:4px;background:var(--green);border-radius:4px;flex-shrink:0}.reply-bar-content{flex:1 1;min-width:0;padding:4px 10px}.reply-bar-name{font-size:12px;font-weight:700;color:var(--green)}.reply-bar-text{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-bar-close{width:28px;height:28px;border-radius:50%;border:none;background:rgba(0,0,0,.08);cursor:pointer;font-size:14px;display:grid;place-items:center;flex-shrink:0;align-self:center}.msg-info-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;display:grid;place-items:center}.msg-info-panel{background:#fff;border-radius:14px;padding:20px;width:360px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 30px rgba(0,0,0,.2)}.menu-toggle,.sidebar-overlay{display:none}@media (max-width:768px){.menu-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--bg);cursor:pointer;font-size:18px;flex-shrink:0}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:100;transform:translateX(-100%);transition:transform .25s ease;width:260px}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;z-index:99;background:rgba(0,0,0,.45)}.main-content{padding:16px}.appbar{padding:10px 16px;gap:8px}.appbar-title{font-size:13px;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-actions .appbar-btn[title="Exit full screen"],.appbar-actions .appbar-btn[title="Full screen"],.appbar-user>div:last-child{display:none}.appbar-user{border:none;padding:0;margin:0}.topbar{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.topbar h1{font-size:18px}.stat-cards{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card .sc-value{font-size:20px}.hero{padding:18px 16px;border-radius:14px}.hero h1{font-size:18px}.panel{padding:16px;margin-bottom:14px}.row{flex-direction:column;gap:4px}.btn-mini{padding:6px 10px;font-size:12px}.quick-actions{gap:8px}.quick-action{padding:8px 12px;font-size:13px}.inbox-layout{flex-direction:column;height:auto;min-height:calc(100vh - 80px)}.convo-list{width:100%;border-right:none;border-bottom:1px solid var(--border);max-height:45vh}.chat-area{min-height:55vh}.bubble{max-width:85%}.compose-bar{padding:8px 10px;gap:6px}.compose-bar input{padding:10px 12px;font-size:13px}.chat-header{padding:10px 14px;flex-wrap:wrap;gap:8px}.grid{grid-template-columns:1fr}table{display:block;overflow-x:auto;white-space:nowrap}.msg-info-panel{width:95vw;padding:16px}.appbar-pop{width:220px;right:-8px;width:240px}.main-content{overflow-x:hidden}.panel{overflow-x:auto}.panel input,.panel select,.panel textarea{max-width:100%}}@media (max-width:480px){.stat-cards{grid-template-columns:1fr}.convo-list{max-height:40vh}.convo-item{padding:10px 12px;gap:10px}.convo-avatar{width:38px;height:38px;font-size:14px}.hero h1{font-size:16px}.hero{padding:14px 12px}.main-content{padding:12px}.appbar{padding:8px 12px}.lp-hero h1{font-size:26px}.lp-hero{padding:40px 5vw 32px}.lp-section{padding:40px 5vw}.lp-stats{grid-template-columns:1fr 1fr;gap:10px}.bubble{max-width:90%}.bubble-media img,.bubble-media video{max-width:220px}}