:root{color:#172033;background:#f5efe7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,textarea{font:inherit}main{width:min(1480px,100vw - 32px);margin:0 auto;padding:32px 0 44px}.hero{color:#fff;background:linear-gradient(135deg,#151c2d 0%,#24324e 58%,#7d5138 100%);border-radius:30px;justify-content:space-between;align-items:stretch;gap:24px;padding:28px;display:flex;box-shadow:0 24px 80px #2125332e}.eyebrow{letter-spacing:.04em;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}h1{max-width:900px;margin:22px 0 12px;font-size:clamp(30px,4vw,56px);line-height:1.05}.hero p{color:#ffffffc7;max-width:820px;margin:0;font-size:18px}.hero-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1c;border:1px solid #ffffff29;border-radius:24px;flex-direction:column;gap:10px;min-width:280px;max-width:360px;padding:22px;display:flex}.hero-card svg{color:#ffd89f;width:32px;height:32px}.hero-card span{color:#ffffffb8}.scenarios{flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0;display:flex}.section-title{margin-right:8px;font-weight:800}.scenarios button,.composer button{color:#fff;cursor:pointer;background:#172033;border:none;border-radius:999px;padding:10px 14px;transition:transform .18s,opacity .18s;box-shadow:0 8px 18px #1720331f}.scenarios button:hover,.composer button:hover{transform:translateY(-1px)}.scenarios .ghost{color:#172033;background:#fff;border:1px solid #eadfce}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.panel{background:#ffffffe0;border:1px solid #eadfce;border-radius:28px;flex-direction:column;min-height:700px;padding:18px;display:flex;box-shadow:0 18px 50px #4c392714}.panel header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.panel-icon{color:#8d5e3c;background:#f5efe7;border-radius:16px;place-items:center;min-width:44px;height:44px;display:grid}.panel h2{margin:0;font-size:19px}.panel header p{color:#6b7280;margin:4px 0 0;font-size:14px}.phone,.support-feed,.admin-log{background:#faf7f2;border:1px solid #efe5d6;border-radius:22px;flex:1;padding:14px;overflow:auto}.conversation{flex-direction:column;gap:12px;display:flex}.bubble{white-space:pre-wrap;border-radius:18px;max-width:88%;padding:12px 14px}.bubble small{opacity:.66;margin-bottom:4px;font-size:11px;display:block}.bubble p{margin:0}.bubble.customer{color:#fff;background:#26344f;border-bottom-right-radius:6px;align-self:flex-end}.bubble.support{color:#172033;background:#fff;border:1px solid #eee3d1;border-bottom-left-radius:6px;align-self:flex-start}.composer{align-items:stretch;gap:10px;margin-top:12px;display:flex}.composer textarea{resize:vertical;background:#fff;border:1px solid #eadfce;border-radius:18px;outline:none;width:100%;min-height:74px;padding:12px}.composer button{justify-content:center;align-items:center;gap:7px;min-width:96px;display:inline-flex}.support-composer{flex-direction:column}.support-composer label,.translation-card label,.log-columns label{color:#8d5e3c;letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.preview{white-space:pre-wrap;background:#fff;border:1px dashed #d0a36c;border-radius:18px;min-height:64px;padding:12px}.translation-card{background:#fff;border:1px solid #eee3d1;border-radius:20px;margin-bottom:12px;padding:14px}.translation-card p{white-space:pre-wrap;margin:5px 0 10px}.translation-card svg{color:#b37a4e;margin:2px 0 8px}.highlight{background:#f5efe7;border-radius:14px;padding:10px}.log-row{background:#fff;border:1px solid #eee3d1;border-radius:20px;margin-bottom:12px;padding:14px}.log-meta{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.log-meta span{color:#6b7280;font-size:12px}.log-columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.log-columns>div{background:#faf7f2;border-radius:14px;padding:10px}.log-columns p{white-space:pre-wrap;margin:5px 0 0;font-size:14px}.empty{color:#8b8176;text-align:center;border:1px dashed #dfd2bf;border-radius:18px;place-items:center;height:100%;min-height:160px;padding:18px;display:grid}.notes{color:#4d3827;background:#fff7e8;border:1px solid #f0d4a8;border-radius:22px;gap:12px;margin-top:18px;padding:18px;display:flex}.notes p{margin:4px 0 0}@media (width<=1100px){.hero{flex-direction:column}.hero-card{max-width:none}.grid{grid-template-columns:1fr}.panel{min-height:auto}}@media (width<=620px){main{width:min(100vw - 20px,1480px);padding-top:10px}.hero{border-radius:22px;padding:20px}.composer{flex-direction:column}.log-columns{grid-template-columns:1fr}}