:root{--bg:#f5f7fb;--surface:#fff;--ink:#172033;--muted:#64748b;--line:#e4e8f0;--brand:#1463d8;--brand-dark:#0a3f93;--success:#17855d;--danger:#c64242;--shadow:0 12px 32px #17203312}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}body[data-theme=dark]{--bg:#101623;--surface:#192233;--ink:#edf2fb;--muted:#9caac0;--line:#2c394d;--brand:#5c9cff;--shadow:none}button,input,select{font:inherit}button{cursor:pointer}.screen-center{place-items:center;min-height:100vh;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}a{color:inherit;text-decoration:none}body[data-theme=dark] .map-list-item.active{color:#f4f7ff;background:#263b5d}body[data-theme=dark] .map-list-item.active small,body[data-theme=dark] .map-list-item.active em{color:#c5d4ec}body[data-theme=dark] .map-vehicle-fallback{color:#c5d4ec;background:#263247}body[data-theme=dark] .vehicle-search{background:#111a29;border-color:#35445d}body[data-theme=dark] .vehicle-search input{color:#edf2fb}body[data-theme=dark] .map-types button.active{color:#f3f7ff;background:#2c4a76}body[data-theme=dark] .map-types hr{border-color:var(--line)}body:not([data-theme=dark]) .sidebar{color:#172033;background:#f9fbff;border-right:1px solid #dce4f0;box-shadow:8px 0 24px #1720330d}body:not([data-theme=dark]) .sidebar .brand b{color:#172033}body:not([data-theme=dark]) .sidebar .nav-link{color:#5d6d84}body:not([data-theme=dark]) .sidebar .nav-link.active,body:not([data-theme=dark]) .sidebar .nav-link:hover{color:#0d57bd;background:#e6efff}body:not([data-theme=dark]) .sidebar-profile{color:#172033;background:#edf3ff}body:not([data-theme=dark]) .sidebar-profile>img,body:not([data-theme=dark]) .sidebar-profile>svg{color:#1764d8;background:#d9e8ff}body:not([data-theme=dark]) .sidebar-profile small{color:#64748b}body:not([data-theme=dark]) .sidebar-bottom .sidebar-toggle{color:#536781}body:not([data-theme=dark]) .sidebar-bottom .sidebar-toggle:hover{color:#0d57bd;background:#e6efff}body:not([data-theme=dark]) .sidebar .environment-banner{color:#3463a6;background:#e9f1ff}body[data-theme=dark] .sidebar{background:#101827;border-right:1px solid #29364c;box-shadow:8px 0 24px #0003}body[data-theme=dark] .sidebar-profile{color:#f1f5fc;background:#1c2a40}body[data-theme=dark] .sidebar-profile>img,body[data-theme=dark] .sidebar-profile>svg{color:#dce9ff;background:#2b3c58}body[data-theme=dark] .sidebar .nav-link.active,body[data-theme=dark] .sidebar .nav-link:hover{color:#f6f9ff;background:#263a5c}.dashboard{min-height:100vh;display:flex}.sidebar{color:#e8efff;z-index:5;background:#111b30;flex-direction:column;width:256px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand,.auth-brand,.onboarding-logo{letter-spacing:-.7px;align-items:center;gap:8px;font-size:21px;font-weight:800;display:flex}.brand{padding:0 12px 30px}.brand span,.auth-brand span,.onboarding-logo span{background:var(--brand);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:33px;height:33px;font-size:13px;display:inline-grid}.sidebar nav{gap:5px;display:grid}.nav-link{color:#b8c5dd;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex;overflow:hidden}.nav-link svg{width:19px}.nav-link.active,.nav-link:hover{color:#fff;background:#ffffff12}.sidebar-bottom{gap:5px;margin-top:auto;display:grid}.content{width:calc(100% - 256px);min-height:100vh;margin-left:256px}.page{max-width:1220px;margin:auto;padding:48px}.page.narrow{max-width:850px}.page-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:32px;display:flex}.page-heading h1,.map-toolbar h1{letter-spacing:-1.2px;margin:3px 0 8px;font-size:32px}.page-heading p:not(.eyebrow),.map-toolbar p:not(.eyebrow){color:var(--muted);margin:0}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:1.3px;margin:0;font-size:11px;font-weight:700}.primary,.secondary{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.primary{background:var(--brand);color:#fff}.primary:hover{background:var(--brand-dark)}.primary:disabled{opacity:.65;cursor:wait}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.icon{color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:inline-grid}.icon:hover{background:var(--bg);color:var(--ink)}.icon svg{width:19px;height:19px}.danger,.text-danger{color:var(--danger)}.text-danger{background:0 0;border:0}.vehicle-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px;display:grid}.vehicle-card,.list-card,.event-card,.settings-group,.profile-form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.vehicle-card{min-height:285px;position:relative;overflow:hidden}.vehicle-card>img,.vehicle-placeholder{object-fit:cover;color:#667b9b;background:#dae4f2;place-items:center;width:100%;height:155px;display:grid}.vehicle-placeholder svg{width:48px;height:48px}.vehicle-info{gap:6px;padding:16px;display:grid}.vehicle-info b{font-size:17px}.vehicle-info span{color:var(--muted);font-size:14px}.vehicle-info small{color:var(--brand);font-weight:700}.card-actions{position:absolute;bottom:7px;right:8px}.empty{text-align:center;border:1px dashed var(--line);background:var(--surface);color:var(--muted);border-radius:12px;padding:65px 25px}.empty>svg{width:38px;height:38px;color:var(--brand)}.empty h2{color:var(--ink);margin:12px 0 4px;font-size:20px}.empty p{margin:0 0 18px}.modal-backdrop{z-index:20;background:#0b14268c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;width:min(640px,100%);max-height:calc(100vh - 36px);padding:22px;overflow:auto}.modal header,.modal footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal header{margin-bottom:20px}.modal h2{margin:0}.modal footer{justify-content:end;margin-top:24px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.modal label,.profile-form>label,.auth-card label{gap:6px;font-size:13px;font-weight:700;display:grid}.modal input,.profile-form input,.auth-card input,.map-toolbar select,.map-toolbar input,.settings-group select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;padding:10px}.photos,.checks{gap:9px;margin-top:20px;font-size:14px;display:grid}.photos input{border:0;padding:5px 0}.photos-hint{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.photo-list{flex-wrap:wrap;gap:8px;display:flex}.photo-list span{position:relative}.photo-list img{object-fit:cover;border-radius:7px;width:62px;height:62px}.photo-list button{color:#fff;background:var(--danger);border:0;border-radius:50%;width:20px;height:20px;position:absolute;top:-7px;right:-6px}.checks label{font-weight:400;display:block}.checks input{width:auto;margin-right:8px}.stack{gap:12px;display:grid}.list-card,.event-card{align-items:center;gap:14px;padding:16px;display:flex}.list-card>div:nth-child(2),.event-card>div:nth-child(2){flex:1}.list-card p,.event-card p{color:var(--muted);margin:4px 0;font-size:14px}.list-card small,.event-card small{color:var(--muted)}.round-icon{width:40px;height:40px;color:var(--brand);background:#e4efff;border-radius:50%;place-items:center;display:grid}.round-icon svg{width:19px}.event-card.unread{border-left:4px solid var(--brand)}.alerts-filters{align-items:center;gap:10px;margin-bottom:16px;display:flex}.alerts-filters .vehicle-search{flex:1;margin:0}.alerts-date{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:9px 10px;font-size:13px}.alerts-filters .icon{border:1px solid var(--line);flex:none}@media (max-width:760px){.alerts-filters{flex-wrap:wrap}.alerts-filters .vehicle-search{flex:100%}}.settings-group{margin-bottom:20px;overflow:hidden}.setting-row,.setting-link{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:17px;display:flex}.settings-group>:last-child{border:0}.setting-row>svg,.setting-link>svg{color:var(--brand)}.setting-row span,.setting-link span{flex:1;gap:4px;display:grid}.setting-row small,.setting-link small{color:var(--muted)}.setting-row input{width:18px;height:18px}.setting-row select{width:auto}.reset{margin-top:4px}.auth-page,.onboarding{background:linear-gradient(130deg,#0e326a,#1463d8);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:var(--surface);border-radius:14px;width:min(430px,100%);padding:36px;box-shadow:0 25px 60px #0003}.auth-brand{margin-bottom:34px}.auth-card h1{margin:0 0 7px;font-size:29px}.auth-card>p{color:var(--muted);margin:0 0 25px}.auth-card form{gap:17px;display:grid}.auth-links{text-align:center;color:var(--brand);gap:12px;margin-top:20px;font-size:14px;display:grid}.message{border-radius:7px;margin:12px 0;padding:10px 12px;font-size:14px}.message.error{color:#9d2626;background:#fceaea}.message.success{color:#087450;background:#e3f7ef}.onboarding{text-align:center}.onboarding section{color:#fff;width:min(510px,100%)}.onboarding-logo span{color:var(--brand);background:#fff}.onboarding-icon{background:#ffffff1f;border:1px solid #ffffff40;border-radius:28px;place-items:center;width:105px;height:105px;margin:auto;display:grid}.onboarding-icon svg{width:52px;height:52px}.onboarding h1{letter-spacing:-1px;margin:29px 0 10px;font-size:35px}.onboarding p:not(.eyebrow){color:#d8e5ff;max-width:410px;margin:0 auto;font-size:18px;line-height:1.5}.onboarding .eyebrow{color:#bbd4ff;margin-top:30px}.dots{justify-content:center;gap:8px;margin:32px;display:flex}.dots i{background:#fff5;border-radius:8px;width:7px;height:7px}.dots i.selected{background:#fff;width:24px}.onboarding .primary{color:var(--brand);background:#fff;width:min(320px,100%)}.skip{color:#d8e5ff;background:0 0;border:0;margin:18px}.profile-form{gap:18px;padding:26px;display:grid}.avatar-upload{text-align:center;background:var(--bg);width:110px;height:110px;color:var(--muted);border-radius:50%;justify-self:start;place-items:center;position:relative;overflow:hidden;display:grid!important}.avatar-upload>img{object-fit:cover;width:100%;height:100%}.avatar-upload>svg{width:52px;height:52px}.avatar-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.avatar-upload span{color:#fff;background:#111b30cc;justify-content:center;align-items:center;gap:3px;padding:5px;font-size:10px;display:flex;position:absolute;inset:auto 0 0}.avatar-upload span svg{width:12px}.map-page{flex-direction:column;height:100vh;display:flex}.map-toolbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:23px 32px;display:flex}.map-toolbar>div:first-child{margin-right:auto}.map-toolbar h1{font-size:24px}.map-toolbar select{width:220px}.date-control{align-items:center;gap:7px;display:flex}.date-control input{width:145px}.map-frame{flex:1;min-height:400px;position:relative}.map-frame>div:first-child{height:100%!important}.map-status,.playback{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:9px;position:absolute}.map-status{gap:4px;padding:11px;font-size:14px;display:grid;top:15px;left:15px}.map-status span{color:var(--muted);font-size:12px}.playback{align-items:center;gap:7px;width:min(500px,100% - 30px);padding:8px;display:flex;bottom:20px;left:50%;transform:translate(-50%)}.play{color:#fff;background:var(--brand);border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.playback input{flex:1}.map-hint{color:var(--muted);background:var(--surface);margin:0;padding:10px 32px}.mobile-header,.mobile-only{display:none}.environment-banner{text-align:center;color:#1c1708;letter-spacing:.6px;text-transform:uppercase;background:#f59e0b;padding:7px 16px;font-size:12px;font-weight:700}.environment-banner.staging{color:#fff;background:#7c3aed}.back-link{color:var(--brand);align-items:center;gap:4px;margin-bottom:20px;font-weight:700;display:inline-flex}.back-link svg{width:18px}.detail-hero{background:var(--surface);border:1px solid var(--line);border-radius:14px;height:300px;position:relative;overflow:hidden}.hero-image{background:0 0;border:0;width:100%;height:100%;padding:0;position:relative}.hero-image img{object-fit:cover}.hero-placeholder{height:100%;color:var(--muted);background:var(--bg);place-items:center;display:grid}.hero-placeholder svg{width:80px;height:80px}.detail-actions{gap:8px;display:flex;position:absolute;top:15px;right:15px}.detail-actions .secondary.danger{color:var(--danger);border-color:var(--danger)}.detail-actions .secondary.danger:hover{background:var(--danger);color:#fff}.detail-heading{justify-content:space-between;align-items:center;gap:16px;margin:26px 0;display:flex}.detail-heading h1{margin:4px 0 10px;font-size:32px}.plate{color:#0752bc;background:#e4efff;border-radius:20px;padding:6px 12px;font-weight:700;display:inline-block}.detail-grid{grid-template-columns:1.3fr 1fr;gap:18px;display:grid}.detail-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.detail-card h2{margin:0 0 18px;font-size:18px}.detail-card dl{grid-template-columns:1fr 1fr;gap:18px;margin:0;display:grid}.detail-card dt{color:var(--muted);margin-bottom:4px;font-size:13px}.detail-card dd{margin:0;font-weight:700}.tracker-detail{gap:12px;display:flex}.tracker-detail svg{color:var(--brand)}.tracker-detail p{color:var(--muted);margin:5px 0;font-size:14px}.gallery-overlay{z-index:30;background:#000e;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.gallery-close{color:#111;background:#fff;position:fixed;top:20px;right:20px}.gallery-images{gap:15px;max-width:min(1100px,100%);max-height:100%;display:grid;overflow:auto}.gallery-images img{width:100%;height:auto}.map-topbar{z-index:2;gap:9px;display:flex;position:absolute;top:16px;left:16px}.map-button,.map-selector{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line)}.map-selector{color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-width:220px;padding:9px 12px;font-weight:700;display:flex}.map-selector svg{height:17px}.my-location{z-index:2;position:absolute;top:16px;right:16px}.map-error{z-index:2;color:#9d2626;background:#fceaea;border-radius:7px;padding:9px;font-size:13px;position:absolute;top:65px;right:16px}.vehicle-map-list{z-index:3;background:var(--surface);width:min(335px,90%);box-shadow:var(--shadow);padding:16px;position:absolute;top:0;bottom:0;left:0;overflow:auto}.vehicle-map-list header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.vehicle-map-list header small,.map-list-item small{color:var(--muted);margin-top:3px;display:block}.map-list-item{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:0 0;align-items:center;gap:10px;padding:14px 5px;display:flex}.map-list-item.active{background:#e4efff}.map-list-item>span:nth-child(2){flex:1}.map-list-item em{color:var(--muted);font-size:12px;font-style:normal}.status-dot{background:#a3a3a3;border-radius:50%;width:9px;height:9px}.status-dot.online{background:#17855d}.vehicle-sheet{z-index:2;background:var(--surface);max-width:670px;box-shadow:var(--shadow);border-radius:15px;margin:auto;padding:20px;position:absolute;bottom:18px;left:18px;right:18px}.sheet-close{position:absolute;top:10px;right:10px}.sheet-title{align-items:center;gap:11px;display:flex}.sheet-title>svg{color:var(--brand)}.sheet-title div{gap:3px;display:grid}.sheet-title span{color:var(--muted);font-size:13px}.sheet-title em{margin-left:auto;font-size:12px;font-style:normal;font-weight:700}.online-label{color:var(--success)}.offline-label{color:var(--danger)}.sheet-stats{grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin:17px 0;display:grid}.sheet-stats span{color:var(--muted);gap:4px;font-size:12px;display:grid}.sheet-stats b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.sheet-actions{gap:10px;display:flex}.sheet-actions button{flex:1}.history-dialog{z-index:5;background:#0006;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.history-dialog>div{background:var(--surface);border-radius:12px;width:min(390px,100%);padding:22px}.history-dialog h2{margin:0}.history-dialog p{color:var(--muted)}.history-dialog label{gap:7px;font-size:13px;font-weight:700;display:grid}.history-dialog input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;padding:10px}.history-dialog footer{justify-content:end;gap:8px;margin-top:22px;display:flex}.vehicle-marker,.playback-marker{background:var(--brand);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 2px 6px #0005}.vehicle-marker.selected{background:#f59e0b;transform:scale(1.2)}.vehicle-marker svg,.playback-marker svg{width:18px}.my-marker{background:#1a73e8;border:3px solid #fff;border-radius:50%;width:18px;height:18px;display:block;box-shadow:0 1px 5px #0007}.geofence-modal{width:min(760px,100%)}.geofence-map{border:1px solid var(--line);border-radius:10px;height:290px;margin-top:20px;position:relative;overflow:hidden}.geofence-map>div{height:100%}.geofence-location{z-index:1;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;padding:8px 10px;font-weight:700;position:absolute;top:10px;right:10px}.map-picker-hint{color:var(--muted);margin:8px 0 0;font-size:13px}@media (max-width:760px){.detail-hero{height:220px}.detail-grid,.detail-card dl{grid-template-columns:1fr}.detail-heading{flex-direction:column;align-items:flex-start}.vehicle-sheet{padding:16px;bottom:8px;left:8px;right:8px}.sheet-stats{gap:8px}.map-selector{width:calc(100vw - 95px);min-width:0}.vehicle-map-list{top:0}.geofence-map{height:240px}}.carousel-button{color:#172033;background:#ffffffd9;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-button.previous{left:14px}.carousel-button.next{right:14px}.photo-counter{color:#fff;background:#0009;border-radius:14px;padding:5px 9px;font-size:12px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.tracker-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;padding-top:16px;display:grid}.tracker-stats span{color:var(--muted);gap:3px;font-size:12px;display:grid}.tracker-stats svg{width:17px;color:var(--brand)}.tracker-stats b{color:var(--ink);font-size:14px}.map-controls{z-index:2;gap:7px;display:grid;position:absolute;top:66px;right:16px}.map-controls .map-button.active,.map-types button.active{color:#0752bc;background:#d7e7ff}.map-types{background:var(--surface);border:1px solid var(--line);width:115px;box-shadow:var(--shadow);border-radius:8px;padding:5px;display:grid;position:absolute;top:0;right:47px}.map-types button{text-align:left;color:var(--ink);background:0 0;border:0;border-radius:5px;padding:8px}.map-vehicle-image,.map-vehicle-fallback{object-fit:cover;border-radius:7px;width:42px;height:42px}.map-vehicle-fallback{background:var(--bg);color:var(--muted);place-items:center;display:grid}.map-vehicle-fallback svg{width:21px}.map-list-item{position:relative}.map-list-item .status-dot{border:2px solid var(--surface);z-index:1;margin-top:28px;margin-left:-15px}.sheet-vehicle-image{object-fit:cover;border-radius:10px;width:56px;height:56px}.sheet-title>.sheet-vehicle-image+div{margin-left:0}@media (max-width:760px){.tracker-stats{grid-template-columns:1fr}.map-controls{top:65px;right:10px}.carousel-button{width:36px;height:36px}.map-list-item .status-dot{margin-left:-14px}}.sidebar{transition:width .25s,padding .25s}.dashboard.collapsed .sidebar{width:76px;padding-inline:10px}.brand b,.sidebar-profile span,.nav-link span{transition:opacity .15s}.sidebar-toggle{color:#b8c5dd;margin-left:auto}.sidebar-profile{color:#fff;background:#ffffff12;border-radius:10px;align-items:center;gap:10px;margin:0 0 18px;padding:12px;display:flex;overflow:hidden}.sidebar-profile>svg{flex:none;width:30px;height:30px}.sidebar-profile span{gap:3px;min-width:0;display:grid}.sidebar-profile b,.sidebar-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-profile small{color:#b8c5dd;font-size:11px}.dashboard.collapsed .brand b,.dashboard.collapsed .sidebar-profile span,.dashboard.collapsed .nav-link span{opacity:0;pointer-events:none;width:0}.dashboard.collapsed .sidebar-profile,.dashboard.collapsed .nav-link{justify-content:center;padding-inline:8px}.profile-photo{justify-self:center;justify-items:center;gap:10px;display:grid}.profile-photo>img,.profile-photo>svg{object-fit:cover;background:var(--bg);width:130px;height:130px;color:var(--muted);border-radius:50%;padding:24px}.profile-photo label{color:var(--brand);cursor:pointer;align-items:center;gap:6px;display:flex!important}.profile-photo label input{display:none}.confirm-dialog{background:var(--surface);width:min(410px,100%);box-shadow:var(--shadow);border-radius:12px;padding:22px}.confirm-dialog header{justify-content:space-between;display:flex}.confirm-icon{color:#9a6700;background:#fff3cd;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.confirm-icon.danger{color:var(--danger);background:#fceaea}.confirm-dialog h2{margin:15px 0 7px}.confirm-dialog p{color:var(--muted);margin:0;line-height:1.5}.confirm-dialog footer{justify-content:end;gap:9px;margin-top:22px;display:flex}.danger-button{background:var(--danger);color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700}.modal select,.profile-form select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;padding:10px}@media (max-width:760px){.sidebar-toggle{display:none}.dashboard.collapsed .content{width:100%;margin-left:0}.dashboard.collapsed .sidebar{width:256px;padding:24px 14px}.dashboard.collapsed .brand b,.dashboard.collapsed .sidebar-profile span,.dashboard.collapsed .nav-link span{opacity:1;width:auto}.dashboard.collapsed .sidebar-profile,.dashboard.collapsed .nav-link{justify-content:flex-start;padding-inline:12px}.profile-photo>img,.profile-photo>svg{width:115px;height:115px}}.sidebar-profile{text-align:center;flex-direction:column;align-items:center;padding:15px 10px}.sidebar-profile>img,.sidebar-profile>svg{object-fit:cover;color:#fff;background:#203355;border-radius:50%;width:74px;height:74px;padding:6px}.sidebar-profile span{justify-items:center}.sidebar-toggle{color:#fff;background:#ffffff12;border:1px solid #ffffff30;flex:none;width:34px;height:34px}.dashboard.collapsed .sidebar{width:84px;padding:16px 10px}.dashboard.collapsed .content{width:calc(100% - 84px);margin-left:84px}.dashboard.collapsed .brand{justify-items:center;gap:10px;padding:0 0 18px;display:grid}.dashboard.collapsed .brand b{display:none}.dashboard.collapsed .sidebar-toggle{margin:0}.dashboard.collapsed .sidebar-profile{padding:10px 4px}.dashboard.collapsed .sidebar-profile>img,.dashboard.collapsed .sidebar-profile>svg{width:38px;height:38px}.dashboard.collapsed .sidebar-profile span{display:none}.dashboard.collapsed .nav-link{min-height:44px;padding:12px}.dashboard.collapsed .nav-link span{display:none}.dashboard.collapsed .sidebar-bottom{align-items:center}.dashboard.collapsed .sidebar-bottom .nav-link{width:44px}.form-grid select,.auth-card select,.profile-form select,.history-dialog input{appearance:none;background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--brand) 50%),linear-gradient(135deg,var(--brand) 50%,transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-color:#9ebbe7;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px 2px #1720330d,0 0 0 3px #1463d80a}.form-grid select:focus,.auth-card select:focus,.profile-form select:focus,.history-dialog input:focus,.form-grid input:focus,.profile-form input:focus{border-color:var(--brand);outline:0;box-shadow:0 0 0 3px #1463d822}.color-option{align-items:center;gap:8px;display:flex}.color-swatch{vertical-align:middle;border:1px solid #71809a;border-radius:50%;width:13px;height:13px;margin-right:7px;display:inline-block}@media (max-width:760px){.dashboard.collapsed .sidebar{width:256px;padding:24px 14px}.dashboard.collapsed .content{width:100%;margin-left:0}.dashboard.collapsed .brand{padding:0 12px 30px;display:flex}.dashboard.collapsed .brand b{display:block}.dashboard.collapsed .sidebar-toggle{margin-left:auto}.dashboard.collapsed .sidebar-profile{flex-direction:column;padding:15px 10px}.dashboard.collapsed .sidebar-profile span,.dashboard.collapsed .nav-link span{display:grid}.dashboard.collapsed .nav-link{width:auto;padding:12px}.dashboard.collapsed .sidebar-bottom .nav-link{width:auto}}.sidebar-floating-toggle{z-index:12;border:1px solid var(--line);background:var(--surface);width:35px;height:35px;color:var(--ink);box-shadow:var(--shadow);border-radius:9px;place-items:center;transition:left .25s,transform .2s;display:grid;position:fixed;top:18px;left:240px}.sidebar-floating-toggle:hover{transform:scale(1.06)}.sidebar-floating-toggle svg{width:18px}.dashboard.collapsed .sidebar-floating-toggle{left:64px}.sidebar .environment-banner{color:#b8c5dd;text-align:center;background:#ffffff12;border-radius:5px;margin:0 8px 16px;padding:5px 8px;font-size:9px}.sidebar .environment-banner.staging{color:#e9ddff;background:#7c3aed55}.profile-photo-preview img{object-fit:cover;border-radius:50%;width:130px;height:130px;color:initial!important;background:0 0!important;padding:0!important}.history-loading{z-index:8;color:#fff;background:#0b142655;place-content:center;justify-items:center;gap:13px;font-size:14px;display:grid;position:absolute;inset:0}.history-loading .spinner{border-color:#fff #fff6 #fff6}.playback{height:auto;min-height:52px}.playback-meta{gap:2px;min-width:145px;display:grid}.playback-meta b{font-size:12px}.playback-meta span{color:var(--muted);font-size:11px}.playback select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:5px}@media (max-width:760px){.sidebar-floating-toggle{display:none}.playback{flex-wrap:wrap;padding:10px;bottom:8px}.playback-meta{width:calc(100% - 50px)}.playback.above-sheet{bottom:280px}.playback input{min-width:120px}.profile-photo-preview img{width:115px;height:115px}}.map-topbar{left:56px}.vehicle-map-list{animation:.18s ease-out vehicle-list-in}.vehicle-map-list.closing{animation:.18s ease-in forwards vehicle-list-out}@keyframes vehicle-list-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes vehicle-list-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.playback{grid-template-columns:minmax(145px,1fr) auto auto auto auto minmax(100px,1fr) auto auto;gap:7px;width:min(670px,100% - 36px);display:grid}.playback-meta{border-bottom:1px solid var(--line);grid-column:1/-1;padding:2px 4px 7px}.playback.above-sheet{bottom:238px}.sidebar .environment-banner.prod{color:#b8c5dd;background:#ffffff12}@media (max-width:760px){.map-topbar{left:58px}.playback{grid-template-columns:1fr auto auto auto auto;gap:5px}.playback-meta{grid-column:1/-1;width:auto}.playback select{grid-column:1}.playback input{grid-area:3/1/auto/-1;width:100%}.playback.above-sheet{bottom:285px}}.auth-layout{color:#f8fafc;background:#08090d;grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);min-height:100vh;display:grid}.auth-hero{background:radial-gradient(circle at 75% 40%,#242832 0,#090a0e 43%,#050609 100%);min-height:100vh;padding:54px;position:relative;overflow:hidden}.auth-hero-copy{z-index:1;max-width:590px;margin-top:12vh;position:relative}.auth-hero .auth-brand{margin-bottom:55px}.auth-hero h1{letter-spacing:-3px;margin:0 0 25px;font-size:clamp(42px,5vw,76px);line-height:.98}.auth-hero p{color:#a4aaba;max-width:510px;font-size:17px;line-height:1.6}.dt-pixels{letter-spacing:-.16em;color:#0000;opacity:.75;background-image:radial-gradient(#f5f7ff 1px,#0000 1px);background-size:5px 5px;-webkit-background-clip:text;background-clip:text;font-size:clamp(160px,28vw,430px);font-weight:900;line-height:.7;animation:2.4s steps(2,end) infinite pixels;position:absolute;top:15%;right:6%}.auth-grid-line{background:linear-gradient(135deg,#0000 50%,#ffffff0b 50%);border-top:1px solid #ffffff28;height:30%;position:absolute;bottom:0;left:0;right:0}@keyframes pixels{0%,to{filter:brightness(.45)}50%{filter:brightness(1.35)}}.auth-panel{background:var(--surface);color:var(--ink);place-items:center;padding:32px;display:grid}.auth-panel-inner{width:min(420px,100%)}.register-panel .auth-panel-inner{width:min(620px,100%)}.auth-icon{width:52px;height:52px;color:var(--brand);background:#e4efff;border-radius:50%;place-items:center;margin-bottom:18px;display:grid}.auth-icon svg{width:24px}.auth-kicker{color:var(--brand);letter-spacing:1.3px;margin:0 0 8px;font-size:11px;font-weight:700}.auth-panel h2{letter-spacing:-1px;margin:0 0 7px;font-size:30px}.auth-subtitle{color:var(--muted);margin:0 0 24px;line-height:1.45}.auth-panel form{gap:13px;display:grid}.auth-panel label{gap:6px;font-size:12px;font-weight:700;display:grid}.auth-panel input,.auth-panel select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;padding:10px}.password-input{position:relative}.password-input input{padding-right:42px}.password-input button{color:var(--muted);background:0 0;border:0;padding:7px;position:absolute;top:4px;right:4px}.password-input svg{width:18px}.register-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.register-fields label:nth-child(3){grid-column:1/2}.register-fields label:nth-child(4){grid-column:2/3}.register-fields label:nth-child(5){grid-column:1/3}.auth-panel .auth-links{margin-top:20px}.map-ui-dark .map-button,.map-ui-dark.map-button,.map-ui-dark .map-selector{box-shadow:0 7px 22px #0008;color:#eef4ff!important;background:#17202e!important;border-color:#42516a!important}.map-ui-dark .map-selector{color:#eef4ff}.map-ui-dark .map-types{background:#17202e;border-color:#42516a}.map-ui-dark .map-types button{color:#eef4ff}.map-ui-dark .map-types button.active,.map-ui-dark .map-button.active{color:#fff;background:#314d78}.map-ui-dark .map-types hr{border-color:#42516a}@media (max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{min-height:100vh}.register-panel{padding:24px}.register-panel .auth-panel-inner{max-width:620px}}@media (max-width:520px){.auth-panel{padding:24px 18px}.register-fields{grid-template-columns:1fr}.register-fields label:nth-child(3),.register-fields label:nth-child(4),.register-fields label:nth-child(5){grid-column:auto}}.dt-pixels{filter:drop-shadow(0 0 8px #dce8ff33);opacity:.82;background-image:radial-gradient(circle,#f5f7ff 1px,#0000 1.15px),radial-gradient(circle,#9da9bd .8px,#0000 1px);background-position:0 0,3px 2px;background-size:6px 6px,11px 11px;animation:2.7s step-end infinite led-flicker}.dt-pixels:after{content:"DT";color:#0000;opacity:.5;background:radial-gradient(circle,#fff 1px,#0000 1.2px) 2px 6px/13px 13px;-webkit-background-clip:text;background-clip:text;animation:1.1s step-end infinite led-spark;position:absolute;inset:0}@keyframes led-flicker{0%,to{opacity:.42;background-position:0 0,3px 2px}13%{opacity:.96;background-position:4px 1px,6px 5px}24%{opacity:.61;background-position:1px 5px,2px 1px}38%{opacity:.88;background-position:5px 3px,8px 4px}57%{opacity:.48;background-position:2px 2px,1px 7px}71%{opacity:1;background-position:4px 5px,5px 1px}86%{opacity:.69;background-position:1px 1px,7px 6px}}@keyframes led-spark{0%,to{opacity:.18;transform:translate(0)}35%{opacity:.78;transform:translate(2px,-1px)}64%{opacity:.32;transform:translate(-2px,2px)}82%{opacity:.9;transform:translate(1px,1px)}}.dt-lockup{z-index:1;justify-items:center;display:grid;position:absolute;top:15%;right:6%}.dt-lockup .dt-pixels{font-size:clamp(160px,28vw,430px);position:relative;top:auto;right:auto}.dt-lockup p{color:#aeb9ca;letter-spacing:.5px;margin:6px 0 0;font-size:14px}.dt-logo{filter:drop-shadow(0 12px 40px #0b1e4a55);width:clamp(240px,34vw,470px);height:auto}.brand{justify-content:center}.brand-logo{object-fit:contain;width:auto;max-width:100%;height:58px}.brand-logo-dark,body[data-theme=dark] .brand-logo-light{display:none}body[data-theme=dark] .brand-logo-dark{display:inline-block}.dashboard.collapsed .brand-logo{height:44px}.onboarding-logo{justify-content:center;margin-bottom:26px}.onboarding-logo .brand-logo{height:208px}.dt-mark{letter-spacing:-.16em;color:#f8fafc;text-shadow:0 0 35px #ffffff18;font-size:clamp(160px,28vw,430px);font-weight:900;line-height:.7}.dt-lockup b{letter-spacing:.2px;color:#c7d2e4;margin-top:23px;font-size:clamp(20px,2.4vw,34px)}.dt-lockup p{color:#f3f6fc;letter-spacing:.35px;background:#ffffff0a;border-left:2px solid #6194ef;margin-top:11px;padding:7px 12px;font-size:14px;font-style:italic}.auth-layout{background:#050609}.auth-hero{background:radial-gradient(circle at 73% 37%,#21242d 0,#0b0c11 38%,#050609 78%)}.auth-hero h1{color:#f7f8fb}.auth-hero p{color:#bac0cc}.auth-panel input:focus,.auth-panel select:focus{border-color:#5e9cff;outline:0;box-shadow:0 0 0 3px #5e9cff22}.auth-panel .message.error{color:#ffc4cb;background:#3a2029}.auth-panel .message.success{color:#bdf3df;background:#173c37}.password-input button:hover{color:#e9effa;background:0 0}.auth-panel{color:#f5f6f8;background:#141518}.auth-panel h2{color:#f7f7f8}.auth-subtitle{color:#aeb0b7}.auth-icon{color:#2f333a;background:#ededf0}.auth-kicker,.auth-links{color:#c6c8ce}.auth-panel input,.auth-panel select{color:#f4f4f5;background:#0e0f12;border-color:#303238}.auth-panel input:focus,.auth-panel select:focus{border-color:#aeb1b8;box-shadow:0 0 0 3px #f4f4f511}.auth-panel .primary{color:#15161a;background:#f0f1f3}.auth-panel .primary:hover{background:#fff}.password-input button{color:#aeb0b7}.password-input button:hover{color:#f4f4f5}.dt-mark{letter-spacing:-.13em;font-size:clamp(120px,20vw,310px)}.dt-lockup b{color:#f4f5f7;margin-top:32px;font-size:clamp(30px,4vw,56px)}.dt-lockup p{display:none}.vehicle-marker.moving{background:#1463d8}.vehicle-marker.idle{background:#e88916}.vehicle-marker.selected{box-shadow:0 0 0 5px #fff8,0 4px 12px #0007}.geofence-radius{gap:9px;margin-bottom:18px;font-size:13px;display:grid!important}.geofence-radius span{justify-content:space-between;display:flex}.geofence-radius b{color:var(--brand)}.geofence-radius input{appearance:none;background:linear-gradient(90deg,var(--brand),#82b5ff);border:0;border-radius:10px;width:100%;height:7px;padding:0}.geofence-radius input::-webkit-slider-thumb{appearance:none;background:var(--surface);border:4px solid var(--brand);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 7px #17203342}.geofence-radius small{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.geofence-radius small i{border-top:1px dashed var(--line);flex:1;margin:7px 9px 0}.geofence-vehicle-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;display:grid}.geofence-vehicle{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;border-radius:9px;align-items:center;gap:10px;padding:10px;transition:border-color .15s,background .15s;display:flex;position:relative}.geofence-vehicle:hover{border-color:var(--brand)}.geofence-vehicle.selected{border-color:var(--brand);background:#eaf2ff}.geofence-vehicle>img,.geofence-vehicle>span{object-fit:cover;background:var(--bg);width:42px;height:42px;color:var(--muted);border-radius:7px;flex:none;place-items:center;display:grid}.geofence-vehicle>span svg{width:19px}.geofence-vehicle div{gap:3px;min-width:0;display:grid}.geofence-vehicle b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.geofence-vehicle small{color:var(--muted);font-size:11px}.geofence-vehicle i{border:1px solid var(--muted);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:8px}.geofence-vehicle.selected i{border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 2px #d7e8ff}body[data-theme=dark] .geofence-vehicle.selected{background:#263b5d}.geofence-toggle{cursor:pointer;flex:none;width:38px;height:22px;position:relative}.geofence-toggle input{opacity:0;position:absolute}.geofence-toggle span{background:#9aa7ba;border-radius:20px;transition:all .2s;position:absolute;inset:0}.geofence-toggle span:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.geofence-toggle input:checked+span{background:var(--success)}.geofence-toggle input:checked+span:after{transform:translate(16px)}.geofence-toggle input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}.sidebar-bottom .sidebar-toggle{color:#b8c5dd;background:0 0;border:0;width:auto;height:auto;margin:0}.sidebar-bottom .sidebar-toggle:hover{color:#fff;background:#ffffff12}.dashboard.collapsed .sidebar-bottom .sidebar-toggle{width:44px;height:44px;margin:0}.map-types{width:125px}.map-types small{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;font-size:10px}.map-types hr{border:0;border-top:1px solid var(--line);width:100%;margin:5px 0}.color-select-wrap{display:block;position:relative}.color-select-wrap .color-swatch{z-index:1;width:15px;height:15px;margin:0;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.color-select-wrap select{padding-left:35px}.vehicle-search{border:1px solid var(--line);background:var(--bg);border-radius:8px;align-items:center;gap:7px;margin:12px 0;padding:9px 10px;display:flex}.vehicle-search svg{width:16px;color:var(--muted)}.vehicle-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.no-search-results{color:var(--muted);text-align:center;padding:20px;font-size:13px}.profile-photo-preview{cursor:zoom-in;background:0 0;border:0;border-radius:50%;padding:0}.fullscreen-carousel>img{cursor:default}.vehicle-card{transition:transform .2s,box-shadow .2s,border-color .2s}.vehicle-card:hover{border-color:#a9c7f5;transform:translateY(-5px);box-shadow:0 18px 35px #17203324}.dropzone{text-align:center;min-height:135px;color:var(--muted);cursor:pointer;background:#f4f8ff;border:2px dashed #aac3e9;border-radius:10px;align-content:center;place-items:center;gap:6px;padding:16px;display:grid!important}.dropzone:hover{border-color:var(--brand);background:#eaf2ff}.dropzone svg{color:var(--brand);width:28px;height:28px}.dropzone strong{color:var(--ink)}.dropzone span{font-size:12px}.dropzone input{opacity:0;height:1px;position:absolute;width:1px!important}.fullscreen-carousel{z-index:40;background:#000;place-items:center;display:grid;position:fixed;inset:0}.fullscreen-carousel>img{object-fit:contain}.fullscreen-close{z-index:2;color:#111;background:#fff;position:absolute;top:20px;right:20px}.fullscreen-carousel .carousel-button,.fullscreen-carousel .photo-counter{z-index:2}.tracker-action{align-items:center;gap:7px;margin-top:18px;display:inline-flex}.tracker-instructions{color:var(--muted);line-height:1.45}.tracker-modal>label{gap:6px;margin-top:18px;font-size:13px;font-weight:700;display:grid}.tracker-modal input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;padding:10px}.tracker-found{color:#087450;background:#e5f7ee;border-radius:8px;gap:10px;margin-top:16px;padding:13px;display:flex}.tracker-found svg{flex:none}.tracker-found p{margin:4px 0 0;font-size:13px}.map-list-item .status-dot{border:2px solid var(--surface);box-sizing:content-box;border-radius:50%;width:9px;height:9px;margin:0;position:absolute;bottom:11px;left:42px}.map-list-item:has(.map-vehicle-fallback) .status-dot{left:41px}@media (max-width:760px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content{width:100%;margin-left:0}.mobile-header{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;height:58px;padding:0 13px;display:flex}.mobile-only{color:#fff;margin-left:auto;display:inline-grid}.page{padding:28px 18px}.page-heading{flex-wrap:wrap;margin-bottom:24px}.page-heading h1{font-size:28px}.form-grid{grid-template-columns:1fr}.map-toolbar{grid-template-columns:1fr 1fr;padding:13px;display:grid}.map-toolbar>div:first-child{grid-column:1/-1}.map-toolbar select{width:100%}.map-toolbar h1{font-size:21px}.map-page{height:calc(100vh - 58px)}.list-card,.event-card{align-items:flex-start}.text-danger{padding:7px}.auth-card{padding:27px 22px}.onboarding h1{font-size:29px}.onboarding-logo{margin-bottom:40px}}.auth-card{max-height:calc(100vh - 40px);overflow:auto}.auth-card select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;padding:10px}.friends-page{max-width:1180px}.friends-tabs{border-bottom:1px solid var(--line);gap:5px;margin-bottom:24px;display:flex}.friends-tabs button{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:flex;position:relative}.friends-tabs button svg{width:17px}.friends-tabs button.active{color:var(--brand)}.friends-tabs button.active:after{content:"";background:var(--brand);border-radius:3px;height:3px;position:absolute;bottom:-1px;left:12px;right:12px}.friends-tabs b{background:var(--brand);color:#fff;border-radius:10px;place-items:center;min-width:19px;height:19px;font-size:11px;display:grid}.friends-search{background:var(--surface);border:1px solid var(--line);max-width:680px;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:9px;margin:0 0 24px;padding:8px 10px;display:flex}.friends-search>svg{width:18px;color:var(--muted)}.friends-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.friends-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.friends-list{margin-top:20px}.friend-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-height:92px;padding:14px;display:flex;box-shadow:0 5px 14px #17203308}.friend-card.blocked{background:linear-gradient(135deg,#aeb5c055,#89919e66),var(--surface);position:relative}.friend-card.blocked:before{content:"";border-radius:inherit;pointer-events:none;background:#72798520;position:absolute;inset:0}.friend-avatar{z-index:1;color:#155dc7;background:#dce9ff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-weight:800;display:grid;position:relative;overflow:hidden}.friend-avatar img{object-fit:cover;width:100%;height:100%}.friend-info{z-index:1;gap:4px;min-width:0;display:grid;position:relative}.friend-info b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-info span{color:var(--muted);font-size:13px}.friend-side{z-index:1;justify-items:end;gap:8px;margin-left:auto;display:grid;position:relative}.friend-status{color:#117047;background:#e5f5ed;border-radius:20px;align-items:center;gap:4px;padding:4px 7px;font-size:11px;font-weight:700;display:flex}.friend-status svg{width:13px}.friend-status.blocked{color:#505968;background:#e6e8ed}.friend-actions{align-items:center;gap:6px;display:flex}.compact{padding:7px 10px;font-size:12px}.text-danger{color:var(--danger);background:0 0;border:0;font-weight:700}.friends-empty{text-align:center;min-height:310px;color:var(--muted);grid-column:1/-1;place-content:center;justify-items:center;gap:10px;display:grid}.friends-empty svg{width:40px;height:40px;color:var(--brand)}.share-modal{width:min(860px,100%)}.share-modal header{justify-content:space-between;align-items:start;margin-bottom:20px;display:flex}.share-modal h2{margin:3px 0 0}.share-columns{grid-template-columns:1fr 1fr;gap:22px;display:grid}.share-columns>div{align-content:start;gap:11px;display:grid}.share-friend-list,.share-options{gap:8px;max-height:330px;padding-right:4px;display:grid;overflow:auto}.share-friend{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-align:left;border-radius:9px;align-items:center;gap:9px;padding:9px;display:flex}.share-friend:hover,.share-friend.selected{border-color:var(--brand);background:#edf4ff}.share-friend>span:nth-child(2){gap:3px;min-width:0;display:grid}.share-friend small,.share-options small{color:var(--muted)}.share-friend>svg{color:#0000;width:18px;margin-left:auto}.share-friend.selected>svg{color:var(--brand)}.share-options label{border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;padding:10px;display:flex}.share-options label span{gap:3px;display:grid}.share-options select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:10px}.share-modal footer{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}@media (max-width:760px){.friends-tabs{overflow:auto}.friends-tabs button{white-space:nowrap;padding-inline:11px}.friends-grid,.share-columns{grid-template-columns:1fr}.friend-card{align-items:flex-start}.friend-side{min-width:86px}.friend-actions{flex-wrap:wrap;justify-content:flex-end}.share-modal{max-height:calc(100vh - 28px);overflow:auto}.friends-empty{min-height:240px}}.shared-location-marker{color:#fff;background:#7c3aed;border:3px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-45deg);box-shadow:0 4px 10px #4c1d9580}.shared-location-marker svg{width:19px;height:19px;transform:rotate(45deg)}