:root{--bg:#f3efe6;--paper:#fffdf9;--panel:#f8f4ec;--line:#d9cbb3;--text:#1f1a16;--muted:#6e6257;--brand:#0e7a54;--brand-strong:#0b5d40;--danger:#b03c2f;--danger-bg:#fbe8e4;--shadow:0 20px 40px #291d1014}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,#fff6de 0%,var(--bg)48%,#eae0cf 100%)}body{color:var(--text);min-height:100vh;margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}main.shell{max-width:1380px;margin:0 auto;padding:22px}.topbar,.card,.thread,.sidebar,.mainpanel,.pill,.flash,.empty{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf9eb;border-radius:18px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;display:flex}.brand h1,.brand h2,.card h2,.card h3,.thread h3,.sidebar h3{margin:0 0 8px}.meta,.muted{color:var(--muted)}.hero{padding:42px}.hero h1{max-width:12ch;margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:.98}.hero p{max-width:58ch;color:var(--muted);font-size:1.08rem}.grid{grid-template-columns:320px minmax(260px,360px) 1fr;gap:16px;display:grid}.sidebar,.mainpanel,.thread,.card{padding:18px}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab,.tag{border:1px solid var(--line);background:var(--panel);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.list{flex-direction:column;gap:10px;display:flex}.listItem{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:14px;display:block}.listItem.active{border-color:var(--brand);background:#eef8f3}.listItem strong,.row strong{display:block}.badge{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 10px;font-size:.82rem;display:inline-block}.badge.unread{color:var(--brand-strong);background:#eef8f3;border-color:#93c9b0}.messages{flex-direction:column;gap:12px;min-height:420px;display:flex}.bubble{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:min(72ch,85%);padding:14px 16px}.bubble.outbound{background:#eef8f3;border-color:#93c9b0;margin-left:auto}.bubble.system{background:#f7f0df;margin:0 auto}form{flex-direction:column;gap:12px;display:flex}label{flex-direction:column;gap:6px;font-weight:600;display:flex}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fffdfa;border-radius:12px;padding:12px 14px}textarea{resize:vertical;min-height:120px}button{background:var(--brand);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:12px;padding:12px 16px}button.secondary{background:var(--panel);color:var(--text);border-color:var(--line)}button.danger{background:var(--danger)}.row,.actions,.split{align-items:center;gap:12px;display:flex}.split{align-items:start}.split>*{flex:1}.flash{padding:14px 16px}.flash.error{background:var(--danger-bg);color:#7e271e;border-color:#e2b3a9}.flash.success{color:#154c32;background:#edf8f1;border-color:#a8d2ba}.table{gap:14px;display:grid}.cardGroup{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.empty{color:var(--muted);padding:22px}.small{font-size:.9rem}@media (max-width:1100px){.grid{grid-template-columns:1fr}}