:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#080d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:radial-gradient(circle at 15% 10%,#22d3ee2e,#0000 32rem),radial-gradient(circle at 90% 80%,#6366f12e,#0000 30rem),#080d18;place-items:center;display:grid}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ac7;border:1px solid #94a3b829;border-radius:28px;width:min(100%,480px);padding:clamp(28px,7vw,52px);box-shadow:0 24px 80px #00000059}.page--app{place-items:start center}.workspace{width:min(100%,880px)}.workspace__content{gap:20px;display:grid}.workspace__header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.compact-brand{align-items:center;gap:16px;display:flex}.logo--small{border-radius:14px;width:46px;height:46px;font-size:21px}.workspace .welcome{font-size:clamp(24px,5vw,36px)}.logout,.icon-button,.action{cursor:pointer;font:inherit;border:0}.logout{color:#cbd5e1;background:#1d293b;border-radius:11px;padding:10px 14px}.logout:hover,.icon-button:hover{background:#28364a}.admin,.panel{background:#0f172ac7;border:1px solid #94a3b829;border-radius:24px;padding:clamp(22px,5vw,34px);box-shadow:0 24px 80px #00000040}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}h2{letter-spacing:-.03em;margin:0;font-size:26px}.icon-button{color:#cbd5e1;background:#1d293b;border-radius:12px;width:42px;height:42px;font-size:23px}.requests{gap:12px;display:grid}.request{background:#0b1322;border:1px solid #263449;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.avatar{color:#cffafe;background:#17324a;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.request__identity{gap:2px;min-width:0;display:grid}.request__identity strong{text-overflow:ellipsis;overflow:hidden}.request__identity span,.request__identity time{color:#8492a7;font-size:13px}.request__actions{gap:8px;display:flex}.action{border-radius:10px;padding:9px 12px;font-weight:700}.action--approve{color:#052e27;background:#6ee7b7}.action--reject{color:#fecaca;background:#3c2029}.action:disabled,.icon-button:disabled{cursor:wait;opacity:.5}.empty{color:#8492a7;text-align:center;margin:0;padding:24px}.current{vertical-align:2px;background:#10b98124;border-radius:999px;margin-left:6px;padding:2px 7px;display:inline-block;color:#a7f3d0!important;font-size:11px!important}.two-factor{border-color:#fbbf244d}.security-copy{color:#aeb9c9;line-height:1.6}.two-factor__setup{grid-template-columns:auto 1fr;gap:24px;margin-top:22px;display:grid}.qr{background:#fff;border-radius:14px;align-self:start;padding:12px;line-height:0}.secret{overflow-wrap:anywhere;color:#cffafe;background:#080d18;border-radius:10px;margin:12px 0 18px;padding:11px;font-size:13px;display:block}.logo{color:#07111e;background:linear-gradient(135deg,#67e8f9,#818cf8);border-radius:17px;flex:none;place-items:center;width:54px;height:54px;font-size:25px;font-weight:800;display:grid}.eyebrow{color:#67e8f9;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:700}h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,10vw,64px);line-height:1}.welcome{font-size:clamp(32px,8vw,48px);line-height:1.08}.brand-row{align-items:center;gap:18px;margin-bottom:32px;display:flex}.lead{color:#b9c3d4;margin:22px 0 30px;font-size:17px;line-height:1.65}.status{color:#a7f3d0;background:#10b98114;border:1px solid #34d39933;border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:12px 14px;font-size:14px;display:flex}.status__dot{background:#34d399;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 18px #34d399}.status--error{color:#fecaca;background:#ef444414;border-color:#f8717133}.status--error .status__dot{background:#f87171;box-shadow:0 0 18px #f87171}.button{color:#07111e;cursor:pointer;background:linear-gradient(135deg,#67e8f9,#818cf8);border:0;border-radius:14px;width:100%;margin-top:18px;padding:14px 18px;font-weight:650}.button:disabled{cursor:wait;opacity:.6}.button--secondary{color:#dbeafe;background:#1d293b}.tabs{background:#0b1322;border-radius:14px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:24px;padding:5px;display:grid}.tab{color:#8d99aa;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:0;padding:10px;font-weight:650}.tab--active{color:#f8fafc;background:#1d293b}form{gap:16px;display:grid}label{color:#cbd5e1;gap:8px;font-size:14px;font-weight:650;display:grid}input{color:#f8fafc;background:#0b1322;border:1px solid #334155;border-radius:12px;outline:none;width:100%;padding:13px 14px}input:focus{border-color:#67e8f9;box-shadow:0 0 0 3px #67e8f91f}input::placeholder{color:#64748b}.notice{border-radius:12px;margin:0;padding:12px 14px;font-size:14px;line-height:1.45}.notice--success{color:#a7f3d0;background:#10b9811a}.notice--error{color:#fecaca;background:#ef44441a}.hint{color:#7f8da1;text-align:center;margin:18px 0 0;font-size:13px;line-height:1.5}.loading{color:#b9c3d4}.app-shell{background:#080d18;grid-template-columns:250px 1fr;min-height:100dvh;display:grid}.sidebar{background:#0b1322;border-right:1px solid #1e293b;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:12px;padding:0 8px 26px;font-size:20px;display:flex}.navigation{gap:6px;display:grid}.nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-weight:650;display:flex}.nav-item:hover{color:#e2e8f0;background:#121e31}.nav-item--active{color:#cffafe;background:#17324a}.nav-item span{text-align:center;width:20px}.account-summary{border-top:1px solid #1e293b;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:auto;padding:13px 8px 0;display:grid}.account-summary div:nth-child(2){min-width:0;display:grid}.account-summary strong,.account-summary small{text-overflow:ellipsis;overflow:hidden}.account-summary small{color:#64748b}.account-summary button{color:#94a3b8;cursor:pointer;background:0 0;border:0;font-size:20px}.app-content{width:min(100%,960px);margin:0 auto;padding:36px}.panel-content{background:#0f172ab3;border:1px solid #94a3b829;border-radius:24px;min-height:calc(100vh - 72px);padding:clamp(24px,5vw,42px)}.empty-state{color:#94a3b8;text-align:center;align-content:center;justify-items:center;min-height:calc(100vh - 72px);display:grid}.empty-state h2{color:#f8fafc}.empty-state p{margin:10px 0 4px}.empty-state__icon{color:#67e8f9;background:#17324a;border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:22px;font-size:30px;display:grid}.button--compact{width:auto;padding-inline:22px}.contact-list{gap:10px;margin-top:28px;display:grid}.contact-search{grid-template-columns:1fr auto;align-items:end;margin:24px 0 16px}.contact-search .button{min-height:46px;margin:0}.search-result{margin:16px 0}.subheading{color:#cbd5e1;margin:28px 0 12px;font-size:15px}.request-state{color:#94a3b8;font-size:13px}.contact{color:#e2e8f0;text-align:left;background:#0b1322;border:1px solid #263449;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:14px;display:grid}.contact:disabled{opacity:1}.contact:not(:disabled){cursor:pointer}.contact:not(:disabled):hover{background:#101b2d;border-color:#3c526f}.contact__text{gap:3px;display:grid}.contact__text small{color:#75849a}.settings-stack{gap:20px;display:grid}.device-list{gap:12px;margin-top:18px;display:grid}.device{background:#ffffff06;border:1px solid #263449;border-radius:14px;gap:12px;padding:14px;display:grid}.device__details{gap:4px;min-width:0;display:grid}.device__details small{color:var(--muted);overflow-wrap:anywhere}.device-name-form,.device-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.device-name-form input{flex:180px;min-width:0}.device-confirm{border-top:1px solid #263449;padding-top:10px}.device-confirm p{color:var(--muted);flex-basis:100%;margin:0}.attach-button{color:#a5f3fc;cursor:pointer;background:#162338;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.attach-button input{display:none}.attachment{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.attachment>span:first-child{font-size:24px}.attachment>span:last-child{gap:3px;min-width:0;display:grid}.attachment strong{overflow-wrap:anywhere}.attachment small{opacity:.72}.record-button{color:#fb7185;cursor:pointer;background:#162338;border:0;border-radius:12px;flex:0 0 42px;width:42px;height:42px}.record-button--active{color:#fff;background:#e11d48;animation:1.4s ease-in-out infinite recording-pulse}.voice-player{grid-template-columns:38px minmax(120px,1fr);align-items:center;gap:4px 10px;min-width:min(280px,68vw);display:grid}.voice-player audio{display:none}.voice-player button{color:#07111e;cursor:pointer;background:#67e8f9;border:0;border-radius:50%;grid-row:1/3;width:38px;height:38px}.voice-player input{accent-color:#22d3ee;width:100%}.voice-player small{opacity:.72}.media-preview{cursor:pointer;background:#050a13;border:0;border-radius:12px;padding:0;display:block;overflow:hidden}.media-preview img,.media-preview video{object-fit:cover;background:#050a13;border-radius:12px;width:min(360px,68vw);max-height:440px;display:block}.circle-player{aspect-ratio:1;background:#050a13;border-radius:50%;width:min(250px,64vw);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #67e8f959}.circle-player video{object-fit:cover;cursor:pointer;width:100%;height:100%}.circle-player button{color:#fff;cursor:pointer;background:#02061799;border:0;border-radius:50%;width:48px;height:48px;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-player input{accent-color:#67e8f9;width:76%;height:3px;position:absolute;bottom:13px;left:12%;right:12%}.circle-player small{color:#fff;text-shadow:0 1px 3px #000;font-size:10px;position:absolute;bottom:23px;right:50%;transform:translate(50%)}.video-recording-preview video{aspect-ratio:1;object-fit:cover;background:#050a13;border-radius:50%;width:min(240px,62vw)}.video-recording-preview{background:#091222;border-top:1px solid #1e293b;justify-items:center;padding:12px;display:grid;position:relative}.video-recording-preview span{color:#fff;background:#020617bf;border-radius:999px;padding:4px 8px;font-size:12px;position:absolute;bottom:20px;right:calc(50% - min(120px,31vw))}.video-recording-preview button{color:#fff;cursor:pointer;background:#020617bf;border:0;border-radius:50%;width:38px;height:38px;font-size:22px;position:absolute;bottom:18px;left:calc(50% - min(120px,31vw))}.video-preview--mirrored{transform:scaleX(-1)}@keyframes recording-pulse{50%{box-shadow:0 0 0 6px #e11d482e}}.conversation-view{background:#0f172ab3;border:1px solid #94a3b829;border-radius:24px;grid-template-rows:auto 1fr auto auto;min-height:calc(100vh - 72px);display:grid;overflow:hidden}.conversation-header{border-bottom:1px solid #1e293b;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:15px 18px;display:grid}.conversation-header>div:nth-child(3){display:grid}.conversation-header small{color:#718096}.call-button{color:#07111e;cursor:pointer;background:linear-gradient(135deg,#67e8f9,#818cf8);border:0;border-radius:50%;width:42px;height:42px;font-size:20px}.call-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617d1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.call-card{text-align:center;background:#0f192b;border:1px solid #334155;border-radius:28px;justify-items:center;gap:12px;width:min(360px,100%);padding:34px 24px;display:grid;box-shadow:0 24px 80px #0000008c}.call-card--video{width:min(760px,100%)}.call-video-stage{background:#020617;border-radius:20px;width:100%;height:min(62vh,620px);position:relative;overflow:hidden}.call-video-stage>video:first-child{object-fit:contain;width:100%;height:100%}.call-local-video{object-fit:contain;background:#111827;border:2px solid #ffffffb3;border-radius:14px;width:min(28%,170px);max-height:38%;position:absolute;bottom:14px;right:14px}.call-local-video--mirrored{transform:scaleX(-1)}.call-video-hidden{display:none}.call-card h2,.call-card p{margin:0}.call-card p{color:#94a3b8}.call-avatar{color:#07111e;background:linear-gradient(135deg,#67e8f9,#818cf8);border-radius:50%;place-items:center;width:92px;height:92px;font-size:38px;font-weight:700;display:grid}.call-actions{gap:22px;margin-top:18px;display:flex}.call-actions button{color:#fff;cursor:pointer;background:#334155;border:0;border-radius:50%;place-items:center;width:60px;height:60px;font-size:24px;display:grid}.call-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.call-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.75s linear infinite call-spin}@keyframes call-spin{to{transform:rotate(360deg)}}.call-actions .call-accept{background:#10b981}.call-actions .call-end{background:#e11d48;transform:rotate(135deg)}.call-actions .call-muted{background:#f59e0b}.call-actions .call-video-active{background:#0891b2}.call-error{color:#fda4af}.call-toast{z-index:101;color:#fff;cursor:pointer;background:#7f1d1d;border-radius:12px;padding:12px 18px;position:fixed;bottom:90px;right:20px;box-shadow:0 10px 30px #00000059}.back-button{color:#94a3b8;cursor:pointer;background:0 0;border:0;font-size:30px}.conversation-empty{color:#8492a7;text-align:center;place-content:center;justify-items:center;padding:30px;display:grid}.conversation-empty span{font-size:28px}.conversation-empty p{max-width:420px;line-height:1.6}.message-area{flex-direction:column;gap:8px;min-height:0;padding:20px;display:flex;overflow-y:auto}.message-row{align-self:flex-start;align-items:center;gap:6px;max-width:92%;display:flex;position:relative}.message-row--own{flex-direction:row-reverse;align-self:flex-end}.message{color:#e2e8f0;background:#172235;border-radius:16px 16px 16px 5px;align-self:flex-start;max-width:min(78%,560px);padding:10px 13px 7px}.message-row .message{max-width:100%}.message--own{color:#07111e;background:linear-gradient(135deg,#67e8f9,#818cf8);border-radius:16px 16px 5px;align-self:flex-end}.message p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;line-height:1.45}.message time{color:currentColor;text-align:right;opacity:.62;margin-top:4px;font-size:10px;display:block}.message-reactions{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.message-reactions span{background:#0f172a38;border-radius:999px;padding:2px 6px;font-size:14px}.message-actions-wrap{position:relative}.message-actions-button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:50%;width:30px;height:30px;font-size:20px}.message-actions{z-index:8;background:#111c2e;border:1px solid #334155;border-radius:14px;width:max-content;padding:7px;position:absolute;bottom:34px;left:0;box-shadow:0 12px 30px #00000059}.message-row--own .message-actions{left:auto;right:0}.message-actions div{display:flex}.message-actions button{color:#e2e8f0;cursor:pointer;background:0 0;border:0;padding:6px;font-size:19px}.message-actions>button:last-child{border-top:1px solid #334155;width:100%;font-size:13px}.message-select{color:#fff;background:0 0;border:1px solid #64748b;border-radius:50%;width:24px;height:24px}.message-select--active{background:#0891b2;border-color:#22d3ee}.selection-bar{background:#0d1728;border-top:1px solid #263449;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.selection-bar button{cursor:pointer;border:0;border-radius:10px;padding:8px 12px}.forward-panel{background:#0d1728;border-top:1px solid #263449;gap:6px;max-height:240px;padding:12px 14px;display:grid;overflow-y:auto}.forward-panel>button{color:#e2e8f0;text-align:left;cursor:pointer;background:#172235;border:0;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.forward-panel>button>span:last-child{display:grid}.forward-panel small{color:#94a3b8}.composer-wrap{position:relative}.attachment-menu{z-index:9;background:#111c2e;border:1px solid #334155;border-radius:14px;min-width:190px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 6px);left:10px;box-shadow:0 12px 30px #00000059}.attachment-menu label{cursor:pointer;border-radius:9px;padding:11px 12px}.attachment-menu label:hover{background:#1e293b}.attachment-menu input{display:none}.message-composer{border-top:1px solid #1e293b;grid-template-columns:42px 42px 42px minmax(0,1fr) auto;gap:10px;padding:14px}.message-composer button{color:#07111e;cursor:pointer;background:linear-gradient(135deg,#67e8f9,#818cf8);border:0;border-radius:14px;width:46px;font-size:19px}.message-composer button:disabled{cursor:wait;opacity:.5}.message-composer .record-button{color:#fb7185;background:#162338;width:42px}.message-composer .video-button{color:#67e8f9;background:#162338;width:42px}.message-composer .record-button--active{color:#fff;background:#e11d48}.conversation-error{margin:0 14px 8px}@media (width<=620px){.call-overlay{padding:8px}.call-card{padding:24px 14px}.call-card--video{align-content:center;height:calc(100dvh - 16px)}.call-video-stage{height:min(58dvh,520px)}.call-actions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%}.call-actions button{width:52px;height:52px}.message-composer{grid-template-columns:42px 42px 42px minmax(70px,1fr) 42px;gap:6px;padding:10px}.workspace__header,.compact-brand{align-items:flex-start}.logo--small{display:none}.request{grid-template-columns:auto 1fr}.request__actions{grid-column:1/-1}.action{flex:1}.two-factor__setup,.contact-search{grid-template-columns:1fr}.contact-search .button{width:100%}.qr{justify-self:center}.app-shell{padding-bottom:76px;display:block}.sidebar{z-index:10;width:auto;height:70px;padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid #1e293b;border-right:0;display:block;position:fixed;inset:auto 0 0}.sidebar__brand,.account-summary{display:none}.navigation{justify-content:space-around;gap:3px;display:flex}.nav-item{text-align:center;justify-items:center;gap:2px;padding:6px 8px;font-size:11px;display:grid}.nav-item span{font-size:17px}.app-content{padding:14px}.panel-content{border-radius:19px;min-height:calc(100dvh - 104px)}.empty-state{min-height:calc(100dvh - 104px)}}