@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#202c3e;background:#f3f6f9;font-synthesis:none}.fleetFilters{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:20px}.fleetFilters label{min-width:0}.fleetTableWrap{overflow-x:auto;border:1px solid #dde4ed;border-radius:10px;background:#fff}.fleetTable{border-collapse:collapse;width:100%;min-width:980px;text-align:left;font-size:12px}.fleetTable th{padding:16px;background:#ebeff5;font-size:11px;color:#466187}.fleetTable td{padding:16px;border-top:1px solid #e8edf3;vertical-align:top}.fleetError{max-width:230px;overflow-wrap:anywhere;color:#984737}.fleetPagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:12px}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d6deea;background:#fff;padding:11px 16px;border-radius:8px;color:#233145;font-weight:600;cursor:pointer;text-decoration:none;font-size:13px}button:hover,.button:hover{background:#ecf0f5}button:disabled,.disabled{opacity:.45;cursor:not-allowed}.primary{background:#253f64;color:#fff;border-color:#253f64}.button{flex-direction:row}.primary:hover{background:#192f4d}input,select{border:1px solid #d4dde9;background:#fff;border-radius:7px;padding:11px 12px;color:#233144;min-width:0}input:focus,select:focus,button:focus-visible{outline:3px solid #b4c3d8;outline-offset:2px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;font-weight:700}h1{font-size:34px;letter-spacing:-1.2px}h2{font-size:19px}h3{font-size:16px}p{color:#5a7baa;font-size:14px;line-height:1.7}small{font-size:11px;color:#6584af;display:block;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#4d6b95;margin:0 0 12px}.shell{display:flex;min-height:100vh}aside{position:fixed;width:245px;height:100vh;background:#fff;border-right:1px solid #dfe6ef;padding:32px 22px;display:flex;flex-direction:column}.brand{position:relative;width:200px;max-width:100%;aspect-ratio:1.32;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:120%;max-width:none;height:auto;left:-10%;top:-35%}.navlabel{font-size:9px;letter-spacing:1.5px;margin:42px 0 12px}aside select{width:100%;font-size:13px}nav{display:grid;gap:8px;margin-top:28px}nav button{justify-content:flex-start;border:0;background:none;color:#5b7cab;padding:13px}nav button.active{background:#e9eef4;color:#2d4668}nav button.active:after{content:"";width:5px;height:5px;background:#375278;border-radius:50%;margin-left:auto}.sidebarFoot{margin-top:auto;border-top:1px solid #e9eef4;padding-top:22px;display:flex;align-items:center;gap:9px}.sidebarFoot b{font-size:10px}.sidebarFoot small{font-size:9px;max-width:115px;overflow:hidden;text-overflow:ellipsis}.sidebarFoot button{padding:5px;border:0}.avatar{background:#ece8dc;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:12px}main{margin-left:245px;flex:1;min-width:0}header{height:74px;border-bottom:1px solid #e1e7ef;display:flex;align-items:center;justify-content:space-between;padding:0 43px;font-size:11px;color:#5576a5;background:#ffffff70}.slash{margin:0 12px;color:#acbdd4}.liveDot{display:flex;align-items:center;gap:8px}.liveDot:before,.greenDot,.grayDot{content:"";width:6px;height:6px;border-radius:50%;background:#52729f;display:inline-block}.grayDot{background:#88a0c2}.page{max-width:1500px;margin:auto;padding:42px}.pageTitle{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:31px}.pageTitle p:last-child{margin-bottom:0}.stats{display:flex;gap:18px;margin:0 0 37px}.stats>div{background:#fff;border:1px solid #dde4ee;border-radius:11px;padding:21px 22px;flex:1;display:flex;align-items:flex-start;gap:15px;color:#5d7dab}.stats span{font-size:11px;color:#5b7cab}.stats strong{display:block;font-size:28px;line-height:1.5;color:#26354b;font-family:Manrope}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.sectionTitle h2 span{font-family:DM Sans;font-size:11px;padding:4px 7px;background:#e4e9f1;border-radius:5px;margin-left:7px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.locationCard,.tvCard{background:#fff;border:1px solid #dbe3ed;border-radius:12px;padding:25px}.locationIcon{display:grid;place-items:center;background:#e9edf3;border-radius:10px;width:47px;height:47px;margin-bottom:23px;color:#5373a1}.locationCard p{font-size:12px;min-height:20px}.locationStats{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.locationStats>span:first-child{display:flex;align-items:center;gap:8px;font-size:12px;color:#5a7baa}.status{font-size:10px;border-radius:20px;padding:5px 9px;white-space:nowrap}.online{background:#eaeff5;color:#4d6b96}.offline{background:#f0eee9;color:#928d7b}.locationCard footer{border-top:1px solid #e9edf3;display:flex;justify-content:space-between;padding-top:10px}.locationCard footer button{border:0;padding:7px 0;font-size:12px;gap:15px}.addCard{border:1px dashed #c5d1e1;background:#f4f7fa;border-radius:12px;min-height:260px;display:flex;flex-direction:column;color:#587aa9;font-weight:400}.addCard b{margin-top:12px}.addCard span{font-size:11px;color:#7893b9}.helpBanner{margin-top:36px;display:flex;align-items:center;justify-content:space-between;background:#e5eaf1;padding:27px 31px;border-radius:10px;color:#6c8ab3}.helpBanner h3{color:#39506f;font-size:14px}.helpBanner p{font-size:12px;margin-bottom:0;color:#5f7fac}.pageFooter{margin-top:65px;font-size:10px;color:#8aa2c3;display:flex;justify-content:space-between;border-top:1px solid #dde4ed;padding-top:20px}.actions,.filters{display:flex;gap:8px;flex-wrap:wrap}.tvPreview{background:#eaeef4;position:relative;display:grid;place-items:center;height:130px;margin:-9px -9px 20px;border-radius:8px;color:#6a88b2}.tvPreview .status{position:absolute;right:9px;top:9px}.tvCard p{font-size:12px}.playlistSummary{font-size:12px;color:#5474a2;margin:18px 0;min-height:30px}.playlistSummary>div{display:flex;gap:7px;align-items:center;overflow-wrap:anywhere;margin:7px 0}.tvCard .actions{margin-top:20px}.tvCard button{font-size:11px;padding:8px 10px}.tvCard details{margin-top:16px;font-size:11px;color:#6383af}pre{white-space:pre-wrap;overflow-wrap:anywhere}.panel{background:#fff;border:1px solid #dde4ed;border-radius:12px;padding:26px}.publishGrid{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.panel h2{display:flex;align-items:center;gap:11px}.step{display:grid;place-items:center;width:25px;height:25px;background:#e9edf3;border-radius:50%;font-size:12px;color:#4a6790}.panel p{font-size:12px}.panel select{width:100%;margin-top:20px}.listItem{display:flex;align-items:center;gap:7px;padding:17px 0;border-bottom:1px solid #e7ecf3}.listItem>div{flex:1;overflow-wrap:anywhere;font-size:12px}.listItem button{padding:6px;border:0}.itemNumber{font-size:12px;color:#718eb6;width:20px}.duration{flex-direction:row;align-items:center;font-size:11px;color:#6987b2;margin-top:8px}.duration input{width:65px;padding:4px}.targetGroup{margin-top:22px}.targetGroup h3{font-size:12px;display:flex;align-items:center;gap:7px;margin-bottom:9px}.target{display:flex;flex-direction:row;align-items:center;padding:13px 8px;font-size:12px;border-bottom:1px solid #ebeff4}.target input{accent-color:#3c5374}.target i{margin-left:auto}.publishButton{width:100%;margin:28px 0 10px}.mediaList{border:1px solid #dde4ed;border-radius:10px;overflow:hidden;background:#fff}.mediaList>div{display:flex;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid #e9edf3}.mediaList>div>div{flex:1;font-size:13px;overflow-wrap:anywhere}.mediaList svg{color:#5577a6}.empty{display:flex;flex-direction:column;align-items:center;padding:70px;color:#6181ad;text-align:center}.empty h2{margin-top:20px}.notice,.error{display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:8px;font-size:13px;margin-bottom:20px}.notice{background:#e2e8f0;color:#3c5374}.error{background:#fae9e3;color:#984737}.notice button,.error button{margin-left:auto;background:none;border:0;padding:0;font-size:20px}.warning{color:#b07a3e!important}.overlay{position:fixed;inset:0;background:#131c2966;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:5}.dialog{background:#fff;border-radius:13px;width:480px;max-height:90vh;overflow:auto;padding:30px;display:grid;gap:16px}.checkbox{flex-direction:row}.dialog input[type=checkbox]{accent-color:#28446c}.login{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh;background:#fff}.login>section{padding:70px 12%;background:#19273b;color:#e9eef4;display:flex;flex-direction:column;justify-content:center}.login .brand{width:260px;margin-bottom:32px}.login .brand em{display:inline;font-size:18px}.login .eyebrow{color:#7e98bc}.login h1{font-size:46px;line-height:1.25;letter-spacing:-1.5px}.login p{color:#809abe}.loginScreens{display:flex;align-items:center;gap:30px;margin-top:50px;color:#839cbf}.loginScreens span{font-size:12px}.login form{padding:70px 18%;display:flex;flex-direction:column;justify-content:center;gap:23px}.login form p{margin:0;color:#708db5;font-size:12px}.login form h2{font-size:27px}.login form .eyebrow{color:#4c6a94}.login form button{justify-content:space-between}.login form small{margin-top:26px}.log{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid #e7ecf2;font-size:11px;overflow-wrap:anywhere}.log code{min-width:0;flex:1}.loading{padding:60px;text-align:center}@media(max-width:1100px){aside{width:210px;padding:25px 15px}main{margin-left:210px}.page{padding:28px}.stats{gap:10px}.stats>div{padding:15px}.publishGrid{grid-template-columns:1fr}.pageTitle h1{font-size:28px}}@media(max-width:760px){aside{position:static;width:100%;height:auto;padding:18px}.shell{display:block}.brand{width:140px}.navlabel,.sidebarFoot{display:none}aside select{margin-top:18px}nav{display:flex;overflow:auto;margin-top:12px;gap:3px}nav button{font-size:11px;padding:9px;white-space:nowrap}nav button svg{width:14px}main{margin-left:0}header{height:48px;padding:0 22px}.page{padding:25px 20px}.pageTitle{align-items:flex-start;flex-direction:column;gap:18px}.stats{display:grid;grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.pageFooter span{display:none}.login{grid-template-columns:1fr}.login>section{padding:30px}.login>section .brand{margin:0}.login>section>p,.login>section>h1,.loginScreens{display:none}.login form{padding:50px 30px}.mediaList>div{padding:16px 12px;gap:10px}.mediaList button{padding:8px;font-size:11px}.helpBanner svg{display:none}.log{flex-direction:column;gap:7px}.sidebarFoot{display:flex;margin-top:15px;padding-top:12px}.sidebarFoot small{max-width:240px}.sidebarFoot button{margin-left:auto}}.passwordGate{min-height:100vh;display:grid;place-items:center;padding:24px}.passwordPanel{width:100%;max-width:520px;display:grid;gap:18px}.bulkPanel>.panel{margin:24px 0;display:grid;gap:16px}.bulkLocations{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}fieldset{border:1px solid #d5deea;border-radius:10px;padding:16px;margin:12px 0;min-width:0}fieldset label.checkbox{margin:10px 0}.bulkPanel li{margin:12px 0;overflow-wrap:anywhere}.bulkPanel li button{margin-left:6px}.credentialBox{margin-bottom:20px}textarea{font:inherit;padding:12px;min-height:80px;border:1px solid #d5deea;border-radius:8px;resize:vertical}aside{height:100dvh;padding:16px 18px}aside>.brand{width:145px;align-self:center}aside>label,.navlabel,.sidebarFoot{flex-shrink:0}.navlabel{margin:12px 0 8px}nav{min-height:0;overflow-y:auto;flex:1;margin:12px 0;gap:3px;align-content:start}nav button{padding:10px}.sidebarFoot{padding-top:10px;gap:6px}.sidebarFoot>div{min-width:0;flex:1}.sidebarFoot .avatar{display:none}.sidebarFoot button{flex-shrink:0;padding:10px 8px}.sectionTitle,.filters,.actions,.fleetPagination{flex-wrap:wrap}.sectionTitle>*,.panel,.mediaList,.fleetTableWrap{min-width:0}.mediaList>div{flex-wrap:wrap}.mediaList>div>div{min-width:130px}.dialog{width:min(520px,100%);max-height:calc(100dvh - 24px)}.overlay{padding:12px}input:not([type=checkbox]),select,textarea{max-width:100%}.bulkPanel .button{flex-wrap:wrap;max-width:100%;min-width:0}.bulkPanel input[type=file]{width:100%;min-width:0}@media(max-width:760px){aside{height:auto;padding:10px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}aside>.brand{width:95px;justify-self:start}aside>label{grid-column:1 / -1;font-size:11px}aside select{margin:4px 0 0;padding:8px 10px}.sidebarFoot{display:flex;grid-column:2;grid-row:1;margin:0;padding:0;border:0;gap:8px}.sidebarFoot small{max-width:125px;white-space:nowrap}.sidebarFoot button{margin:0;min-height:44px;background:#ebeff5}nav{grid-column:1 / -1;display:flex;margin:0;padding-bottom:4px;overflow-x:auto}nav button{flex-shrink:0;min-height:40px}header{padding:0 14px;gap:8px;height:auto;min-height:40px;flex-wrap:wrap}header .liveDot{display:none}.page{padding:20px 14px}.pageTitle h1{font-size:25px}.pageTitle{gap:10px;margin-bottom:20px}.panel{padding:16px}.empty{padding:28px 12px}.login>section{padding:14px 24px}.login>section .brand{width:145px;margin:auto}.login form{padding:24px;gap:16px}.login form small{margin-top:8px}.fleetTableWrap{overflow:visible;background:none;border:0}.fleetTable{display:block;min-width:0;width:100%}.fleetTable thead{display:none}.fleetTable tbody{display:grid;gap:12px}.fleetTable tr{display:block;border:1px solid #dde4ed;background:#fff;border-radius:10px;overflow:hidden}.fleetTable td{display:block;padding:10px 14px;max-width:none;overflow-wrap:anywhere}.fleetTable td:before{content:attr(data-label);display:block;font-size:10px;color:#4a6891;font-weight:700;margin-bottom:4px}.bulkPanel fieldset{padding:12px}.bulkPanel ol{padding-left:20px}.bulkPanel li>span{display:block;margin-bottom:8px}.passwordGate{padding:14px}}:root{color:#183153;background:#f4f7fc}.primary{background:#0866db;border-color:#0866db;color:#fff}.primary:hover{background:#0751ad}nav button.active{background:#e8f1ff;color:#0758bd}.login>section{background:#edf4ff;color:#12335d}.login>section p{color:#516d90}.uploadControls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;min-width:0}.uploadControls>label{max-width:100%}
