@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--p:#1e3a8a;--a:#2563eb;--alt:#eff6ff;--alt2:#dbeafe;--bg:#f8fafc;--wh:#fff;--tx:#0f172a;--mu:#475569;--di:#94a3b8;--br:#e2e8f0;--f:"Roboto", sans-serif}.lp-page{background:var(--bg);height:100dvh;font-family:var(--f);color:var(--tx);flex-direction:column;display:flex;overflow:hidden}.split{flex:auto;min-height:0;display:flex}.split__brand{background:var(--wh);flex-direction:column;flex:55%;justify-content:center;align-items:flex-start;min-width:0;padding:40px 64px;display:flex;position:relative;overflow:hidden}.split__brand:before{content:"";pointer-events:none;background:radial-gradient(circle,#dbeafe99 0%,#0000 70%);width:700px;height:700px;position:absolute;top:-20%;left:-10%}.split__inner{z-index:1;max-width:520px;position:relative}.split__tagline{letter-spacing:-1px;color:var(--tx);margin-bottom:16px;font-size:clamp(26px,3vw,38px);font-weight:900;line-height:1.15}.split__tagline .accent{color:var(--p)}.split__desc{color:var(--mu);max-width:420px;font-size:15px;line-height:1.7}.split__auth{background:var(--bg);border-left:1px solid var(--br);flex:45%;justify-content:center;align-items:safe center;min-width:0;min-height:0;padding:24px;display:flex;overflow-y:auto}.footer{padding:14px 48px;padding-left:max(48px, env(safe-area-inset-left));padding-right:max(48px, env(safe-area-inset-right));padding-bottom:max(14px, env(safe-area-inset-bottom));background:#0f172a;border-top:1px solid #1e293b;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:14px;display:flex}.footer__copy{color:#64748b;font-size:12px}.footer__legal{flex-wrap:wrap;gap:20px;display:flex}.footer__legal a{color:#64748b;font-size:12px;text-decoration:none;transition:color .2s}.footer__legal a:hover{color:#93c5fd}@keyframes lpFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.split__inner{animation:.45s both lpFadeUp}.split__auth{animation:.45s 50ms both lpFadeUp}@media (width<=960px){.lp-page{height:auto;min-height:100dvh;overflow:visible}.split{flex-direction:column}.split__brand{text-align:center;flex:none;align-items:center;padding:32px 24px 20px}.split__inner{max-width:100%}.split__desc{margin:0 auto}.split__auth{border-left:none;border-top:1px solid var(--br);flex:auto;padding:24px 16px 36px;overflow-y:visible}.footer{padding:16px 24px;padding-bottom:max(16px, env(safe-area-inset-bottom));text-align:center;flex-direction:column}}@media (width<=600px){.split__tagline{letter-spacing:-.4px}}.m-dialog{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:420px;padding:36px 36px 28px;animation:.35s cubic-bezier(.22,1,.36,1) both mUp;position:relative;box-shadow:0 4px 24px #0f172a14,0 1px 4px #0f172a0a}@keyframes mUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.m-head{margin-bottom:22px}.m-title{color:#0f172a;margin-bottom:2px;font-family:Roboto,sans-serif;font-size:20px;font-weight:700}.m-label{color:#374151;margin-bottom:6px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:500;display:block}.m-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;margin-bottom:14px;padding:10px 13px;font-family:Roboto,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.m-input::placeholder{color:#94a3b8}.m-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1c}.m-input.error{border-color:#ef4444}.m-submit{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:8px;width:100%;margin-top:2px;padding:12px;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 2px 8px #1e3a8a33}.m-submit:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #1e3a8a4d}.m-submit:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.m-err{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin-bottom:14px;padding:9px 12px;font-family:Roboto,sans-serif;font-size:13px}.m-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;margin-bottom:14px;padding:9px 12px;font-family:Roboto,sans-serif;font-size:13px}.fp-hint{color:#475569;margin-bottom:16px;font-family:Roboto,sans-serif;font-size:13px;line-height:1.5}.otp-input{gap:8px;margin-bottom:16px;display:flex}.otp-input__box{aspect-ratio:1;text-align:center;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;font-family:Roboto,sans-serif;font-size:18px;font-weight:600;transition:border-color .2s,box-shadow .2s}.otp-input__box:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1c}.fp-timer-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fp-timer{color:#94a3b8;font-family:Roboto,sans-serif;font-size:13px}.fp-timer-row .m-link{margin:0}.fp-timer-row .m-link:disabled{color:#cbd5e1;cursor:not-allowed}.m-links{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:14px;display:flex}.m-link{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-family:Roboto,sans-serif;font-size:12.5px;transition:color .2s}.m-link:hover{color:#1e3a8a;text-decoration:underline}@media (width<=480px){.m-dialog{box-shadow:none;border:none;border-radius:14px;padding:28px 20px 22px}}@media (width<=767px){.m-input{font-size:16px}}:root{--p:#1e3a8a;--a:#2563eb;--alt:#eff6ff;--alt2:#dbeafe;--bg:#f8fafc;--wh:#fff;--tx:#0f172a;--mu:#475569;--di:#94a3b8;--br:#e2e8f0;--f:"Roboto", sans-serif;--ok:#22c55e;--warn:#f59e0b;--header:#1d3a89;--brand-green:#07d987}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.dash-page{height:100dvh;font-family:var(--f);color:var(--tx);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.topbar{height:56px;padding:0 18px;padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));background:var(--header);z-index:30;flex:none;align-items:center;gap:14px;display:flex;position:relative}.topbar__left{align-items:center;gap:18px;min-width:0;display:flex}.topbar__logo{flex:none;width:auto;height:26px;display:block}.topbar__nav{align-items:center;gap:4px;display:flex}.topbar__nav-item{color:#ffffffb8;font-family:var(--f);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s}.topbar__nav-item:hover{color:#fff;background:#ffffff14}.topbar__nav-item--active{color:#fff;background:#ffffff29}.topbar__user{flex:none;align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.topbar__connection{color:#fffc;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.topbar__connection-dot{border-radius:50%;flex:none;width:7px;height:7px}.topbar__alerts{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:background .2s,color .2s;display:flex}.topbar__alerts:hover{color:#fff;background:#ffffff1a}.topbar__alerts--on{color:var(--brand-green)}.topbar__avatar{background:var(--brand-green);color:#063d28;cursor:pointer;width:32px;height:32px;font-size:13.5px;font-weight:700;font-family:var(--f);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.topbar__avatar:hover{filter:brightness(1.08)}.topbar__menu{border:1px solid var(--br);z-index:40;background:#fff;border-radius:10px;min-width:210px;padding:12px 14px;animation:.16s both menuIn;position:absolute;top:42px;right:0;box-shadow:0 8px 28px #0f172a29}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar__menu-name{align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.topbar__menu-badge{text-transform:uppercase;letter-spacing:.3px;color:var(--a);background:var(--alt);border:1px solid var(--alt2);border-radius:100px;padding:2px 7px;font-size:10px;font-weight:700}.topbar__menu-info{margin-bottom:10px}.topbar__menu-email{color:var(--mu);word-break:break-all;font-size:12px}.topbar__menu-detail{color:var(--mu);margin-top:3px;font-size:12px}.topbar__menu-logout{background:var(--bg);border:1px solid var(--br);width:100%;color:var(--tx);cursor:pointer;font-size:12.5px;font-family:var(--f);border-radius:7px;padding:7px}.topbar__menu-logout:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.dash-body{flex:auto;min-height:0;display:flex;position:relative}.map-view{flex:auto;min-width:0;height:100%}.dash-bottom-left{z-index:10;flex-direction:column-reverse;align-items:flex-start;gap:10px;display:flex;position:absolute;bottom:16px;left:16px}.map-logo{pointer-events:none;filter:drop-shadow(0 1px 3px #0f172a2e);width:auto;height:30px;display:block}.dash-fit-btn{border:1px solid var(--br);width:38px;height:38px;color:var(--tx);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 10px #0f172a1f}.dash-fit-btn:hover{background:var(--bg);color:var(--a)}.dash-banner{border:1px solid var(--br);color:var(--mu);z-index:15;text-align:center;background:#fff;border-radius:10px;align-items:center;gap:8px;max-width:min(90vw,420px);padding:9px 16px;font-size:13px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0f172a1a}.dash-banner--error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.dash-banner__spinner{border:2px solid var(--br);border-top-color:var(--a);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.event-toasts{top:calc(56px + 12px + env(safe-area-inset-top));right:12px;right:max(12px, env(safe-area-inset-right));z-index:50;flex-direction:column;gap:8px;max-width:min(90vw,340px);display:flex;position:fixed}.event-toast{border:1px solid var(--br);border-left:4px solid var(--a);background:#fff;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;animation:.25s both eventToastIn;display:flex;box-shadow:0 6px 20px #0f172a24}.event-toast--critical{background:#fef2f2;border-left-color:#dc2626}.event-toast__device{color:var(--tx);font-size:12.5px;font-weight:700}.event-toast__label{color:var(--mu);font-size:12.5px}.event-toast--critical .event-toast__label{color:#dc2626}@keyframes eventToastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.device-panel{background:var(--wh);border-left:1px solid var(--br);z-index:20;flex-direction:column;flex:none;width:360px;min-height:0;transition:width .22s;display:flex;overflow:hidden}.device-panel__handle{display:none}.device-panel--desktop-collapsed{border-left:none;width:0}.dash-panel-toggle{z-index:21;border:1px solid var(--br);cursor:pointer;width:18px;height:52px;color:var(--mu);background:#fff;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;padding:0;transition:right .22s,background .2s,color .2s,border-color .2s;display:flex;position:absolute;top:50%;right:360px;transform:translateY(-50%);box-shadow:-2px 0 8px #0f172a14}.dash-panel-toggle:hover{color:var(--a);background:var(--bg)}.dash-panel-toggle--collapsed{background:var(--header);color:#fff;border:none;right:0}.dash-panel-toggle--collapsed:hover{background:var(--a)}.device-panel__search{border-bottom:1px solid var(--br);flex:none;padding:14px 16px 10px}.device-panel__search input{border:1px solid var(--br);width:100%;font-size:13.5px;font-family:var(--f);background:var(--bg);border-radius:8px;outline:none;padding:9px 12px}.device-panel__search input:focus{border-color:var(--a);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.device-panel__count{color:var(--di);text-transform:uppercase;letter-spacing:.4px;margin-top:8px;font-size:11px;display:block}.device-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;padding:6px;overflow-y:auto}.device-list__empty{text-align:center;color:var(--di);padding:24px 12px;font-size:13px}.device-list__item{cursor:pointer;text-align:left;width:100%;font-family:var(--f);background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.device-list__item:hover{background:var(--bg)}.device-list__item--active{background:var(--alt)}.device-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 3px #0f172a33}.device-icon img{object-fit:contain;width:60%;height:60%}.device-list__info{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.device-list__name{color:var(--tx);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.device-list__sub{color:var(--mu);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.device-list__time{color:var(--di);flex:none;font-size:11px}.device-detail{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px;overflow-y:auto}.device-detail__back{color:var(--a);cursor:pointer;font-size:13px;font-family:var(--f);background:0 0;border:none;padding:0 0 14px}.device-detail__head{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.device-detail__name{font-size:16.5px;font-weight:700}.device-detail__status{color:var(--mu);margin-top:2px;font-size:12.5px}.device-detail__grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.stat{background:var(--bg);border:1px solid var(--br);border-radius:10px;padding:10px 12px}.stat__label{color:var(--di);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:11px;display:block}.stat__value{color:var(--tx);font-size:15px;font-weight:700}.device-detail__address{color:var(--mu);background:var(--alt);border-radius:8px;margin-bottom:14px;padding:9px 11px;font-size:12.5px;line-height:1.5}.device-detail__address--loading{color:var(--di);background:var(--bg);font-style:italic}.device-detail__empty{color:var(--di);padding:12px 0;font-size:12.5px}.device-detail__actions{gap:8px;margin-bottom:14px;display:flex}.device-detail__action{text-align:center;color:var(--tx);background:var(--bg);border:1px solid var(--br);cursor:pointer;font-size:12.5px;font-weight:500;font-family:var(--f);border-radius:8px;flex:1 1 0;padding:8px 10px;text-decoration:none}.device-detail__action:hover{background:var(--alt);border-color:var(--alt2);color:var(--a)}.device-detail__meta{color:var(--di);border-top:1px solid var(--br);flex-direction:column;gap:4px;padding-top:12px;font-size:11.5px;display:flex}.device-marker{cursor:pointer;width:30px;height:30px;position:relative}.device-marker__pulse{opacity:.4;border-radius:50%;animation:2s ease-out infinite markerPulse;position:absolute;inset:0}@keyframes markerPulse{0%{opacity:.45;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.device-marker__dot{border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .25s;display:flex;position:absolute;inset:3px;box-shadow:0 2px 6px #00000040}.device-marker__arrow{transition:transform .4s;display:flex}.device-marker__icon{object-fit:contain;width:15px;height:15px;display:block}.device-marker--selected .device-marker__dot{transform:scale(1.3);box-shadow:0 0 0 3px #2563eb59,0 2px 8px #0000004d}@media (width<=880px){.device-panel{border-left:none;border-top:1px solid var(--br);z-index:25;width:auto;max-height:78vh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;transition:transform .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - 112px));box-shadow:0 -8px 30px #0f172a29}.device-panel--expanded{transform:translateY(0)}.device-panel__handle{cursor:grab;flex:none;justify-content:center;padding:10px 0 4px;display:flex}.device-panel__grip{background:var(--br);border-radius:2px;width:40px;height:4px}.device-list{max-height:48vh}.device-detail{max-height:60vh}.dash-bottom-left{bottom:128px}.map-logo{height:24px}.dash-panel-toggle{display:none}}@media (width<=480px){.device-panel{max-height:84vh}.topbar{gap:8px;padding:0 12px}.topbar__nav-item{padding:6px 9px;font-size:12px}.topbar__left{gap:10px}.topbar__logo{height:20px}.device-detail__grid{gap:8px}.stat{padding:8px 10px}.topbar__connection{gap:0;font-size:0}}@media (width<=767px){.device-panel__search input,.reports-select,.reports-date-input{font-size:16px}}.reports-page{background:var(--bg);flex:auto;min-height:0;padding:20px;overflow-y:auto}.reports-controls{background:var(--wh);border:1px solid var(--br);border-radius:12px;margin-bottom:18px;padding:14px 16px}.reports-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.reports-tab{background:var(--bg);border:1px solid var(--br);color:var(--mu);font-family:var(--f);cursor:pointer;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600}.reports-tab:hover{border-color:var(--alt2);color:var(--a)}.reports-tab--active{background:var(--p);border-color:var(--p);color:#fff}.reports-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reports-select{border:1px solid var(--br);font-family:var(--f);color:var(--tx);background:var(--bg);border-radius:8px;outline:none;min-width:160px;padding:8px 12px;font-size:13.5px}.reports-select:focus{border-color:var(--a);background:#fff}.reports-dates{align-items:center;gap:8px;display:flex}.reports-date-input{border:1px solid var(--br);font-family:var(--f);color:var(--tx);background:var(--bg);border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.reports-date-input:focus{border-color:var(--a);background:#fff}.reports-date-sep{color:var(--di);font-size:12.5px}.reports-presets{flex-wrap:wrap;gap:6px;display:flex}.reports-preset{border:1px solid var(--br);color:var(--mu);font-family:var(--f);cursor:pointer;background:0 0;border-radius:7px;padding:6px 10px;font-size:12px}.reports-preset:hover{border-color:var(--alt2);color:var(--a);background:var(--alt)}.reports-run{background:var(--p);color:#fff;font-family:var(--f);cursor:pointer;border:none;border-radius:8px;margin-left:auto;padding:9px 20px;font-size:13.5px;font-weight:600}.reports-run:hover:not(:disabled){background:var(--a)}.reports-run:disabled{background:var(--di);cursor:not-allowed}.reports-results{flex-direction:column;gap:12px;display:flex}.reports-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:13.5px}.reports-loading{color:var(--mu);align-items:center;gap:8px;padding:20px 0;font-size:13.5px;display:flex}.reports-empty,.reports-hint{color:var(--di);text-align:center;padding:40px 20px;font-size:13.5px}.users-page{background:var(--bg);flex:auto;min-height:0;padding:20px;overflow-y:auto}.user-card{background:var(--wh);border:1px solid var(--br);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.user-card__info{flex-direction:column;gap:3px;min-width:0;display:flex}.user-card__name{color:var(--tx);align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.user-card__email{color:var(--mu);font-size:12.5px}.user-card__badge{color:var(--a);background:var(--alt);border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.user-card__badge--warn{color:#dc2626;background:#fef2f2}.user-card__login{background:var(--p);color:#fff;font-family:var(--f);cursor:pointer;border:none;border-radius:8px;flex:none;padding:8px 16px;font-size:13px;font-weight:600}.user-card__login:hover:not(:disabled){background:var(--a)}.user-card__login:disabled{background:var(--di);cursor:not-allowed}@media (width<=480px){.user-card{flex-direction:column;align-items:stretch}.user-card__login{width:100%}}.report-cards{flex-direction:column;gap:10px;display:flex}.report-card{background:var(--wh);border:1px solid var(--br);border-radius:12px;padding:14px 16px}.report-card__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.report-card__row--head{margin-bottom:10px}.report-card__distance{color:var(--tx);font-size:16px;font-weight:700}.report-card__duration{color:var(--mu);font-size:13px;font-weight:500}.report-card__route{border-top:1px solid var(--br);border-bottom:1px solid var(--br);align-items:center;gap:10px;margin-bottom:10px;padding:10px 0;display:flex}.report-card__point{flex-direction:column;flex:1 1 0;gap:2px;min-width:0;display:flex}.report-card__time{color:var(--di);font-size:11.5px}.report-card__address{color:var(--tx);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.report-card__arrow{color:var(--di);flex:none;font-size:14px}.report-card__stats{color:var(--mu);flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}@media (width<=700px){.reports-page{padding:14px}.reports-run{width:100%;margin-left:0}.reports-filters{flex-direction:column;align-items:stretch}.reports-dates{flex-wrap:wrap}.reports-select,.reports-date-input{width:100%}.report-card__route{flex-direction:column;align-items:flex-start}.report-card__arrow{display:none}}.shared-page{height:100dvh;font-family:var(--f);color:var(--tx);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.shared-topbar{height:56px;padding:0 18px;padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));background:var(--header);flex:none;align-items:center;gap:12px;display:flex}.shared-topbar__logo{flex:none;width:auto;height:26px;display:block}.shared-topbar__label{color:#fff;font-size:13.5px;font-weight:600}.shared-topbar__status{color:#ffffffbf;font-size:12px}.shared-topbar__expiry{color:#ffffffbf;white-space:nowrap;margin-left:auto;font-size:12px}.shared-panel{z-index:20;background:var(--wh);border:1px solid var(--br);border-radius:12px;width:320px;max-width:calc(100vw - 32px);padding:16px;position:absolute;top:16px;right:16px;box-shadow:0 6px 24px #0f172a24}.shared-panel .device-detail__actions{margin-bottom:0}.shared-panel__handle{display:none}@media (width<=767px){.shared-panel{width:auto;max-width:none;max-height:60vh;padding:4px 16px max(16px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;transition:transform .3s cubic-bezier(.22,1,.36,1);inset:auto 0 0;overflow-y:auto;transform:translateY(0);box-shadow:0 -8px 30px #0f172a29}.shared-panel--collapsed{transform:translateY(calc(100% - 92px))}.shared-panel__handle{cursor:pointer;background:0 0;border:none;justify-content:center;width:100%;padding:8px 0 10px;display:flex;position:sticky;top:0}.shared-panel__grip{background:var(--br);border-radius:2px;width:40px;height:4px}}.shared-page--message{text-align:center;justify-content:center;align-items:center;padding:24px}.shared-msg{max-width:340px}.shared-msg__logo{width:auto;height:32px;margin-bottom:20px}.shared-msg__title{color:var(--tx);margin-bottom:8px;font-size:18px;font-weight:700}.shared-msg__body{color:var(--mu);margin:0 0 4px;font-size:14px}.shared-msg__hint{color:var(--di);margin:0;font-size:13px}