*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}.app{display:flex;min-height:92vh;max-height:92vh;background:transparent;color:#0f172a;padding:20px}.app-shell{display:flex;gap:20px;width:100%;background:transparent}.sidebar__search{position:relative;display:flex;align-items:center}.sidebar__search-icon{position:absolute;left:12px;font-size:.9rem;color:#f8fafcb3;pointer-events:none}.sidebar__search-input{width:100%;padding:10px 12px 10px 34px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#0f172a40;color:#f8fafc;font-size:.9rem}.sidebar__search-input::placeholder{color:#f8fafca6}.sidebar__section-title{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f8fafca6;margin-bottom:6px}.sidebar__list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:60vh;scrollbar-width:none}.sidebar__item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#ffffff0d;cursor:pointer}.sidebar__item.is-active{background:#ffffff2e;box-shadow:inset 0 0 0 1px #fff3}.sidebar__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;border:2px solid rgba(255,255,255,.6);box-shadow:inset 0 0 0 3px #243b79a6;flex-shrink:0}.sidebar__item-content{display:flex;flex-direction:column;flex:1;gap:4px}.sidebar__item-name{font-weight:600;font-size:.88rem}.sidebar__item-subtitle{font-size:.74rem;color:#f8fafca6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sidebar__item-time{font-size:.7rem;color:#f8fafca6}.sidebar__badge{background:#22c55e;color:#fff;font-size:.68rem;padding:2px 6px;border-radius:999px}.sidebar__status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.sidebar__mention{color:#22c55e}.chat{flex:1;display:flex;flex-direction:column;padding:20px 26px 18px;gap:16px;background:#f8fafc;border-radius:20px;box-shadow:0 16px 32px #0f172a1f}.chat__body{flex:1;overflow:hidden;padding-right:12px}.chat__footer{margin-top:auto}.chat-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #e4e9f2}.chat-header__info{display:flex;align-items:center;gap:12px}.chat-header__avatar{width:36px;height:36px;border-radius:50%;background:#0a2059;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.chat-header__title{margin:0;font-size:1.3rem;font-weight:700}.chat-header__subtitle{margin:4px 0 0;font-size:.85rem;color:#64748b}.chat-header__menu{border:none;background:transparent;font-size:1.4rem;color:#64748b;cursor:pointer}.message-list{display:flex;flex-direction:column;gap:18px;padding:6px 0 14px}.message{display:flex;gap:12px;align-items:flex-start}.message__avatar{width:38px;height:38px;border-radius:12px;background:#1d4ed8;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.message--self .message__avatar{background:#0ea5e9}.message--self{flex-direction:row-reverse;align-self:flex-end}.message--self .message__body{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.message--self .message__meta{justify-content:flex-end}.message__body{flex:1}.message__meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#64748b;margin-bottom:6px}.message__author{font-weight:600;color:#0f172a}.message__reply{padding:6px 10px;border-left:3px solid #ef4444;background:#f8fafc;border-radius:8px;font-size:.78rem;color:#64748b;margin-bottom:8px}.message__bubble{display:inline-block;background:#fff;padding:10px 14px;border-radius:14px;box-shadow:0 2px 10px #0f172a14;font-size:.9rem;cursor:pointer}.message:not(.message--self) .message__bubble{border-radius:14px 14px 14px 4px}.message--self .message__bubble{border-radius:14px 14px 4px}.mention{color:#16a34a;font-weight:600}.system-alert{display:flex;gap:12px;align-items:flex-start}.system-alert__badge{width:36px;height:36px;border-radius:50%;background:#0a2059;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 0 0 2px #f8fafc}.system-alert__badge-icon{font-size:.9rem}.system-alert__content{flex:1}.system-alert__header{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#64748b;margin-bottom:6px}.system-alert__title{font-weight:600;color:#0f172a}.system-alert__card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0f172a14;padding:8px 10px;display:flex;flex-direction:column;gap:6px;width:fit-content;min-width:220px}.system-alert__panel{background:#1d4ed8;color:#fff;border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.system-alert__code{font-weight:700;font-size:.8rem}.system-alert__desc{font-size:.72rem;opacity:.9}.system-alert__footer{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:#94a3b8}.system-alert__action{border:none;background:transparent;color:#16a34a;padding:0;font-size:.72rem;cursor:pointer;font-weight:600}.message-input{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:10px 14px;box-shadow:0 4px 16px #0f172a14}.message-input__actions{display:flex;gap:6px}.message-input__icon{border:none;background:#eef2ff;color:#1d4ed8;border-radius:12px;padding:6px 8px;cursor:pointer;font-size:.9rem}.message-input__field{flex:1;border:none;outline:none;font-size:.9rem;background:transparent}.message-input__send{border:none;background:#1d4ed8;color:#fff;width:36px;height:36px;border-radius:12px;cursor:pointer}