:root{--ink:#222222;--ink-2:#6a6a6a;--line:#ebebeb;--line-2:#dddddd;--bg:#ffffff;--bg-2:#f7f7f7;--bg-3:#f2f2f2;--accent:#ff385c;--accent-ink:#ffffff;--host-bubble:#3f3f3f;--good:#008a05;--good-bg:#e8f5e9;--good-ink:#0b5d1e;--warn-bg:#fff4e5;--warn-ink:#9a4a00;--bad:#c1133b;--bad-bg:#fff1f3;--info:#1e4fbf;--info-bg:#eef3ff;--vrbo:#1e5bc6;--radius:14px;--font:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:var(--font)}a,body,html{color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:16px 32px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand img{width:40px;height:40px;border-radius:50%}.brand span{font-weight:700;font-size:17px;letter-spacing:.08em}.nav{display:flex;flex-wrap:wrap;gap:28px;flex:1 1 auto;justify-content:center;font-size:15px}.nav a{text-decoration:none;color:var(--ink-2);font-weight:500;padding-bottom:4px;border-bottom:2px solid transparent}.nav a.active{color:var(--ink);font-weight:600;border-bottom-color:var(--ink)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:none}.page{max-width:1180px;margin:0 auto;padding:40px 32px 64px;display:flex;flex-direction:column;gap:32px}.h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em}.muted{color:var(--ink-2)}.card{border:1px solid var(--line-2);border-radius:var(--radius);padding:20px}.chip{flex:none;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--line-2);background:#fff}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tag{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--bg-3)}.tag.bad{background:var(--bad-bg);color:var(--bad)}.tag.warn{background:var(--warn-bg);color:var(--warn-ink)}.tag.good{background:var(--good-bg);color:var(--good-ink)}.tag.info{background:var(--info-bg);color:var(--info)}.btn{padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--ink);background:#fff}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.btn.dark{background:var(--ink);color:#fff}.btn:disabled{opacity:.5;cursor:default}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.field input{padding:14px 16px;border:1px solid #b0b0b0;border-radius:10px;font-weight:400;font-size:16px}.inbox{display:flex;height:calc(100vh - 73px);min-height:600px}.inbox-list{width:420px;flex:none;border-right:1px solid var(--line);flex-direction:column}.inbox-chat,.inbox-list{display:flex;min-height:0}.inbox-chat{flex:1 1 auto;min-width:0;flex-direction:column}.inbox-side{width:380px;flex:none;border-left:1px solid var(--line);overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px}.thread-row{display:flex;gap:16px;align-items:flex-start;width:100%;padding:14px 12px;border:none;border-radius:14px;background:#fff;text-align:left}.thread-row.sel{background:var(--bg-2)}.thumb{position:relative;flex:none;width:60px;height:60px}.thumb .v{inset:0;border-radius:10px;background:linear-gradient(160deg,#9ad7e6,#2c7da0)}.ch,.thumb .v{position:absolute}.ch{right:-6px;bottom:-6px;width:30px;height:30px;border-radius:50%;border:2px solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.ch.airbnb{background:var(--accent)}.ch.vrbo{background:var(--vrbo)}.ch.direct{background:var(--ink);font-size:10px}.ellip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble{padding:14px 18px;border-radius:16px;font-size:15px;line-height:1.5;white-space:pre-line;max-width:68%}.bubble.g{background:var(--bg-3);align-self:flex-start}.bubble.h{background:var(--host-bubble);color:#fff;align-self:flex-end}.bubble.a{background:#fff;border:1px dashed var(--line-2);color:var(--ink-2);align-self:flex-end;font-size:13px}.draft{border:1px solid var(--line-2);border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.08);overflow:hidden}.draft-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;background:var(--bg-2);border-bottom:1px solid var(--line);font-size:14px}.draft textarea{width:100%;border:none;outline:none;resize:vertical;padding:14px 18px;font-size:15px;line-height:1.55;min-height:140px}@media (max-width:1100px){.inbox-side{display:none}}@media (max-width:760px){.app-header{padding:12px 16px;gap:12px}.nav{order:3;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;gap:20px}.inbox-list,.nav{width:100%}.inbox.has-sel .inbox-list,.inbox:not(.has-sel) .inbox-chat{display:none}.page{padding:24px 16px 48px}}.menu{position:relative}.menu>summary{list-style:none;cursor:pointer}.menu>summary::-webkit-details-marker{display:none}.menu-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.14);padding:8px;z-index:50;display:flex;flex-direction:column}.menu-pop a,.menu-pop button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--ink);text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit}.menu-pop a:hover,.menu-pop button:hover{background:var(--bg-2)}