:root{--bg:#1a1d23;--bg-soft:#20242b;--panel:#252a31;--panel-2:#2c3139;--panel-3:#323844;--line:#353b45;--text:#eef3fb;--muted:#9ca5b4;--blue:#3d7cff;--blue-2:#2763ea;--blue-soft:rgba(61,124,255,0.16);--shadow:0 20px 40px rgba(0,0,0,0.28)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:radial-gradient(circle at top left,rgba(61,124,255,.14),transparent 24%),#16191f;color:var(--text);font-family:SF Pro Display,Segoe UI,sans-serif}body{min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}input,select,textarea{width:100%;background:#2a2f37;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px 14px;outline:none}input::placeholder,textarea::placeholder{color:#8d97a7}input:focus,select:focus,textarea:focus{border-color:#5a8bff;box-shadow:0 0 0 3px rgba(61,124,255,.14)}textarea{resize:none}main{height:100vh}.login-screen{display:grid;place-items:center;min-height:100vh;padding:24px}.login-shell{width:min(480px,100%)}.login-card,.settings-card{border-radius:28px;background:rgba(32,36,43,.96);border:1px solid #2b3038;box-shadow:var(--shadow)}.chat-subtitle,.column-header p,.detail-card p,.detail-card span,.file-row span,.group-member-copy span,.login-brand span,.login-promo p,.modal-header span,.notice-banner,.row-main span,.selected-hint{color:var(--muted)}.login-card{padding:30px}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.brand-mark{width:50px;height:50px;border-radius:16px;background:linear-gradient(180deg,var(--blue) 0,var(--blue-2) 100%);display:grid;place-items:center;font-size:24px;font-weight:800}.brand-mark-image{object-fit:cover}.stack{display:grid;grid-gap:12px;gap:12px}.detail-card button,.login-card button,.modal-actions button,.send-button,.settings-card button{background:linear-gradient(180deg,var(--blue) 0,var(--blue-2) 100%);color:white;border-radius:14px;padding:12px 16px;font-weight:700}button:disabled{opacity:.65;cursor:not-allowed}.ghost-action,.secondary-action{background:#313743;color:#d7ddeb}.ghost-action.danger{color:#ffb2b2}.secondary-action{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:10px 14px;position:relative;overflow:hidden}.secondary-action input{position:absolute;inset:0;opacity:0;cursor:pointer}.error-banner,.notice-banner{margin-top:12px;border-radius:14px;padding:12px 14px;font-size:14px}.error-banner.inline,.notice-banner.inline{margin:10px 16px 0}.error-banner{background:#3d2028;color:#ffb4c0}.notice-banner{background:#1f3a2d;color:#a9e5c2}.app-screen{height:100vh;padding:12px}.incoming-toast{position:fixed;top:18px;right:22px;z-index:80;width:min(360px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(37,42,49,.96);border:1px solid rgba(77,88,104,.84);box-shadow:0 18px 40px rgba(0,0,0,.32);color:var(--text);text-align:left}.incoming-toast-copy{min-width:0;display:grid;grid-gap:2px;gap:2px}.incoming-toast-copy span,.incoming-toast-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incoming-toast-copy span{color:var(--muted);font-size:13px}.messenger-shell{height:calc(100vh - 24px);max-width:1480px;margin:0 auto;display:grid;grid-template-columns:68px 340px minmax(0,1fr) 284px;grid-gap:1px;gap:1px;background:#16191f;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.shell-settings{grid-template-columns:68px minmax(0,1fr)}.nav-rail{background:#14181e;padding:12px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.rail-bottom,.rail-top{display:grid;grid-gap:12px;gap:12px;justify-items:center}.settings-menu-anchor{position:relative}.avatar-rail-button,.icon-button,.rail-button{width:42px;height:42px;border-radius:14px;background:transparent;color:#d5dcea;display:grid;place-items:center;transition:background .18s ease,color .18s ease,transform .18s ease}.avatar-rail-button{width:56px;height:56px;padding:4px}.avatar-rail-button:hover,.icon-button:hover,.rail-button.active,.rail-button:hover{background:rgba(255,255,255,.08)}.rail-button.active{color:#fff}.icon-button svg,.rail-button svg{width:20px;height:20px}.settings-popover{position:absolute;left:calc(100% + 14px);bottom:-8px;width:280px;padding:14px;border-radius:22px;background:rgba(36,40,47,.98);border:1px solid #3b414c;box-shadow:0 28px 60px rgba(0,0,0,.38);display:grid;grid-gap:12px;gap:12px;z-index:40}.settings-popover-profile{width:100%;background:transparent;padding:0;display:flex;align-items:center;gap:12px;color:#f4f7ff;text-align:left}.settings-popover-profile-copy{display:grid;grid-gap:2px;gap:2px}.settings-popover-profile-copy strong{font-size:18px}.settings-popover-profile-copy small{color:var(--muted);font-size:13px}.settings-popover-section{display:grid;grid-gap:4px;gap:4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.settings-popover-section:first-of-type{padding-top:0;border-top:0}.settings-popover-item{width:100%;min-height:46px;background:transparent;border-radius:14px;padding:0 10px;display:flex;align-items:center;gap:14px;justify-content:flex-start;color:#f2f5fc}.settings-popover-item:hover{background:rgba(255,255,255,.06)}.settings-popover-item svg{width:20px;height:20px;flex:none}.settings-popover-item span{font-size:15px;font-weight:600}.settings-popover-item-danger{color:#ff8181}.avatar{display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,#dce8ff,#bbcef5);color:#173e8f;font-weight:800;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:46px;height:46px;font-size:16px}.avatar-md{width:48px;height:48px;font-size:18px}.avatar-lg{width:78px;height:78px;font-size:24px}.chat-column,.conversation-column,.detail-sidebar,.settings-screen{background:var(--panel);min-height:0}.conversation-column{padding:16px 14px 12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.chat-topbar,.column-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-user strong,.column-header h2,.settings-header h2{margin:0;font-size:17px}.search-box{margin-top:14px}.zalo-search-box{display:flex;align-items:center;gap:10px}.modal-inline-search,.search-input-shell{display:flex;align-items:center;gap:10px;background:#1d2128;border:1px solid #30343b;border-radius:12px;padding:0 12px;color:#97a0ad}.search-input-shell{flex:1 1}.modal-inline-search svg,.search-input-shell svg{width:18px;height:18px;flex:none}.modal-inline-search input,.search-input-shell input{background:transparent;border:0;box-shadow:none;padding:11px 0}.chat-toolbar{margin-left:auto;display:flex;align-items:center;gap:12px}.chat-toolbar-field{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:12px;background:#1d2128;border:1px solid #30343b;color:#97a0ad}.chat-toolbar-field span{font-size:12px;color:#97a0ad;white-space:nowrap}.chat-toolbar-field svg{width:18px;height:18px;flex:none}.chat-toolbar-field input{min-width:0;background:transparent;border:0;box-shadow:none;color:#f3f6fb;padding:10px 0}.chat-toolbar-date{width:178px}.chat-toolbar-date input{flex:1 1;color-scheme:dark}.chat-toolbar-search{width:284px}.chat-toolbar-search input{flex:1 1}.chat-toolbar-clear,.chat-toolbar-next{width:28px;height:28px;padding:0;border-radius:999px;display:grid;place-items:center;background:#2f343d;color:#dbe4f3;border:1px solid #3a404a;flex:none}.chat-toolbar-clear svg,.chat-toolbar-next svg{width:14px;height:14px}.chat-toolbar-next:disabled{opacity:.4;cursor:not-allowed}.chat-search-count{min-width:36px;font-size:12px;color:#97a0ad;text-align:center;flex:none}.create-group-button{background:#313743;flex:none}.conversation-list{min-height:0;overflow:auto;display:grid;grid-gap:4px;gap:4px;padding-top:14px;align-content:start;grid-auto-rows:max-content}.conversation-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;border-radius:14px;background:transparent;color:var(--text);text-align:left;padding:10px}.conversation-row.selected,.conversation-row:hover{background:#343943}.row-main{display:grid;grid-gap:0;gap:0;min-width:0}.conversation-title-line{display:flex;align-items:center;gap:8px;min-width:0}.row-main span,.row-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main strong{font-size:15px}.conversation-secondary{margin-top:2px;color:#8f99ab;font-size:12px;line-height:1.2}.conversation-kind-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:36px;height:18px;padding:0 8px;border-radius:999px;background:rgba(64,136,255,.18);color:#8eb7ff;border:1px solid rgba(97,156,255,.22);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.conversation-column .conversation-row{grid-template-columns:46px minmax(0,1fr) auto;min-height:0;height:70px;padding:8px 10px}.unread-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff4d67;color:white;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.row-time{color:#8992a0;font-size:12px;align-self:start}.chat-column{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:radial-gradient(circle at top right,rgba(61,124,255,.08),transparent 22%),#1b1f25;min-height:0;height:100%;overflow:hidden}.zalo-chat-topbar{padding:14px 20px;border-bottom:1px solid var(--line);background:rgba(37,42,49,.95)}.chat-user{display:flex;align-items:center;gap:12px}.chat-user,.chat-user>div{min-width:0}.chat-subtitle,.chat-user strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-subtitle{margin-top:4px;font-size:13px}.message-stream{min-height:0;overflow:auto;padding:18px 20px;display:grid;align-content:start;grid-gap:12px;gap:12px;height:100%}.conversation-empty-state{margin:auto;padding:14px 18px;border-radius:16px;background:rgba(47,52,61,.85);color:#cfd7e4;font-size:14px}.date-divider{display:flex;justify-content:center;margin:4px 0 10px}.date-divider span{padding:8px 14px;border-radius:999px;background:rgba(47,52,61,.92);color:#d9e0ec;font-size:12px}.message-row{display:flex;align-items:flex-start;gap:10px}.message-row.self{justify-content:flex-end;align-items:flex-end}.message-avatar-spacer{width:46px;flex:none}.message-stack{display:grid;grid-gap:6px;gap:6px;max-width:min(78%,560px)}.message-interaction-zone{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;padding-left:10px;padding-right:10px;padding-bottom:18px}.message-interaction-zone.self{margin-left:auto}.message-bubble-wrap{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%}.message-interaction-zone.self .message-bubble-wrap,.message-row.self .message-bubble-wrap{margin-left:auto}.message{max-width:100%;width:-moz-fit-content;width:fit-content;padding:10px 14px;border-radius:18px 18px 18px 6px;background:#30353d;border:1px solid #3a4049}.message.self{margin-left:auto;border-radius:18px 18px 6px 18px;background:linear-gradient(180deg,var(--blue) 0,var(--blue-2) 100%);border-color:transparent}.message.search-match{box-shadow:0 0 0 2px rgba(255,214,102,.45)}.message.search-match-active{box-shadow:0 0 0 2px rgba(255,214,102,.95),0 0 24px rgba(255,214,102,.24)}.message.self .message-author,.message.self .message-body,.message.self .message-time{color:white}.message-author{color:#d0d7e4;font-size:12px;font-weight:700;margin-bottom:4px}.message-body{line-height:1.5;white-space:pre-wrap;word-break:break-word}.reply-preview{display:grid;grid-gap:3px;gap:3px;margin-bottom:8px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.1)}.composer-reply strong,.reply-preview strong{font-size:12px}.composer-reply span,.reply-preview span{font-size:12px;color:#c8d1df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.message-file-card,.message-image-link{display:grid;grid-gap:6px;gap:6px;text-decoration:none;color:inherit}.message-image{display:block;width:auto;max-width:min(320px,100%);max-height:240px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.14)}.message-file-card{min-width:220px;max-width:320px;padding:6px 0 0;border-radius:0;background:transparent;border:0}.message-file-card span,.message-file-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file-card span{font-size:12px;color:#dbe4f3}.message-meta{margin-top:8px;display:flex;justify-content:flex-end}.message-time{font-size:12px;color:#aeb7c5}.reaction-bar{display:flex;gap:6px;margin-left:4px}.reaction-bar.self{justify-content:flex-end;margin-right:4px}.reaction-bar.anchored{position:absolute;right:8px;bottom:-14px;margin:0;z-index:2}.message-action-pill,.reaction-pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:#2f343d;color:#e7edf8;border:1px solid #3a404a;font-size:12px}.message-action-pill{min-width:34px;justify-content:center;padding:0 8px}.message-action-pill svg{width:14px;height:14px}.icon-action{width:34px;height:34px;padding:0;justify-content:center}.quick-react-trigger svg{width:14px;height:14px}.message-detail-wrap,.message-reply-trigger,.reaction-trigger-wrap{position:absolute;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:4}.message-reply-trigger{top:50%;left:calc(100% + 6px);width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:999px;background:#2f343d;color:#e7edf8;border:1px solid #3a404a;box-shadow:var(--shadow);transform:translateY(-50%)}.message-reply-trigger.self{left:auto;right:calc(100% + 6px)}.message-reply-trigger svg{width:14px;height:14px}.message-detail-trigger{position:relative;top:auto;left:auto;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:999px;background:#2f343d;color:#e7edf8;border:1px solid #3a404a;box-shadow:var(--shadow);transform:none}.message-detail-trigger.self{right:auto}.message-detail-trigger svg{width:14px;height:14px}.message-detail-wrap{top:50%;left:calc(100% + 44px);transform:translateY(-50%)}.message-detail-wrap.self{left:auto;right:calc(100% + 44px)}.message-detail-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:156px;display:grid;grid-gap:4px;gap:4px;padding:6px;border-radius:12px;background:rgba(30,34,42,.98);border:1px solid #3a404a;box-shadow:var(--shadow)}.message-detail-menu.self{left:auto;right:0}.message-detail-menu-item{display:block;width:100%;text-align:left;text-decoration:none;background:transparent;color:#e7edf8;padding:9px 10px;border-radius:8px}.message-detail-menu-item:hover{background:#3a4048}.reaction-trigger-wrap{left:8px;bottom:-14px;width:30px;height:30px;display:block;transform:translateY(6px)}.reaction-trigger-wrap.self{left:auto;right:8px}.message-detail-trigger:focus,.message-detail-wrap:focus-within,.message-reply-trigger:focus,.message-row:hover .message-detail-trigger,.message-row:hover .message-detail-wrap,.message-row:hover .message-reply-trigger,.message-row:hover .reaction-trigger-wrap,.reaction-trigger-wrap:focus-within{opacity:1;pointer-events:auto}.message-detail-trigger.visible,.message-detail-wrap.visible,.message-reply-trigger.visible,.reaction-trigger-wrap.visible{opacity:1;pointer-events:auto}.message-detail-wrap:focus-within,.message-reply-trigger:focus,.message-row:hover .message-detail-wrap,.message-row:hover .message-reply-trigger{transform:translateY(-50%)}.message-row:hover .reaction-trigger-wrap,.reaction-trigger-wrap:focus-within{transform:translateY(0)}.reaction-menu{position:absolute;left:0;bottom:38px;display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(30,34,42,.98);border:1px solid #3a404a;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:scale(.96);transition:opacity .16s ease,transform .16s ease}.reaction-menu.self{left:auto;right:0}.reaction-menu.open,.reaction-trigger-wrap:focus-within .reaction-menu{opacity:1;pointer-events:auto;transform:scale(1)}.quick-react-trigger{position:absolute;left:0;bottom:0;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border-radius:999px;background:rgba(36,41,48,.98);box-shadow:var(--shadow)}.reaction-trigger-wrap.self .quick-react-trigger{left:auto;right:0}.admin-stats span,.attachment-chip,.message-files span,.selected-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;background:rgba(255,255,255,.12);color:inherit}.selected-chip{background:var(--blue-soft);color:#cfe0ff}.composer-panel{position:relative;display:grid;grid-gap:10px;gap:10px;padding:10px 18px 12px;border-top:1px solid var(--line);background:rgba(37,42,49,.96);flex:none;min-height:0;align-self:end}.composer-reply{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#313743}.composer-reply>div{min-width:0;display:grid;grid-gap:4px;gap:4px}.reply-close{padding:8px 10px;border-radius:10px;flex:none}.detail-modal{width:min(520px,calc(100vw - 32px))}.detail-modal-body{margin-bottom:12px}.reaction-detail-list{display:grid;grid-gap:8px;gap:8px}.reaction-detail-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#3a4048}.emoji-popover,.mention-popover{position:absolute;left:18px;bottom:calc(100% + 10px);border-radius:16px;background:#2d333c;border:1px solid #3a414b;box-shadow:var(--shadow);z-index:5}.mention-popover{min-width:250px;max-width:320px;padding:8px;display:grid;grid-gap:4px;gap:4px}.mention-row{display:flex;align-items:center;gap:10px;width:100%;color:var(--text);background:transparent;padding:8px;border-radius:10px}.mention-row:hover{background:#3a404a}.emoji-popover{display:flex;gap:4px;padding:8px}.emoji-popover button{background:transparent;color:var(--text);font-size:20px;padding:6px 8px;border-radius:8px}.emoji-popover button:hover{background:#3a404a}.composer-bar,.composer-tools{display:flex;align-items:center;gap:8px}.composer-tools{padding-bottom:8px;border-bottom:1px solid var(--line)}.compact-picker{position:relative;overflow:hidden}.compact-picker input{position:absolute;inset:0;opacity:0}.composer-panel textarea{display:block;min-height:calc(1.45em * 3 + 8px);max-height:132px;border:0;border-radius:0;box-shadow:none;padding:4px 2px 2px;line-height:1.45;background:transparent;overflow-y:auto}.attachment-chip{max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.send-button{margin-left:auto;min-width:40px}.icon-send-button{width:40px;height:40px;min-width:40px;padding:0;border-radius:999px;display:grid;place-items:center}.icon-send-button svg{width:20px;height:20px}.detail-sidebar{padding:12px;display:grid;grid-gap:12px;gap:12px;align-content:start;overflow:auto}.detail-sidebar-header{padding:6px 0 12px;text-align:center;border-bottom:1px solid var(--line);font-size:17px;font-weight:700}.detail-card{border-radius:16px;background:#2f343c;border:1px solid #3a404a;padding:14px}.detail-card h3{margin:0 0 12px;font-size:15px}.compact-actions-card{padding:12px}.quick-action,.quick-actions.single-action{display:flex;justify-content:center}.quick-action{align-items:center;gap:8px;background:#393e47;color:#dbe2ee;padding:10px 12px;border-radius:10px}.quick-action.small-action{width:36px;height:36px;padding:0;border-radius:10px}.quick-action.small-action svg{width:16px;height:16px}.quick-action.icon-only span{display:none}.quick-action.active{background:rgba(61,124,255,.2);color:#9fc0ff;border:1px solid rgba(104,156,255,.24)}.detail-row{color:#dbe2ee}.detail-row,.group-manage-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.group-manage-header{margin-bottom:10px}.group-manage-header h3{margin:0}.group-member-sidebar-list{display:grid;grid-gap:10px;gap:10px}.group-member-sidebar-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.group-member-sidebar-main{display:flex;align-items:center;gap:10px;min-width:0}.group-member-sidebar-copy{min-width:0;display:grid;grid-gap:2px;gap:2px}.group-member-sidebar-copy span,.group-member-sidebar-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-sidebar-copy span{color:#96a1b3;font-size:12px}.group-danger-button{width:100%;margin-top:12px;border-radius:12px;background:rgba(123,42,49,.22);color:#ffd7d7;border:1px solid rgba(208,101,101,.22);padding:10px 14px;font-weight:700}.group-danger-button:hover{background:rgba(136,46,54,.3)}.attachment-empty{min-height:84px;border-radius:12px;background:#3a4048;padding:8px;display:grid;align-items:end;font-size:12px;color:#dbe2ee;place-items:center;text-align:center}.system-message-row{display:flex;justify-content:center;padding:4px 0 8px}.system-message-row span{max-width:min(82%,520px);padding:7px 14px;border-radius:999px;background:rgba(60,66,79,.68);color:#aeb7c7;font-size:12px;line-height:1.35;text-align:center}.file-list{display:grid;grid-gap:8px;gap:8px;max-height:360px;overflow-y:auto;padding-right:2px}.file-row{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;grid-gap:10px;gap:10px;padding:8px;border-radius:12px;background:#3a4048;align-items:center}.file-row span,.file-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row-copy{min-width:0}.file-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#4d78ff;font-weight:700}.file-download-button{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#d8dfec;background:rgba(89,107,138,.18);opacity:0;pointer-events:none;transition:opacity .18s ease,background .18s ease,color .18s ease}.file-row:hover .file-download-button{opacity:1;pointer-events:auto}.file-download-button:hover{background:rgba(86,121,255,.24);color:#ffffff}.settings-screen{padding:18px;overflow:auto}.settings-card{min-height:100%;padding:20px}.settings-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.settings-grid,.settings-stack{display:grid;grid-gap:16px;gap:16px}.settings-stack{grid-template-columns:minmax(0,1fr);max-width:760px}.admin-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.admin-overview-card{display:grid;grid-gap:6px;gap:6px}.admin-overview-card strong{font-size:30px;line-height:1}.admin-grid{display:grid;grid-gap:16px;gap:16px}.admin-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.admin-secondary-grid-single{grid-template-columns:minmax(0,1fr);margin-top:8px}.admin-log-card{padding-top:18px}.admin-list-card{display:grid;grid-gap:14px;gap:14px}.admin-subnav{display:flex;align-items:center;gap:8px;margin:0 0 16px}.admin-subnav-button{min-height:36px;padding:0 18px;border-radius:10px;background:#2a3038;color:#aeb8c8;border:1px solid transparent;font-weight:600;transition:background .12s ease,color .12s ease,border-color .12s ease}.admin-subnav-button:hover{background:#313844;color:#f4f7fb}.admin-subnav-button.active{background:linear-gradient(180deg,rgba(61,124,255,.96),rgba(43,101,225,.96));color:white;border-color:rgba(121,162,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.admin-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-card-header p{margin:4px 0 0;color:var(--muted)}.admin-toolbar{align-items:center}.admin-toolbar-actions{display:flex;align-items:center;gap:8px}.admin-icon-button,.detail-card button.admin-icon-button{width:22px;min-width:22px;height:22px;padding:0;border-radius:0;display:inline-grid;place-items:center;background:transparent;color:#c8d2e1;border:0;flex:none;box-shadow:none;font-weight:400;transition:color .12s ease,transform .12s ease,opacity .12s ease}.admin-icon-button svg{width:17px;height:17px}.admin-icon-button.admin-icon-button-accent,.detail-card button.admin-icon-button.admin-icon-button-accent{width:34px;min-width:34px;height:34px;border-radius:12px;background:linear-gradient(180deg,var(--blue) 0,var(--blue-2) 100%);color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.admin-icon-button.admin-icon-button-accent svg,.detail-card button.admin-icon-button.admin-icon-button-accent svg{width:18px;height:18px}.admin-icon-button:hover,.detail-card button.admin-icon-button:hover{color:#f4f7fb;background:transparent}.admin-icon-button.admin-icon-button-accent:hover,.detail-card button.admin-icon-button.admin-icon-button-accent:hover{background:linear-gradient(180deg,#4d88ff,#2e69ea)}.admin-icon-button.primary,.detail-card button.admin-icon-button.primary{background:transparent;color:white}.admin-icon-button.primary:hover,.detail-card button.admin-icon-button.primary:hover{background:transparent;color:#ffffff}.admin-icon-button.danger{color:#ffb7b7}.admin-icon-button.danger:hover{color:#ffd4d4}.admin-list-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);grid-gap:14px;gap:14px;min-height:0}.admin-editor,.admin-list-view{border-radius:16px;border:1px solid #3a4048;background:#2b3038}.admin-list-view{min-height:0;overflow:hidden}.admin-table-head,.admin-table-row{display:grid;align-items:center;grid-gap:12px;gap:12px}.admin-table-head{min-height:42px;padding:0 14px;background:#262b33;border-bottom:1px solid #3a4048;color:#9eabbe;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.admin-table-head-department,.admin-table-row-department{grid-template-columns:minmax(0,1fr) 120px 110px}.admin-table-head-user,.admin-table-row-user{grid-template-columns:minmax(140px,1fr) 120px 110px minmax(140px,1fr) 160px 130px 130px}.admin-table-body{max-height:360px;overflow:auto}.admin-table{display:grid;grid-gap:10px;gap:10px;max-height:320px;overflow:auto;padding-right:2px}.admin-log-table{max-height:240px;overflow-y:auto;overflow-x:hidden;padding-right:6px}.admin-table-row{min-height:56px;padding:0 14px;border-bottom:1px solid #3a4048;cursor:default}.admin-table-row:hover{background:#313743}.admin-table-row.active{background:rgba(61,124,255,.15)}.admin-table-row span,.admin-table-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-cell-clickable{cursor:text}.admin-cell-clickable:hover{color:#eef3fb}.admin-table-row input,.admin-table-row select{min-width:0;border-radius:10px;padding:8px 10px;background:#252a31}.admin-table-row select[multiple]{min-height:44px}.admin-table-row-editing{background:rgba(61,124,255,.12)}.admin-table-row span{color:var(--muted);font-size:13px}.admin-row-actions{display:flex;align-items:center;gap:14px;justify-content:center;width:100%}.admin-editor{padding:14px}.admin-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-editor-header strong{font-size:14px}.profile-editor{display:flex;align-items:center;gap:16px}.admin-stats{display:flex;flex-wrap:wrap;gap:8px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);display:grid;place-items:center;z-index:20;padding:16px}.modal-card{width:min(520px,calc(100vw - 32px));max-height:min(720px,calc(100vh - 32px));overflow:auto;border-radius:20px;background:#252a31;border:1px solid #353b45;box-shadow:var(--shadow);padding:16px}.modal-header{display:grid;grid-gap:4px;gap:4px;margin-bottom:12px;font-size:18px}.selected-members{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.group-member-list{display:grid;grid-gap:8px;gap:8px;max-height:320px;overflow:auto}.group-member{display:grid;grid-template-columns:46px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;text-align:left;background:#1d2128;color:var(--text);border:1px solid transparent;border-radius:14px;padding:10px}.group-member.selected,.group-member:hover{background:#2e3440;border-color:#4466b7}.group-member-copy{min-width:0;display:grid;grid-gap:4px;gap:4px}.group-member-copy span,.group-member-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-member-check{font-size:11px;color:#8eb3ff}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width:1280px){.messenger-shell{grid-template-columns:68px 308px minmax(0,1fr) 264px}}@media (max-width:1160px){.messenger-shell{grid-template-columns:68px 300px minmax(0,1fr)}.detail-sidebar{display:none}.shell-settings{grid-template-columns:68px minmax(0,1fr)}}@media (max-width:900px){body,html{overflow:auto}.admin-list-shell,.admin-overview-grid,.admin-secondary-grid,.login-shell,.messenger-shell,.settings-grid{grid-template-columns:1fr}.app-screen,.messenger-shell,main{height:auto}.nav-rail{flex-direction:row;justify-content:space-between;padding:10px}.rail-bottom,.rail-top{display:flex;align-items:center}.chat-column,.conversation-column,.settings-screen{min-height:auto}.shell-settings{grid-template-columns:1fr}}