:root{color:#172126;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login-page{background:#f4f7f8;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-hero{color:#fff;background-color:#0000;background-image:linear-gradient(#0e1b1fd1,#0e1b1fe6),url(https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1400&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;gap:24px;min-height:100vh;padding:54px;display:flex}.login-brand{padding:0}.login-hero h1{color:#fff;max-width:680px;font-size:54px;line-height:1.02}.login-hero p{color:#c6d5da;max-width:620px;font-size:18px}.login-points{flex-wrap:wrap;gap:10px;display:flex}.login-points span{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.login-panel{flex-direction:column;justify-content:center;gap:18px;padding:46px;display:flex}.login-tabs{background:#eaf1f3;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;padding:6px;display:grid}.login-tabs button{color:#66777f;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:42px;font-weight:800}.login-tabs button.active{color:#0f766e;background:#fff;box-shadow:0 8px 18px #142a3014}.login-form,.customer-list,.operation-picker{gap:12px;display:grid}.login-form{background:#fff;border:1px solid #dfe7ea;border-radius:8px;padding:20px;box-shadow:0 18px 38px #142a3014}.operation-picker{color:#66777f;font-size:13px;font-weight:700}.operation-picker label{color:#172126;background:#fbfdfd;border:1px solid #d7e1e4;border-radius:8px;align-items:center;gap:10px;min-height:38px;padding:0 12px;display:flex}.login-message{color:#b45309;font-weight:700}.customer-list{background:#fff;border:1px solid #dfe7ea;border-radius:8px;padding:18px}.customer-list>span{color:#66777f;text-transform:uppercase;font-size:12px;font-weight:800}.customer-list button{text-align:left;color:#172126;cursor:pointer;background:#fbfdfd;border:1px solid #d7e1e4;border-radius:8px;min-height:48px;padding:9px 12px;font-weight:800}.customer-list small{color:#66777f;margin-top:2px;font-weight:600;display:block}.app-shell{color:#172126;background:#f4f7f8;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#f8fbfb;box-sizing:border-box;background:#0e1b1f;flex-direction:column;gap:24px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand,.sidebar-panel,.nav-item,.topbar,.topbar-actions,.search,.panel-title,.panel-title>div,.panel-actions,.metric,.vehicle-top,.modal-head,.modal-actions{align-items:center;display:flex}.brand{gap:12px;padding:8px}.brand-mark,.panel-icon,.metric>span{border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand-mark{color:#0e1b1f;background:#f8c76a}.brand strong,.metric strong,.vehicle-top strong,.timeline strong,.trip-money strong{display:block}.brand span,.sidebar-panel span,.vehicle-top span,.timeline span,.metric p,.metric small,dt,.muted{color:#718088;font-size:13px}.sidebar nav{gap:6px;display:grid}.nav-item{color:#b6c3c8;cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;gap:10px;padding:12px}.nav-item:hover,.nav-item.active{color:#fff;background:#193238}.sidebar-panel{background:#13272c;border:1px solid #244249;border-radius:8px;gap:10px;margin-top:auto;padding:14px}.role-card,.tenant-switcher,.operation-card{background:#13272c;border:1px solid #244249;border-radius:8px;gap:8px;padding:12px;display:grid}.role-card span,.tenant-switcher span,.operation-card span{color:#94aeb6;text-transform:uppercase;font-size:12px;font-weight:700}.role-card select,.tenant-switcher select{color:#fff;background:#0e1b1f;border:1px solid #31555e;border-radius:8px;height:38px;padding:0 10px}.operation-card div{flex-wrap:wrap;gap:6px;display:flex}.operation-card strong{color:#fff;background:#193238;border-radius:999px;padding:5px 8px;font-size:12px}main{min-width:0}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#ffffffe6;border-bottom:1px solid #dfe7ea;justify-content:space-between;gap:18px;min-height:92px;padding:18px 28px;position:sticky;top:0}.eyebrow{color:#0f766e;text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:700}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:18px;line-height:1.2}.topbar-actions{gap:10px}.search{background:#eef4f5;border:1px solid #dbe6e9;border-radius:8px;gap:8px;min-width:290px;height:42px;padding:0 12px}.search input,.field input,.field select{color:#172126;font:inherit;background:0 0;border:0;outline:0;min-width:0}.search input{width:100%}button{font:inherit}.primary,.ghost,.icon-button{cursor:pointer;border-radius:8px;min-height:40px}.primary{color:#fff;background:#0f766e;border:0;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.primary:hover{background:#0b5f59}.primary.compact{min-height:34px}.ghost{color:#243237;background:#fff;border:1px solid #d7e1e4;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.icon-button{color:#26363c;background:#fff;border:1px solid #d7e1e4;place-items:center;width:42px;display:grid}.workspace{gap:20px;padding:24px 28px 34px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.quick-actions,.process-strip,.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.quick-actions button,.process-strip article{color:#172126;background:#fff;border:1px solid #dfe7ea;border-radius:8px;align-items:center;gap:10px;min-height:72px;padding:14px;display:flex;box-shadow:0 10px 24px #142a300d}.module-grid article{background:#f8fbfb;border:1px solid #dfe7ea;border-radius:8px;gap:4px;padding:14px;display:grid}.module-grid strong{color:#172126}.module-grid span{color:#66777f;font-size:13px}.quick-actions button{cursor:pointer;font-weight:800}.quick-actions button:hover{color:#0f766e;border-color:#0f766e}.process-strip article{flex-direction:column;justify-content:center;align-items:flex-start}.process-strip strong{font-size:24px}.process-strip span{color:#66777f;font-size:13px}.metric,.panel,.vehicle-card,.trip-card{background:#fff;border:1px solid #dfe7ea;border-radius:8px;box-shadow:0 14px 30px #142a300f}.metric{gap:14px;padding:18px}.metric>span,.panel-icon{color:#0f766e;background:#e7f4f2}.metric strong{margin:3px 0;font-size:25px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:20px;display:grid}.panel{min-width:0;padding:18px}.panel-title{justify-content:space-between;gap:14px;margin-bottom:18px}.panel-title>div{gap:10px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.period-filter{color:#66777f;background:#fff;border:1px solid #d7e1e4;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.period-filter select{color:#172126;font:inherit;background:0 0;border:0;outline:0;min-width:86px}.pill,.badge{white-space:nowrap;border-radius:999px;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.pill{color:#5a6b72;background:#eef4f5;padding:7px 10px}.badge{padding:6px 9px}.badge.info{color:#2563eb;background:#e8f1ff}.badge.moving{color:#0f766e;background:#e8f4f2}.badge.success{color:#15803d;background:#e9f8ee}.badge.warn{color:#b45309;background:#fff4df}.badge.danger{color:#dc2626;background:#feecec}.legend{color:#66777f;flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;display:flex}.timeline{gap:12px;display:grid}.timeline article{background:#f8fbfb;border-radius:8px;grid-template-columns:minmax(180px,1fr) minmax(180px,2fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.progress{background:#e3ecef;border-radius:999px;height:9px;overflow:hidden}.progress.large{height:12px}.progress span{border-radius:inherit;background:linear-gradient(90deg,#0f766e,#2563eb);height:100%;display:block}.data-panel{overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;color:#66777f;text-transform:uppercase;letter-spacing:0;background:#f4f8f9;padding:12px;font-size:12px}td{color:#223137;border-top:1px solid #edf2f4;padding:14px 12px}.fleet-grid,.trip-board,.settings-grid,.split-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}.vehicle-card,.trip-card{gap:18px;padding:16px;display:grid}.vehicle-top{justify-content:space-between;gap:12px}dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}dd{margin:2px 0 0;font-weight:700}.trip-money,.setting-row{color:#66777f;justify-content:space-between;gap:14px;font-size:13px;display:flex}.row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.danger-button{color:#dc2626}.attention-list{gap:10px;display:grid}.attention-list article{background:#f8fbfb;border-radius:8px;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.attention-list strong{display:block}.attention-list span{color:#66777f;font-size:13px}.check-list{gap:12px;display:grid}.check-list span{color:#243237;align-items:center;gap:8px;display:flex}.setting-row{border-top:1px solid #edf2f4;padding:14px 0;font-size:15px}.setting-row strong{color:#172126}.modal-layer{z-index:20;background:#0814186b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;gap:18px;width:min(720px,100%);padding:20px;display:grid;box-shadow:0 30px 80px #0000003d}.modal-head,.modal-actions{justify-content:space-between;gap:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{color:#66777f;gap:7px;font-size:13px;font-weight:700;display:grid}.field input,.field select{background:#fbfdfd;border:1px solid #d7e1e4;border-radius:8px;height:42px;padding:0 12px}.mobile-only,.scrim{display:none}@media (width<=1160px){.metric-grid,.quick-actions,.process-strip,.module-grid,.fleet-grid,.trip-board{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.login-page{grid-template-columns:1fr}.login-hero{min-height:auto;padding:34px 22px}.login-hero h1{font-size:38px}.login-panel{padding:24px 18px}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:30;width:280px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.scrim{z-index:25;background:#08141852;border:0;display:block;position:fixed;inset:0}.mobile-only{display:grid}.topbar{align-items:flex-start;padding:16px}.topbar-actions{justify-content:flex-end;width:100%}.search{flex:1;min-width:0}.workspace{padding:16px}.metric-grid,.quick-actions,.process-strip,.module-grid,.fleet-grid,.trip-board,.settings-grid,.timeline article,.attention-list article{grid-template-columns:1fr}}@media (width<=620px){h1{font-size:24px}.topbar,.topbar-actions{flex-wrap:wrap}.topbar-actions .primary{flex:1;justify-content:center}.form-grid{grid-template-columns:1fr}.panel-title{flex-direction:column;align-items:flex-start}.panel-actions{justify-content:flex-start}}