:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#eaf3ff;background:#061633}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(32,92,160,.34),transparent 34rem),linear-gradient(135deg,#031024,#061633 48%,#082447)}button,input{font:inherit}a{color:#9fd0ff}button{cursor:pointer;border:0;border-radius:10px;padding:10px 14px;background:#2b78d0;color:#fff;box-shadow:0 8px 24px #00000038}button:hover{background:#3488e8}button:disabled{opacity:.6;cursor:wait}input{background:#071b3b;border:1px solid #264c7c;color:#eaf3ff;border-radius:10px;padding:11px 12px;outline:none}input:focus{border-color:#5ba8ff;box-shadow:0 0 0 3px #5ba8ff29}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.card{background:#071b3bf0;border:1px solid #244b7a;border-radius:16px;padding:28px;box-shadow:0 20px 70px #0000007a}.login{width:min(440px,100%);display:grid;gap:12px}.login h1{margin:0;color:#f4f9ff;letter-spacing:.01em}.login p{color:#9fbce0}.error,.globalError{color:#ff938b;margin-top:8px}.globalError{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#401316;padding:12px 16px;border-radius:10px;border:1px solid #842a31}.app{height:100vh;display:grid;grid-template-columns:300px 1fr;background:#061633}.sidebar{border-right:1px solid #244b7a;background:#041126;padding:18px;display:flex;flex-direction:column;overflow:auto}.brand{font-weight:900;font-size:22px;margin-bottom:10px;letter-spacing:.02em;color:#fff}.me{padding:12px;background:#071b3b;border:1px solid #183b67;border-radius:12px;overflow-wrap:anywhere}.me small{display:block;color:#9fbce0;margin-top:6px;line-height:1.4}.sidebar h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#8fb1d9;margin:20px 0 8px}.list{display:grid;gap:6px}.item{text-align:left;background:transparent;color:#d7e9ff;padding:9px 10px;box-shadow:none}.item:hover,.item.active{background:#102b52}.sidebarBottom{margin-top:auto;display:grid;gap:8px;padding-top:20px}.secondary{background:#102b52;color:#d7e9ff;box-shadow:none}.secondary:hover{background:#173966}.main{min-width:0;display:flex;flex-direction:column;position:relative;background:#061633}.chatHead{padding:18px 22px;border-bottom:1px solid #244b7a;background:#041126}.muted{color:#9fbce0;font-size:13px;margin-top:4px}.messages{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:10px;background:#061633}.msg{align-self:flex-start;max-width:min(680px,78%);padding:10px 12px;border-radius:14px;background:#102b52;border:1px solid #1d4778;white-space:pre-wrap;overflow-wrap:anywhere}.msg.mine{align-self:flex-end;background:#1e65b7;border-color:#2b7ddd}.msg small{display:block;opacity:.72;margin-top:5px;font-size:11px}.composer{border-top:1px solid #244b7a;padding:14px;display:grid;grid-template-columns:1fr auto auto auto;gap:10px;background:#041126;align-items:center}.empty{margin:auto;text-align:center;color:#9fbce0}.toast{position:absolute;right:20px;bottom:84px;max-width:520px;background:#401316;color:#ffd0cc;border:1px solid #842a31;padding:12px 14px;border-radius:12px;cursor:pointer}.adminPanel{padding:22px;overflow:auto;background:#061633}.adminPanel h2,.adminPanel h3{color:#f4f9ff}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.adminUsers{margin-top:18px;max-width:980px;display:grid;gap:8px}.userLine{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;background:#071b3b;border:1px solid #244b7a;border-radius:10px}.warning{color:#ffe09a;background:#302612;border:1px solid #8a6823;border-radius:10px;padding:10px 12px}.success{color:#8ff2ad;background:#0d2a1c;border:1px solid #2c7743;border-radius:10px;padding:10px 12px;margin-top:12px}.securityCard{width:min(760px,100%);display:grid;gap:12px}.secretBox{display:grid;gap:7px;padding:12px;border:1px solid #244b7a;border-radius:10px;background:#041126}.secretBox code,.uriBox,.fingerprint{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.recoveryCode code{font-size:20px;letter-spacing:.08em;color:#fff}.uriBox{display:block;padding:10px;background:#041126;border:1px solid #183b67;border-radius:8px;font-size:12px}.recoveryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recoveryGrid code{padding:8px;text-align:center;background:#041126;border:1px solid #244b7a;border-radius:8px;-webkit-user-select:all;user-select:all}.fileButton{position:relative;display:block;text-align:center;border-radius:10px;padding:10px 14px;cursor:pointer;white-space:nowrap;overflow:hidden}.fileButton.disabled{opacity:.6;cursor:wait;pointer-events:none}.fileButton input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.inlineCard{max-width:760px;margin-bottom:16px;display:grid;gap:10px;box-shadow:none}.auditList{max-width:1000px;display:grid;gap:5px}.auditLine{display:grid;grid-template-columns:180px 140px 1fr 140px;gap:10px;padding:8px 10px;border-bottom:1px solid #183b67;font-size:13px}.auditLine code{color:#7dbfff;overflow-wrap:anywhere}.fingerprintRow{color:#9fbce0;font-size:12px;margin-top:6px;overflow-wrap:anywhere}.fingerprintRow code{color:#d7e9ff}.linkButton{display:block;text-align:center;text-decoration:none;border-radius:10px;padding:10px 14px}.checkLine{display:flex;gap:10px;align-items:center;color:#d7e9ff}.checkLine input{width:18px;height:18px;accent-color:#2b78d0}.adminApp .main{overflow:auto}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{height:42vh;border-right:0;border-bottom:1px solid #244b7a}.main{height:58vh}.msg{max-width:90%}.recoveryGrid,.auditLine{grid-template-columns:1fr}.userLine{align-items:flex-start;flex-direction:column}.row{flex-wrap:wrap}.composer{grid-template-columns:1fr}.composer button{width:100%}}.generatedPassword{margin-top:12px;max-width:720px}.generatedPassword code{font-size:18px;letter-spacing:.04em;color:#fff}.voiceMessage{display:grid;gap:8px;min-width:min(340px,70vw)}.voiceLabel{font-size:13px;color:#d7e9ff}.voiceMessage audio{width:100%;max-width:360px}.micButton{white-space:nowrap}.recordingButton{background:#b73c3c;white-space:nowrap}.recordingButton:hover{background:#d84a4a}.attachmentMessage{display:grid;gap:8px;min-width:min(360px,76vw)}.attachmentHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;color:#d7e9ff}.attachmentHeader b{overflow-wrap:anywhere}.attachmentHeader span{flex:0 0 auto;color:#9fbce0;font-size:12px}.attachmentPreview{width:100%;max-width:520px;max-height:360px;border-radius:10px;border:1px solid #244b7a;background:#041126;object-fit:contain}.attachmentMessage audio,.attachmentMessage video{width:100%;max-width:520px}.downloadLink{display:inline-block;width:max-content;max-width:100%;padding:7px 10px;border-radius:8px;background:#071b3b;border:1px solid #244b7a;color:#d7e9ff;text-decoration:none}.downloadLink:hover{background:#102b52}.clickablePreview{cursor:zoom-in}.openAttachment{width:max-content}.fileReady{color:#9fbce0;font-size:13px}.messageMeta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:6px}.messageMeta small{margin-top:0}.messageActions{display:flex;gap:6px;opacity:.9}.messageActions button{padding:3px 7px;border-radius:6px;font-size:11px;background:#071b3b;color:#d7e9ff;box-shadow:none;border:1px solid #244b7a}.messageActions button:hover{background:#102b52}.hiddenFileInput{display:none}.uploadProgress{margin:8px 14px 12px;padding:8px 10px;border:1px solid #244b7a;border-radius:8px;color:#d7e9ff;background:#071b3b;font-size:13px}.inlineWarning{color:#ffe09a;background:#302612;border:1px solid #8a6823;border-radius:8px;padding:8px 10px;font-size:13px}.viewerBackdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:22px;background:#000000b8}.viewerDialog{width:min(980px,96vw);max-height:92vh;display:grid;gap:12px;padding:16px;border-radius:16px;background:#071b3b;border:1px solid #2b78d0;box-shadow:0 24px 90px #000000a6;overflow:auto}.viewerHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.viewerHeader b{overflow-wrap:anywhere}.viewerBody{display:grid;place-items:center;min-height:120px;background:#041126;border:1px solid #183b67;border-radius:12px;padding:10px}.viewerBody img{max-width:100%;max-height:76vh;border-radius:10px;object-fit:contain}.viewerBody video{width:100%;max-height:76vh;border-radius:10px;background:#000}.viewerBody audio{width:100%}@media(max-width:760px){.viewerBackdrop{padding:10px}.viewerDialog{width:100%;max-height:94vh}.viewerHeader{align-items:flex-start;flex-direction:column}}.mobileOnly{display:none!important}.sidebarHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.chatHead{display:flex;align-items:flex-start;gap:12px}.chatHeadText{min-width:0;flex:1;overflow-wrap:anywhere}.iconButton,button.iconButton,label.iconButton{width:46px;height:46px;min-width:46px;border-radius:999px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#0a203f;color:#d7e9ff;border:1px solid #284f7e;box-shadow:none;font-size:22px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.iconButton:hover,button.iconButton:hover,label.iconButton:hover{background:#12315d;border-color:#4b89d4}.iconButton:disabled{opacity:.55;cursor:not-allowed}.sendButton{background:#2b78d0;border-color:#2f85e6;color:#fff;font-size:21px}.sendButton:hover{background:#3488e8}.composer{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:10px 12px}.composerInput{width:100%;min-width:0;border-radius:22px;padding:12px 16px;background:#071b3b}.fileButton{overflow:hidden;white-space:nowrap}.fileButton input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.recordingButton,button.recordingButton{background:#b73c3c;border-color:#e06464;color:#fff}.recordingButton:hover,button.recordingButton:hover{background:#d84a4a}.emojiPanel{position:absolute;right:100px;bottom:64px;z-index:30;width:min(360px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px;border-radius:16px;background:#071b3b;border:1px solid #2b78d0;box-shadow:0 18px 60px #0000008c}.emojiItem,button.emojiItem{width:42px;height:42px;padding:0;border-radius:12px;background:#0a203f;border:1px solid #244b7a;box-shadow:none;font-size:23px}.emojiItem:hover,button.emojiItem:hover{background:#12315d}.emojiHint{grid-column:1/-1;color:#9fbce0;font-size:12px;line-height:1.35;padding:4px 2px 0}.drawerBackdrop{display:none}@media(max-width:980px){html,body,#root{height:100%;min-height:100%}body{overflow:hidden}.mobileOnly{display:inline-flex!important}.app{height:100dvh;min-height:100dvh;width:100vw;overflow:hidden;display:grid;grid-template-columns:1fr;background:#061633}.sidebar{position:fixed;z-index:42;inset:0 auto 0 0;width:min(88vw,360px);height:100dvh;max-height:none;border-right:1px solid #244b7a;border-bottom:0;transform:translate(-104%);transition:transform .18s ease;box-shadow:22px 0 70px #0000008c;padding:14px}.app.sidebarOpen .sidebar{transform:translate(0)}.drawerBackdrop,button.drawerBackdrop{display:block!important;position:fixed;z-index:41;inset:0;width:100vw;height:100dvh;background:#0000007a;border:0;border-radius:0;padding:0;box-shadow:none;cursor:pointer}.main{height:100dvh;min-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.chatHead{flex:0 0 auto;padding:10px;min-height:58px;align-items:center}.chatHead .muted,.chatHead .fingerprintRow{display:none}.messages{flex:1 1 auto;min-height:0;padding:10px 8px 12px;gap:8px}.msg{max-width:92%;padding:9px 11px;border-radius:15px}.msg.mine{border-bottom-right-radius:6px}.msg:not(.mine){border-bottom-left-radius:6px}.composer{flex:0 0 auto;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:6px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #183b67}.composerInput{height:44px;padding:10px 13px;border-radius:22px}.iconButton,button.iconButton,label.iconButton{width:42px;height:42px;min-width:42px;font-size:20px}.sendButton{font-size:19px}.emojiPanel{right:6px;bottom:calc(58px + env(safe-area-inset-bottom));grid-template-columns:repeat(6,1fr);width:min(330px,calc(100vw - 12px))}.emojiItem,button.emojiItem{width:40px;height:40px;font-size:22px}.uploadProgress{flex:0 0 auto;margin:0;border-left:0;border-right:0;border-radius:0;padding:7px 10px}.toast{left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));max-width:none;transform:none}.empty{width:100%;height:100%;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.empty h2,.empty p{margin:0}.adminPanel{padding:14px}.inlineCard{margin:10px}}@media(max-width:420px){.composer{gap:4px;padding-left:5px;padding-right:5px}.iconButton,button.iconButton,label.iconButton{width:38px;height:38px;min-width:38px;font-size:18px}.composerInput{height:40px;padding:9px 12px}.emojiPanel{grid-template-columns:repeat(5,1fr)}}@media(max-width:980px){.adminApp{overflow:auto}.adminApp .sidebar{position:static;transform:none;width:auto;height:auto;max-height:none;box-shadow:none;border-right:0;border-bottom:1px solid #244b7a}.adminApp .main{height:auto;min-height:0;overflow:visible}}