:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e9edf6;background:#0b1020}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.layout{height:100vh;display:grid;grid-template-columns:290px 1fr}aside{background:#11192b;border-right:1px solid #263147;display:flex;flex-direction:column;min-width:0}aside header{height:78px;display:flex;align-items:center;gap:12px;padding:20px;font-size:12px;font-weight:750;letter-spacing:2px}.mark{height:64px;width:64px;display:grid;place-items:center;color:#080d17;background:#e6edfb;border-radius:17px;font-size:30px;font-weight:900}.mark.mini{height:38px;width:38px;font-size:18px;border-radius:11px}.ghost{margin-left:auto;background:transparent;color:#9eb1cf;font-size:22px}#search{margin:5px 15px 18px;padding:12px;border:1px solid #2b3850;border-radius:12px;color:#fff;background:#1b263c}.people{flex:1;overflow:auto}.person{display:flex;gap:12px;align-items:center;padding:14px 19px;cursor:pointer;border-left:3px solid transparent}.person:hover{background:#1a2740}.person.active{background:#22314b;border-color:#9ab6ff}.avatar{border-radius:50%;background:#344866;min-width:38px;height:38px;display:grid;place-items:center;font-weight:700}.person .detail{font-weight:650}.person small{display:block;color:#8b9bb6;font-size:11px;margin-top:4px}aside footer{border-top:1px solid #263147;padding:19px;font-size:12px;color:#9baac4}main{min-width:0;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 60% 15%,#172238,#0b1020 55%)}.chat-header{min-height:78px;padding:19px 28px;border-bottom:1px solid #263147;display:flex;flex-direction:column;gap:5px}.chat-header strong{font-size:16px}.chat-header span{font-size:12px;color:#98a8be}.messages{flex:1;overflow:auto;padding:25px;display:flex;flex-direction:column;gap:12px}.empty{margin:auto;color:#71839e}.bubble{align-self:flex-start;background:#1d2b41;max-width:min(78%,580px);border:1px solid #2d405c;border-radius:16px 16px 16px 3px;padding:12px 15px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:#29456a;border-radius:16px 16px 3px 16px}.bubble .meta{font-size:10px;color:#adbed5;margin-top:9px}.bubble .attachment{display:block;margin-top:7px;color:#cfe0ff;text-decoration:underline;cursor:pointer}.composer{margin:0 22px 8px;background:#1c2a40;border:1px solid #30435f;border-radius:16px;display:flex;align-items:center;padding:8px}.composer #message{flex:1;min-width:0;background:none;color:#fff;border:0;outline:0;padding:10px}.attach{font-size:28px;color:#a8bcda;cursor:pointer;padding:0 12px}.composer button{background:#e9f0fd;color:#142038;width:38px;height:38px;border-radius:12px;font-size:23px}.status{min-height:26px;padding:0 30px;font-size:11px;color:#b3c3dc}.drop-zone{position:absolute;inset:78px 18px 84px;background:#142744e8;border:2px dashed #9db8ec;border-radius:19px;display:grid;place-items:center;font-size:24px;z-index:3;pointer-events:none}.pending{padding:0 24px;font-size:12px;color:#cbd8ed}.setup{height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,#1c2e4b,#0b1020 65%)}.setup-card{width:min(420px,90vw);padding:40px;background:#172239;border:1px solid #344460;border-radius:25px;box-shadow:0 30px 80px #0007}.setup-card h1{margin:23px 0 5px}.setup-card p{color:#a5b4ca;margin-bottom:29px}.setup-card label{display:block;font-size:12px;margin:18px 0;color:#cbd7e8}.setup-card input{display:block;width:100%;margin-top:7px;padding:13px;background:#0c1729;border:1px solid #3b4b65;color:white;border-radius:10px}.setup-card button{width:100%;padding:13px;margin-top:14px;background:#dce7fa;color:#11213a;border-radius:11px;font-weight:750}.setup-card small{color:#ffb6b6;display:block;margin-top:14px}

#manage-users{margin:0 14px 15px;padding:11px 14px;text-align:left;border:1px solid #344460;border-radius:12px;font-size:12px;letter-spacing:.3px}
.users-dialog{width:min(460px,calc(100vw - 32px));max-height:75vh;overflow:auto;border:1px solid #3a4b66;border-radius:18px;background:#172239;color:#e9edf6;padding:22px;box-shadow:0 30px 90px #0009}
.users-dialog::backdrop{background:#030916c9;backdrop-filter:blur(5px)}
.dialog-heading{display:flex;align-items:center;justify-content:space-between}
.dialog-heading strong{font-size:18px}
.dialog-heading button{font-size:26px;color:#d3deef;background:transparent}
.users-dialog p{font-size:12px;color:#9baac4;margin:8px 0 20px}
.admin-user-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #30415b}
.admin-user-row strong{display:block;font-size:14px}
.admin-user-row small{display:block;color:#99aac3;margin-top:4px}
.remove-user{background:#382635;color:#ffccd4;border:1px solid #654354;border-radius:9px;padding:8px 12px;font-size:12px}
.remove-user:disabled{opacity:.5}
@media(max-width:650px){.layout{grid-template-columns:minmax(112px,34vw) minmax(0,1fr)}aside header{padding:10px;gap:7px;letter-spacing:0}.person{padding:10px 7px;gap:6px}.avatar{min-width:28px;height:28px}.person .detail{font-size:12px}.chat-header{padding:16px}.messages{padding:12px}.composer{margin:0 7px 7px}.setup-card{padding:24px}}

.brand-logo{display:block;width:min(225px,85%);height:72px;object-fit:contain;object-position:left center}.brand-symbol{width:36px;height:36px;object-fit:contain;flex-shrink:0}.setup-card h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em}.setup-card{background:#131d30;border-color:#34445d}.setup-card p{font-size:14px}.setup-card button{background:#e5ecf9}

.google-signin{margin-top:18px;text-align:center}.login-divider{font-size:12px;color:#91a3bd;margin-bottom:16px}.google-signin #google-button{display:flex;justify-content:center}.google-signin small{display:block;margin-top:12px;color:#8d9eb7}