:root{--green:#087e98;--ink:#172f4a;--muted:#6a7e92;--line:#dfe7ef}body{font-size:17px;background:radial-gradient(ellipse at top right,#e8f3fa,transparent 55%),#f3f6fb;color:var(--ink)}.sidebar{width:278px;background:linear-gradient(155deg,#10223d 5%,#13374d 65%,#135667);color:#dbe9f6;border:none;padding:28px 18px}.brand{padding:0 9px 25px;font-size:29px;color:#fff}.brand small{font-size:16px;color:#aed3e0}.brand-icon{background:linear-gradient(145deg,#29bec4,#1485b7);box-shadow:0 6px 18px #00182940;width:48px;height:48px}.nav-label{font-size:13px;color:#91b3c6;letter-spacing:.3px}nav a{font-size:16px;color:#bad0df;padding:12px 14px;margin:5px 0;gap:11px;transition:background .15s}nav a:hover{background:#ffffff0c}nav a.active{background:linear-gradient(110deg,#1a9ba9,#2087b5);color:white;box-shadow:0 4px 14px #00182933}nav b{background:#ffffff24;color:#fff;font-size:12px}nav a span{font-size:23px}.fleet-label{border-color:#ffffff19;margin-top:15px;padding-top:20px}.vehicle-nav a{font-size:14px;color:#d4e4ee;padding:11px}.vehicle-nav small{font-size:13px;color:#99b7c7}.vehicle-nav i{background:#67d9ca}.vehicle-nav .selected{background:#ffffff15}.vehicle-nav p{color:#abc3d1;font-size:14px}.sidebar-foot{border-color:#ffffff19;font-size:14px}.sidebar-foot small{font-size:12px;color:#93b6c9}.workspace{margin-left:278px}header{height:82px;padding:0 30px;background:#ffffffd9;font-size:14px;backdrop-filter:blur(12px)}.today{font-size:14px}main{padding:30px}.page-heading{margin-bottom:25px}.page-heading p{font-size:16px}.eyebrow{font-size:13px;letter-spacing:.5px;font-weight:600}h1{font-size:33px;line-height:1.5;font-weight:700}h2{font-size:20px}h3{font-size:18px}.actions{flex-wrap:wrap}.button,button{background:linear-gradient(120deg,#117f9a,#2465b2);font-size:15px;border-radius:9px;box-shadow:0 4px 9px #173e7112;padding:12px 17px}.button.secondary,button.secondary{background:white;color:#365971;border:1px solid #d4e1ec;box-shadow:none}.compact{padding:8px 12px;font-size:14px}.panel{border-color:#dfe7ef;box-shadow:0 5px 24px #183b6805;border-radius:13px}.panel-title{padding:21px 23px}.panel-title>a,.panel-title>span{font-size:14px}.filter{gap:16px;padding:20px}.filter button{height:47px}label{font-size:15px;color:#405b73;gap:9px}input,select,textarea{font-size:16px;padding:11px 13px;min-height:46px;border-color:#d8e3ed;border-radius:8px}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #0787a51a;border-color:#1186a2}.reset{font-size:14px}.stats{gap:16px}.stat{border-color:#dee7f1;padding:22px;border-radius:12px;box-shadow:0 5px 20px #0c365505}.stat>div{font-size:15px;color:#536e87;min-height:38px;gap:8px}.stat strong{font-size:29px;margin:15px 0}.stat small{font-size:13px;color:#7790a4;line-height:1.8}.stat-icon{background:#e8f5fa;color:#138da7}.stat.profit{background:linear-gradient(125deg,#104f76,#147d99 65%,#1b9caa);color:white;border:0;box-shadow:0 7px 22px #0f648424}.profit>div,.profit small{color:#d1eef6}.business-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.business-stats .stat{padding:21px}.business-stats .stat strong{font-size:29px}.business-stats .profit{grid-column:span 2}.overview{background:linear-gradient(115deg,#163c60,#166e82);border:0;color:#fff;padding:27px;border-radius:14px;box-shadow:0 5px 20px #08456712}.overview h2{font-size:23px}.overview p{font-size:15px;color:#c1dce8}.overview>a{font-size:15px;color:#d9f7fb}.overview-icon{background:#ffffff18;color:#9de8e8}.count{font-size:13px;color:#3d748a;background:#e9f4f8}.table-wrap th{font-size:14px;color:#617b92;background:#f6f9fc;padding:16px 19px}.table-wrap td{font-size:15px;padding:19px;border-color:#eaf0f5}.table-wrap tr:hover td{background:#fafdff}.table-wrap td small{font-size:13px;line-height:1.6;color:#7890a4}.table-wrap .code{font-size:14px;color:#187a98}.table-wrap .money{font-size:15px;background:#e8f6f8;color:#09758b}.row-actions,.edit,.danger-link{font-size:14px}.danger-link{color:#c04449;background:transparent;box-shadow:none;padding:5px 0}.tag{font-size:13px;background:#eaf3fb;color:#26729b}.help-note{font-size:14px;color:#617d91;line-height:1.9}.car-card h2{font-size:20px}.car-card p{font-size:15px}.car-link{font-size:15px}.repair-vehicles .button{font-size:14px}.empty{padding:40px 22px}.empty h3{font-size:20px}.empty p{font-size:15px}.estimate{background:linear-gradient(110deg,#e9f5f8,#edf2fc);color:#216b8f;font-size:16px}.estimate small{font-size:13px}.form-section p{font-size:14px}.form-bottom span{font-size:14px}.notice,.errors{font-size:15px;line-height:1.8}.notice{background:#e5f4f7;color:#17627a;border:1px solid #c9e7ed}.errors{background:#fff1f1;color:#aa3038;border:1px solid #f5d0d3}footer{font-size:13px;color:#8197a9}.vehicle-tools{font-size:15px}.salary-panel{border-top:4px solid #178fa5}.salary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px}.salary-grid>div{padding:18px;border-radius:10px;background:#f3f7fb}.salary-grid span{display:block;font-size:14px;color:#657e92}.salary-grid strong{display:block;font:600 24px Arial;margin-top:15px;color:#224b68}.salary-grid .salary-balance{background:linear-gradient(130deg,#e1f3f6,#e4ecfb)}.salary-actions{padding:0 24px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.salary-actions p{font-size:14px;flex:1 1 250px}.month-filter{display:flex;gap:10px;align-items:end}.month-filter label{font-size:13px}.month-filter input{min-height:40px;padding:7px 10px;font-size:14px}.month-filter button{padding:9px 13px}.driver-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-body{min-height:100vh;background:radial-gradient(ellipse at top left,#24687c55,transparent 65%),linear-gradient(125deg,#0e203c,#173e58);display:grid;place-items:center;padding:40px}.auth-layout{width:min(1120px,100%);display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.auth-intro{color:white}.auth-intro .brand{padding:0;margin-bottom:75px}.auth-intro .eyebrow{color:#81dce2}.auth-intro h1{font-size:43px;line-height:1.6;margin:16px 0 22px}.auth-intro p{font-size:18px;color:#b7d1e2;max-width:420px}.auth-features{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.auth-features span{font-size:14px;padding:9px 13px;background:#ffffff0d;border:1px solid #ffffff18;border-radius:20px}.auth-card{padding:38px;background:#fff;border-radius:20px;box-shadow:0 20px 80px #03142650}.auth-card h1{font-size:27px;margin:10px 0}.auth-card>p{font-size:15px}.auth-form{display:grid;gap:19px;margin:27px 0}.auth-form button{margin-top:5px;padding:15px}.auth-card .help-note{font-size:13px}.auth-form label{font-size:15px}.auth-form input{font-size:17px}.sidebar-foot .avatar{background:#d8f2f4;color:#127c91}.sidebar-foot{flex-shrink:0}.salary-panel .panel-title{flex-wrap:wrap}@media(min-width:1550px){.business-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.business-stats .profit{grid-column:auto}}@media(max-width:1150px){.sidebar{width:250px}.workspace{margin-left:250px}main{padding:23px}.salary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-stats .profit{grid-column:span 2}.auth-layout{gap:35px}.auth-intro h1{font-size:34px}}@media(max-width:700px){body{font-size:16px}.sidebar{width:100%;padding:16px}.workspace{margin-left:0}.sidebar .brand{font-size:25px;padding-bottom:10px}.sidebar nav a{font-size:14px;padding:10px 12px}.sidebar nav{padding-bottom:2px}header{height:64px;padding:0 16px;font-size:12px}.today{font-size:12px;gap:10px}.today .compact{font-size:12px;padding:7px 10px}main{padding:22px 15px}h1{font-size:28px}.page-heading p{font-size:15px}.actions .button{font-size:14px;padding:11px 13px}.stats,.business-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat,.business-stats .stat{padding:16px}.stat>div{font-size:14px}.stat strong,.business-stats .stat strong{font-size:24px}.stat small{font-size:12px}.business-stats .profit{grid-column:span 2}.salary-grid{padding:16px;gap:10px}.salary-grid>div{padding:13px}.salary-grid strong{font-size:21px}.salary-grid span{font-size:13px}.salary-actions{padding:0 16px 20px}.filter{gap:12px;padding:16px}.filter label{font-size:14px}.panel-title h2{font-size:18px}.table-wrap td{font-size:14px}.table-wrap th{font-size:13px}.table-wrap td small{font-size:12px}.form-grid{padding:20px}.auth-body{padding:22px 16px}.auth-layout{grid-template-columns:1fr;gap:25px}.auth-intro .brand{margin-bottom:25px}.auth-intro h1,.auth-intro>p,.auth-features,.auth-intro>.eyebrow{display:none}.auth-card{padding:26px 22px;border-radius:15px}.auth-card h1{font-size:25px}.month-filter{width:100%}.month-filter label{flex:1}.row-actions{font-size:14px}}
.sidebar{overflow-y:auto}.sidebar nav a{line-height:1.6;padding-top:9px;padding-bottom:9px}.sidebar .nav-label{line-height:1.5}.sidebar .vehicle-nav{min-height:70px;flex-shrink:0}.sidebar .brand{padding-bottom:18px}@media(max-width:700px){.sidebar .vehicle-nav{display:none}.sidebar nav a{padding:10px 12px}}
.fleet-photo{display:block;width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:16px}.fleet-photo-placeholder{height:180px;display:grid;place-items:center;background:#f1f5f9;border-radius:12px;color:#64748b;margin-bottom:16px}.fleet-photo-preview{max-width:100%;width:280px;max-height:180px;object-fit:contain;border-radius:10px;margin:12px 0}.fleet-photo-preview[hidden]{display:none}.fleet-image-field{margin:12px 0}.fleet-image-field input[type=file]{padding:10px;max-width:100%}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.check-label{display:flex!important;align-items:center;gap:10px;font-weight:500}.check-label input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}.feature-permissions{border:1px solid #dce3eb;border-radius:12px;padding:20px}.feature-permissions p{color:#64748b;line-height:1.7;margin:10px 0 20px}.dashboard-cars{margin:24px 0}.directory-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}
.external-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}.external-summary{padding:18px;margin:16px 0;line-height:1.8}.external-stats .stat strong{font-size:24px}.entry table input[type=number]{min-width:110px;width:100%}