:root{color:#1f2937;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#dce3ec}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{background:#dce3ec}a{color:inherit}.app-shell{height:100dvh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{flex-shrink:0;background:#4d6a86;color:#fff;padding:14px 20px;box-shadow:0 1px #00000014}.brand-link{text-decoration:none;font-weight:700;letter-spacing:.2px}.content{flex:1;min-height:0;padding:12px;overflow:hidden}.messenger-page{height:100%;min-height:0;overflow:hidden}.messenger-layout{height:100%;min-height:0;border-radius:12px;overflow:hidden;border:1px solid #b8c7d8;background:#e7eef6;display:grid;grid-template-columns:360px minmax(0,1fr)}.messenger-sidebar{min-height:0;border-right:1px solid #c4d3e3;background:#f3f7fb;padding:10px;display:flex;flex-direction:column}.sidebar-header{font-size:13px;font-weight:700;color:#5b6e84;text-transform:uppercase;letter-spacing:.6px;padding:8px 10px 10px}.chat-list{list-style:none;margin:2px 0 0;padding:0;display:flex;flex:1;min-height:0;flex-direction:column;gap:4px;overflow-y:auto}.chat-list-item{display:block;text-decoration:none;border-radius:12px;padding:10px 12px;border:1px solid transparent}.chat-list-item:hover{background:#e5eff8}.chat-list-item.active{background:#d8e8f8;border-color:#bad4ec}.chat-list-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.chat-title{font-size:14px;font-weight:600;color:#1f2937}.chat-time{font-size:11px;color:#6b7280;white-space:nowrap}.chat-preview{font-size:13px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-panel{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;background:radial-gradient(circle at 20px 20px,rgba(56,83,109,.03) 0,rgba(56,83,109,.03) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(180deg,#e8f0f8,#dce8f4)}.chat-header{flex-shrink:0;background:#f5f9fdf2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:1px solid #cdd9e6;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-header h1{margin:0;font-size:18px;line-height:1.2}.chat-header p{margin:4px 0 0;font-size:13px;color:#556274}.secondary-link{color:#334155;text-decoration:underline;font-size:13px}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.chat-messages-empty{justify-content:center;align-items:center}.message-row{display:flex}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-row-system{justify-content:center}.message-bubble{max-width:min(70%,680px);border-radius:14px;padding:9px 11px 7px;box-shadow:0 1px #0000000a;border:1px solid transparent}.message-bubble-incoming{background:#fff;border-color:#d6e0eb;border-top-left-radius:6px}.message-bubble-outgoing{background:#d8f2c3;border-color:#c5dfb0;border-top-right-radius:6px}.message-bubble-system{background:#f4f6f8;border-color:#dbe2ea;border-radius:999px;padding:6px 14px}.message-text{color:#1f2937;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.35}.message-meta{margin-top:4px;display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;color:#5f6f82}.message-status{font-weight:700;letter-spacing:.2px}.chat-composer{background:transparent;padding:12px 14px;display:flex;gap:10px;align-items:flex-end}.chat-panel-footer{flex-shrink:0;border-top:1px solid #cdd9e6;background:#f6f9fdfa}.chat-composer textarea{flex:1;min-height:46px;max-height:140px;border:1px solid #c4d1e0;border-radius:14px;padding:10px 12px;font:inherit;resize:none;overflow-y:auto;outline:none}.chat-composer textarea:focus{border-color:#7aa2c7;box-shadow:0 0 0 2px #7aa2c733}.chat-composer button{border:0;border-radius:11px;padding:10px 14px;min-width:88px;height:42px;cursor:pointer;background:#4b87c5;color:#fff;font-weight:600}.chat-composer button:disabled{cursor:not-allowed;background:#9ab9d8}.chat-composer-disabled textarea,.chat-composer-disabled button{opacity:.8}.state{padding:10px 12px;border-radius:8px;background:#eef2f7;color:#374151;font-size:13px}.state-error{background:#fee2e2;color:#991b1b}.state-success{margin:0 14px 12px;background:#dcfce7;color:#166534}@media (max-width: 920px){.messenger-layout{grid-template-columns:300px minmax(0,1fr)}}@media (max-width: 760px){.content{padding:0;min-height:0}.messenger-layout{border-radius:0;border-left:0;border-right:0;grid-template-columns:1fr;grid-template-rows:38vh 1fr}.messenger-sidebar{border-right:0;border-bottom:1px solid #c4d3e3}.chat-header{padding:12px 14px}.chat-messages{padding:12px}.chat-composer{padding:10px 12px}.message-bubble{max-width:90%}}