@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:DM Sans,system-ui,sans-serif;background:#07101d;color:#f5f8fc}body{min-height:100vh;background:radial-gradient(circle at 50% -10%,#18314c 0,#0b1727,#07101d 68%)}button,input{font:inherit}.shell{width:min(100%,520px);min-height:100vh;margin:auto;padding:28px 22px 40px;position:relative}.shell.wide{width:min(100%,960px)}.brand{display:flex;align-items:center;gap:10px;font:800 19px Manrope}.brandmark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ff5268,#d81f3e);box-shadow:0 8px 24px #d81f3e35}.brand svg{width:19px}.auth{min-height:calc(100vh - 68px);display:flex;flex-direction:column}.authcopy{margin:64px 0 28px}.authcopy h1,.homecopy h1,.emergency h1{font:800 clamp(31px,8vw,48px) Manrope;margin:8px 0 12px;letter-spacing:-1.6px;line-height:1.06}.authcopy p,.homecopy p,.emergencyTitle p{color:#93a4b8;line-height:1.65;margin:0}.kicker{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#ff6074}.panel,.connection,.status,.response,.mapcard{border:1px solid #ffffff10;background:#0e1b2bdb;box-shadow:0 18px 50px #0004;border-radius:22px}.form{padding:22px;display:grid;gap:18px}.form label>span{display:block;font-size:12px;color:#9cadc0;font-weight:700;margin:0 0 8px}.input{display:flex;align-items:center;gap:10px;background:#081320;border:1px solid #ffffff13;border-radius:14px;padding:0 14px}.input:focus-within{border-color:#ff526877;box-shadow:0 0 0 3px #ff526812}.input svg{width:18px;color:#6f8298}.input input{width:100%;height:50px;border:0;outline:0;background:transparent;color:#fff}.primary,.end{height:54px;border:0;border-radius:15px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,#f0445d,#c91e3c);box-shadow:0 12px 28px #e32d4b30}.primary:disabled{opacity:.55;cursor:not-allowed}.primary svg{width:18px}.end{background:#ff334f;color:#fff}.notice{display:flex;gap:9px;align-items:center;padding:11px 13px;border-radius:12px;font-size:13px}.notice:empty{display:none}.notice.error{background:#ff334f12;color:#ff8797;border:1px solid #ff334f25}.notice svg{width:17px;flex:none}.security{margin:auto auto 0;display:flex;gap:8px;align-items:center;color:#61748a;font-size:12px}.security svg{width:15px}.stepper{display:flex;gap:7px;margin:42px 0 0}.stepper i{height:4px;flex:1;border-radius:9px;background:#1d2b3b}.stepper .done,.stepper .active{background:#ec3c56}.otp{height:68px;width:100%;border-radius:16px;border:1px solid #ffffff15;background:#081320;color:#fff;text-align:center;font:800 30px Manrope;letter-spacing:10px;outline:none}.textbtn{border:0;background:none;color:#9fb0c3;font-weight:700;display:flex;gap:8px;justify-content:center;align-items:center;cursor:pointer}.textbtn svg{width:16px}.permissionlist{padding:12px 20px 20px}.permission{display:flex;align-items:center;gap:13px;min-height:58px;border-bottom:1px solid #ffffff0b}.permission>svg:first-child{width:20px;color:#8195ab}.permission span:nth-child(2){flex:1;font-weight:700}.permission .ok{color:#43d89e;width:19px}.pending{font-size:11px;color:#77899e}.permissionlist .primary{margin-top:18px;width:100%}header{display:flex;align-items:center;justify-content:space-between}.headright{display:flex;align-items:center;gap:8px}.avatar{width:35px;height:35px;border-radius:50%;background:#18283a;display:grid;place-items:center;font-weight:800}.iconbtn{border:0;background:transparent;color:#778ca3;width:36px;height:36px;cursor:pointer}.iconbtn svg{width:18px}.home{display:flex;flex-direction:column;align-items:center;padding-top:28px}.connection{width:100%;padding:15px 17px;display:flex;align-items:center;gap:12px}.connection div{flex:1}.connection small{display:block;font-size:9px;letter-spacing:1.3px;color:#71859c;font-weight:800}.connection b{font-size:14px}.connection>svg{width:20px;color:#51687e}.onlineDot{width:9px;height:9px;border-radius:50%;background:#43d89e;box-shadow:0 0 0 5px #43d89e12}.homecopy{text-align:center;margin:52px 0 34px}.homecopy h1{font-size:36px}.homecopy p{max-width:390px}.sos{--p:0%;width:210px;height:210px;border:0;border-radius:50%;cursor:pointer;color:#fff;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(#ff5268 var(--p),#2a1823 0);box-shadow:0 0 0 13px #ff405014,0 28px 70px #d51f3d30;touch-action:none;user-select:none;-webkit-user-select:none}.sos:before{content:"";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fb5269,#b91432 70%);box-shadow:inset 0 1px 1px #fff5}.sos span,.sos small{position:relative;z-index:1}.sos span{font:800 42px Manrope;letter-spacing:2px}.sos small{font-size:9px;letter-spacing:1.5px;font-weight:800;opacity:.75}.sosmsg{font-size:13px;color:#879aaf;margin:25px 0 30px}.readygrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.status{display:flex;align-items:center;gap:10px;padding:14px}.status>svg:first-child{width:18px;color:#738aa2}.status div{flex:1}.status small{display:block;color:#6f8298;font-size:10px}.status b{font-size:12px}.status>svg:last-child{width:16px;color:#43d89e}.emergency{padding:42px 0 20px}.emergencyTitle{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}.emergencyTitle h1{font-size:31px;margin-top:5px}.dangerBadge{display:flex;align-items:center;gap:7px;background:#ff334f17;border:1px solid #ff334f2e;color:#ff6578;padding:8px 10px;border-radius:10px;font-size:10px;font-weight:900;letter-spacing:.8px;white-space:nowrap}.dangerBadge svg{width:15px}.video{position:relative;background:#03070c;border:1px solid #ffffff10;border-radius:22px;overflow:hidden;min-height:300px}.video video{display:block;width:100%;height:100%;min-height:300px;max-height:520px;object-fit:cover}.livepill{position:absolute;top:14px;left:14px;background:#0a1019d9;border:1px solid #ffffff16;padding:7px 9px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:1px}.livevideo{margin-bottom:12px}.response{margin-top:14px;padding:16px;display:flex;gap:12px;align-items:center}.response>svg{width:21px;color:#ff6578}.response.ack>svg{color:#43d89e}.response b,.response span{display:block}.response span{font-size:11px;color:#778ba1;margin-top:3px}.responderGrid{display:grid;grid-template-columns:1.45fr .8fr;gap:14px}.mapcard{padding:24px;min-height:300px;display:flex;flex-direction:column;justify-content:center}.mapicon{width:48px;height:48px;border-radius:16px;background:#ff334f15;color:#ff6074;display:grid;place-items:center;margin-bottom:24px}.mapcard h2{font:700 20px Manrope;margin:7px 0}.mapcard p{color:#73869d;font-size:12px}.maplink{margin-top:20px;color:#fff;text-decoration:none;font-weight:800;font-size:13px;display:flex;align-items:center;gap:6px}.maplink svg{width:15px}.action{margin-top:16px;width:100%}.emergency>.end{width:100%;margin-top:16px}.actionnote{text-align:center;color:#687d94!important;font-size:11px;margin-top:10px!important}.splash{min-height:80vh;display:grid;place-items:center}.spinner{width:26px;height:26px;border:3px solid #ffffff15;border-top-color:#f0445d;border-radius:50%;animation:spin .8s linear infinite;position:absolute;margin-top:80px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.responderGrid{grid-template-columns:1fr}.emergencyTitle{display:block}.dangerBadge{display:inline-flex;margin-bottom:10px}.video,.video video{min-height:250px}.mapcard{min-height:220px}.shell.wide{padding-left:16px;padding-right:16px}}@media(max-width:380px){.shell{padding-left:16px;padding-right:16px}.sos{width:190px;height:190px}.readygrid{grid-template-columns:1fr}}