*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;background:#0f172a;color:#e2e8f0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:#0e1621}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #243447;background:#17212b}.brand-block{display:flex;align-items:center;gap:10px}.brand-logo{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4ea4f6,#2b5278);color:#fff;font-weight:800}.brand{font-size:20px;font-weight:700}.brand-subtitle{font-size:12px;color:#8fa3b7}.token-bar{display:flex;gap:8px;width:min(720px,100%)}.token-bar input{flex:1;min-width:0;padding:10px 12px;border-radius:12px;border:1px solid #334155;background:#111827;color:#e2e8f0}.token-bar button,.chat-toolbar button,.composer button,.back-button,.active-call-bar button,.accept-btn,.reject-btn,.composer-side-button{padding:10px 14px;border-radius:12px;border:1px solid #334155;color:#fff}.token-bar button,.chat-toolbar button,.composer button,.back-button,.composer-side-button{background:#2b5278}.error-banner{padding:12px 16px;background:#7f1d1d;color:#fecaca}.main-grid{flex:1;display:grid;grid-template-columns:360px 1fr 320px;min-height:0}.sidebar,.chat-pane,.rightbar{min-height:0}.sidebar{border-right:1px solid #243447;background:#17212b;display:flex;flex-direction:column;overflow:hidden}.sidebar-top{padding:14px 12px 10px;border-bottom:1px solid #223142}.sidebar-profile{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sidebar-avatar,.chat-avatar,.chat-header-avatar,.call-modal-avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#4ea4f6,#2b5278)}.sidebar-avatar{width:44px;height:44px}.sidebar-profile-title{font-weight:700}.sidebar-profile-subtitle{font-size:12px;color:#8fa3b7}.search-box input{width:100%;padding:11px 14px;border-radius:12px;border:1px solid #334155;background:#111827;color:#e2e8f0}.chat-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.chat-item{width:100%;text-align:left;padding:10px 12px;border-radius:16px;border:1px solid transparent;background:transparent;color:#e2e8f0;display:flex;align-items:center;gap:12px}.chat-item:hover{background:#2b52782e}.chat-item.active{background:#2b5278;border-color:#4ea4f666}.chat-avatar{width:48px;height:48px;flex-shrink:0;font-size:14px}.chat-content{min-width:0;flex:1}.chat-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.chat-item-top strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-time{font-size:12px;color:#aab8c2;white-space:nowrap}.chat-item-last-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-item-last{color:#aab8c2;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;line-height:1}.badge.subtle{padding:5px 8px;background:#334155;color:#cbd5e1}.badge.count{min-width:22px;height:22px;padding:0 7px;background:#4ea4f6;color:#fff;font-weight:700}.chat-pane{display:flex;flex-direction:column;background:#0e1621;min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #243447;background:#17212b}.chat-header-left{display:flex;align-items:center;gap:12px;min-width:0}.back-button{display:none;min-width:42px;padding:10px 12px}.chat-header-avatar{width:42px;height:42px;flex-shrink:0;font-size:13px}.chat-header-title{font-size:16px;font-weight:700}.chat-header-subtitle{font-size:12px;color:#8fa3b7}.chat-toolbar{display:flex;gap:8px;flex-shrink:0}.messages-box{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at top left,rgba(71,85,105,.16),transparent 30%),linear-gradient(180deg,#11182759,#0e162133),#0e1621}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.message-item{max-width:min(78%,540px);padding:10px 12px;border-radius:18px 18px 18px 8px;background:#182533;box-shadow:0 1px #00000024}.message-item.mine{background:#2b5278;border-radius:18px 18px 8px}.message-text{white-space:pre-wrap;word-break:break-word}.message-meta{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;font-size:11px;color:#b8c7d4}.composer{display:flex;gap:8px;align-items:center;padding:12px 16px;border-top:1px solid #243447;background:#17212b}.composer-side-button{width:44px;height:44px;padding:0;flex-shrink:0}.composer input{flex:1;min-width:0;padding:12px 14px;border-radius:16px;border:1px solid #334155;background:#111827;color:#e2e8f0}.rightbar{border-left:1px solid #243447;background:#17212b;padding:12px;overflow-y:auto}.panel-block{margin-bottom:18px}.panel-title{font-size:14px;font-weight:700;letter-spacing:.02em;margin-bottom:12px;color:#cbd5e1;text-transform:uppercase}.card{width:100%;text-align:left;padding:12px;border-radius:14px;border:1px solid #243447;background:#1f2c3a;color:#e2e8f0}.compact{padding:10px;font-size:13px}.calls-list,.events-list{display:flex;flex-direction:column;gap:8px}.muted{color:#94a3b8;font-size:13px;padding:12px}.empty-chat-state{display:grid;place-items:center;flex:1;color:#8fa3b7}.mobile-visible,.mobile-hidden{display:block}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712b3;display:grid;place-items:center;z-index:2000;padding:20px}.call-modal{width:min(100%,360px);padding:26px 22px;border-radius:26px;background:linear-gradient(180deg,#1f2c3a,#17212b);border:1px solid #334155;box-shadow:0 20px 60px #00000059;text-align:center}.call-modal-avatar{width:84px;height:84px;margin:0 auto 16px;font-size:24px}.call-modal-label{font-size:14px;color:#aab8c2;margin-bottom:8px}.call-modal-user{font-size:28px;font-weight:700;margin-bottom:6px}.call-modal-chat{font-size:14px;color:#8fa3b7;margin-bottom:24px}.call-modal-actions{display:flex;justify-content:center;gap:12px}.accept-btn{background:#16a34a;border-color:#15803d}.reject-btn{background:#dc2626;border-color:#b91c1c}.active-call-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:1800;background:#1f2c3a;border:1px solid #334155;border-radius:16px;box-shadow:0 10px 30px #00000047;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.active-call-bar button{background:#dc2626;border-color:#b91c1c}@media (max-width: 1100px){.main-grid{grid-template-columns:320px 1fr}.rightbar{display:none}}@media (max-width: 768px){.topbar{flex-direction:column;align-items:stretch;padding:10px 12px}.token-bar{width:100%}.brand-subtitle{display:none}.main-grid{display:block;position:relative;flex:1}.sidebar,.chat-pane{height:calc(100vh - 117px)}.sidebar,.chat-pane,.rightbar{border:0}.sidebar.mobile-hidden,.chat-pane.mobile-hidden{display:none}.sidebar.mobile-visible,.chat-pane.mobile-visible{display:flex;flex-direction:column}.back-button{display:inline-flex;align-items:center;justify-content:center}.chat-toolbar button{padding:9px 10px}.messages-box{padding:12px}.message-item{max-width:88%}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.composer button{padding:12px}.active-call-bar{left:12px;right:12px;bottom:12px;flex-direction:column;align-items:stretch}.call-modal{border-radius:20px;padding:20px}.call-modal-user{font-size:24px}.chat-item{padding:10px}.chat-avatar{width:44px;height:44px}}