:root{--accent:#10B981;--accent-weak:rgba(16,185,129,.12);--accent-line:rgba(16,185,129,.32);--font:"Inter Tight",-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,sans-serif;--radius:14px;--radius-lg:20px;--ease:cubic-bezier(.32,.72,0,1)}:root,:root[data-theme=dark]{--bg:#0A0A0B;--bg-elev:#141416;--bg-elev2:#1C1C1F;--ink:#F5F5F7;--ink-2:#A1A1AA;--ink-3:#6B6B72;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--shadow:0 12px 40px rgba(0,0,0,.5);--scrim:rgba(0,0,0,.6)}:root[data-theme=light]{--bg:#F7F7F8;--bg-elev:#FFFFFF;--bg-elev2:#FFFFFF;--ink:#0A0A0B;--ink-2:#52525B;--ink-3:#A1A1AA;--line:rgba(0,0,0,.08);--line-2:rgba(0,0,0,.14);--shadow:0 12px 32px rgba(0,0,0,.06);--scrim:rgba(0,0,0,.3)}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg:#F7F7F8;--bg-elev:#FFFFFF;--bg-elev2:#FFFFFF;--ink:#0A0A0B;--ink-2:#52525B;--ink-3:#A1A1AA;--line:rgba(0,0,0,.08);--line-2:rgba(0,0,0,.14);--shadow:0 12px 32px rgba(0,0,0,.06);--scrim:rgba(0,0,0,.3)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;transition:background .4s var(--ease),color .4s var(--ease)}svg{display:block}button{font-family:inherit}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:16px;height:16px}.app{max-width:1180px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:30}.mark{width:34px;height:34px;border-radius:10px;background:var(--accent-weak);border:1px solid var(--accent-line);display:grid;place-items:center;color:var(--accent);flex:none}.brand{font-weight:600;font-size:18px;letter-spacing:-.02em}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;margin-top:1px}.grow{flex:1}.tbtn{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--bg-elev);display:grid;place-items:center;cursor:pointer;color:var(--ink-2);transition:.2s var(--ease)}.tbtn:hover{color:var(--ink);border-color:var(--line-2)}.tbtn.has-dot{position:relative}.tbtn .ndot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elev)}.body{flex:1;display:grid;grid-template-columns:236px 372px 1fr;min-height:0}@media (max-width:1000px){.body{grid-template-columns:1fr}.nav,.sidebar,.body.show-conv .list{display:none}.body.show-conv .conv{display:flex}.body:not(.show-conv) .conv{display:none}}.nav{border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav .inbox-name{font-size:13px;font-weight:600;padding:6px 12px 14px;display:flex;align-items:center;gap:8px}.nav .inbox-name .swatch{width:8px;height:8px;border-radius:50%;background:var(--accent)}.nav h4{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:18px 12px 8px;font-weight:600}.navitem{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:11px;cursor:pointer;font-weight:500;color:var(--ink-2);transition:.18s var(--ease);border:none;background:none;width:100%;text-align:left;font-size:15px}.navitem:hover{background:var(--bg-elev);color:var(--ink)}.navitem.active{background:var(--accent-weak);color:var(--accent)}.navitem .ct{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}.navitem.active .ct{color:var(--accent)}.list{border-right:1px solid var(--line);overflow-y:auto}.listhead{padding:20px 22px 14px;position:sticky;top:0;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5}.listhead h2{font-size:22px;font-weight:600;letter-spacing:-.02em}.listhead .sub{font-size:12.5px;color:var(--ink-3);margin-top:2px}.row{padding:15px 22px;border-bottom:1px solid var(--line);cursor:pointer;transition:.15s var(--ease)}.row:hover{background:var(--bg-elev)}.row.sel{background:var(--accent-weak);box-shadow:inset 2px 0 0 var(--accent)}.row .top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.row .who{font-weight:600;font-size:14px}.row .time{margin-left:auto;font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.row .subj{font-weight:500;font-size:14px;margin-bottom:2px}.row .prev{font-size:13px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pins{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.pin{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:99px;border:1px solid transparent}.pin.ai{background:var(--accent-weak);color:var(--accent);border-color:var(--accent-line)}.pin.pay{background:#d9a03c1f;color:#d9a03c;border-color:#d9a03c4d}.pin.attn{background:#e1483c1f;color:#e1483c;border-color:#e1483c4d}.conv{display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.convhead{padding:16px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back{display:none}@media (max-width:1000px){.back{display:grid}}.convhead .title{font-weight:600;font-size:16px;letter-spacing:-.01em}.convhead .no{font-size:12px;color:var(--ink-3);margin-top:1px;font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:99px;cursor:pointer;border:1px solid var(--accent-line);background:var(--accent-weak);color:var(--accent);transition:.18s var(--ease)}.chip .pulse{width:7px;height:7px;border-radius:50%;background:var(--accent)}.convbody{flex:1;overflow-y:auto;padding:24px 22px;display:flex;flex-direction:column;gap:16px}.msg{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px}.msg .meta{display:flex;align-items:center;gap:10px;margin-bottom:12px}.av{width:32px;height:32px;border-radius:9px;background:var(--bg-elev2);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink-2);font-weight:600;font-size:12px;flex:none}.msg .name{font-weight:600;font-size:13.5px}.msg .when{margin-left:auto;font-size:11.5px;color:var(--ink-3)}.msg p{margin:9px 0;font-size:14.5px;line-height:1.55}.msg.ai{background:var(--accent-weak);border-color:var(--accent-line)}.msg.ai .av{background:var(--accent);border-color:transparent;color:#fff}.aitag{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;color:var(--accent);border:1px solid var(--accent-line);padding:3px 8px;border-radius:99px;margin-left:auto}.msg.ai .when{margin-left:10px}.composer{border-top:1px solid var(--line);padding:14px 18px;display:flex;align-items:center;gap:10px;background:var(--bg-elev)}.cbtn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--bg);display:grid;place-items:center;cursor:pointer;color:var(--ink-2);transition:.18s var(--ease)}.cbtn:hover{color:var(--ink);border-color:var(--line-2)}.field{flex:1;border:1px solid var(--line);border-radius:13px;padding:12px 15px;color:var(--ink);background:var(--bg);font-size:14px;font-family:inherit;resize:none;outline:none}.field:focus{border-color:var(--accent-line)}.send{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#fff;border:none;border-radius:13px;padding:12px 20px;font-weight:600;cursor:pointer;font-size:14px;transition:.18s var(--ease)}.send:hover{filter:brightness(1.08)}.send:disabled{opacity:.5;cursor:default}.sidebar{border-left:1px solid var(--line);padding:24px 20px;overflow-y:auto}.cust{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.bigav{width:60px;height:60px;border-radius:16px;margin:0 auto 12px;background:var(--bg-elev2);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink);font-weight:600;font-size:20px}.cust h3{font-size:16px;font-weight:600}.cust .email{font-size:12.5px;color:var(--accent);margin-top:3px}.sidebar h5{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 4px;font-weight:600}.hist{font-size:13px;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink-2);cursor:pointer;transition:.15s}.hist:hover{color:var(--accent)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scrim.on{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--bg-elev);border-top:1px solid var(--line-2);border-radius:24px 24px 0 0;padding:8px 0 max(24px,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .34s var(--ease);z-index:60;max-width:540px;margin:0 auto;box-shadow:var(--shadow)}.sheet.on{transform:translateY(0)}.grab{width:38px;height:5px;border-radius:99px;background:var(--line-2);margin:8px auto 16px}.sheet h4{text-align:center;font-size:16px;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.opt{display:flex;align-items:center;gap:14px;padding:15px 24px;font-size:15.5px;cursor:pointer;transition:.12s;border:none;background:none;width:100%;text-align:left;color:var(--ink)}.opt:hover{background:var(--bg-elev2)}.opt .ic{color:var(--ink-2)}.opt .chk{margin-left:auto;color:var(--accent);opacity:0}.opt.sel .chk{opacity:1}.opt.sel,.opt.sel .ic{color:var(--accent)}.opt.danger,.opt.danger .ic{color:#e1483c}.pop{position:absolute;top:62px;right:18px;background:var(--bg-elev);border:1px solid var(--line-2);border-radius:16px;padding:14px;box-shadow:var(--shadow);z-index:40;width:230px}.pop .lbl{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin:4px 2px 9px}.seg{display:flex;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:4px;margin-bottom:14px}.seg button{flex:1;border:none;background:none;color:var(--ink-2);font-size:12.5px;font-weight:600;padding:7px;border-radius:8px;cursor:pointer;transition:.15s}.seg button.on{background:var(--accent);color:#fff}.swatches{display:flex;gap:10px}.sw{width:34px;height:34px;border-radius:10px;cursor:pointer;border:2px solid transparent;transition:.15s}.sw.on{border-color:var(--ink)}.center{display:grid;place-items:center;min-height:100dvh;text-align:center;padding:24px}.spinner{width:26px;height:26px;border:2.5px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pushbar{display:flex;align-items:center;gap:10px;padding:11px 16px;margin:12px 16px 0;border:1px solid var(--accent-line);background:var(--accent-weak);border-radius:13px;font-size:13px;color:var(--ink)}.pushbar button{margin-left:auto;background:var(--accent);color:#fff;border:none;border-radius:9px;padding:7px 13px;font-weight:600;font-size:12.5px;cursor:pointer}.empty{padding:48px 22px;text-align:center;color:var(--ink-3);font-size:14px}