:root{color:#0f172a;background:#f8fafc;font-family:Inter,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.app-shell{flex-direction:column;align-items:stretch;gap:1rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;max-width:960px;width:100%;box-shadow:0 8px 24px #0f172a0f}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.topbar nav{display:flex;gap:.5rem}button,input,select{font:inherit}button{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:.5rem .75rem;cursor:pointer}button:hover{background:#f1f5f9}.muted{color:#64748b}.error{color:#b91c1c}.login-button{margin-top:1rem}.brand-logo{display:block;width:min(200px,100%);height:auto}.brand-logo--compact{width:min(140px,100%)}.brand-pin{display:block;width:48px;height:auto}.login-card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:420px}.topbar-brand{display:flex;flex-direction:column;gap:.25rem}.user-form{display:grid;grid-template-columns:2fr 1.5fr 1fr auto;gap:.5rem;margin-bottom:1rem}.user-form input,.user-form select{border:1px solid #cbd5e1;border-radius:8px;padding:.5rem .75rem}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e2e8f0;text-align:left;padding:.5rem}.inbox{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:1rem;width:100%;max-width:1200px;min-height:70vh}.inbox-list,.inbox-thread{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;min-height:0}.inbox-list-header,.inbox-thread-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #e2e8f0}.inbox-list-items{list-style:none;margin:0;padding:0;overflow:auto}.inbox-item{width:100%;text-align:left;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;background:#fff;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.inbox-item--active{background:#eff6ff}.inbox-item-preview{color:#475569;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-item-meta{color:#94a3b8;font-size:.8rem}.inbox-messages{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.inbox-message{max-width:75%;padding:.75rem 1rem;border-radius:12px}.inbox-message--inbound{align-self:flex-start;background:#f1f5f9}.inbox-message--outbound{align-self:flex-end;background:#dbeafe}.inbox-message-meta{display:block;margin-top:.35rem;font-size:.75rem;color:#64748b}.inbox-composer{display:grid;grid-template-columns:1fr auto;gap:.5rem;padding:1rem;border-top:1px solid #e2e8f0}.inbox-composer textarea{border:1px solid #cbd5e1;border-radius:8px;padding:.75rem;resize:vertical}.inbox-empty{padding:1rem}.inbox-error{padding:0 1rem}