.cp-app{--cp-navy:#122a46;--cp-blue:#2477c4;--cp-text:#304c68;--cp-muted:#8c9fb3;--cp-line:#e5edf5;background:#f4f7fb;min-height:100vh;color:var(--cp-text);font-family:'DM Sans',sans-serif}.cp-sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:linear-gradient(165deg,#162e4d,#10223a);display:flex;flex-direction:column;z-index:50;padding:18px 15px 0;color:#8fa7c2}.cp-brand{display:block;padding:7px 12px;background:#edf3f7;border-radius:8px;margin:0 8px 19px}.cp-brand img{width:100%;height:59px;object-fit:contain;display:block}.cp-space-label{display:flex;align-items:center;gap:8px;padding:0 18px 16px;font-size:8px;letter-spacing:1.9px;color:#7192b7;font-weight:600}.cp-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#60a0de;flex-shrink:0}.cp-dot.teal{background:#3eaf9a}.cp-dot.amber{background:#dfb568}.cp-dot.gray{background:#9badbd}.cp-navigation{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#345170 transparent;padding-bottom:16px;min-height:0}.cp-nav{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:10px 16px;margin-bottom:2px;border-radius:6px;font-size:11px;color:#96aec8;min-height:37px;position:relative;transition:background .15s}.cp-nav svg{width:17px;height:17px;opacity:.85}.cp-nav:hover{background:#ffffff07;color:#d4e4f7}.cp-nav.active{background:#2856825c;color:#b9dfff;font-weight:600}.cp-nav.active:before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;background:#6bb6ff;border-radius:3px}.cp-nav.active svg{opacity:1;color:#7dbbfb}.cp-nav small{margin-left:auto;border-radius:4px;background:#214568;color:#82b5e8;min-width:18px;padding:2px 5px;text-align:center;font-size:9px}.cp-sidebar-account{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff10;margin:0 6px;padding:17px 3px 20px}.cp-sidebar-account .avatar{background:#2e4d6e;color:#bad4ef;font-size:10px;width:33px;height:33px}.cp-sidebar-account>span{min-width:0}.cp-sidebar-account strong{display:block;color:#d8e7f6;font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:123px}.cp-sidebar-account small{display:block;font-size:9px;color:#7494b7;margin-top:5px}.cp-sidebar-account button{margin-left:auto;color:#6f94ba}.cp-shell{margin-left:242px;min-width:0}.cp-topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:white;border-bottom:1px solid #e8eef5}.cp-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px}.cp-breadcrumb>span{color:#94a5b8}.cp-breadcrumb>svg{color:#bcc9d6}.cp-breadcrumb strong{font-weight:500;color:#5d7794}.cp-topbar-actions{display:flex;align-items:center;gap:16px}.cp-topbar-actions>.icon-button{color:#87a0b8}.cp-demo-tag{font-size:10px;display:flex;gap:6px;align-items:center;color:#869bb0;background:#f2f6fb;border:1px solid #e7eef5;padding:5px 8px;border-radius:4px}.cp-demo-tag i{display:block;width:4px;height:4px;background:#8bacce;border-radius:50%}.cp-avatar-button{padding:0;border-left:1px solid #e6edf4;padding-left:17px}.cp-avatar-button .avatar{background:#eaf2fb;color:#7499c0}.cp-bell i{position:absolute;top:6px;right:8px;width:5px;height:5px;border-radius:50%;background:#d49d73;border:1px solid white;box-sizing:content-box}.cp-demo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 32px;font-size:9px;color:#91a1b4;background:#f9fbfd;border-bottom:1px solid #e9eff5;gap:15px}.cp-demo-toolbar label{display:flex;align-items:center;gap:7px}.cp-demo-toolbar select{font-size:10px;color:#6d8aae;border:0;background:transparent;max-width:240px}.cp-demo-toolbar button{font-size:9px;color:#94a7bd;display:flex;align-items:center;gap:5px}.cp-content{padding:28px 32px 19px;max-width:1680px;margin:auto}.cp-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.cp-heading .eyebrow{font-size:8px;letter-spacing:1.75px;color:#8ba5bf;margin-bottom:8px}.cp-heading h1{font-size:28px;letter-spacing:-.9px;line-height:1.3;font-weight:750;color:#2c4663}.cp-heading h1>span{color:#3f8ed4}.cp-heading p{font-size:11px;color:#8da2b8;margin-top:8px;line-height:1.6}.cp-heading-actions{display:flex;align-items:center;gap:11px}.cp-app .button.primary{background:#2a7ac3;border-color:#2a7ac3}.cp-app .button.primary:hover{background:#2267a6}.cp-app .button{font-size:11px;border-color:#dfe8f3;min-height:36px;padding:9px 13px}.cp-period{display:flex;align-items:center;gap:7px;color:#91a5ba;font-size:10px;white-space:nowrap}.cp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.cp-stat{display:flex;gap:14px;align-items:flex-start;background:white;border:1px solid var(--cp-line);border-radius:10px;padding:23px 18px;min-width:0;box-shadow:0 3px 12px #233e5f03}.cp-stat-icon{background:#edf4fc;color:#719dcb;border-radius:8px;display:flex;padding:10px;flex-shrink:0}.cp-stat.teal .cp-stat-icon{background:#edf8f4;color:#70af99}.cp-stat.amber .cp-stat-icon{background:#fcf5e9;color:#cbb17b}.cp-stat>div{min-width:0}.cp-stat>div>span{display:block;font-size:10px;color:#91a4b8;margin:2px 0 10px;white-space:nowrap}.cp-stat strong{display:block;font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-.9px;font-weight:750;line-height:1.2;color:#304f70}.cp-stat strong em{font-style:normal;font-family:'DM Sans',sans-serif;font-size:11px;color:#9caec1;letter-spacing:0;font-weight:400}.cp-stat small{display:block;font-size:9px;color:#9db0c3;margin-top:9px;line-height:1.6}.cp-panel{background:#fff;border:1px solid var(--cp-line);border-radius:10px;min-width:0;overflow:hidden;box-shadow:0 3px 13px #29476a03}.cp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 22px}.cp-panel-head h2{font-size:14px;font-weight:750;color:#3a5775;letter-spacing:-.3px}.cp-panel-head p{color:#98abc0;font-size:10px;margin-top:6px}.cp-text{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#548abf;padding:0}.cp-text:hover{color:#236cae;text-decoration:underline}.cp-danger{color:#c7867e}.cp-home-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:21px;margin-bottom:23px}.cp-map-shell{position:relative;min-width:0}.cp-map{height:555px;background:#f1f4f8;isolation:isolate;z-index:0}.cp-map-shell.compact .cp-map{height:326px}.cp-map-loading{height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:column;padding:30px;text-align:center;color:#9eb3c8;background:#f0f4f9}.cp-map-loading strong{color:#7494b2;font-size:14px}.cp-map-loading span{font-size:11px;line-height:1.7}.cp-map-caption{position:absolute;top:13px;right:13px;background:#ffffffed;border:1px solid #e5edf5;border-radius:5px;padding:7px 10px;display:flex;align-items:center;gap:5px;font-size:9px;color:#7b91a8;z-index:450;box-shadow:0 2px 10px #2044650a;pointer-events:none}.cp-map-warning{position:absolute;bottom:25px;left:15px;right:15px;background:#fff8eaeF;color:#aa905d;padding:10px;border-radius:5px;z-index:450;font-size:10px}.cp-map-legend{display:flex;gap:23px;align-items:center;padding:15px 22px;border-top:1px solid #edf2f7;font-size:9px;color:#93a7bb}.cp-map-legend span{display:flex;align-items:center;gap:7px}.cp-map-marker{background:#2c7cc8;border:3px solid #fff;border-radius:11px;box-shadow:0 3px 9px #16365635;display:flex;align-items:center;justify-content:center;color:#fff}.cp-map-marker.moving{background:#389d8c}.cp-map-marker.parked{background:#ccae75}.cp-map-marker.offline{background:#a0afbf}.cp-map-popup{display:flex;flex-direction:column;gap:7px;min-width:155px;font-family:'DM Sans',sans-serif}.cp-map-popup strong{font-size:13px;color:#315675}.cp-map-popup span{font-size:11px;color:#6e89a1}.cp-map-popup small{font-size:9px;color:#9cafbe}.cp-app .leaflet-container{font-family:'DM Sans',sans-serif}.cp-home-vehicles .cp-panel-head{padding-bottom:12px}.cp-vehicle-list{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:19px 22px;border-bottom:1px solid #edf2f8}.cp-vehicle-list:hover{background:#f8fbfe}.cp-car-icon{width:43px;height:43px;border-radius:9px;background:#f0f5fb;color:#88a7c6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cp-vehicle-list>span:nth-child(2)>strong{display:block;font-size:12px;color:#4b6989;letter-spacing:.4px}.cp-vehicle-list>span:nth-child(2)>small{display:block;font-size:10px;color:#9caec0;margin:5px 0 8px}.cp-vehicle-list .badge{font-size:8px;padding:3px 5px}.cp-list-speed{margin-left:auto;font-family:Manrope,sans-serif;font-size:19px;color:#5a7f9e;letter-spacing:-.7px;text-align:center}.cp-list-speed small{font-family:'DM Sans',sans-serif;font-size:8px;color:#a4b7c9;display:block;letter-spacing:0;margin-top:4px}.cp-vehicle-tip{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#9cb0c3;padding:18px 16px}.cp-bottom-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:21px}.cp-table{margin-top:0}.cp-table table{font-size:10px}.cp-table th{font-size:9px;background:#f9fbfd;color:#97aabd;font-weight:500;border-color:#eaf0f6;padding:12px 16px}.cp-table td{color:#7e97ae;padding:16px;border-color:#eef3f8}.cp-table td strong{font-size:10px;color:#54728f;font-weight:500}.cp-table td:first-child,.cp-table th:first-child{padding-left:22px}.cp-table .small{font-size:9px}.cp-app .badge{font-size:9px;padding:4px 7px}.cp-next .cp-panel-head{padding-bottom:12px}.cp-agenda-row{display:flex;align-items:center;gap:12px;padding:15px 22px;width:100%;text-align:left}.cp-agenda-row:hover{background:#f9fbfe}.cp-agenda-day{background:#f0f5fb;border:1px solid #e8eff8;color:#7da0c2;width:36px;padding:6px 5px;border-radius:7px;text-align:center;font-size:17px;font-family:Manrope,sans-serif;font-weight:650;flex-shrink:0}.cp-agenda-day small{display:block;font-size:7px;letter-spacing:.6px;font-family:'DM Sans',sans-serif;font-weight:400;margin-top:2px}.cp-agenda-row>span:nth-child(2)>strong{display:block;color:#607d9a;font-size:10px;font-weight:500}.cp-agenda-row>span:nth-child(2)>small{display:block;color:#9eafc0;font-size:9px;margin-top:5px}.cp-agenda-row>svg{margin-left:auto;color:#b3c4d3}.cp-bill-summary{margin:10px 20px 18px;width:calc(100% - 40px);display:flex;align-items:center;gap:11px;background:#f0f7f4;border:1px solid #e0eee7;border-radius:7px;padding:14px;color:#87b09c;text-align:left}.cp-bill-summary strong{display:block;color:#699880;font-size:11px;font-weight:500}.cp-bill-summary small{display:block;font-size:9px;color:#9bb6a7;margin-top:5px}.cp-bill-summary>svg:last-child{margin-left:auto}.cp-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:26px;font-size:9px;color:#a5b5c5}.cp-footer>span:first-child{display:flex;align-items:center;gap:6px}.cp-filters{display:flex;align-items:center;gap:12px;padding:17px 22px;border-bottom:1px solid #edf2f8}.cp-search{display:flex;align-items:center;gap:8px;flex:1;color:#9bb2c7;min-width:160px}.cp-search input{border:0;outline:0;background:none;padding:8px 0;font-size:11px;color:#6d8aaa;min-width:0;width:100%}.cp-filters>select,.cp-date-input,.cp-report-filters select,.cp-report-filters input{padding:8px 10px;border:1px solid #e1eaf4;border-radius:5px;background:#fff;color:#7e98b2;font-size:10px}.cp-date-input{display:flex;align-items:center;gap:6px;padding:7px 10px}.cp-date-input input{border:0;color:#7d98b2;background:none;font-size:10px;min-width:110px}.cp-map-layout{display:grid;grid-template-columns:275px 1fr}.cp-map-vehicles{max-height:555px;overflow:auto;border-right:1px solid #e3ebf5}.cp-map-vehicle{display:flex;align-items:center;gap:11px;padding:19px 17px;width:100%;border-bottom:1px solid #edf2f8;text-align:left}.cp-map-vehicle:hover,.cp-map-vehicle.selected{background:#f2f7fd}.cp-map-vehicle.selected{border-left:3px solid #4a91d0;padding-left:14px}.cp-map-vehicle>span:nth-child(2){min-width:0}.cp-map-vehicle strong{display:block;color:#5b7b9b;font-size:11px;letter-spacing:.5px}.cp-map-vehicle small{display:block;color:#a0b4c8;font-size:9px;margin:5px 0 8px}.cp-map-vehicle .badge{font-size:7px;padding:3px 5px}.cp-map-vehicle>span:last-child{margin-left:auto;text-align:center;font-size:18px;color:#7c9ebc}.cp-map-vehicle>span:last-child small{font-size:8px}.cp-map-vehicle .cp-car-icon{width:32px;height:35px}.cp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:45px 23px;color:#b0c1d1}.cp-empty strong{font-size:13px;color:#809db7;font-weight:500}.cp-empty p{color:#a4b7c8;font-size:11px;line-height:1.8;max-width:380px}.cp-vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:23px}.cp-vehicle-card{padding:23px}.cp-vehicle-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cp-vehicle-card-top .cp-car-icon{width:54px;height:54px}.cp-vehicle-card>h2{font-size:22px;letter-spacing:1px;color:#385b7e;margin-bottom:8px}.cp-vehicle-card>p{color:#92a9c0;font-size:11px}.cp-card-location{display:flex;align-items:flex-start;gap:7px;color:#9ab0c5;font-size:10px;line-height:1.7;margin:18px 0 22px}.cp-card-location svg{margin-top:2px}.cp-vehicle-card-data{display:grid;grid-template-columns:1fr 1fr;gap:21px 13px;padding:21px 0;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7}.cp-vehicle-card-data>span{color:#a0b5c8;font-size:9px}.cp-vehicle-card-data strong{display:block;color:#6d8dac;font-size:11px;font-weight:500;margin-top:7px}.cp-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px}.cp-telemetry-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.cp-spacer{height:22px}.cp-space-top{margin-top:23px}.cp-bars{padding:14px 24px 35px;display:flex;flex-direction:column;gap:27px}.cp-bars>div{display:flex;align-items:center;gap:15px}.cp-bars>div>span{font-size:10px;color:#86a0b9;width:66px}.cp-bars>div>div{flex:1;background:#f1f5fa;border-radius:5px;height:17px}.cp-bars i{display:block;background:linear-gradient(90deg,#a6c9e6,#609bd0);height:17px;border-radius:4px;min-width:3px}.cp-bars strong{font-size:10px;color:#7493b0;font-weight:500;width:58px;text-align:right}.cp-driving-events{padding:0 23px 22px}.cp-driving-events>div{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #eef3f8;color:#a5bdd2}.cp-driving-events>div:last-child{border:0}.cp-driving-events span{font-size:11px;color:#849fb8}.cp-driving-events strong{margin-left:auto;font-size:20px;color:#6b8daa;font-family:Manrope,sans-serif}.cp-score{background:#ecf6f1;color:#76a28a;padding:6px 9px;border-radius:5px;font-size:10px}.cp-info{display:flex;gap:11px;align-items:center;line-height:1.8;color:#7f9eba;background:#edf4fb;border:1px solid #dfeaf6;border-radius:7px;padding:14px 18px;font-size:11px;margin-bottom:21px}.cp-info>svg{color:#8baed0}.cp-zones-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.cp-zone-list{display:flex;flex-direction:column;gap:18px}.cp-zone-card{padding:23px}.cp-zone-card>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#83a8ca;margin-bottom:20px}.cp-zone-card h2{font-size:17px;color:#567797;margin-bottom:10px}.cp-zone-card p{font-size:11px;color:#8ba5bc;margin-bottom:10px}.cp-zone-card>small{font-size:10px;color:#a2b7ca}.cp-trip-summary{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:15px;padding:23px;border-top:1px solid #e7eff6}.cp-trip-summary span{font-size:9px;color:#9ab0c5}.cp-trip-summary strong{display:block;margin-top:7px;font-size:12px;color:#6588a8;font-weight:500}.cp-footnote{display:flex;align-items:center;gap:7px;font-size:10px;color:#a1b4c7;line-height:1.7;margin-top:18px}.cp-calendar-head{display:flex;align-items:center;gap:12px;padding:20px 23px}.cp-calendar-head h2{font-size:16px;color:#6c8aa7;text-transform:capitalize;min-width:185px;text-align:center}.cp-calendar-head>.button{margin-left:auto}.cp-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #e7eef6}.cp-weekday{padding:14px;text-align:center;font-size:9px;letter-spacing:1px;color:#9cb0c4;background:#f9fbfe;border-bottom:1px solid #e7eef6}.cp-calendar-day{min-height:120px;border-right:1px solid #e7eef6;border-bottom:1px solid #e7eef6;padding:10px 7px;min-width:0}.cp-calendar-day:nth-child(7n){border-right:0}.cp-day-number{padding:5px 7px;border-radius:5px;font-size:10px;color:#8ba5be;min-width:25px}.cp-day-number:hover{background:#e9f2fc}.cp-calendar-day.muted-day{background:#fbfcfe}.cp-calendar-day.muted-day .cp-day-number{color:#c1cfdc}.cp-calendar-day.reference-day{background:#f7faff}.reference-day .cp-day-number{background:#4c90cd;color:white}.cp-calendar-event{display:block;background:#edf5fd;border-left:2px solid #8ab5dd;color:#7c9fc1;font-size:8px;width:100%;text-align:left;border-radius:3px;padding:6px 5px;line-height:1.5;margin-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cp-calendar-event.order{background:#eef7f3;border-color:#8ebdac;color:#8bad9f}.cp-calendar-event.invoice{background:#fdf7ec;border-color:#d9bd87;color:#bda575}.cp-report-filters{display:flex;gap:19px;align-items:center;flex-wrap:wrap;padding:23px}.cp-report-filters label{display:flex;flex-direction:column;gap:8px;color:#8ba5bb;font-size:10px}.cp-report-filters p{margin-left:auto;display:flex;align-items:center;gap:8px;color:#a4b8ca;font-size:10px}.cp-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-top:24px}.cp-report-card{padding:25px}.cp-report-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#edf4fc;color:#84add2;padding:12px;margin-bottom:20px}.cp-report-card h2,.cp-command-card h2{font-size:16px;color:#557797;margin-bottom:10px}.cp-report-card p,.cp-command-card p{font-size:11px;color:#9cb1c5;line-height:1.8;margin-bottom:25px}.cp-report-card>.button{width:100%}.cp-command-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.cp-command-card{padding:23px}.cp-command-card h2{font-size:14px}.cp-command-card p{min-height:60px}.cp-command-card>.button{width:100%;font-size:10px}.cp-faq details{padding:18px 23px;border-top:1px solid #ecf2f8}.cp-faq summary{cursor:pointer;font-size:12px;color:#7696b1}.cp-faq details p{font-size:11px;line-height:1.9;color:#9bb0c4;margin:13px 0 3px;max-width:700px}.cp-notification{display:flex;align-items:flex-start;gap:17px;border-bottom:1px solid #ecf2f8;padding:25px}.cp-notification:last-child{border:0}.cp-notification.unread{background:#f9fbff}.cp-notification>.cp-report-icon{margin:0;flex-shrink:0}.cp-notification>div{flex:1}.cp-notification>div>div{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:10px}.cp-notification time{color:#acbdcc;font-size:9px}.cp-notification-type{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#98b0c9}.cp-notification h2{font-size:14px;color:#6889a9;margin-bottom:9px}.cp-notification p{color:#9ab0c5;font-size:11px;line-height:1.8;margin-bottom:16px}.cp-notification small{font-size:10px;color:#aabfce}.cp-unread-dot{display:block;width:6px;height:6px;background:#79a9d7;border-radius:50%;margin-top:8px}.cp-account-grid{display:grid;grid-template-columns:2fr 1fr;gap:23px}.cp-form{padding:6px 24px 24px}.cp-form label{font-size:11px;color:#8aa2ba}.cp-form input{color:#5f809f}.cp-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:21px;margin-top:22px;border-top:1px solid #e8eff6}.cp-form-actions>span{margin-right:auto;color:#a2b5c7;font-size:9px}.cp-account-plan{display:flex;flex-direction:column;align-items:center;padding:29px;text-align:center}.cp-account-plan .cp-report-icon{margin-bottom:18px}.cp-account-plan>span:not(.cp-report-icon):not(.badge){font-size:8px;color:#9ab2c9;letter-spacing:1.6px}.cp-account-plan h2{font-size:24px;color:#5a7fa3;margin:12px 0 17px}.cp-account-plan>strong{font-size:21px;font-family:Manrope,sans-serif;color:#7094b5;margin-bottom:18px}.cp-account-plan>strong small{font-size:10px;font-weight:400;font-family:'DM Sans',sans-serif;color:#a7bdcf}.cp-account-plan>p{font-size:11px;color:#a1b8ca;margin:18px 0 24px}.cp-modal-note{font-size:12px;line-height:1.8;color:#89a0b7;margin-bottom:22px}.cp-form-error{color:#c97973;font-size:11px;line-height:1.8;margin-top:14px}.cp-form-error:empty{display:none}.cp-ticket-meta{display:flex;align-items:center;gap:14px;color:#9db2c6;font-size:10px}.cp-ticket-messages>div{margin:15px 0;padding:14px 17px;border:1px solid #e6eef7;border-radius:7px;background:#f8fbfe}.cp-ticket-messages span{font-size:9px;color:#9bb3c9}.cp-ticket-messages p{font-size:12px;line-height:1.8;color:#7797b4;margin-top:9px;white-space:pre-wrap}.cp-vehicle-modal-status{margin-bottom:22px}#cp-ticket-reply textarea{border:1px solid #dfe9f3;border-radius:6px;padding:12px;font:inherit;color:#6c8fae;resize:vertical}.cp-no-client{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.cp-mobile-menu,.cp-menu-scrim{display:none}
@media(min-width:1550px){.cp-nav{font-size:12px;padding:12px 16px}.cp-heading h1{font-size:31px}.cp-stat{padding:27px 23px}.cp-stat strong{font-size:32px}.cp-map-shell.compact .cp-map{height:366px}.cp-vehicle-list{padding:24px}.cp-table td{padding:20px}.cp-panel-head h2{font-size:16px}.cp-panel-head p{font-size:11px}}
@media(max-width:1230px){.cp-sidebar{width:218px;padding-left:12px;padding-right:12px}.cp-shell{margin-left:218px}.cp-content{padding:25px 23px}.cp-topbar,.cp-demo-toolbar{padding-left:23px;padding-right:23px}.cp-heading h1{font-size:25px}.cp-period{display:none}.cp-stat{gap:10px;padding:19px 13px}.cp-stat-icon{padding:8px}.cp-stat strong{font-size:25px}.cp-stat>div>span{font-size:9px}.cp-stat small{font-size:8px}.cp-home-grid,.cp-bottom-grid{grid-template-columns:1.45fr 1fr}.cp-vehicle-list{padding:17px;gap:10px}.cp-panel-head{padding:19px 17px}.cp-panel-head h2{font-size:13px}.cp-panel-head p{font-size:9px}.cp-text{font-size:9px}.cp-map-layout{grid-template-columns:230px 1fr}.cp-vehicle-grid{grid-template-columns:repeat(2,1fr)}.cp-command-grid{grid-template-columns:repeat(2,1fr)}.cp-command-card p{min-height:0}.cp-map-caption{font-size:8px}.cp-vehicle-card{padding:21px}.cp-trip-summary{grid-template-columns:repeat(4,1fr)}.cp-trip-summary>span:first-child{grid-column:1/-1}}
@media(max-width:980px){.cp-stats{grid-template-columns:repeat(2,1fr);gap:14px}.cp-stat{padding:20px}.cp-stat>div>span{font-size:11px}.cp-stat small{font-size:10px}.cp-home-grid,.cp-bottom-grid,.cp-telemetry-grid,.cp-zones-layout{grid-template-columns:1fr}.cp-home-vehicles .cp-vehicle-list{padding:18px 22px}.cp-home-vehicles .cp-vehicle-list>span:nth-child(2){display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cp-home-vehicles .cp-vehicle-list>span:nth-child(2)>small{width:100%;margin:0}.cp-home-vehicles .cp-vehicle-list .badge{margin:0}.cp-vehicle-tip{display:none}.cp-heading{align-items:flex-start}.cp-heading-actions{flex-shrink:0}.cp-heading h1{font-size:25px}.cp-report-grid{grid-template-columns:repeat(2,1fr)}.cp-filters{flex-wrap:wrap}.cp-search{min-width:100%;flex:1}.cp-map-layout{grid-template-columns:210px 1fr}.cp-map{height:460px}.cp-map-vehicles{max-height:460px}.cp-account-grid{grid-template-columns:1fr}.cp-account-plan{display:none}.cp-zone-list{display:grid;grid-template-columns:repeat(2,1fr)}.cp-calendar{min-width:600px}.cp-calendar-head{min-width:430px}.cp-panel:has(.cp-calendar){overflow:auto}.cp-calendar-day{min-height:105px}.cp-calendar-event{font-size:7px}.cp-form>.form-grid{grid-template-columns:1fr}.cp-demo-toolbar select{max-width:180px}}
@media(max-width:650px){.cp-sidebar{transform:translateX(-100%);width:242px;transition:transform .2s}.cp-shell{margin-left:0}.cp-topbar{height:64px;padding:0 16px}.cp-mobile-menu{display:inline-flex;margin-left:-6px}.cp-breadcrumb{gap:8px;font-size:10px}.cp-breadcrumb>span{display:none}.cp-topbar-actions{gap:6px}.cp-topbar-actions>.icon-button:first-of-type{display:none}.cp-demo-tag{font-size:8px;padding:4px 6px}.cp-avatar-button{padding-left:8px}.cp-demo-toolbar{padding:9px 16px;gap:5px;font-size:8px}.cp-demo-toolbar label{gap:4px}.cp-demo-toolbar select{max-width:125px;font-size:9px}.cp-demo-toolbar label>svg{display:none}.cp-demo-toolbar button{font-size:8px}.cp-content{padding:23px 16px 18px}.cp-heading{flex-direction:column;gap:15px;margin-bottom:21px}.cp-heading h1{font-size:27px}.cp-heading p{font-size:11px;line-height:1.8;max-width:335px}.cp-heading-actions{width:100%}.cp-heading-actions .button{font-size:11px}.cp-stats{gap:10px;margin-bottom:20px}.cp-stat{padding:15px 10px;gap:9px}.cp-stat-icon{padding:7px}.cp-stat-icon svg{width:18px;height:18px}.cp-stat strong{font-size:24px}.cp-stat>div>span{font-size:9px;white-space:normal;line-height:1.5;margin-top:1px;margin-bottom:8px}.cp-stat small{font-size:8px;margin-top:7px}.cp-home-grid,.cp-bottom-grid{gap:20px}.cp-panel-head{padding:19px 17px}.cp-panel-head h2{font-size:14px}.cp-panel-head p{font-size:9px}.cp-map-shell.compact .cp-map{height:315px}.cp-map-caption{font-size:7px;top:10px;right:9px;padding:6px}.cp-map-caption svg{width:11px;height:11px}.cp-map-legend{font-size:8px;gap:18px;padding:15px 17px}.cp-footer{flex-wrap:wrap;font-size:8px;gap:10px}.cp-map-layout{display:flex;flex-direction:column-reverse}.cp-map-layout .cp-map{height:375px}.cp-map-vehicles{max-height:230px;border-right:0}.cp-map-vehicle{padding:14px 17px}.cp-map-vehicle.selected{padding-left:14px}.cp-filters{padding:13px 16px;gap:9px}.cp-filters>select{font-size:9px;padding:8px;max-width:50%;flex:1}.cp-date-input{padding:7px;max-width:50%;flex:1}.cp-date-input input{font-size:9px;min-width:100px}.cp-vehicle-grid,.cp-zone-list,.cp-report-grid,.cp-command-grid{grid-template-columns:1fr}.cp-vehicle-card{padding:24px}.cp-trip-summary{padding:18px;gap:17px;grid-template-columns:1fr 1fr}.cp-trip-summary>span:first-child{grid-column:1/-1}.cp-calendar-head{padding:15px;gap:4px}.cp-calendar-head h2{font-size:13px;min-width:150px}.cp-calendar-head>.button{font-size:10px}.cp-report-filters{padding:18px;gap:15px}.cp-report-filters label{width:calc(50% - 8px)}.cp-report-filters p{font-size:9px;line-height:1.8;margin-left:0}.cp-info{font-size:10px;align-items:flex-start;padding:13px}.cp-info>svg{margin-top:3px}.cp-notification{padding:20px 16px;gap:12px}.cp-notification>.cp-report-icon{padding:9px}.cp-notification>.cp-report-icon svg{width:20px;height:20px}.cp-notification h2{font-size:12px}.cp-notification p{font-size:10px}.cp-notification time{font-size:8px}.cp-form{padding:4px 19px 22px}.cp-form-actions{flex-wrap:wrap}.cp-form-actions>span{width:100%;font-size:9px;margin-bottom:5px}.cp-app.menu-open .cp-sidebar{transform:translateX(0)}.cp-app.menu-open .cp-menu-scrim{display:block;position:fixed;inset:0;background:#102b4655;z-index:40}.cp-nav{font-size:12px;min-height:39px}.cp-space-label{font-size:9px}.cp-brand img{height:64px}}