: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-message{gap:6px;min-width:min(260px,65vw);display:grid}.voice-message audio{width:100%;height:38px}.voice-message small{opacity:.72}@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;align-items:center;gap:12px;padding:15px 18px;display:grid}.conversation-header div:last-child{display:grid}.conversation-header small{color:#718096}.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{color:#e2e8f0;background:#172235;border-radius:16px 16px 16px 5px;align-self:flex-start;max-width:min(78%,560px);padding:10px 13px 7px}.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-composer{border-top:1px solid #1e293b;grid-template-columns: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 .record-button--active{color:#fff;background:#e11d48}.conversation-error{margin:0 14px 8px}@media (width<=620px){.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)}}