:root{--blue:#0b57d0;--pale:#c2e7ff;--bg:#f7f9fc;--text:#1f1f1f;--muted:#5f6368;--line:#e0e3e7}*{box-sizing:border-box}body{margin:0;font:14px Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}.topbar{height:72px;display:flex;align-items:center;gap:18px;padding:8px 22px;background:#fff}.brand{display:flex;align-items:center;gap:9px;font-size:21px}.brand span{background:#16a765;color:#fff;padding:9px 7px;border-radius:12px;font-weight:800}.global-search{margin:auto;width:min(590px,50vw);background:#eef3fb;border-radius:28px;padding:13px 20px;font-size:20px}.global-search input{border:0;background:none;outline:0;width:90%;font-size:16px}.presence{background:#eef3fb;border-radius:25px;padding:13px 18px;color:#137333}.avatar{border:0;color:#fff;width:40px;height:40px;border-radius:50%}.app{height:calc(100vh - 72px);display:grid;grid-template-columns:220px minmax(340px,1fr) minmax(350px,390px);gap:16px;padding:0 16px 16px}.sidebar{overflow:auto;padding-top:8px}.new-chat{border:1px solid #ddd;border-radius:17px;background:#fff;padding:13px 22px;box-shadow:0 1px 3px #0002;margin:5px 0 22px}.shortcuts button,.sidebar nav button,.admin-link{width:100%;border:0;background:none;border-radius:0 22px 22px 0;padding:8px 14px;display:flex;align-items:center;gap:14px;text-align:left}.shortcuts button.active,.sidebar button:hover{background:var(--pale)}.sidebar nav i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#dce6f5;font-style:normal}.nav-title{display:flex;justify-content:space-between;padding:18px 12px 6px;font-size:12px}.nav-title button{border:0;background:none}.logout{display:block;padding:14px;color:var(--muted)}.home,.chat-panel{background:#fff;border-radius:24px;overflow:hidden}.home header,.chat-panel header{height:70px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.home h1{font-size:24px;font-weight:400}.unread-switch{margin-left:auto}.conversation-list{padding:0 24px;overflow:auto;height:calc(100% - 70px)}.conversation{width:100%;display:flex;gap:14px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;padding:12px 0;text-align:left}.conversation i,.message>i{width:40px;height:40px;border-radius:10px;background:#d9e7f7;display:grid;place-items:center;font-style:normal}.conversation div{display:grid;gap:4px;flex:1}.conversation span,.conversation time{color:var(--muted);font-size:12px}.chat-panel{display:grid;grid-template-rows:70px 1fr auto auto}.chat-panel header h2{margin:0;font-size:16px}.chat-panel header p{margin:3px 0;color:var(--muted);font-size:11px}.chat-panel header>button{border:0;background:none;font-size:22px;margin-left:auto}.messages{overflow:auto;padding:18px}.message{display:flex;gap:9px;margin:15px 0}.message>i{width:32px;height:32px;color:#fff;border-radius:50%;flex:none}.message>div{background:#f0f1f3;padding:9px 12px;border-radius:4px 18px 18px 18px;max-width:83%;position:relative}.message.mine{flex-direction:row-reverse}.message.mine>div{background:#d3e3fd}.meta{display:flex;gap:8px}.meta b{font-size:11px}.meta time,.message small{font-size:9px;color:var(--muted)}.message p{margin:5px 0}.file{display:block;color:var(--blue)}.msg-actions{display:none;position:absolute;right:0;top:-27px;background:#fff;border:1px solid #ddd;border-radius:18px}.message:hover .msg-actions{display:block}.msg-actions button,.reactions button{border:0;background:none;padding:5px}.reactions button{background:#fff;border:1px solid #ccd5e4;border-radius:15px}.composer{margin:10px 14px 14px;border-radius:28px;background:#f0f4fa;display:flex;align-items:center;padding:8px}.composer textarea{flex:1;border:0;background:none;resize:none;outline:0;padding:9px}.attach,.composer button{border:0;background:none;font-size:20px}.reply-bar{margin:0 18px;padding:8px 12px;background:#e8f0fe}.reply-bar button{float:right}.empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--muted)}.auth-body{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(440px,calc(100% - 30px));background:#fff;padding:35px;border-radius:20px}.auth-card input,.modal-card input,.modal-card select{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px}.auth-card label,.modal-card label{display:block;margin:14px 0}.btn{display:block;border:0;border-radius:9px;padding:12px 16px;text-decoration:none}.primary{background:var(--blue);color:#fff}.full{width:100%;margin-top:20px}.center{text-align:center}.muted{color:var(--muted)}dialog{border:0;border-radius:18px;width:min(480px,95%)}.modal-card{padding:20px}.x{float:right;border:0;background:none}.admin-user{display:flex;justify-content:space-between;padding:10px;border-top:1px solid #ddd}.mobile-menu,.mobile-close,.back-chat{display:none}@media(max-width:900px){.app{grid-template-columns:220px 1fr}.chat-panel{position:fixed;inset:72px 0 0;z-index:5;border-radius:0;transform:translateX(100%)}.chat-open .chat-panel{transform:none}.back-chat{display:block!important}.presence{display:none}}@media(max-width:620px){.mobile-menu{display:block}.app{display:block;padding:0}.sidebar{position:fixed;z-index:10;top:72px;bottom:0;width:260px;background:#fff;transform:translateX(-100%)}.menu-open .sidebar{transform:none}.mobile-close{display:block;float:right}.home{height:calc(100vh - 72px);border-radius:0}.global-search{width:auto;flex:1}.topbar{padding:8px}}