@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700;750;800&display=swap');
:root{--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--green:#18181b;--mint:#f4f4f5;--shell-width:256px;color-scheme:light}html,body{background:#fff;color:#18181b;font-family:Inter,Arial,sans-serif}html[data-auth="signed-out"] #workspace,html[data-auth="signed-out"] #toast{display:none!important}html[data-auth="signed-in"] .login-page{display:none}*{box-sizing:border-box}button,input,select{font-family:inherit}button{cursor:pointer}svg{display:inline-block;vertical-align:middle;flex-shrink:0}[data-slot="button"],[data-slot="card"],[data-slot="input"],[data-slot="badge"]{border-style:solid}[data-slot="button"]{font-size:13px;line-height:20px;border-width:0;letter-spacing:-.15px}[data-slot="button"].border{border-width:1px}[data-slot="card"]{border-color:#e4e4e7;border-width:1px}[data-slot="input"]{border-width:1px;color:#18181b;background:#fff}[data-slot="badge"]{border-width:1px;border-color:#e4e4e7;background:#fff;font-size:11px;line-height:18px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a1a1aa;outline-offset:3px}main{margin-left:var(--shell-width);min-width:0}#workspace{min-height:100vh}.shell-sidebar{position:fixed;inset:0 auto 0 0;width:var(--shell-width);height:100dvh;border-right:1px solid #e4e4e7;background:#fafafa;padding:20px 12px 12px;display:flex;flex-direction:column;z-index:1001;color:#27272a;transition:width .18s}.shell-brand{display:flex;align-items:center;gap:7px;font-size:28px;font-weight:750;letter-spacing:-1.6px;color:#18181b;text-decoration:none}.shell-brand>span:first-child{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#18181b;color:white;margin-right:2px}.brand-period{margin-left:-7px;color:#18181b}.sidebar-brand-row{padding:0 10px 24px;display:flex;justify-content:space-between}.shell-workspace{border:1px solid #e4e4e7;border-radius:8px;padding:11px 9px;display:flex;gap:9px;align-items:center;background:white;font-size:12px;font-weight:550;box-shadow:0 1px 2px #00000003}.workspace-mark{display:grid;place-items:center;background:#f4f4f5;border:1px solid #e4e4e7;border-radius:6px;width:32px;height:32px;font-size:10px;font-weight:650;flex-shrink:0}.shell-workspace small{display:block;font-size:10px;color:#71717a;font-weight:400;margin-top:4px}.shell-workspace>svg{margin-left:auto}.shell-nav-label{font-size:11px;color:#71717a;margin:26px 10px 9px;font-weight:500}.shell-nav{display:grid;gap:4px}.shell-nav-item{display:flex;align-items:center;gap:11px;width:100%;height:41px;padding:0 11px;font-size:13px;color:#52525b;border-radius:6px;text-align:left;position:relative;border:1px solid transparent}.shell-nav .shell-nav-item span{font-size:12px;white-space:nowrap}.shell-nav .shell-nav-item.active{background:#ededf0;color:#18181b;font-weight:550;border-color:#e4e4e7}.shell-nav .shell-nav-item:hover{background:#f0f0f2;color:#18181b}.shell-nav-item>svg{stroke-width:1.65}.shell-nav .shell-nav-item b{margin-left:auto;font-weight:500;background:#fff;border:1px solid #e4e4e7;border-radius:4px;padding:0 5px;font-size:10px;color:#52525b}.shell-nav .nav-live{width:6px;height:6px;border-radius:50%;background:#22a574;margin-left:auto}.shell-bottom{margin-top:auto}.shell-demo{margin:20px 5px 12px;display:flex;gap:6px;align-items:center;font-size:10px;color:#71717a}.shell-demo [data-slot="badge"]{margin-left:auto;font-size:9px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#20a477;flex-shrink:0}.shell-user{border-top:1px solid #e4e4e7;display:flex;align-items:center;gap:10px;padding:16px 6px 3px;font-size:12px;font-weight:550}.shell-avatar{border:1px solid #dedee3;border-radius:8px;width:33px;height:33px;background:#fff;display:grid;place-items:center;font-size:10px;font-weight:600;color:#52525b;flex-shrink:0}.shell-user small{display:block;font-size:10px;font-weight:400;color:#71717a;margin-top:4px}.shell-user button{margin-left:auto;color:#71717a}.shell-avatar.small{width:29px;height:29px}#shell-header{height:64px;padding:0 28px;border-bottom:1px solid #e4e4e7;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.shell-header-left,.shell-header-right,.shell-breadcrumb{display:flex;align-items:center;gap:14px}.shell-header-left>button{color:#52525b}.shell-separator{height:18px;width:1px;background:#e4e4e7}.shell-breadcrumb{font-size:12px;color:#71717a}.shell-breadcrumb strong{font-weight:500;color:#27272a}.shell-breadcrumb svg{color:#a1a1aa}.shell-header-right [data-slot="badge"]{font-size:10px;color:#71717a;gap:6px}.mobile-close{display:none!important}.mobile-backdrop{display:none}html[data-sidebar="collapsed"]{--shell-width:72px}html[data-sidebar="collapsed"] .shell-sidebar{padding-left:10px;padding-right:10px}html[data-sidebar="collapsed"] .shell-brand{font-size:0;gap:0}html[data-sidebar="collapsed"] .brand-period,html[data-sidebar="collapsed"] .shell-workspace,html[data-sidebar="collapsed"] .shell-nav-label,html[data-sidebar="collapsed"] .shell-nav-item>span,html[data-sidebar="collapsed"] .shell-nav-item>b,html[data-sidebar="collapsed"] .shell-nav-item>i,html[data-sidebar="collapsed"] .shell-demo,html[data-sidebar="collapsed"] .shell-user>div,html[data-sidebar="collapsed"] .shell-user>.shell-avatar{display:none}html[data-sidebar="collapsed"] .sidebar-brand-row{padding:0 10px 28px}html[data-sidebar="collapsed"] .shell-nav-item{justify-content:center;padding:0}html[data-sidebar="collapsed"] .shell-user{justify-content:center}html[data-sidebar="collapsed"] .shell-user button{margin:0}
/* dashboard-01: neutral cards, compact headings and inset data panels */
.content{padding:28px 28px 0;max-width:1800px}.page-heading{margin-bottom:24px}h1,h2,h3,.stat-value,.care-kpi strong,.care-kpi>div,.tyre-kpis strong{font-family:Inter,Arial,sans-serif}h1{font-size:25px;font-weight:650;letter-spacing:-.9px}.eyebrow{color:#71717a;font-size:9px;letter-spacing:1.3px}.page-heading p{color:#71717a;font-size:12px;line-height:1.6}.date{color:#71717a;border-color:#e4e4e7;font-size:11px}.button{background:#18181b;border-color:#18181b;color:#fafafa;border-radius:6px;font-size:11px}.button:hover{background:#303036}.subtle{border:1px solid #e4e4e7!important;background:#fff!important;color:#3f3f46!important;border-radius:6px}.subtle:hover{background:#f4f4f5!important}.panel,.stat,.care-kpi,.care-panel,.tyre-kpis>div{border-color:#e4e4e7!important;border-radius:10px!important;box-shadow:0 1px 2px #00000003}.stats{gap:14px}.stat{padding:20px}.stat-label{color:#71717a}.stat-icon{background:#f4f4f5;color:#71717a;border:1px solid #e4e4e7;font-size:13px;padding:5px}.stat-value{font-size:29px;font-weight:650;color:#18181b}.stat-foot{color:#71717a}.panel-head{border-color:#e4e4e7;padding:19px 20px}.panel-head h2{font-size:14px;font-weight:600;letter-spacing:-.3px}.panel-head p{color:#71717a;font-size:11px}.live-pill{background:#fafafa!important;color:#71717a!important;border:1px solid #e4e4e7;font-size:8px!important}.count{background:#f4f4f5;color:#71717a;border:1px solid #e4e4e7}.vehicle-type{background:#f4f4f5;color:#71717a}.vehicle-title h3{font-size:19px;font-weight:600}.driver,.metrics{border-color:#e4e4e7}.avatar{background:#f4f4f5;color:#52525b}.trip-link{color:#3f3f46}.search,select,input{border-color:#e4e4e7!important;border-radius:6px;color:#3f3f46}.tabs{border-color:#e4e4e7;gap:4px}.tabs button{color:#71717a}.tabs button.selected{color:#18181b;border-color:#18181b}.tabs button span{background:#f4f4f5;color:#71717a}.table-footer,footer{color:#71717a;border-color:#e4e4e7}thead{background:#fafafa}th{color:#71717a;font-weight:500;letter-spacing:.4px}td{border-color:#f0f0f2}tbody tr:hover{background:#fafafa}.table-scroll{border-top:1px solid #e4e4e7}.search input{background:transparent}.care-tabs,.tyre-tabs{border-color:#e4e4e7}.care-tabs button,.tyre-tabs button{color:#71717a}.care-tabs button.selected,.tyre-tabs button.selected{color:#18181b;border-color:#18181b}.care-section-heading h3,.wheel-stage h3{color:#18181b}.care-kpis strong{color:#18181b}.care-kpis small,.care-footnote{color:#71717a}.service-dialog{color:#18181b;border-color:#e4e4e7}.service-dialog::backdrop{background:#09090b66}.service-dialog label{color:#3f3f46}.wheel-stage{border-color:#e4e4e7}.table-tools .search{border-color:#e4e4e7}.component-actions .button{color:#fff}footer{font-size:10px}.maintenance-mode .content,.tyres-mode .content{max-width:1800px}
/* login-01 form, with a Lintas fleet introduction */
.login-page{min-height:100dvh;display:flex;flex-direction:column;background:#fff;color:#18181b}.login-top{height:104px;display:flex;justify-content:space-between;align-items:center;padding:0 5.5vw}.login-top .shell-brand{font-size:30px}.login-top [data-slot="badge"]{font-size:10px;color:#71717a}.login-layout{flex:1;width:100%;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;padding:22px 7vw 45px;gap:8vw}.login-story{min-width:0;position:relative}.login-story>[data-slot="badge"]{border:0;font-size:9px;letter-spacing:1.5px;padding:0;color:#71717a;gap:8px}.login-story h1{font-size:clamp(35px,3.7vw,58px);line-height:1.13;font-weight:600;letter-spacing:-2.8px;margin:22px 0 18px}.login-story h1>span{color:#a1a1aa}.login-story>p{max-width:400px;font-size:13px;line-height:1.9;color:#71717a;margin:0}.login-fleet{position:relative;height:240px;margin:20px 0 17px;background:radial-gradient(ellipse at 50% 80%,#f4f4f5,transparent 65%);display:flex;align-items:center;justify-content:center}.login-fleet>img{max-width:94%;height:215px;object-fit:contain;filter:drop-shadow(0 15px 12px #0000000d)}.fleet-mini-card{position:absolute;bottom:2px;right:0;display:flex;align-items:center;gap:10px;background:#ffffffed;border:1px solid #e4e4e7;border-radius:9px;padding:12px 13px;box-shadow:0 4px 22px #00000006;font-size:11px;font-weight:550}.fleet-mini-card small{display:block;margin-top:4px;font-weight:400;font-size:9px;color:#71717a}.mini-check{background:#f4f4f5;border-radius:6px;width:33px;height:33px;display:grid;place-items:center}.fleet-mini-card>svg{margin-left:8px;color:#21a176}.story-points{display:flex;gap:19px;color:#71717a;font-size:9px}.story-points>span{display:flex;align-items:center;gap:6px}.login-form-wrap{width:100%;max-width:390px;justify-self:end}.login-card{padding:30px;gap:25px;box-shadow:0 2px 12px #00000003;border-radius:12px}.login-title{text-align:center}.login-symbol{display:grid;place-items:center;background:#f4f4f5;border:1px solid #e4e4e7;width:43px;height:43px;border-radius:10px;margin:0 auto 19px}.login-title h2{font-size:21px;font-weight:600;letter-spacing:-.7px;margin:0 0 9px;line-height:1.4}.login-title p{font-size:11px;color:#71717a;line-height:1.8;margin:0}.login-form{display:grid;gap:19px}.login-form label{display:block;font-size:12px;font-weight:500;margin-bottom:8px}.login-form input{font-size:12px!important;height:40px;padding:0 12px;box-shadow:0 1px 2px #00000003}.login-form input[aria-invalid="true"]{border-color:#dc2626!important}.login-form input::placeholder{color:#a1a1aa}.password-field{position:relative}.password-field input{padding-right:42px}.password-toggle{position:absolute;right:3px;top:2px;color:#71717a}.login-form>button{height:40px;justify-content:center;margin-top:2px}.login-form>button svg{margin-left:5px}.login-error{margin:0;font-size:11px;line-height:1.6;color:#b91c1c}.demo-credentials{padding:14px;background:#fafafa;border:1px dashed #dedee3;border-radius:7px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:5px}.demo-credentials>span{font-size:10px;color:#71717a}.demo-credentials code{font-size:11px;font-weight:500;color:#3f3f46}.demo-credentials code span{color:#a1a1aa;margin:0 4px}.demo-credentials p{width:100%;font-size:9px;color:#71717a;margin:5px 0 0;line-height:1.6}.login-caption{text-align:center;font-size:10px;color:#a1a1aa;margin-top:19px}.login-footer{display:flex;gap:23px;padding:20px 5.5vw;border-top:1px solid #f0f0f2;font-size:9px;color:#a1a1aa;align-items:center}.login-version{margin-left:auto}
@media(min-width:1600px){.login-layout{padding-top:40px;padding-bottom:80px}.login-fleet{height:300px}.login-fleet>img{height:270px}}
@media(max-width:1100px){.login-layout{gap:5vw;padding-left:5.5vw;padding-right:5.5vw}.login-story h1{font-size:42px;letter-spacing:-2px}.story-points{gap:11px;font-size:8px}.content{padding:24px 20px 0}.page-heading .date{display:none}html:not([data-sidebar="collapsed"]){--shell-width:236px}}
@media(max-width:899px){main{margin-left:0!important}.shell-sidebar{width:256px!important;transform:translateX(-100%);transition:transform .2s;z-index:1101;padding:20px 12px 12px!important}html[data-mobile-nav="open"] .shell-sidebar{transform:translateX(0)}.mobile-close{display:inline-flex!important}.mobile-backdrop{display:block;position:fixed;inset:0;background:#09090b66;z-index:1100;width:100%;height:100%}#shell-header{padding:0 18px;height:60px}.shell-header-right .shell-avatar{display:none}.shell-breadcrumb{gap:8px}.shell-header-left{gap:9px}.shell-breadcrumb{font-size:11px}.shell-header-right [data-slot="badge"]{font-size:9px}.login-top{height:85px}.login-layout{grid-template-columns:1fr;padding:30px 24px 45px}.login-story{display:none}.login-form-wrap{justify-self:center;max-width:390px}.login-footer{justify-content:center;padding:18px 24px;font-size:9px}.login-footer span:nth-child(2){display:none}.login-version{margin-left:0}.login-card{padding:28px}.login-page{min-height:100dvh}.login-top .shell-brand{font-size:27px}.login-top .shell-brand>span:first-child{width:28px;height:28px}.page-heading h1{font-size:23px}.page-heading .eyebrow{font-size:8px}}
@media(max-width:540px){.content{padding:22px 14px 0}.shell-breadcrumb{font-size:10px}.shell-header-right [data-slot="badge"]{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:15px}.page-heading{gap:10px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.login-layout{padding:15px 20px 35px}.login-card{padding:25px}.login-footer{font-size:8px;gap:15px}.login-title h2{font-size:20px}}

[data-slot="button"][data-variant="default"]{background:#18181b;color:#fff}[data-slot="button"][data-variant="default"]:hover{background:#303036}[data-slot="button"][data-variant="ghost"]{background:transparent}[data-slot="button"][data-variant="ghost"]:hover{background:#f4f4f5}

@media(max-width:899px){html[data-sidebar="collapsed"] .shell-brand{font-size:28px;gap:7px}html[data-sidebar="collapsed"] .brand-period{display:inline}html[data-sidebar="collapsed"] .shell-workspace{display:flex}html[data-sidebar="collapsed"] .shell-nav-label{display:block}html[data-sidebar="collapsed"] .shell-nav-item>span{display:inline}html[data-sidebar="collapsed"] .shell-nav-item>b,html[data-sidebar="collapsed"] .shell-nav-item>i{display:block}html[data-sidebar="collapsed"] .shell-nav-item{justify-content:flex-start;padding:0 11px}html[data-sidebar="collapsed"] .shell-demo,html[data-sidebar="collapsed"] .shell-user{display:flex}html[data-sidebar="collapsed"] .shell-user>div{display:block}html[data-sidebar="collapsed"] .shell-user>.shell-avatar{display:grid}html[data-sidebar="collapsed"] .shell-user button{margin-left:auto}}
.tabs.tyre-tabs,.tabs.care-tabs{gap:24px;padding:16px 20px 0}.tabs.tyre-tabs button,.tabs.care-tabs button{padding:0 0 14px;font-size:11px;flex-shrink:0}.tyre-kpis small,.tyre-kpis p,.wheel-heading p,.tyre-heading p{color:#71717a}.tyre-kpis strong{color:#18181b;font-family:Inter,Arial,sans-serif;font-weight:600}.login-form>button{background:#18181b;color:white}