:root{--navy:#123a8a;--navy-deep:#0b1f4d;--navy-mid:#1d4fb8;--off-white:#fafafa;--paper:#fff;--ink:#14110c;--muted:#6b6b6b;--line:#e8e8e8;--sand:#e8c56b;--coral:#b23a22;--whatsapp:#0f7a42;--instagram:#a12d68;--email:#0d4a8c;--tiktok:#010101;--paddy:#1d4fb8;--facebook:#0084ff;--radius:14px;--shadow:0 10px 30px rgba(11,31,77,.1)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--off-white);color:var(--ink);font-family:Segoe UI,Trebuchet MS,Tahoma,sans-serif;line-height:1.45}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:232px 340px minmax(0,1fr);grid-template-rows:100vh;min-height:100vh}.nav{background:linear-gradient(180deg,var(--navy-deep),var(--navy));color:#f7f1e4;padding:22px 16px;flex-direction:column;gap:18px}.brand,.nav{display:flex}.brand{align-items:center;gap:10px;padding:4px 8px 12px;border-bottom:1px solid hsla(0,0%,100%,.16)}.logo{width:38px;height:38px;border-radius:10px;background:var(--sand);color:var(--navy-deep);display:grid;place-items:center;font-weight:800;letter-spacing:-.04em}.brand h1{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.brand p{font-size:.72rem;color:#d6c9a8}.nav-links{display:flex;flex-direction:column;gap:6px}.nav-links a{color:#f7f1e4;text-decoration:none;padding:12px 14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.nav-links a.active,.nav-links a:hover{background:hsla(0,0%,100%,.14)}.nav-links a.active{font-weight:700}.metrics-single{grid-template-columns:1fr;max-width:780px;width:100%;margin-inline:auto}.app-single{grid-template-columns:232px minmax(0,1fr)}.card,.thread-wrap{min-width:0;overflow-wrap:break-word}.menu-group{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:14px 4px 8px}.menu-list{display:flex;flex-direction:column;gap:8px}a.menu-row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink);min-height:64px}a.menu-row:hover{border-color:var(--navy-mid)}a.menu-row:focus-visible{outline:3px solid var(--navy-mid);outline-offset:2px}.menu-icon{font-size:1.3rem;line-height:1;width:32px;text-align:center;flex-shrink:0}.menu-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.95rem}.menu-arrow{margin-left:auto;font-size:1.5rem;line-height:1;color:var(--muted);flex-shrink:0}:is(.app,.site)[data-theme=SLATE]{--navy:#526bb1;--navy-deep:#33406e;--navy-mid:#526bb1;--off-white:#eef1f6;--paper:#fafbfe;--shadow:0 10px 30px rgba(82,107,177,.12)}:is(.app,.site)[data-theme=PLUM]{--navy:#6e2f56;--navy-deep:#471c38;--navy-mid:#8a4370;--off-white:#f7f1f4;--paper:#fdfbfd;--shadow:0 10px 30px rgba(110,47,86,.12)}:is(.app,.site)[data-theme=TERRACOTTA]{--navy:#a9502c;--navy-deep:#6f3418;--navy-mid:#c06a3f;--off-white:#f6f1eb;--paper:#fcfaf7;--shadow:0 10px 30px rgba(169,80,44,.12)}:is(.app,.site)[data-accent]{--navy:var(--accent);--navy-mid:var(--accent);--navy-deep:var(--accent-deep,var(--accent))}.brand-logo{width:38px;height:38px;border-radius:10px;object-fit:contain;background:#fff}.lp-shot-abstract{display:flex;gap:18px;align-items:center;padding:26px 22px}.lp-shot-points{list-style:none;display:flex;flex-direction:column;gap:10px;font-weight:600}.lp-shot-points li:before{content:"✓ "}.lp{background:#fff;color:var(--navy-deep);font-family:Segoe UI,Trebuchet MS,Tahoma,sans-serif;line-height:1.5}.lp-nav{display:flex;justify-content:space-between;gap:16px;padding:18px clamp(16px,5vw,72px);flex-wrap:wrap}.lp-logo,.lp-nav{align-items:center}.lp-logo{display:inline-flex;gap:10px;font-size:1.25rem;color:var(--navy-deep)}.lp-nav nav{display:flex;align-items:center;gap:clamp(12px,3vw,32px);flex-wrap:wrap}.lp-nav nav a{color:var(--navy-deep);text-decoration:none;font-weight:600}.lp-btn{display:inline-block;background:var(--navy-mid);color:#fff!important;font-weight:700;padding:10px 22px;border-radius:10px;text-decoration:none}.lp-btn.big{padding:14px 34px;font-size:1.02rem}.lp-btn.ghost{border:2px solid var(--navy-mid)}.lp-btn.ghost,.lp-btn.light{background:#fff;color:var(--navy-mid)!important}.lp-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:clamp(24px,4vw,64px);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(24px,5vw,72px)}.lp-eyebrow{color:var(--navy-mid);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}.lp-hero h1{font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.1;letter-spacing:-.02em;margin:12px 0 16px}.lp-sub{font-size:1.1rem;color:#3c4763;max-width:34ch}.lp-cta-row{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}.lp-shot{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px rgba(11,31,77,.14);overflow:hidden;min-width:0}.lp-shot-tag{position:absolute;top:10px;right:12px;font-size:.7rem;font-weight:700;background:var(--off-white);border:1px solid var(--line);color:var(--muted);padding:3px 10px;border-radius:999px}.lp-shot-side{background:linear-gradient(180deg,var(--navy-deep),var(--navy));color:#f7f1e4;padding:16px 12px;display:flex;flex-direction:column;gap:4px;font-size:.8rem}.lp-shot-brand{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:10px}.lp-shot-link{padding:8px 10px;border-radius:8px;opacity:.85}.lp-shot-link.active{background:hsla(0,0%,100%,.16);opacity:1}.lp-shot-main{padding:14px;min-width:0}.lp-shot-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.lp-shot-search{font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:5px 10px}.lp-shot-tabs{display:flex;gap:12px;font-size:.72rem;margin:10px 0;flex-wrap:wrap}.lp-shot-tabs .on{color:var(--navy-mid);font-weight:700;border-bottom:2px solid var(--navy-mid)}.lp-shot-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.lp-shot-card{border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:.68rem;color:var(--muted)}.lp-shot-card strong{display:block;font-size:1.15rem;color:var(--navy-deep)}.lp-shot-card.good strong{color:#0f7a42}.lp-shot-card.warn strong{color:var(--coral)}.lp-shot-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:10px;gap:10px;margin-top:10px}.lp-shot-row{display:flex;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line)}.lp-shot-avatar{width:30px;height:30px;flex:none;border-radius:50%;background:#d5e0f6;color:var(--navy-deep);font-size:.65rem;font-weight:800;display:grid;place-items:center}.lp-shot-rowtext{min-width:0;font-size:.72rem}.lp-shot-rowtext strong{display:flex;justify-content:space-between;gap:6px}.lp-shot-rowtext em{font-style:normal;color:var(--muted);font-weight:400}.lp-shot-rowtext span{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-shot-thread{display:flex;flex-direction:column;gap:8px;font-size:.75rem}.lp-bubble{padding:8px 10px;border-radius:12px;max-width:95%}.lp-bubble.in{background:var(--off-white);border:1px solid var(--line);align-self:flex-start}.lp-bubble.out{background:var(--navy-mid);color:#fff;align-self:flex-end}.lp-shot-composer{border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--muted);font-size:.72rem}.lp-shot-note{font-size:.65rem;color:var(--muted);margin-top:8px}.lp-features{padding:clamp(24px,5vw,72px);text-align:center}.lp-features h2,.lp-how h2{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.01em}.lp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(16px,3vw,40px);gap:clamp(16px,3vw,40px);margin-top:32px;text-align:left}.lp-cards article h3{margin:12px 0 6px;font-size:1.05rem}.lp-cards article p{color:#3c4763}.lp-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e8effc;font-size:1.5rem}.lp-how{padding:0 clamp(16px,5vw,72px) clamp(24px,5vw,72px)}.lp-how ol{max-width:720px;margin:24px auto 0;display:flex;flex-direction:column;gap:14px;font-size:1.02rem}.lp-banner{margin:0 clamp(16px,5vw,72px) clamp(24px,5vw,72px);background:linear-gradient(120deg,var(--navy-deep),var(--navy-mid));color:#fff;border-radius:18px;padding:clamp(28px,4vw,56px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.lp-banner h2{font-size:clamp(1.3rem,2.6vw,1.9rem)}.lp-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:20px clamp(16px,5vw,72px) 32px;color:var(--muted);font-size:.85rem}@media (max-width:960px){.lp-cards,.lp-hero{grid-template-columns:1fr}}@media (max-width:640px){.lp-shot{grid-template-columns:1fr}.lp-shot-side{display:none}.lp-shot-cols{grid-template-columns:1fr}.lp-nav nav{gap:12px}}.count{background:var(--sand);color:var(--navy-deep);font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:999px}.nav-foot{margin-top:auto;background:rgba(0,0,0,.22);border-radius:12px;padding:12px;font-size:.85rem}.nav-foot strong{display:block}.nav-foot span{color:#d6c9a8;font-size:.75rem}.menu-btn{display:none;border:0;background:var(--navy);color:#fff;padding:8px 12px;border-radius:8px;font-weight:700}.inbox{background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.chip{background:var(--off-white)}.inbox-head{padding:18px 16px 12px;border-bottom:1px solid var(--line)}.inbox-head h2{font-size:1.15rem}.inbox-head p{color:var(--muted);font-size:.82rem}.filters{display:flex;gap:6px;flex-wrap:nowrap;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.filters .chip{flex:0 0 auto;white-space:nowrap}.chip{border:1px solid var(--line);background:var(--beige);color:var(--ink);border-radius:999px;padding:5px 10px;font-size:.75rem;cursor:pointer}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.conv-list{overflow:auto;flex:1 1}.conv{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px 16px;cursor:pointer}.conv:hover{background:var(--off-white)}.conv.selected{background:#eef2fa;outline:2px solid var(--navy);outline-offset:-2px}.conv-meta,.conv-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.conv-top strong{font-size:.95rem}.time{font-size:.72rem}.preview,.time{color:var(--muted);white-space:nowrap}.preview{font-size:.82rem;margin:4px 0 8px;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.02em;padding:3px 8px;border-radius:999px;color:#fff}.badge.whatsapp{background:var(--whatsapp)}.badge.instagram{background:var(--instagram)}.badge.email{background:var(--email)}.badge.tiktok{background:var(--tiktok)}.badge.paddy_chat{background:var(--paddy)}.badge.facebook{background:var(--facebook)}.status{font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:999px;background:#f0f0f0;color:var(--ink)}.status.new{background:#fff3e0;color:#e65100}.status.in-progress{background:#e3f2fd;color:#1565c0}.status.waiting{background:#e8eaf6;color:#3f51b5}.status.follow-up{background:#fff8e1;color:#f57f17}.status.needs-approval{background:#f3e5f5;color:#6a1b9a}.status.escalated{background:#fdecea;color:#c62828}.status.resolved{background:#e8f5e9;color:#2e7d32}.main{display:flex;flex-direction:column;min-width:0;background:var(--off-white)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;padding:14px 20px 0}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card .label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.card .value{font-size:1.7rem;font-weight:800;margin-top:4px;color:var(--navy-deep)}.card.unanswered .value{color:var(--coral)}.thread-wrap{flex:1 1;display:grid;grid-template-rows:auto 1fr auto;min-height:0;margin:14px 20px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.thread-head{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.thread-head h3{font-size:1.1rem}.assignee{color:var(--muted);font-size:.82rem;margin-top:4px}.messages{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(var(--paper),var(--off-white))}.bubble{max-width:min(72%,520px);padding:10px 12px;border-radius:14px;font-size:.92rem}.bubble.customer{background:var(--paper);border:1px solid var(--line);color:var(--ink);align-self:flex-start}.bubble.staff{background:var(--navy);color:#fff;align-self:flex-end}.bubble .who{font-size:.72rem;font-weight:700;margin-bottom:4px;opacity:.9}.composer{border-top:1px solid var(--line);padding:12px;display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;background:var(--paper)}.composer textarea{width:100%;min-height:72px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--off-white);color:var(--ink)}.send{align-self:end;border:0;background:var(--navy);color:#fff;font-weight:800;padding:12px 18px;border-radius:12px;cursor:pointer;min-width:128px}.send:hover{background:var(--navy-deep)}.overlay{display:none}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--off-white)}.auth-card{width:min(440px,100%);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px;display:flex;flex-direction:column;gap:12px}.auth-card .brand{color:var(--ink)}.auth-card .brand p{color:var(--muted)}.auth-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:700}.auth-field input{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--off-white);color:var(--ink);font-weight:400}.auth-error{color:var(--coral);font-size:.85rem;font-weight:700}.auth-alt{font-size:.85rem;color:var(--muted)}.auth-alt a{color:var(--navy);font-weight:700}@media (max-width:980px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.nav{position:fixed;inset:0 auto 0 0;width:min(82vw,280px);transform:translateX(-105%);transition:transform .2s ease;z-index:20}.nav.open{transform:none}.overlay.show{display:block;position:fixed;inset:0;background:rgba(11,31,77,.45);z-index:15}.menu-btn{display:inline-flex}.inbox{display:none}.app.list-mode .inbox{display:flex;min-height:calc(100vh - 58px)}.app.list-mode .main{display:none}.metrics{grid-template-columns:1fr}.thread-wrap{margin:12px}.bubble{max-width:88%}}@media (min-width:981px){.app.list-mode .inbox,.app.list-mode .main{display:flex}#backBtn{display:none}}