:root{--ink: #0b1f2a;--teal: #0f8f86;--coral: #e85d4c;--mist: #e8f1f4;--line: #c9dde3;--muted: #5a7380;--paper: #f5fafb;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 60% 40% at 0% 0%,rgba(15,143,134,.14),transparent 55%),var(--paper)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(400px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.5rem;box-shadow:0 18px 50px #0b1f2a1f}.login-card h1{font-family:Fraunces,Georgia,serif;margin:0 0 .35rem}.login-card p{margin:0 0 1rem;color:var(--muted)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field label{font-size:.8rem;font-weight:700;color:var(--muted)}.field input,.field textarea,.field select{border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem}.btn{border:0;border-radius:12px;padding:.75rem 1rem;font-weight:800;cursor:pointer;background:var(--teal);color:#fff;width:100%}.error{color:var(--coral);font-size:.85rem}.shell{display:grid;grid-template-columns:1.3fr 3.7fr;height:100vh;background:#fff;border-top:1px solid var(--line)}.side{background:var(--ink);color:#fff;padding:1.25rem 1rem;display:flex;flex-direction:column;min-width:0;border-right:1px solid rgba(255,255,255,.06)}.side-nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.side-logout{margin-top:auto}.brand{display:flex;align-items:center;gap:.6rem;font-family:Fraunces,Georgia,serif;font-size:1.25rem;margin-bottom:1.5rem}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,var(--teal),#1bb8ad);display:grid;place-items:center;font-weight:800;flex-shrink:0}.side a,.side button.linkish{display:block;width:100%;text-align:left;padding:.65rem .75rem;border-radius:10px;color:#a9c5ce;font-weight:600;margin-bottom:.25rem;background:transparent;border:0;cursor:pointer}.side a.active,.side button.linkish.active{background:#ffffff14;color:#fff}.shell-main{min-width:0;min-height:0;height:100%;overflow:auto;display:flex;flex-direction:column;background:var(--paper)}.inbox-layout{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.8fr);flex:1;min-height:0;height:100%;background:#fff}.inbox{border-right:1px solid var(--line);overflow:auto;min-height:0}.inbox header{padding:1rem;border-bottom:1px solid var(--line);font-weight:800;position:sticky;top:0;background:#fff}.thread{padding:.85rem 1rem;border-bottom:1px solid var(--line);cursor:pointer}.thread.active{background:var(--mist)}.thread strong{display:block}.thread span{color:var(--muted);font-size:.78rem}.chatpane{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.chatpane .top{padding:.9rem 1rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;align-items:center}.messages{flex:1;overflow:auto;padding:1rem;background:#f7fbfc;display:flex;flex-direction:column;gap:.7rem}.bubble{max-width:75%;padding:.7rem .9rem;border-radius:16px;font-size:.92rem;white-space:pre-wrap}.bubble.visitor{align-self:flex-start;background:#fff;border:1px solid var(--line)}.bubble.staff,.bubble.bot{align-self:flex-end;background:var(--teal);color:#fff}.bubble.system{align-self:center;color:var(--muted);background:transparent;font-size:.78rem}.suggest{margin:0 1rem .75rem;padding:.75rem;border:1px dashed var(--teal);border-radius:12px;background:#0f8f860f;display:flex;justify-content:space-between;gap:.75rem;align-items:center;font-size:.85rem}.composer{border-top:1px solid var(--line);padding:.75rem;display:flex;gap:.5rem}.composer input{flex:1;border:1px solid var(--line);border-radius:12px;padding:.7rem .85rem}.composer .btn{width:auto}.settings{padding:1.5rem;overflow:auto;flex:1;min-height:0}.settings h1{font-family:Fraunces,Georgia,serif;margin:0 0 .25rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{border:1px solid var(--line);border-radius:16px;padding:1rem;background:#fbfefe}.panel h3{margin:0 0 .75rem}.code{background:var(--ink);color:#cfeae6;border-radius:12px;padding:.85rem;font-family:ui-monospace,monospace;font-size:.78rem;overflow-x:auto}.typing{align-self:flex-start;color:var(--muted);font-size:.8rem}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.sm{width:auto;padding:.4rem .75rem;font-size:.8rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f2a73;z-index:80;display:grid;place-items:center;padding:1rem}.modal{width:min(720px,100%);max-height:min(90vh,860px);overflow:auto;background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:0 24px 70px #0b1f2a38;padding:1.25rem 1.35rem 1.4rem}.modal h2{font-family:Fraunces,Georgia,serif;margin:0 0 .35rem;font-size:1.35rem}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}@media(max-width:960px){.shell{grid-template-columns:1fr;height:auto;min-height:100vh}.side{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.side-nav{flex-direction:row;flex-wrap:wrap;flex:1}.side-logout{margin-top:0}.inbox-layout{grid-template-columns:1fr;height:auto}.settings{grid-column:auto}.grid2{grid-template-columns:1fr}}