:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#152238;background:#f3f6f8;--green:#0d5c46;--green2:#123c32;--line:#e1e7eb}*{box-sizing:border-box}body{margin:0;background:#f3f6f8}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #ccd5dc;background:#fff;border-radius:9px;padding:9px 13px}.primary{background:linear-gradient(135deg,#0d6a4c,#0a503c);color:#fff;border:none;font-weight:800;box-shadow:0 8px 20px #0d5c4628}.large{font-size:17px;padding:15px 22px}.full{width:100%}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,#1a8062 0,#123c32 35%,#09251f)}.login-card{width:min(440px,92vw);background:#fff;padding:34px;border-radius:22px;box-shadow:0 24px 70px #0006}.brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.brand h1,.brand p{margin:0}.brand p{color:#6b7280}.logo{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#0fa06d,#0a684d);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 9px 20px #0002}.compact{margin:0;color:#fff}.compact small{display:block;color:#bcd1ca}.login-card label,.grid-form label,.card>label{display:grid;gap:7px;margin:14px 0;font-weight:700}.login-card input,input,select,textarea{width:100%;border:1px solid #ccd6dd;border-radius:10px;padding:11px;background:#fff}input:focus,select:focus,textarea:focus{outline:3px solid #0d6a4c18;border-color:#0d6a4c}textarea{min-height:82px}.login-card .primary{width:100%;margin:10px 0 16px}.login-card small{color:#687386}.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}aside{background:linear-gradient(180deg,#103e34,#0b3028);padding:22px 15px;display:flex;flex-direction:column;box-shadow:8px 0 30px #102f2410}nav{display:grid;gap:18px;margin-top:30px}.nav-group{display:grid;gap:5px}.nav-title{font-size:13px;letter-spacing:1.5px;color:#f2fffb;padding:0 12px 7px;font-weight:900;text-shadow:0 1px 5px rgba(0,0,0,.22)}nav button{border:none;text-align:left;color:#d9e8e3;background:transparent;padding:11px 12px;display:flex;align-items:center;gap:11px}nav button.active,nav button:hover{background:#ffffff16;color:#fff}.menu-icon{width:22px;height:22px;display:grid;place-items:center;font-weight:900}.aside-bottom{margin-top:auto;color:#fff;display:grid;gap:5px;padding:12px}.aside-bottom small{color:#b9c9c3}.aside-bottom button{margin-top:8px;background:transparent;color:#fff;border-color:#fff4}main{padding:0 28px 40px;min-width:0}header{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5eaed;margin-bottom:22px}header h2,header p{margin:0}header h2{font-size:25px}header p{color:#748091;font-size:12px}.eyebrow{display:block;font-size:10px;letter-spacing:1.4px;color:#71817b;font-weight:900;margin-bottom:4px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span{width:38px;height:38px;border-radius:50%;background:#dcefe8;color:#0d5c46;display:grid;place-items:center;font-weight:900}.user-chip small{display:block;color:#79858e;font-size:10px}.welcome{background:linear-gradient(120deg,#133f35,#0b6b4d);color:#fff;border-radius:18px;padding:24px 28px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 14px 35px #0b4e3b25}.welcome h1,.welcome p{margin:3px 0}.welcome .eyebrow{color:#a8d9c8}.health-pill{padding:9px 13px;background:#ffffff16;border:1px solid #ffffff2d;border-radius:999px;font-size:12px}.health-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#61e39f;margin-right:7px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:18px;box-shadow:0 4px 14px #1520300b}.card h3{margin-top:0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.stat{display:flex;align-items:center;gap:13px;padding:17px}.stat span{color:#687386;font-size:12px}.stat strong{display:block;font-size:27px;margin-top:3px}.stat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:#e8f1ef;color:#0d5c46}.stat.blue .stat-icon{background:#e8f1ff;color:#3165b3}.stat.amber .stat-icon{background:#fff3d8;color:#9a6500}.stat.orange .stat-icon{background:#fff0e4;color:#b95c17}.stat.red .stat-icon{background:#ffe7e7;color:#bd2929}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:16px}.section-head p{margin-top:-6px;color:#7b8791;font-size:13px}.quick-panel{background:linear-gradient(160deg,#fff,#f5faf8)}.progress-row,.quick-metric{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e6ece9}.progress{height:9px;background:#e3ece8;border-radius:99px;overflow:hidden;margin-bottom:9px}.progress i{display:block;height:100%;background:#0c7554}.quick-metric.danger b{color:#b91f2d}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f3;white-space:nowrap}th{font-size:11px;text-transform:uppercase;color:#75818b;letter-spacing:.4px}.link-button{border:none;color:#0d654a;background:#e8f5f0;font-weight:800}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9eef3;font-size:11px;font-weight:900}.badge.approved,.badge.ok,.badge.resolved,.badge.closed{background:#dff5e8;color:#18733d}.badge.submitted,.badge.medium,.badge.under_review{background:#e6f0ff;color:#215cab}.badge.action_required,.badge.not_working,.badge.high,.badge.critical{background:#ffe2e2;color:#a31e1e}.badge.attention_required,.badge.open,.badge.in_progress{background:#fff0cb;color:#8a5b00}.split{display:flex;justify-content:space-between;gap:16px;align-items:start}.split h3{margin-bottom:5px}.review-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid #edf0f3}.review-item small{display:block;color:#718096}.review-item p,.review-item img{grid-column:1/-1}.photo{max-width:330px;border-radius:10px}.thumb{max-width:180px;border-radius:8px}.grid-form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end}.grid-form label{margin:0}.wide{grid-column:1/-1}.notice,.success,.error{padding:11px;border-radius:8px;margin:10px 0}.success{background:#dff5e8;color:#17653a}.error{background:#ffe5e5;color:#971d1d}.notice{background:#eef4ff}.vehicle-card{display:flex;justify-content:space-between;align-items:center}.vehicle-card h1{font-size:42px;margin:6px 0}.vehicle-card strong{font-size:30px}.failed{border-left:5px solid #c23333}.driver-home{max-width:720px;margin:0 auto}.driver-hero{background:linear-gradient(145deg,#103e34,#087052);color:#fff;border-radius:22px;padding:30px;margin-bottom:16px;box-shadow:0 16px 35px #0b4e3b35}.driver-hero .eyebrow{color:#a5d9c7}.driver-hero h1{font-size:43px;margin:8px 0}.driver-hero p{opacity:.85}.driver-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.driver-kpis div{background:#ffffff12;border:1px solid #ffffff1c;border-radius:13px;padding:13px}.driver-kpis small{display:block;opacity:.75}.driver-kpis b{display:block;font-size:19px;margin-top:3px}.driver-note{margin-top:15px}.driver-note p{color:#6d7881;margin-bottom:0}.condition-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.condition-buttons button{font-size:12px;font-weight:800}.condition-buttons button.selected.ok{background:#dff5e8;border-color:#8cd0a6;color:#146d38}.condition-buttons button.selected.attention_required{background:#fff0cb;border-color:#e2bd5b;color:#835600}.condition-buttons button.selected.not_working{background:#ffe2e2;border-color:#df8d8d;color:#9c1d1d}.condition-buttons button.selected.not_applicable{background:#e9eef3;color:#59636c}.loading{padding:40px;text-align:center;color:#748091}@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:5;padding:10px}.brand.compact,.nav-title{display:none}nav{display:flex;overflow:auto;margin:0;gap:4px}.nav-group{display:flex}.nav-group button{white-space:nowrap}.aside-bottom{display:none}main{padding:0 14px 30px}header{padding:15px 0}.user-chip{display:none}.stats{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr}.wide{grid-column:auto}.vehicle-card,.welcome{display:block}.health-pill{display:inline-block;margin-top:12px}}@media(max-width:560px){.stats{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat-icon{display:none}.card{padding:15px}.driver-hero h1{font-size:35px}.split{display:block}.condition-buttons{justify-content:flex-start;margin-top:12px}.condition-buttons button{flex:1 1 46%;padding:11px 8px}.welcome h1{font-size:23px}.welcome{padding:20px}.driver-kpis{grid-template-columns:1fr}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.toolbar h3{margin-bottom:8px}.toolbar .primary{white-space:nowrap}.list-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.search-input{max-width:430px}.list-tools span{font-size:12px;color:#75818b;white-space:nowrap}.edit-button{background:#e8f5f0;color:#0d654a;border-color:#bedfd3;font-weight:800}.danger-button{background:#fff0f0;color:#a32929;border-color:#f0c4c4;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a201a99;z-index:50;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-panel{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 80px #07181366;animation:modal-in .16s ease-out}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h3{margin:0;font-size:23px}.modal-close{width:38px;height:38px;border-radius:50%;padding:0;font-size:25px;line-height:1;background:#f1f4f5;border:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.modal-actions button{min-width:120px}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:700px){.toolbar,.list-tools{align-items:stretch;flex-direction:column}.toolbar .primary,.search-input{max-width:none;width:100%}.modal-panel{padding:17px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,230px) minmax(150px,190px) auto;gap:10px;align-items:center;margin:16px 0}.filter-bar select,.filter-bar .search-input{max-width:none}.filter-bar>span{font-size:12px;color:#75818b;white-space:nowrap;text-align:right}.access-editor{border:1px solid #bedfd3;background:linear-gradient(180deg,#fff,#fbfdfc)}.access-role{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:end;margin-bottom:18px}.access-role label{display:grid;gap:7px;font-weight:700}.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.permission-group{border:1px solid #e1e7eb;border-radius:14px;padding:15px;background:#fafcfb}.permission-group h4{margin:0 0 10px;color:#123c32}.permission-item{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf0f3;font-weight:600;color:#44515b}.permission-item:last-child{border-bottom:none}.permission-item input{width:17px;height:17px;margin:0;accent-color:#0d6a4c}.permission-item span{flex:1}@media(max-width:1000px){.permission-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar>span{text-align:left}}@media(max-width:650px){.permission-grid,.access-role,.filter-bar{grid-template-columns:1fr}.filter-bar>span{text-align:left}}.access-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.access-group{border:1px solid #dce7e3;border-radius:16px;background:#fbfdfc;overflow:hidden;box-shadow:0 4px 14px #0c3d300a}.access-group-head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;background:linear-gradient(180deg,#f5faf8,#edf6f2);border-bottom:1px solid #e4ece9}.access-group-head label{display:flex;align-items:flex-start;gap:11px;cursor:pointer;flex:1}.access-group-head input{width:18px;height:18px;margin-top:2px;accent-color:#0d6a4c}.access-group-head span{display:grid;gap:3px}.access-group-head b{font-size:15px;color:#172b40}.access-group-head small{font-size:12px;color:#75818b;font-weight:500}.access-count{font-size:11px;font-weight:800;color:#0d6a4c;background:#dff2e9;padding:5px 9px;border-radius:999px}.access-children{display:grid;grid-template-columns:1fr 1fr;padding:8px 14px 12px;gap:2px 12px}.access-child{display:flex;align-items:center;gap:9px;padding:10px 6px;border-bottom:1px solid #eef2f1;color:#394955;cursor:pointer;position:relative}.access-child:nth-last-child(-n+2){border-bottom:none}.access-child input{width:17px;height:17px;margin:0;accent-color:#0d6a4c}.access-child span{font-size:13px;font-weight:650}.access-child small{margin-left:auto;font-size:10px;color:#a06d16;font-weight:700}.access-child.disabled{opacity:.55;cursor:not-allowed}@media(max-width:900px){.access-tree{grid-template-columns:1fr}}@media(max-width:600px){.access-children{grid-template-columns:1fr}.access-child:nth-last-child(-n+2){border-bottom:1px solid #eef2f1}.access-child:last-child{border-bottom:none}}.logo-button{border:0;background:transparent;padding:10px 8px;margin:0;width:100%;text-align:left;cursor:pointer;border-radius:14px;transition:background .2s ease,transform .2s ease;display:block}.logo-button:hover{background:#ffffff12;transform:translateY(-1px)}.logo-button:focus-visible{outline:2px solid #7ce0c0;outline-offset:2px}.logo-button img{display:block;width:154px;height:auto;max-height:58px;object-fit:contain;object-position:left center}.login-logo{display:block;width:92px;height:92px;flex:0 0 92px;border-radius:50%;background:#fff;border:4px solid #0d6a4c;object-fit:contain;object-position:center;padding:5px;margin:0 auto 14px;box-shadow:0 8px 22px #0002}.login-card .brand{display:block}.login-card .brand h1{font-size:26px;line-height:1.12;letter-spacing:-.4px}.vehicle-animation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,#051c310d,#051c3129);animation:vehicle-overlay-in .2s ease-out}.vehicle-road{position:absolute;left:0;right:0;bottom:15%;height:4px;background:linear-gradient(90deg,transparent,#72c8ff 10%,#72c8ff 90%,transparent);box-shadow:0 0 18px #4bb8ff99}.vehicle-road span{position:absolute;top:-4px;width:48px;height:2px;background:#dff4ff;animation:road-line 1s linear infinite}.vehicle-road span:nth-child(1){left:5%}.vehicle-road span:nth-child(2){left:28%;animation-delay:.18s}.vehicle-road span:nth-child(3){left:51%;animation-delay:.36s}.vehicle-road span:nth-child(4){left:74%;animation-delay:.54s}.vehicle-road span:nth-child(5){left:92%;animation-delay:.72s}.animated-vehicle{position:absolute;bottom:calc(15% - 27px);left:-210px;width:180px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28));animation:vehicle-drive 2s cubic-bezier(.2,.75,.25,1) forwards}.animated-vehicle svg{display:block;width:100%;height:auto}.vehicle-caption{position:absolute;left:50%;bottom:calc(15% + 22px);transform:translate(-50%);font-size:13px;font-weight:800;letter-spacing:2px;color:#d9f3ff;text-shadow:0 2px 8px #061b2dcc;opacity:0;animation:caption-in .35s ease-out .55s forwards}@keyframes vehicle-drive{0%{left:-210px;transform:translateY(0) scale(.9)}45%{transform:translateY(-5px) scale(1)}to{left:calc(100% + 20px);transform:translateY(0) scale(.95)}}@keyframes road-line{0%{transform:translate(-90px)}to{transform:translate(90px)}}@keyframes caption-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes vehicle-overlay-in{0%{opacity:0}to{opacity:1}}@media(max-width:900px){.logo-button img{width:125px;max-height:48px}.login-logo{width:200px}}.dashboard-lists{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;margin:14px 0}.dashboard-lists .card{min-width:0}.list-count{font-size:22px;color:#0d6a4c;background:#e7f5ef;border-radius:999px;padding:5px 12px}.online-status{display:inline-flex;align-items:center;gap:7px;color:#13734f;font-weight:800}.online-status i{width:8px;height:8px;border-radius:50%;background:#17a86b;box-shadow:0 0 0 4px #17a86b20}.filter-bar .search-input,.list-tools .search-input{width:215px;max-width:215px}.logo-button{width:56px;height:56px;padding:4px;margin:0 auto 10px;border-radius:14px;display:grid;place-items:center;overflow:hidden}.logo-button img{width:48px;height:48px;max-height:48px;object-fit:contain;border-radius:8px}.login-logo{width:230px;height:82px;object-fit:contain}@media(max-width:1050px){.dashboard-lists{grid-template-columns:1fr}.filter-bar .search-input,.list-tools .search-input{width:215px;max-width:215px}}@media(max-width:700px){.filter-bar .search-input,.list-tools .search-input{width:100%;max-width:none}}.security-note{font-size:12px;color:#8a97a8;text-align:center;margin:8px 0 22px}.login-copyright{text-align:center;font-size:12px;color:#7b8794;border-top:1px solid #edf0f2;padding-top:14px}.fleet-chart-card{margin:14px 0;padding:22px 24px;background:linear-gradient(180deg,#fff,#fbfdfc);overflow:hidden}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.chart-head h3{margin:5px 0;font-size:20px;color:#14253b}.chart-head p{margin:0;color:#788692;font-size:13px}.chart-legend{display:flex;gap:18px;align-items:center;white-space:nowrap;padding-top:5px;color:#60707b;font-size:12px;font-weight:700}.chart-legend span{display:inline-flex;align-items:center;gap:7px}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.legend-dot.drivers{background:#0d6a4c}.legend-dot.vehicles{background:#2687d9}.company-chart{display:grid;gap:13px}.chart-row{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f0}.chart-row:last-child{border-bottom:none;padding-bottom:2px}.chart-label{min-width:0;display:flex;align-items:center;gap:10px}.chart-label b{flex:0 0 auto;min-width:42px;text-align:center;padding:6px 8px;border-radius:8px;background:#e8f4ef;color:#0d6a4c;font-size:12px}.chart-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#33485a;font-size:12px;font-weight:650}.chart-bars{display:grid;gap:8px}.bar-line{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center}.bar-value{font-size:11px;font-weight:800;color:#65737d;text-align:right}.bar-track{height:11px;background:#edf2f2;border-radius:999px;overflow:hidden}.bar{display:block;height:100%;border-radius:999px;min-width:0;transition:width .5s ease}.bar.drivers{background:linear-gradient(90deg,#0d6a4c,#24a477)}.bar.vehicles{background:linear-gradient(90deg,#1d72bc,#45a2e9)}.chart-empty{text-align:center;padding:35px;color:#87939c}@media(max-width:850px){.chart-head{display:block}.chart-legend{margin-top:12px}.chart-row{grid-template-columns:1fr;gap:9px}.chart-label span{max-width:70vw}}.logo-button{width:60px;height:60px;padding:4px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#0d6a4c;border:2px solid rgba(255,255,255,.18);box-shadow:0 6px 18px #0000001f}.logo-button img{width:52px;height:52px;max-height:52px;object-fit:contain;border-radius:50%;display:block}.login-logo{width:88px;height:88px;max-height:none;object-fit:contain;border-radius:50%;margin:0 0 14px;display:block}.login-card .brand{display:flex;align-items:center;gap:14px}.login-card .brand>div{min-width:0}@media(max-width:900px){.logo-button{width:56px;height:56px}.logo-button img{width:48px;height:48px}.login-logo{width:78px;height:78px}}.logo-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:82px;padding:8px;margin:0;border:0;background:transparent;border-radius:14px;cursor:pointer}.logo-button img{display:block;width:66px;height:66px;flex:0 0 66px;border-radius:50%;object-fit:cover;object-position:center;background:#fff;border:3px solid #0d6a4c;padding:0;box-shadow:0 6px 16px #0000002e}.login-logo{display:block;width:92px!important;height:92px!important;flex:0 0 92px;border-radius:50%!important;object-fit:cover!important;object-position:center!important;background:#fff;border:4px solid #0d6a4c;padding:0!important;margin:0 auto 14px!important;box-shadow:0 8px 22px #00000024}@media(max-width:600px){.login-logo{width:78px!important;height:78px!important;flex-basis:78px}.logo-button img{width:56px;height:56px;flex-basis:56px}}.logo-button{width:110px;height:110px;min-height:98px;padding:5px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;background:transparent}.logo-button img{width:110px;height:110px;flex:0 0 84px;max-height:none;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #0d6a4c;box-shadow:0 7px 20px #0003;transition:transform .25s ease,box-shadow .25s ease}.logo-button:hover img{transform:scale(1.05);box-shadow:0 9px 25px #0000003d}.logo-button.logo-animating:after{content:"";position:absolute;width:26px;height:120px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);transform:rotate(25deg) translate(-100px);animation:dashboard-logo-shine .9s ease-out;pointer-events:none}@keyframes dashboard-logo-pulse{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.16) rotate(-6deg)}50%{transform:scale(1.08) rotate(6deg)}75%{transform:scale(1.12) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes dashboard-logo-shine{0%{transform:rotate(25deg) translate(-100px);opacity:0}25%{opacity:1}to{transform:rotate(25deg) translate(100px);opacity:0}}@media(max-width:900px){.logo-button{width:82px;height:82px;min-height:82px}.logo-button img{width:70px;height:70px;flex-basis:70px}}.dashboard-primary{order:-1}.nav-title{font-size:12px!important;letter-spacing:1.35px!important;color:#eaf9f4!important;font-weight:850!important;text-shadow:0 1px 4px rgba(0,0,0,.18)}.password-input-wrap{position:relative;display:block}.password-input-wrap input{padding-right:48px}.password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;min-width:34px;padding:0;border:0;background:transparent;color:#0d6a4c;font-size:20px;font-weight:900;display:grid;place-items:center;border-radius:8px}.password-eye:hover{background:#e8f5f0}.password-eye:focus-visible{outline:2px solid #0d6a4c;outline-offset:1px}.password-field{min-width:0}:root{--ui-scale: .9}.app{font-size:90%}.app aside{width:190px}.app main{margin-left:190px}.app main>header{padding:14px 20px}.app main>header h2{font-size:24px;line-height:1.15}.app main>header p{font-size:11px}.app main>header .eyebrow{font-size:9px}.app aside nav button{min-height:36px;padding-top:7px;padding-bottom:7px}.app aside .nav-group{margin-bottom:8px}.app aside .nav-title-button{min-height:25px}.app main{padding-bottom:20px}.app main>*{max-width:none}.card,.app .card{padding:16px}table th,table td{padding-top:8px;padding-bottom:8px;font-size:12px}table th{font-size:10px}button{font-size:12px}.primary,.edit-button,.danger-button{min-height:32px}input,select,textarea{font-size:12px;min-height:34px}.stat{padding:12px}.stat-value{font-size:24px}@media(max-width:1100px){.app aside{width:175px}.app main{margin-left:175px}.app main>header{padding:12px 16px}table th,table td{padding-left:7px;padding-right:7px}}@media(max-width:760px){.app aside{width:64px}.app main{margin-left:64px}.app aside nav button span,.app aside .nav-title,.app aside .aside-bottom span,.app aside .aside-bottom small,.app aside .aside-bottom button{display:none}.app main>header h2{font-size:20px}}html,body,#root{height:100%;min-height:100%;margin:0}body{overflow:hidden}.app{height:100vh;min-height:100vh;display:flex;overflow:hidden}.app aside{position:fixed;inset:0 auto 0 0;height:100vh;min-height:100vh;overflow:hidden;z-index:100;display:flex;flex-direction:column}.app aside nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.app aside .aside-bottom{flex:0 0 auto;position:relative;bottom:auto;margin-top:auto;padding-bottom:12px}.app main{margin-left:180px;width:calc(100% - 180px);height:100vh;min-height:100vh;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scroll-behavior:smooth}.app main>header{position:sticky;top:0;z-index:50;background:var(--page-bg, #f4f7f8)}.app main>*{box-sizing:border-box}@media(max-width:1100px){.app aside{width:165px}.app main{margin-left:165px;width:calc(100% - 165px)}}@media(max-width:760px){.app aside{width:64px}.app main{margin-left:64px;width:calc(100% - 64px)}}.app aside{width:clamp(190px,17vw,270px)}.app main{margin-left:clamp(190px,17vw,270px);width:calc(100% - clamp(190px,17vw,270px))}.filter-bar{grid-template-columns:minmax(220px,1fr) minmax(170px,220px) minmax(145px,190px) auto auto}.filter-bar button{white-space:nowrap}@media(max-width:1200px){.app aside{width:210px}.app main{margin-left:210px;width:calc(100% - 210px)}}@media(max-width:900px){.app aside{width:170px}.app main{margin-left:170px;width:calc(100% - 170px)}.filter-bar{grid-template-columns:1fr 1fr}}@media(max-width:700px){.app aside{width:68px}.app main{margin-left:68px;width:calc(100% - 68px)}.filter-bar{grid-template-columns:1fr}}.logo-button{width:88px;height:88px;min-height:88px;padding:4px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #0d6a4c;box-shadow:0 7px 20px #0003;cursor:pointer}.logo-button img{width:100%;height:100%;display:block;border-radius:50%;object-fit:contain;object-position:center;background:#fff;border:none;padding:5px;transition:transform .25s ease,box-shadow .25s ease}.logo-button:hover img{transform:scale(1.05)}.logo-button.logo-animating img{animation:dashboard-logo-pulse .9s cubic-bezier(.2,.8,.2,1)}@keyframes dashboard-logo-pulse{0%{transform:scale(1)}25%{transform:scale(1.12) rotate(-4deg)}50%{transform:scale(1.06) rotate(4deg)}75%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1)}}.login-logo{width:92px!important;height:92px!important;display:block;flex:0 0 92px;border-radius:50%!important;object-fit:contain!important;object-position:center!important;background:#fff;border:4px solid #0d6a4c;padding:5px!important;margin:0 auto 14px!important;box-shadow:0 8px 22px #00000024}@media(max-width:600px){.logo-button{width:72px;height:72px;min-height:72px}.login-logo{width:78px!important;height:78px!important;flex-basis:78px}}.logo-button{width:105px!important;height:105px!important;min-height:105px!important;padding:4px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;background:#fff;border:3px solid #0d6a4c;box-shadow:0 7px 20px #0003;cursor:pointer}.logo-button img{width:100%!important;height:100%!important;display:block;border-radius:50%;object-fit:contain;object-position:center;background:#fff;border:none;padding:5px}@media(max-width:600px){.logo-button{width:80px!important;height:80px!important;min-height:80px!important}}.app{font-size:100%}.app main{font-size:14px}.app aside nav>button{font-size:14px!important;font-weight:700!important}.app aside nav .nav-title{font-size:12px!important;font-weight:900!important}.app main>header h2{font-size:26px}.app main .card{font-size:14px}.app main table th{font-size:11px}.app main table td{font-size:13px}@media(min-width:1600px){.app main{font-size:14.5px}.app main>header h2{font-size:27px}}@media(max-width:1200px){.app main{font-size:13.5px}.app main>header h2{font-size:24px}}@media(max-width:900px){.app main{font-size:13px}.app main>header h2{font-size:22px}}@media(max-width:600px){.app main{font-size:12.5px}.app main>header h2{font-size:20px}}.app aside nav>button,.app aside nav button{font-size:15px!important;font-weight:700!important;line-height:1.35}.app aside nav .nav-group button{font-size:14px!important;font-weight:650!important;line-height:1.35}.app aside nav .nav-title{font-size:13px!important;letter-spacing:1.4px!important;font-weight:900!important}.app aside .menu-icon{width:22px;min-width:22px;height:22px;font-size:14px}@media(max-width:900px){.app aside nav>button,.app aside nav button{font-size:14px!important}.app aside nav .nav-group button{font-size:13.5px!important}.app aside nav .nav-title{font-size:12.5px!important}}@media(max-width:600px){.app aside nav>button,.app aside nav button{font-size:14px!important}}.app aside{padding:18px 12px!important}.app aside nav{gap:10px!important;margin-top:22px!important}.app aside .nav-group{gap:2px!important;margin-bottom:5px!important}.app aside nav button{min-height:34px!important;padding:7px 10px!important;gap:9px!important;font-size:14px!important}.app aside nav .nav-group button{font-size:13px!important}.app aside nav .nav-title{font-size:12px!important;padding:5px 10px!important}.app aside .logo-button{width:88px!important;height:88px!important;min-height:88px!important;margin:0 auto 8px!important}.app aside .logo-button img{width:100%!important;height:100%!important}.app aside .aside-bottom{padding:8px!important}@media(min-width:1600px){.app aside{width:230px!important;min-width:230px!important}.app main{margin-left:230px!important;width:calc(100% - 230px)!important}}.app aside nav{display:grid!important;align-content:start!important;align-items:start!important;justify-content:stretch!important;gap:8px!important;margin-top:18px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.app aside nav .nav-group{display:grid!important;align-content:start!important;gap:2px!important;margin:0 0 6px!important}.app aside nav>button,.app aside nav button{min-height:36px!important;height:36px!important;padding:7px 10px!important;margin:0!important;font-size:14px!important;line-height:1.2!important}.app aside nav .nav-title{height:auto!important;min-height:26px!important;padding:5px 10px!important;margin:8px 0 2px!important;font-size:12px!important;line-height:1.2!important}.app aside nav .nav-group:first-child .nav-title{margin-top:4px!important}.app aside nav .nav-group button{min-height:34px!important;height:34px!important;padding:6px 10px!important}.app aside .aside-bottom{margin-top:auto!important;flex:0 0 auto!important}.app aside{width:220px!important;min-width:220px!important}.app main{margin-left:220px!important;width:calc(100% - 220px)!important}@media(min-width:1600px){.app aside{width:220px!important;min-width:220px!important}.app main{margin-left:220px!important;width:calc(100% - 220px)!important}}@media(max-width:1200px){.app aside{width:205px!important;min-width:205px!important}.app main{margin-left:205px!important;width:calc(100% - 205px)!important}.app aside nav button{font-size:13.5px!important}}@media(max-width:900px){.app aside{width:180px!important;min-width:180px!important}.app main{margin-left:180px!important;width:calc(100% - 180px)!important}}@media(max-width:700px){.app aside{width:68px!important;min-width:68px!important;padding:10px 7px!important}.app main{margin-left:68px!important;width:calc(100% - 68px)!important}.app aside nav button{justify-content:center!important;padding:7px 4px!important}.app aside nav button span,.app aside .nav-title,.app aside .aside-bottom span,.app aside .aside-bottom small,.app aside .aside-bottom button{display:none!important}}.app main>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:100%!important}.header-user{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:18px!important;flex-shrink:0!important}.header-user-info{display:flex!important;align-items:center!important;gap:12px!important}.header-avatar{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#dff3ec!important;color:#087451!important;font-size:17px!important;font-weight:800!important}.header-user-info strong{display:block!important;color:#10213b!important;font-size:14px!important;font-weight:750!important;white-space:nowrap!important}.header-user-info small{display:block!important;margin-top:2px!important;color:#7b8797!important;font-size:10px!important}.header-logout{height:36px!important;min-width:78px!important;padding:0 17px!important;border:1px solid #0d6b52!important;border-radius:8px!important;background:#0d6b52!important;color:#fff!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important;transition:all .2s ease!important}.header-logout:hover{background:#084f3d!important;border-color:#084f3d!important;transform:translateY(-1px)}@media(max-width:1100px){.header-user{gap:12px!important}.header-user-info{gap:8px!important}.header-user-info strong{font-size:13px!important}.header-logout{padding:0 13px!important;font-size:12px!important}}@media(max-width:700px){.header-user-info>div:not(.header-avatar){display:none!important}.header-user{gap:8px!important}.header-avatar{width:36px!important;height:36px!important;min-width:36px!important;font-size:14px!important}.header-logout{height:34px!important;min-width:70px!important;padding:0 10px!important}}.app main>header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.header-user{margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important}.header-avatar,.header-user-info{display:none!important}.header-logout{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;min-width:86px!important;padding:0 18px!important;margin:0!important;border:1px solid #0d6b52!important;border-radius:8px!important;background:#0d6b52!important;color:#fff!important;font-size:13px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;white-space:nowrap!important;box-shadow:0 3px 10px #0d6b5229!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important}.header-logout:hover{background:#084f3d!important;border-color:#084f3d!important;transform:translateY(-1px)!important}@media(max-width:700px){.header-logout{min-width:76px!important;height:34px!important;padding:0 13px!important;font-size:12px!important}}.app aside .aside-bottom{display:none!important}.app main>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:100%!important;box-sizing:border-box!important}.app main>header>div:first-child{min-width:0!important}.app main>header .user-chip,.app main>header .header-user,.app main>header .header-user-info,.app main>header .header-avatar{display:none!important}.header-logout{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:82px!important;height:36px!important;padding:0 18px!important;margin:0 0 0 auto!important;border:1px solid #0d6a4c!important;border-radius:8px!important;background:#0d6a4c!important;color:#fff!important;font-size:13px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:0 3px 10px #0d6a4c24!important;transition:background .2s ease,border-color .2s ease,transform .2s ease!important}.header-logout:hover{background:#09543d!important;border-color:#09543d!important;transform:translateY(-1px)!important}.header-logout:active{transform:translateY(0)!important}@media(max-width:700px){.app main>header{gap:10px!important}.header-logout{min-width:72px!important;height:34px!important;padding:0 12px!important;font-size:12px!important}}.app aside .nav-title-button{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;box-sizing:border-box!important}.app aside .nav-title-button .nav-title{flex:1 1 auto!important;min-width:0!important;text-align:left!important}.app aside .nav-title-button .nav-chevron{flex:0 0 auto!important;width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#c7dcd6!important;font-size:18px!important;font-weight:700!important;line-height:1!important;border-radius:6px!important;transition:transform .2s ease,color .2s ease,background .2s ease!important}.app aside .nav-title-button:hover .nav-chevron{color:#fff!important;background:#ffffff12!important}.app aside .nav-title-button .nav-chevron.open{transform:rotate(180deg)!important;color:#fff!important}@media(max-width:760px){.app aside .nav-title-button .nav-chevron{display:none!important}}.grid-form select{min-height:40px}.user-role-badge{white-space:nowrap}.inspection-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.inspection-top h1{margin:4px 0;font-size:34px}.inspection-top p{margin:5px 0;color:#66727d}.inspection-date{min-width:150px;text-align:right;padding:12px 15px;border:1px solid #e2e8eb;border-radius:13px;background:#f8fbfa}.inspection-date b,.inspection-date span{display:block}.inspection-date span{color:#71808a;margin-top:4px}.inspection-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.inspection-meta span{background:#f5f8f7;border:1px solid #e1e9e5;border-radius:12px;padding:12px;color:#68747e}.inspection-meta b{display:block;color:#123c32;font-size:18px;margin-top:3px}.inspection-list{display:grid;gap:10px}.inspection-check{border:1px solid #e3e8eb;border-radius:14px;padding:15px;background:#fff}.inspection-check.repair{border-color:#e5a0a0;background:snow}.inspection-check-head,.review-condition-item{display:flex;justify-content:space-between;gap:18px;align-items:center}.inspection-check-head small,.review-condition-item small,.table-sub{display:block;color:#7b8791;margin-top:4px;font-size:11px}.condition-boxes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.condition-box{min-width:112px;padding:11px 14px;border:2px solid #d8e0e5;border-radius:11px;background:#fff;font-weight:900;font-size:12px;letter-spacing:.3px}.condition-box.good.selected{background:#dff5e8;border-color:#55b97a;color:#126a36;box-shadow:0 0 0 3px #55b97a20}.condition-box.okay.selected{background:#fff0c8;border-color:#e2b63d;color:#805700;box-shadow:0 0 0 3px #e2b63d20}.condition-box.need-repair.selected{background:#ffe1e1;border-color:#df6666;color:#9b1f1f;box-shadow:0 0 0 3px #df666620}.condition-box:disabled{cursor:default;opacity:1}.repair-fields{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px;padding-top:14px;border-top:1px dashed #e0b0b0}.repair-fields em{font-size:11px;color:#a12626;font-style:normal}.review-condition-item{padding:16px 0;border-bottom:1px solid #edf0f3;align-items:flex-start}.review-condition-item>div:first-child{flex:1}.review-condition-item .condition-boxes{justify-content:flex-end}.condition-result{display:block;text-align:right;font-size:10px;font-weight:900;margin-top:6px;color:#7b8791}.condition-result.good{color:#16703b}.condition-result.okay{color:#8b6100}.condition-result.need_to_repair{color:#a51f1f}.condition-chip.need-repair{display:inline-block;padding:6px 9px;border-radius:999px;background:#ffe1e1;color:#9b1f1f;font-weight:900;font-size:10px}.vehicle-assignment-card{border:1px solid #e1e7eb;border-radius:16px;margin:14px 0;padding:16px;background:linear-gradient(180deg,#fff,#fbfdfc)}.vehicle-assignment-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.vehicle-assignment-head h3{font-size:24px;margin:2px 0}.vehicle-assignment-head p{margin:0;color:#74808a}.add-driver-button{background:#e8f5f0;color:#0d654a;border-color:#b9ddcf;font-weight:900}.empty-assignment{padding:14px;background:#f7faf9;border-radius:10px;color:#71808a}.assignment-history{margin-top:24px}.page-notice{margin-bottom:18px}.danger-button{color:#a51f1f;background:#fff3f3;border-color:#e7b4b4}.row-actions{display:flex;gap:7px}@media(max-width:900px){.inspection-top,.review-condition-item,.vehicle-assignment-head{display:block}.inspection-date{text-align:left;margin-top:10px}.inspection-check-head{display:block}.inspection-check-head>div:first-child{min-width:0}.condition-boxes{display:flex;flex-wrap:nowrap;justify-content:stretch;gap:6px;margin-top:10px;width:100%;min-width:0}.condition-box{flex:1 1 0;min-width:0;width:0;padding:9px 4px;font-size:clamp(9px,2.8vw,12px);letter-spacing:0;white-space:nowrap}.repair-fields,.inspection-meta{grid-template-columns:1fr}.review-condition-item .condition-boxes{justify-content:stretch}.condition-result{text-align:left}.inspection-check{padding:12px}.inspection-check-head h3{font-size:clamp(16px,4.6vw,21px);line-height:1.2}.inspection-check-head small{font-size:10px}.section-head h2{font-size:clamp(21px,6vw,30px)}.section-head p{font-size:clamp(13px,4vw,17px)}}@media(max-width:420px){.condition-boxes{gap:5px}.condition-box{font-size:10px;padding:8px 2px;border-width:2px}.inspection-check{border-radius:12px}.inspection-check-head h3{font-size:18px}}@media(max-width:900px)and (orientation:landscape){.inspection-check-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.condition-boxes{margin-top:0;max-width:58%}.condition-box{font-size:11px}}.driver-vehicle-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:150px}.assigned-vehicle-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#e8f5f0;color:#0d654a;font-size:11px;font-weight:900}.mini-add-button{width:30px;height:30px;padding:0;border-radius:50%;background:#0d6a4c;color:#fff;border:none;font-weight:900;font-size:18px;line-height:1}.muted{color:#89939b;font-size:12px}.assignment-target{display:grid;gap:3px;background:#f4f8f6;border:1px solid #dce8e2;border-radius:12px;padding:12px}.assignment-target span{font-size:10px;letter-spacing:1.2px;color:#71817b;font-weight:900}.assignment-target b{font-size:18px;color:#123c32}.assignment-target small{color:#71808a}.inspection-check.unselected{border-color:#d6dfe5;background:#fcfdfd}.inspection-check.unselected .condition-boxes{outline:2px dashed #d6dfe5;outline-offset:4px;border-radius:12px}.driver-inspection-identity{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;margin:16px 0}.driver-inspection-identity>div{background:#f4f8f6;border:1px solid #dce8e2;border-radius:12px;padding:12px}.driver-inspection-identity span{display:block;font-size:10px;letter-spacing:1.1px;color:#71817b;font-weight:900}.driver-inspection-identity b{display:block;margin-top:4px;color:#123c32}@media(max-width:800px){.driver-inspection-identity{grid-template-columns:1fr}.driver-vehicle-cell{min-width:110px}}.driver-assignment-inline{background:#f7faf9;border:1px solid #dce8e2;border-radius:12px;padding:12px}.driver-assignment-inline>div>span{display:block;font-size:10px;letter-spacing:1px;color:#71817b;font-weight:900;margin-bottom:6px}.inline-assigned-list small{color:#89939b}.nav-parent-block{display:grid;gap:2px}.nav-parent{font-weight:800}.nav-parent.active-parent{background:#ffffff16;color:#fff}.nav-parent .nav-chevron{margin-left:auto}.nav-subitems{display:grid;gap:2px;margin-left:18px;border-left:1px solid #ffffff20;padding-left:6px}.nav-subitem{padding:8px 10px!important;font-size:12px!important;color:#c7d9d3!important}.nav-subitem .menu-icon{width:18px;height:18px;font-size:11px}.nav-sub-dot{opacity:.55;width:8px}.nav-subitem.active{background:#ffffff20!important;color:#fff!important}.inspection-photo-row{margin-top:10px;padding-top:10px;border-top:1px dashed #e0e6e9}.inspection-photo-upload{display:grid;gap:7px;max-width:360px;font-weight:700}.inspection-detail-head{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.inspection-detail-head>div{background:#f5f8f7;border:1px solid #e1e9e5;border-radius:10px;padding:10px}.inspection-detail-head span,.inspection-detail-head b{display:block}.inspection-detail-head span{font-size:10px;color:#74818a;font-weight:900}.inspection-detail-head b{margin-top:4px}.driver-history-items{display:grid;gap:9px;max-height:55vh;overflow:auto}.history-item{border:1px solid #e3e8eb;border-radius:12px;padding:12px}.history-item>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:start}.history-item small{display:block;color:#71808a;margin-top:3px}.history-item p{margin:10px 0 0;color:#596671}@media(max-width:800px){.inspection-detail-head{grid-template-columns:1fr 1fr}}.photo-upload-button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:max-content;min-width:150px;padding:10px 14px;border:1px solid #cfd9de;border-radius:9px;background:#f8fbfa;color:#0d5c46;font-weight:900;cursor:pointer}.photo-upload-button input{display:none!important}.photo-upload-button:hover{background:#eaf5f1;border-color:#9ccdbd}.driver-inspection-landing{max-width:1100px;margin:0 auto}.driver-inspection-welcome{background:linear-gradient(135deg,#103e34,#087052);color:#fff;border-radius:20px;padding:28px 30px;margin-bottom:18px;box-shadow:0 15px 34px #0b4e3b28}.driver-inspection-welcome .eyebrow{color:#a8d9c8}.driver-inspection-welcome h1{margin:4px 0;font-size:34px}.driver-inspection-welcome p{margin:6px 0 0;opacity:.86}.inspection-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.inspection-action-card{border:1px solid #dfe7e3;background:#fff;border-radius:18px;padding:22px;display:grid;grid-template-columns:52px 1fr 25px;gap:15px;align-items:center;text-align:left;box-shadow:0 5px 18px #1520300b;transition:transform .15s,box-shadow .15s}.inspection-action-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #15203016}.inspection-action-card.new{border-color:#b8dfd0}.inspection-action-card.history{border-color:#d8e3ef}.inspection-action-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:24px;font-weight:900;background:#e8f5f0;color:#0d654a}.inspection-action-card.history .inspection-action-icon{background:#edf3fb;color:#2d5f9d}.inspection-action-card small{display:block;font-size:10px;letter-spacing:1.2px;color:#71817b;font-weight:900}.inspection-action-card strong{display:block;font-size:20px;color:#152238;margin-top:2px}.inspection-action-card em{display:block;font-style:normal;color:#74808a;font-size:12px;margin-top:4px}.inspection-action-card>b{font-size:23px;color:#0d654a}.landing-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.landing-vehicle{border:1px solid #e1e7eb;border-radius:14px;padding:15px;background:#fbfdfc}.landing-vehicle strong{display:block;font-size:23px;color:#123c32;margin:4px 0}.landing-vehicle p{margin:0;color:#74808a;font-size:12px}.inspection-vehicle-selector{margin:0 0 16px;padding:14px;background:#f5faf8;border:1px solid #dce8e2;border-radius:13px}.inspection-vehicle-selector label{display:grid;gap:7px;font-weight:800}.assigned-vehicle-pill.removable{padding-right:4px;gap:5px}.mini-remove-button{width:21px;height:21px;padding:0;border-radius:50%;border:none;background:#fff;color:#a51f1f;font-size:17px;line-height:18px;font-weight:900}.mini-remove-button:hover{background:#ffe5e5}.inline-assigned-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap}@media(max-width:800px){.inspection-action-grid,.landing-vehicle-grid{grid-template-columns:1fr}}.access-user-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.access-user-summary span{padding:6px 10px;border-radius:999px;background:#eaf0f4;font-weight:800;font-size:12px}.access-user-summary small{width:100%;color:#718096}.access-editor .access-tree{max-height:60vh;overflow:auto}.login-card input{font-size:16px;min-height:44px;touch-action:manipulation;font-weight:400!important}.login-card .password-input-wrap input{font-weight:400!important;letter-spacing:normal}.login-card label{font-weight:600}.login-card .primary{min-height:46px;touch-action:manipulation}.field-error input{border-color:#d65d5d;background:snow}.field-validation{display:block!important;color:#a51f1f!important;font-size:11px!important;font-weight:800!important;margin-top:2px}.submission-success{text-align:center;padding:24px 10px 8px;color:#123c32}.submission-success>b{display:block;font-size:18px;line-height:1.45;font-weight:700}.submission-success .modal-actions{margin-top:22px;display:flex;justify-content:center}.submission-success .modal-actions .primary{min-width:110px}@media(max-width:900px){.inspection-action-grid{grid-template-columns:1fr 1fr}.driver-inspection-landing{max-width:none}}@media(max-width:600px){main{padding:0 8px 22px}header{padding:8px 0;margin-bottom:10px}.card{padding:12px;margin-bottom:10px}.inspection-top h1{font-size:26px}.driver-inspection-identity>div{padding:8px}}main{width:100%;min-width:0;overflow-x:hidden}main>header,main>.card,main>.page-notice,main>.welcome,main>.driver-inspection-landing{width:100%;max-width:1600px;margin-left:auto;margin-right:auto}.module-card{overflow:hidden}.module-card .table-wrap{width:100%}.module-card table{min-width:980px}.module-card th,.module-card td{vertical-align:middle}.inspection-tools{align-items:center}.inspection-tools .search-input{flex:1;max-width:520px}.filter-group{display:flex;gap:10px;min-width:360px}.filter-group select{min-width:170px}.list-tools{flex-wrap:wrap}.table-wrap{width:100%;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:760px}@media(max-width:900px){main{padding:0 12px 30px}.module-card{padding:14px}.list-tools{align-items:stretch}.inspection-tools .search-input{max-width:none;flex:1 1 100%}.filter-group{width:100%;min-width:0;flex:1}.filter-group select{flex:1;min-width:0}.table-wrap table{min-width:900px}header{gap:12px}.card{max-width:100%}}@media(max-width:560px){.filter-group{flex-direction:column}.filter-group select{width:100%}.module-card table{min-width:900px}th,td{padding:10px 9px;font-size:12px}.section-head h2{font-size:20px}}.photo-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;align-items:flex-start}.photo-gallery .photo,.photo-gallery .thumb{max-width:220px;max-height:180px;object-fit:cover;border-radius:10px;border:1px solid #dbe4e8;background:#f7faf9}.inspection-photo-upload .success{display:block;margin-top:6px}.checklist-photo-gallery{gap:12px;margin-top:12px}.inspection-photo-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:132px}.photo-gallery .inspection-photo-card .thumb{width:120px;height:86px;max-width:120px;max-height:86px;object-fit:cover;border-radius:8px}.photo-view-button{padding:5px 16px;border-radius:7px;border:1px solid #cfd9de;background:#f7faf9;color:#0d5c46;font-size:11px;font-weight:800;min-width:70px}.photo-view-button:hover{background:#e8f5f0;border-color:#9ccdbd}.photo-preview-modal{width:min(760px,94vw);max-height:92vh;overflow:auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 24px 80px #07181366}.photo-preview-image{display:block;width:auto;max-width:100%;max-height:68vh;margin:0 auto;border-radius:10px;border:1px solid #dbe4e8;object-fit:contain;background:#f7faf9}@media(max-width:700px){.inspection-photo-card{width:112px}.photo-gallery .inspection-photo-card .thumb{width:100px;height:74px;max-width:100px;max-height:74px}.photo-preview-modal{padding:14px}.photo-preview-image{max-height:65vh}}.dashboard-nav button{min-height:56px;padding:14px 18px;font-size:16px;font-weight:800;border-radius:12px;margin:4px 0}.dashboard-nav .menu-icon{font-size:18px}.dashboard-nav{margin-bottom:8px}.odometer-photo-gallery{margin-top:14px}.odometer-photo-gallery .inspection-photo-card{width:150px}.odometer-photo-gallery .thumb{width:140px;height:105px;max-width:140px;max-height:105px;object-fit:cover}.filter-bar select{min-width:190px}.filter-bar{align-items:center}.photo-preview-modal{width:min(900px,94vw);max-height:92vh}.photo-preview-image{max-height:74vh}@media(max-width:700px){.odometer-photo-gallery .inspection-photo-card{width:120px}.odometer-photo-gallery .thumb{width:110px;height:82px;max-width:110px;max-height:82px}.dashboard-nav button{min-height:54px}}.login-card label{font-weight:400}.login-card .brand h1{font-size:27px;line-height:1.12;letter-spacing:-.3px;font-weight:800}.login-card .brand p{font-weight:400}.inspection-upload-thumbnails{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;align-items:flex-start}.upload-thumbnail{position:relative;width:92px;height:72px;border:1px solid #d6e0e4;border-radius:9px;overflow:hidden;background:#f7faf9;box-shadow:0 2px 7px #15203012}.upload-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.upload-remove{position:absolute;top:4px;right:4px;width:22px!important;height:22px;padding:0!important;border:1px solid #fff!important;border-radius:50%!important;background:#d72f36!important;color:#fff!important;font-size:17px!important;line-height:20px!important;font-weight:900!important;display:grid;place-items:center;box-shadow:0 2px 5px #0004}.upload-remove:hover{background:#b51f27!important;transform:scale(1.05)}@media(max-width:700px){.upload-thumbnail{width:82px;height:64px}.upload-remove{width:21px!important;height:21px}}.schedule-reminder h3{margin:0 0 8px;font-size:20px}.schedule-reminder p{margin:0 0 18px;line-height:1.5}.schedule-reminder-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}.schedule-reminder-details>div{padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc}.schedule-reminder-details span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:4px}.schedule-reminder-details b{display:block}@media(max-width:700px){.schedule-reminder-details{grid-template-columns:1fr}}.date-time-row{display:flex;align-items:center;gap:8px}.date-time-row input{flex:1;min-width:0}.date-ok-button{height:42px;padding:0 16px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;font-weight:700;cursor:pointer;white-space:nowrap}.date-ok-button:hover:not(:disabled){border-color:#0b6b50;background:#f0fdf4}.date-ok-button.confirmed{border-color:#86efac;background:#dcfce7;color:#166534}.date-ok-button:disabled{opacity:.5;cursor:not-allowed}.roles-access-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:stretch;margin-top:16px}.roles-user-panel,.roles-matrix-panel{border:1px solid #dfe7e4;border-radius:15px;background:#fff;min-width:0;overflow:hidden}.roles-panel-head{padding:16px;border-bottom:1px solid #e5ece9;background:#f8fbfa}.roles-panel-head b{display:block;font-size:18px}.roles-panel-head small{display:block;color:#75818b;margin-top:3px}.roles-user-list{max-height:650px;overflow-y:auto}.roles-user-item{width:100%;display:grid;gap:5px;text-align:left;padding:14px 16px;border:0;border-bottom:1px solid #e8eeec;border-radius:0;background:#fff;color:#152238}.roles-user-item:hover{background:#f3faf7}.roles-user-item.selected{background:#102338;color:#fff}.roles-user-item strong{font-size:14px}.roles-user-item span{font-size:12px;color:#72808a;overflow:hidden;text-overflow:ellipsis}.roles-user-item.selected span{color:#d5e1e9}.roles-user-item>div{display:flex;align-items:center;gap:8px;margin-top:2px}.roles-user-item>div small{color:#6e7c85}.roles-user-item.selected>div small{color:#d5e1e9}.roles-matrix-panel{display:flex;flex-direction:column;min-height:650px}.roles-matrix-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid #e5ece9;background:#f8fbfa}.roles-matrix-head h3{margin:0 0 4px}.roles-matrix-head p{margin:0;color:#74818b;font-size:12px}.roles-empty{min-height:650px;display:grid;place-content:center;text-align:center;gap:7px;color:#71808a}.roles-empty b{font-size:18px;color:#26394b}.permission-matrix-scroll{height:590px;overflow:auto}.permission-matrix{min-width:520px}.permission-matrix-header,.permission-row{display:grid;grid-template-columns:minmax(260px,1fr) 100px 100px;align-items:center}.permission-matrix-header{position:sticky;top:0;z-index:2;padding:13px 18px;background:#fff;border-bottom:1px solid #dfe7e4;color:#52616b;font-size:12px;font-weight:900;text-transform:uppercase}.permission-matrix-header>div:not(:first-child){text-align:center}.permission-section{padding:12px 18px;background:#edf6f2;color:#0d5c46;font-size:13px;border-bottom:1px solid #dfe9e5;position:sticky;top:46px;z-index:1}.permission-row{padding:12px 18px;border-bottom:1px solid #edf1f0;min-height:54px}.permission-row:hover{background:#fafdfc}.permission-name{font-size:13px;font-weight:650;color:#344451}.permission-row>div:not(:first-child){display:flex;justify-content:center}.access-switch{width:48px;height:27px;padding:3px;border:0;border-radius:999px;background:#cbd5dc;display:flex;align-items:center;transition:.15s;box-shadow:inset 0 1px 2px #0002}.access-switch i{width:21px;height:21px;border-radius:50%;background:#fff;display:block;transition:.15s;box-shadow:0 1px 3px #0003}.access-switch.on{background:#0ca36f}.access-switch.write.on{background:#1669c7}.access-switch.on i{transform:translate(21px)}.access-switch:disabled{opacity:.65;cursor:not-allowed}.roles-access-note{padding:11px 16px;background:#f7faf9;border-top:1px solid #e5ece9;color:#71808a;font-size:11px}.roles-filter{grid-template-columns:minmax(260px,1fr) minmax(180px,230px) auto auto}.roles-filter>span{text-align:right}@media(max-width:900px){.roles-access-layout{grid-template-columns:1fr}.roles-user-list{max-height:280px}.roles-matrix-panel,.roles-empty{min-height:0}.permission-matrix-scroll{height:520px}.roles-filter{grid-template-columns:1fr 1fr}.roles-filter>span{text-align:left}}@media(max-width:600px){.roles-filter{grid-template-columns:1fr}.roles-user-list{max-height:240px}.roles-matrix-head{align-items:stretch;flex-direction:column}.roles-matrix-head .primary{width:100%}.permission-matrix-scroll{height:480px}.permission-matrix{min-width:0}.permission-matrix-header,.permission-row{grid-template-columns:minmax(150px,1fr) 70px 70px;padding-left:12px;padding-right:12px}.permission-section{top:45px;padding-left:12px}.access-switch{width:44px;height:25px}.access-switch i{width:19px;height:19px}.access-switch.on i{transform:translate(19px)}}.header-actions{display:flex;align-items:center;gap:10px;position:relative}.notification-wrap{position:relative}.notification-button{position:relative;width:46px;height:46px;border:1px solid #d7e2df;border-radius:12px;background:#fff;color:#123c32;display:grid;place-items:center;font-size:20px;cursor:pointer;box-shadow:0 4px 14px #0b33251a}.notification-button:hover{background:#f2faf7}.notification-button.has-notifications{border-color:#0d7657}.notification-button>b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d73c3c;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.notification-panel{position:absolute;right:0;top:54px;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid #dfe7e4;border-radius:16px;box-shadow:0 18px 50px #123c3226;z-index:80;overflow:hidden}.notification-panel-head{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #e7eeeb;background:#f8fbfa}.notification-panel-head strong{font-size:14px}.notification-panel-head span{font-size:11px;color:#71808a}.notification-list{max-height:360px;overflow:auto}.notification-item{width:100%;display:flex;gap:11px;text-align:left;border:0;background:#fff;padding:13px 15px;border-bottom:1px solid #eef2f1;cursor:pointer}.notification-item:hover{background:#f5faf8}.notification-item>span:nth-child(2){display:grid;gap:3px}.notification-item strong{font-size:13px;color:#173044}.notification-item small{font-size:11px;color:#71808a}.notification-dot{width:9px;height:9px;border-radius:50%;background:#0ca36f;box-shadow:0 0 0 5px #e1f5ed;margin-top:4px;flex:0 0 auto}.notification-empty{padding:24px 18px;color:#71808a;font-size:13px;text-align:center}@media(max-width:700px){.header-actions{gap:7px}.notification-button{width:42px;height:42px}.notification-panel{position:fixed;top:72px;right:12px}.header-logout{padding:10px 13px}}@media(max-width:700px)and (orientation:portrait){html,body,#root{width:100%;min-width:0;overflow-x:hidden!important}body{overflow:hidden!important}.app{display:flex!important;width:100%!important;min-width:0!important;height:100dvh!important;overflow:hidden!important}.app aside{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:58px!important;min-width:58px!important;height:100dvh!important;padding:8px 5px!important;overflow:hidden!important;z-index:100!important}.app aside .logo-button{width:48px!important;height:48px!important;min-height:48px!important;margin:0 auto 8px!important}.app aside .logo-button img{width:42px!important;height:42px!important}.app aside nav{width:100%!important;margin-top:8px!important;gap:5px!important;overflow-y:auto!important;overflow-x:hidden!important}.app aside nav>button,.app aside nav button{width:100%!important;min-height:42px!important;height:42px!important;padding:6px 2px!important;margin:0!important;justify-content:center!important;border-radius:9px!important}.app aside nav button span,.app aside .nav-title,.app aside .aside-bottom,.app aside .nav-chevron{display:none!important}.app aside .menu-icon{width:24px!important;min-width:24px!important;height:24px!important;font-size:16px!important}.app main{margin-left:58px!important;width:calc(100% - 58px)!important;max-width:calc(100% - 58px)!important;min-width:0!important;height:100dvh!important;padding:0 8px 24px!important;overflow-x:hidden!important;overflow-y:auto!important}.app main>header{position:sticky!important;top:0!important;min-height:52px!important;padding:9px 2px!important;margin-bottom:10px!important;gap:8px!important}.app main>header h2{min-width:0!important;max-width:100%!important;font-size:18px!important;line-height:1.2!important;overflow-wrap:anywhere!important}.app main>header p,.app main>header .eyebrow{font-size:9px!important}.header-user{gap:5px!important}.header-logout{min-width:62px!important;height:32px!important;padding:0 8px!important;font-size:11px!important}.app main>.card,.app main>.page-notice,.app main>.welcome,.app main>.driver-inspection-landing{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}.card,.app main .card,.module-card{padding:12px!important;margin-bottom:10px!important;border-radius:12px!important;min-width:0!important}.card h3{font-size:17px!important}.toolbar,.list-tools,.split,.section-head,.inspection-top{flex-direction:column!important;align-items:stretch!important;gap:9px!important}.toolbar .primary,.toolbar button,.list-tools button{width:100%!important}.filter-bar,.filter-group{display:grid!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;gap:8px!important}.filter-bar select,.filter-bar input,.filter-bar .search-input,.list-tools .search-input{width:100%!important;max-width:none!important;min-width:0!important}.filter-bar>span{text-align:left!important}.grid-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.grid-form label,.login-card label{margin:5px 0!important}.grid-form .wide{grid-column:auto!important}input,select,textarea{min-width:0!important;width:100%!important;font-size:14px!important}button{min-height:40px}.stats,.dashboard-grid,.dashboard-lists{grid-template-columns:1fr!important;width:100%!important;min-width:0!important}.stat{min-width:0!important}.welcome{padding:16px!important}.welcome h1{font-size:21px!important}.table-wrap,.module-card .table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.table-wrap table,.module-card table{width:max-content!important;min-width:680px!important;max-width:none!important}.table-wrap th,.table-wrap td,.module-card th,.module-card td{padding:9px 8px!important;font-size:11px!important;white-space:nowrap!important}.inspection-meta{grid-template-columns:1fr!important;gap:8px!important;margin:10px 0!important}.inspection-detail-head{grid-template-columns:1fr!important;gap:8px!important}.inspection-top h1{font-size:25px!important}.inspection-date{min-width:0!important;width:100%!important;text-align:left!important}.condition-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.condition-buttons button{width:100%!important;min-width:0!important}.driver-inspection-identity{grid-template-columns:1fr!important}.inspection-check{min-width:0!important}.inspection-check>*{max-width:100%!important}.inspection-upload-thumbnails,.photo-gallery,.checklist-photo-gallery,.odometer-photo-gallery{display:flex!important;flex-wrap:wrap!important;gap:7px!important;width:100%!important}.upload-thumbnail{width:76px!important;height:60px!important}.inspection-photo-card{width:94px!important;min-width:94px!important}.photo-gallery .inspection-photo-card .thumb{width:88px!important;height:66px!important;max-width:88px!important;max-height:66px!important}.odometer-photo-gallery .inspection-photo-card{width:102px!important}.odometer-photo-gallery .thumb{width:96px!important;height:72px!important;max-width:96px!important;max-height:72px!important}.modal-backdrop{padding:8px!important}.modal-panel,.photo-preview-modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;padding:14px!important;border-radius:14px!important}.photo-preview-image{max-width:100%!important;max-height:68dvh!important}.modal-actions{flex-direction:column-reverse!important;width:100%!important}.modal-actions button{width:100%!important}.access-role,.access-tree,.permission-grid{grid-template-columns:1fr!important;width:100%!important;min-width:0!important}.access-group,.permission-group{min-width:0!important}.access-children{grid-template-columns:1fr!important}.chart-head{display:block!important}.chart-legend{margin-top:10px!important;flex-wrap:wrap!important}.chart-row{grid-template-columns:1fr!important;gap:7px!important}.chart-label span{max-width:55vw!important}.driver-home{max-width:100%!important;width:100%!important}.driver-hero{padding:18px!important;border-radius:15px!important}.driver-hero h1{font-size:29px!important}.driver-kpis{grid-template-columns:1fr 1fr!important}.app main *{overflow-wrap:break-word}}@media(max-width:390px)and (orientation:portrait){.app aside{width:52px!important;min-width:52px!important}.app main{margin-left:52px!important;width:calc(100% - 52px)!important;max-width:calc(100% - 52px)!important;padding-left:6px!important;padding-right:6px!important}.app aside .logo-button{width:44px!important;height:44px!important;min-height:44px!important}.condition-buttons,.driver-kpis{grid-template-columns:1fr!important}.card,.app main .card{padding:10px!important}}@media(max-width:700px)and (orientation:portrait){.app aside{width:148px!important;min-width:148px!important;max-width:148px!important;padding:10px 8px!important;overflow:hidden!important}.app main{margin-left:148px!important;width:calc(100% - 148px)!important;max-width:calc(100% - 148px)!important}.app aside .logo-button{width:58px!important;height:58px!important;min-height:58px!important;margin:0 auto 12px!important}.app aside nav{display:grid!important;width:100%!important;overflow-y:auto!important;overflow-x:hidden!important;margin-top:6px!important;gap:4px!important;padding-bottom:12px!important}.app aside nav button,.app aside nav>button,.app aside nav .nav-group button,.app aside nav .nav-parent{width:100%!important;min-height:40px!important;height:auto!important;padding:8px 7px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;border-radius:9px!important;box-sizing:border-box!important;text-align:left!important;overflow:hidden!important}.app aside nav button span,.app aside .nav-title{display:inline!important;visibility:visible!important;opacity:1!important}.app aside .nav-title{padding:7px 6px 4px!important;margin:3px 0 1px!important;font-size:9px!important;line-height:1.15!important;letter-spacing:1px!important;white-space:normal!important}.app aside .menu-icon{display:grid!important;flex:0 0 20px!important;width:20px!important;min-width:20px!important;height:20px!important;font-size:14px!important;place-items:center!important}.app aside nav button span:not(.menu-icon){min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}.app aside .nav-chevron{display:inline-flex!important;flex:0 0 auto!important;margin-left:auto!important;width:17px!important;height:17px!important;font-size:13px!important}.app aside .nav-subitems{display:grid!important;margin-left:8px!important;padding-left:5px!important;gap:2px!important}.app aside .nav-subitem{min-height:34px!important;padding:6px!important;font-size:10px!important}.app aside .nav-subitem span{display:inline!important;font-size:10px!important}.app aside .aside-bottom{display:none!important}}@media(max-width:390px)and (orientation:portrait){.app aside{width:132px!important;min-width:132px!important;max-width:132px!important;padding-left:6px!important;padding-right:6px!important}.app main{margin-left:132px!important;width:calc(100% - 132px)!important;max-width:calc(100% - 132px)!important}.app aside nav button span:not(.menu-icon){font-size:10px!important}.app aside .nav-title{font-size:8px!important}}.mobile-header-left{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu-button{display:none;width:42px;height:42px;flex:0 0 42px;border:1px solid #d7e2df;border-radius:12px;background:#fff;box-shadow:0 4px 14px #0b33251a;padding:9px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}.mobile-menu-button span{display:block;width:20px;height:2px;border-radius:2px;background:#0d6a4c}.mobile-sidebar-backdrop{display:none}@media(max-width:900px){.app.mobile-auto-hide-sidebar aside{position:fixed!important;z-index:120!important;top:0!important;left:0!important;bottom:0!important;width:260px!important;min-width:260px!important;max-width:260px!important;margin:0!important;transform:translate(-105%)!important;transition:transform .22s ease!important;box-shadow:18px 0 45px #0000002e!important}.app.mobile-auto-hide-sidebar.mobile-sidebar-open aside{transform:translate(0)!important}.app.mobile-auto-hide-sidebar main{margin-left:0!important;width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important}.app.mobile-auto-hide-sidebar .mobile-menu-button{display:flex}.app.mobile-auto-hide-sidebar .mobile-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;border:0;background:#051f196b;padding:0;cursor:pointer}.app.mobile-auto-hide-sidebar aside .logo-button{width:82px!important;height:82px!important;min-height:82px!important;margin:8px auto 14px!important}.app.mobile-auto-hide-sidebar aside nav{width:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.app.mobile-auto-hide-sidebar aside nav button{width:100%!important;min-height:40px!important;justify-content:flex-start!important}.app.mobile-auto-hide-sidebar aside nav button span:not(.menu-icon),.app.mobile-auto-hide-sidebar aside .nav-title{display:inline!important;visibility:visible!important;opacity:1!important}.app.mobile-auto-hide-sidebar aside .nav-chevron{display:inline-flex!important}.app.mobile-auto-hide-sidebar main>header{width:100%!important;max-width:none!important;box-sizing:border-box!important}}@media(max-width:900px)and (orientation:landscape){.app.mobile-auto-hide-sidebar main{padding-left:12px!important;padding-right:12px!important}.app.mobile-auto-hide-sidebar aside{width:280px!important;min-width:280px!important;max-width:280px!important}}@media(max-width:900px){html,body,#root{max-width:100%;overflow-x:hidden}main{min-width:0!important;width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important;overflow-x:hidden!important}main>header,main>.card,main>.page-notice,main>.welcome,main>.driver-inspection-landing{max-width:100%!important;width:100%!important}.card{box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important}.inspection-list{width:100%;min-width:0}.inspection-check{width:100%;min-width:0;box-sizing:border-box!important}.inspection-check-head{display:block!important;min-width:0}.inspection-check-head>div:first-child{width:100%;min-width:0;overflow:hidden}.inspection-check-head h3{font-size:clamp(17px,4.8vw,22px)!important;line-height:1.2;overflow-wrap:anywhere}.condition-boxes{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:5px!important;margin-top:10px!important;justify-content:stretch!important;overflow:visible!important}.condition-box{box-sizing:border-box!important;flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;padding:9px 2px!important;font-size:clamp(9px,2.65vw,12px)!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important}.inspection-photo-upload{max-width:100%!important}.inspection-upload-thumbnails{max-width:100%;overflow:hidden}.driver-inspection-welcome{width:100%!important;box-sizing:border-box!important;padding:22px 18px!important;overflow:hidden}.driver-inspection-welcome h1{font-size:clamp(30px,8vw,42px)!important;line-height:1.05}.driver-inspection-welcome p{font-size:clamp(14px,4vw,18px)!important;line-height:1.35}.inspection-action-grid{width:100%!important;min-width:0}.inspection-action-card{min-width:0!important;width:100%!important;box-sizing:border-box!important}}@media(max-width:420px){.condition-boxes{gap:4px!important}.condition-box{font-size:9.5px!important;padding:8px 1px!important}.inspection-check{padding:10px!important}.section-head h2{font-size:22px!important}.section-head p{font-size:14px!important}}@media(max-width:600px){.driver-inspection-landing{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.driver-inspection-welcome{padding:20px 18px!important;border-radius:20px!important}.driver-inspection-welcome h1{font-size:clamp(28px,7.5vw,34px)!important;line-height:1.08!important;overflow-wrap:anywhere!important;word-break:normal!important}.driver-inspection-welcome p{font-size:16px!important;line-height:1.35!important}.inspection-action-grid{grid-template-columns:1fr!important;gap:12px!important;width:100%!important}.inspection-action-card{width:100%!important;min-width:0!important;grid-template-columns:54px minmax(0,1fr) 22px!important;gap:12px!important;padding:18px!important;overflow:hidden!important}.inspection-action-card span:nth-child(2){min-width:0!important}.inspection-action-card strong{font-size:21px!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:anywhere!important}.inspection-action-card em{font-size:13px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}.inspection-action-card>b{font-size:21px!important}.landing-vehicle-grid{grid-template-columns:1fr!important}}@media(min-width:601px)and (max-width:900px)and (orientation:landscape){.inspection-action-grid{grid-template-columns:1fr 1fr!important}.inspection-action-card{min-width:0!important;grid-template-columns:48px minmax(0,1fr) 20px!important;gap:10px!important;padding:16px!important}.inspection-action-card strong{font-size:18px!important}.inspection-action-card em{font-size:11px!important}}.garage-master-card{overflow:hidden}.garage-filter-bar{align-items:center;flex-wrap:wrap}.garage-filter-bar .search-input{min-width:260px;flex:1}.garage-table-sub{display:block;color:#71808b;font-size:11px;margin-top:3px}.garage-form{max-height:70vh;overflow:auto;padding-right:4px}.garage-form-section{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding:13px 15px;border:1px solid #e4ece9;border-radius:14px;background:linear-gradient(135deg,#f8fbfa,#eef7f3)}.garage-form-section b{font-size:14px;color:#0c6248}.garage-form-section span{font-size:12px;color:#71808b}.garage-empty{text-align:center;padding:48px 20px;border:1px dashed #c9ddd6;border-radius:18px;margin-top:18px;background:#fbfdfc}.garage-empty-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin:0 auto 12px;background:#e6f4ef;color:#087352;font-size:26px}.garage-empty h3{margin:0 0 6px;color:#173b32}.garage-empty p{margin:0 0 18px;color:#71808b}@media(max-width:900px){.garage-filter-bar .search-input{min-width:100%}.garage-form{max-height:none}.garage-master-card .table-wrap{overflow-x:auto}}.maintenance-dashboard{display:flex;flex-direction:column;gap:18px}.maintenance-welcome{display:flex;justify-content:space-between;align-items:center;padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,#063f34,#0a6b57);color:#fff;box-shadow:0 16px 35px #033a3024}.maintenance-welcome h1{margin:7px 0 6px;font-size:30px}.maintenance-welcome p{margin:0;max-width:760px;color:#fffc}.maintenance-welcome-mark{width:58px;height:58px;border-radius:18px;background:#ffffff1f;display:grid;place-items:center;font-size:28px}.maintenance-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.maintenance-dashboard-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.maintenance-tabs{display:flex;gap:8px;margin:20px 0 0;border-bottom:1px solid #e6eceb}.maintenance-tabs button{border:0;background:transparent;padding:14px 18px;display:flex;gap:10px;align-items:center;font-weight:700;color:#60706d;border-bottom:3px solid transparent;cursor:pointer}.maintenance-tabs button.active{color:#075f4d;border-bottom-color:#0a7b62}.maintenance-tabs b{min-width:24px;padding:3px 7px;border-radius:99px;background:#edf4f2}.maintenance-dashboard-task-list{display:grid;gap:12px;padding-top:16px}.maintenance-dashboard-task{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;padding:18px;border:1px solid #e5ecea;border-radius:16px;background:#fff}.maintenance-dashboard-task-main h3{margin:6px 0 4px}.maintenance-dashboard-task-main p{margin:0;color:#74817f}.maintenance-defect-no{font-size:12px;letter-spacing:.12em;font-weight:800;color:#0a755e}.maintenance-dashboard-task-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.maintenance-dashboard-task-meta>div,.maintenance-dashboard-resolution{padding:10px 12px;background:#f7faf9;border-radius:12px}.maintenance-dashboard-task-meta span,.maintenance-dashboard-resolution span,.maintenance-task-grid span,.maintenance-task-body span,.maintenance-photo-meta span{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#7c8987}.maintenance-dashboard-task-meta b{display:block;margin-top:4px}.maintenance-dashboard-resolution{grid-column:1/-1}.maintenance-dashboard-resolution p{margin:5px 0 0}.maintenance-dashboard-empty,.maintenance-empty{text-align:center;padding:44px 20px}.maintenance-empty-icon{width:48px;height:48px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:#eaf6f2;color:#08735d;font-weight:900}.maintenance-task-list{display:grid;gap:16px}.maintenance-task-card{overflow:hidden}.maintenance-task-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.maintenance-task-top h2{margin:6px 0 4px}.maintenance-task-top p{margin:0;color:#74817f}.maintenance-task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.maintenance-task-grid>div{padding:12px;background:#f7faf9;border-radius:12px}.maintenance-task-grid b{display:block;margin-top:5px}.maintenance-task-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.maintenance-task-body>div{padding:14px;border:1px solid #edf1f0;border-radius:12px}.maintenance-task-body p{margin:6px 0 0}.maintenance-task-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #edf1f0}.maintenance-photo-button{min-width:130px}.maintenance-completed{font-weight:800;color:#08735d}.maintenance-photo-stage{display:flex;justify-content:center;align-items:center;min-height:55vh;background:#0c1916;border-radius:16px;padding:12px;overflow:auto}.maintenance-photo-stage img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:10px}.maintenance-photo-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.maintenance-photo-meta>div{padding:12px;border-radius:12px;background:#f7faf9}.maintenance-no-photo{color:#8a9492;font-size:13px}.maintenance-task-count{min-width:80px;text-align:center;font-size:24px;font-weight:800}.maintenance-task-count span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#7c8987}@media(max-width:900px){.maintenance-stat-grid,.maintenance-dashboard-task{grid-template-columns:1fr}.maintenance-task-grid{grid-template-columns:repeat(2,1fr)}.maintenance-task-body,.maintenance-photo-meta{grid-template-columns:1fr}.maintenance-welcome{padding:22px}.maintenance-welcome-mark{display:none}}.inspection-submit-actions{width:100%;display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:20px 0 30px!important;margin:0 auto!important;box-sizing:border-box}.inspection-submit-actions button{min-width:150px!important;flex:0 0 auto!important}.inspection-submit-actions .primary{order:1}.inspection-submit-actions .secondary{order:2}@media(max-width:700px){.inspection-submit-actions{flex-direction:row!important;justify-content:center!important;flex-wrap:wrap}.inspection-submit-actions button{width:auto!important;min-width:140px!important}}.inspection-check.blocked{opacity:.58;background:linear-gradient(180deg,#f7f9f8,#f1f4f3);border-color:#d6dfdb;position:relative}.inspection-check.blocked .inspection-check-head{cursor:not-allowed}.inspection-locked-message{display:block;margin-top:6px;color:#8a5a00;font-size:11px;line-height:1.45;font-weight:700}.inspection-check.blocked .condition-boxes,.inspection-check.blocked .inspection-photo-row,.inspection-check.blocked .repair-fields{opacity:.55}.inspection-check.blocked .inspection-photo-row{pointer-events:none}.inspection-check.blocked .condition-box:disabled{cursor:not-allowed}.defects-manager-card~.modal-backdrop .modal-panel,.modal-panel:has(.defect-modal-summary){width:min(760px,calc(100vw - 40px));max-width:760px;max-height:90vh;overflow-y:auto;overflow-x:hidden}.defect-modal-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.defect-modal-summary>div{min-width:0;padding:12px 14px;border:1px solid #e2e9e6;border-radius:12px;background:#f7faf9}.defect-modal-summary span{display:block;margin-bottom:4px;color:#71817b;font-size:9px;font-weight:900;letter-spacing:1px}.defect-modal-summary b{display:block;color:#17372f;font-size:13px;overflow-wrap:anywhere}.manager-photo-preview{width:100%;max-width:100%;min-height:0;margin:14px 0 18px;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;border:1px solid #e2e9e6;border-radius:14px;background:#f7faf9;overflow:hidden}.manager-photo-preview img{display:block;width:100%;max-width:100%;height:220px;object-fit:contain;border-radius:10px;background:#eef2f1}@media(max-width:700px){.defect-modal-summary,.manager-photo-preview{grid-template-columns:1fr}.manager-photo-preview img{height:200px}}.inspection-live-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 16px;padding:12px 14px;border:1px solid #dce7e3;border-radius:12px;background:#f7faf9}.inspection-live-status span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#6d7f7a}.inspection-live-status strong{font-size:13px;text-transform:uppercase}.inspection-live-status small{flex-basis:100%;color:#5f716c}.inspection-live-status-resolved{border-color:#b8e4cc;background:#effaf3;color:#087443}.inspection-live-status-in-progress{border-color:#f0d89c;background:#fff9e8;color:#8b6100}.inspection-live-status-open,.inspection-live-status-submitted{border-color:#dce7e3;background:#f7faf9}.history-item-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.defect-status-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}.defect-status-resolved,.defect-status-closed{background:#e8f8ee;color:#087443}.defect-status-in-progress{background:#fff4cf;color:#8b6100}.defect-status-open{background:#ffe9e9;color:#b42318}.history-item-resolved{border-color:#b8e4cc!important;background:#f8fcf9}.defect-resolved-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:8px 10px;border-radius:9px;background:#effaf3;color:#087443;font-size:12px}.defect-resolved-note span{color:#536760}.notification-panel{width:420px;max-width:calc(100vw - 28px);border-radius:18px;box-shadow:0 24px 70px #123c3233;border:1px solid #dce7e3}.notification-panel-head{padding:15px 16px;align-items:center}.notification-panel-head>div{display:grid;gap:3px}.notification-panel-head strong{font-size:15px;color:#102f2a}.notification-panel-head small{font-size:11px;color:#7b8b8a}.notification-read-all{border:0;background:transparent;color:#087353;font-size:11px;font-weight:700;cursor:pointer;padding:6px 4px}.notification-item{align-items:flex-start;gap:11px;padding:14px 15px;min-height:76px}.notification-item-content{min-width:0;flex:1;display:grid;gap:4px}.notification-item-content strong{font-size:13px;line-height:1.25;color:#102f46}.notification-item-content small{font-size:12px;line-height:1.45;color:#64767a;white-space:normal}.notification-item-content time{font-size:10px;color:#93a1a4}.notification-type-icon{width:28px;height:28px;flex:0 0 28px;border-radius:9px;display:grid;place-items:center;background:#e7f6ef;color:#087353;font-size:10px;margin-top:1px}.notification-item-arrow{color:#a0acad;font-size:22px;line-height:24px;margin-left:2px}.notification-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:5px}.notification-empty>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7f6ef;color:#087353;font-weight:800}.notification-empty strong{font-size:13px;color:#29404a}.notification-empty small{font-size:11px;color:#89979a}.notification-login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#081b187a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.notification-login-popup{width:min(560px,calc(100vw - 36px));max-height:min(680px,calc(100vh - 48px));overflow:auto;background:#fff;border:1px solid #dce7e3;border-radius:24px;box-shadow:0 30px 90px #08221d47}.notification-login-head{display:grid;grid-template-columns:48px 1fr 38px;gap:13px;align-items:center;padding:22px 22px 17px;border-bottom:1px solid #edf2f0}.notification-login-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e7f6ef;font-size:22px}.notification-login-head h3{margin:3px 0 0;color:#112d43;font-size:21px}.notification-popup-close{width:36px;height:36px;border:0;border-radius:50%;background:#f2f5f4;color:#19313a;font-size:22px;cursor:pointer}.notification-login-list{padding:7px 22px 10px}.notification-login-item{display:flex;gap:12px;padding:15px 4px;border-bottom:1px solid #edf2f0}.notification-login-item:last-child{border-bottom:0}.notification-login-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#0a8b66;margin-top:6px;box-shadow:0 0 0 5px #e7f6ef}.notification-login-item>div{min-width:0}.notification-login-item strong{display:block;color:#153247;font-size:14px;margin-bottom:4px}.notification-login-item p{margin:0;color:#68797d;font-size:12px;line-height:1.5}.notification-login-item time{display:block;color:#9aa6a8;font-size:10px;margin-top:5px}.notification-login-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px 20px;border-top:1px solid #edf2f0}.notification-login-actions button{min-width:105px}.notification-login-actions .primary{min-width:145px}.start-task-modal{min-width:min(520px,75vw)}.start-task-summary{padding:15px 16px;border-radius:15px;background:#f3f8f6;border:1px solid #e0ebe7;margin-bottom:18px}.start-task-summary h3{margin:5px 0 3px;color:#102f46}.start-task-summary p{margin:0;color:#708084;font-size:12px}.garage-select-label{display:grid;gap:8px;color:#183b35;font-weight:700;font-size:13px}.garage-select-label select{width:100%;min-height:48px;padding:0 13px;border:1px solid #cfddda;border-radius:12px;background:#fff;color:#18313b;font-size:13px;outline:none}.garage-select-label select:focus{border-color:#087353;box-shadow:0 0 0 3px #0873531a}.start-task-modal .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:700px){.notification-login-overlay{padding:12px}.notification-login-popup{width:100%;border-radius:18px}.notification-login-head{padding:18px 16px 14px}.notification-login-list{padding-left:16px;padding-right:16px}.notification-login-actions{padding:14px 16px 17px}.notification-panel{right:-6px}.start-task-modal{min-width:0}}.modal-panel:has(.defect-modal-summary) select{width:100%;max-width:360px}.modal-panel:has(.defect-modal-summary) .defect-assignment-select,.modal-panel:has(.defect-modal-summary) select[name=maintenance_user_id]{max-width:360px}.maintenance-dashboard{display:flex;flex-direction:column;gap:22px;max-width:1400px;margin:0 auto;padding-bottom:28px}.maintenance-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #dce8e2;border-radius:22px;background:linear-gradient(135deg,#fff,#f3faf7);box-shadow:0 10px 30px #13362d12}.maintenance-welcome h1{margin:7px 0 6px;font-size:30px;line-height:1.15;color:#15352e}.maintenance-welcome p{margin:0;max-width:820px;color:#687a75;line-height:1.55}.maintenance-welcome-mark{width:62px;height:62px;flex:0 0 62px;border-radius:20px;display:grid;place-items:center;background:#0d6a4c;color:#fff;font-size:28px;font-weight:900;box-shadow:0 12px 26px #0d6a4c38}.maintenance-stat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;width:100%}.maintenance-stat-card{min-width:0;min-height:112px;box-sizing:border-box;display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #dce8e2;border-radius:20px;background:#fff;box-shadow:0 8px 24px #13362d0f}.maintenance-stat-card .maintenance-stat-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;font-size:21px;font-weight:900}.maintenance-stat-card>div:last-child{min-width:0;display:flex;flex-direction:column}.maintenance-stat-card span{font-size:12px;font-weight:800;color:#6c7c78}.maintenance-stat-card strong{font-size:30px;line-height:1.05;color:#17372f;margin:3px 0}.maintenance-stat-card small{font-size:11px;color:#82908d}.maintenance-stat-card.pending .maintenance-stat-icon{background:#fff4df;color:#a56a00}.maintenance-stat-card.in-progress .maintenance-stat-icon{background:#eaf2ff;color:#3568a9}.maintenance-stat-card.completed .maintenance-stat-icon{background:#e8f5f0;color:#0d6a4c}.maintenance-workspace-card{overflow:hidden}.maintenance-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.maintenance-dashboard-head h2{margin:5px 0 4px;color:#17372f}.maintenance-dashboard-head p{margin:0;color:#74827f}.maintenance-tabs{display:flex;gap:8px;border-bottom:1px solid #e5ece9;margin:18px 0 0;padding:0 2px}.maintenance-tabs button{border:0;background:transparent;padding:14px 18px;display:flex;gap:9px;align-items:center;color:#70807b;font-weight:800;cursor:pointer;border-bottom:3px solid transparent}.maintenance-tabs button.active{color:#0d6a4c;border-bottom-color:#0d6a4c}.maintenance-tabs b{min-width:24px;padding:3px 7px;border-radius:999px;background:#eef4f1;color:#426158;font-size:11px}.maintenance-dashboard-task-list{display:grid;gap:14px;margin-top:18px}.maintenance-dashboard-task{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr);gap:18px;padding:20px;border:1px solid #e0e9e5;border-radius:17px;background:#fff}.maintenance-dashboard-task-main h3{margin:6px 0 4px;color:#17372f;font-size:18px}.maintenance-dashboard-task-main p{margin:0;color:#71807c}.maintenance-dashboard-task-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.maintenance-dashboard-task-meta>div{padding:10px 12px;border-radius:12px;background:#f7faf9;border:1px solid #e3ebe8}.maintenance-dashboard-task-meta span,.maintenance-dashboard-resolution span{display:block;font-size:9px;letter-spacing:1px;font-weight:900;color:#7a8884;margin-bottom:4px}.maintenance-dashboard-task-meta b{font-size:13px;color:#183a32}.maintenance-dashboard-resolution{grid-column:1/-1;padding:13px 15px;border-left:4px solid #0d6a4c;background:#f5faf8;border-radius:10px}.maintenance-dashboard-resolution p{margin:0;color:#50645d}.maintenance-dashboard-empty{padding:44px 20px;text-align:center;color:#71807c}.maintenance-empty-icon{margin:0 auto 10px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e8f5f0;color:#0d6a4c;font-weight:900}@media(max-width:900px){.maintenance-stat-grid{grid-template-columns:1fr!important}.maintenance-dashboard-task{grid-template-columns:1fr}.maintenance-dashboard-task-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.maintenance-welcome{padding:22px}.maintenance-welcome-mark{display:none}.maintenance-welcome h1{font-size:25px}.maintenance-tabs{overflow:auto}.maintenance-tabs button{white-space:nowrap;padding:12px 13px}.maintenance-dashboard-task-meta{grid-template-columns:1fr}}.maintenance-tasks-page{max-width:1180px;margin:0 auto;padding-bottom:28px}.maintenance-tasks-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;margin-bottom:18px;border-radius:22px;background:linear-gradient(135deg,#103e34,#0d6a4c 68%,#08795a);color:#fff;box-shadow:0 18px 42px #09483733;position:relative;overflow:hidden}.maintenance-tasks-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:#ffffff12}.maintenance-hero-copy{position:relative;z-index:1;max-width:760px}.maintenance-hero-copy .eyebrow{color:#a8d9c8}.maintenance-hero-copy h1{margin:4px 0 7px;font-size:34px;letter-spacing:-.5px}.maintenance-hero-copy p{margin:0;max-width:720px;color:#e3f2ed;line-height:1.55;font-size:13px}.maintenance-hero-badge{position:relative;z-index:1;min-width:120px;padding:16px 18px;border-radius:17px;background:#ffffff1c;border:1px solid rgba(255,255,255,.18);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.maintenance-hero-badge span{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900;color:#b9ddd1}.maintenance-hero-badge strong{display:block;font-size:32px;line-height:1.05;margin-top:5px}.maintenance-task-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.maintenance-summary-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e1e7eb;border-radius:17px;padding:17px 19px;box-shadow:0 6px 18px #1520300f;min-width:0}.maintenance-summary-card .summary-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:19px;flex:0 0 auto}.maintenance-summary-card.pending .summary-icon{background:#fff0cb;color:#8a5b00}.maintenance-summary-card.in-progress .summary-icon{background:#e7efff;color:#2c5eab}.maintenance-summary-card.completed .summary-icon{background:#dff5e8;color:#18733d}.maintenance-summary-card span{display:block;font-size:12px;color:#687386}.maintenance-summary-card strong{display:block;font-size:27px;line-height:1.05;color:#152238;margin:2px 0}.maintenance-summary-card small{display:block;font-size:10px;color:#8a949d}.maintenance-tasks-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px!important;margin-bottom:14px}.maintenance-tasks-header h2{margin:3px 0 4px;font-size:20px}.maintenance-tasks-header p{margin:0;color:#788692;font-size:12px}.maintenance-task-total{min-width:100px;padding:11px 15px;border:1px solid #dce8e2;border-radius:13px;background:#f6faf8;text-align:center;color:#0d6a4c}.maintenance-task-total strong{display:block;font-size:24px;line-height:1}.maintenance-task-total span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:900;color:#74817c;margin-top:5px}.maintenance-tasks-workspace{padding:0!important;overflow:hidden}.maintenance-task-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e4eaed;background:#fbfcfc}.maintenance-task-tabs button{border:0;border-radius:0;background:transparent;padding:15px 17px;display:flex;align-items:center;gap:11px;text-align:left;position:relative;color:#65727d}.maintenance-task-tabs button:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;border-radius:4px;background:transparent}.maintenance-task-tabs button.active{background:#fff;color:#0d654a}.maintenance-task-tabs button.active:after{background:#0d6a4c}.task-tab-icon{width:34px;height:34px;border-radius:10px;background:#edf3f1;display:grid;place-items:center;font-weight:900;color:#0d6a4c;flex:0 0 auto}.maintenance-task-tabs button.active .task-tab-icon{background:#dff2eb}.maintenance-task-tabs b{display:block;font-size:12px}.maintenance-task-tabs small{display:block;font-size:9px;color:#89949d;margin-top:3px}.maintenance-task-tabs strong{margin-left:auto;background:#edf2f2;border-radius:999px;padding:5px 8px;font-size:11px;color:#4c5a63}.maintenance-task-tabs button.active strong{background:#e0f1eb;color:#0d654a}.maintenance-task-list{padding:16px}.maintenance-task-card{margin:0!important;padding:0!important;overflow:hidden;border-radius:18px;box-shadow:0 8px 25px #15203012;border:1px solid #e1e7eb}.maintenance-task-card.status-open{border-top:4px solid #d8a329}.maintenance-task-card.status-in_progress{border-top:4px solid #3b70bd}.maintenance-task-card.status-closed,.maintenance-task-card.status-resolved{border-top:4px solid #168151}.maintenance-task-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:21px 22px 17px;background:linear-gradient(180deg,#fff,#fbfdfc);border-bottom:1px solid #edf1f0}.maintenance-task-top h2{margin:5px 0;font-size:21px;color:#14253b}.maintenance-task-top p{margin:0;color:#77848d;font-size:12px}.maintenance-defect-no{display:inline-flex;padding:5px 9px;border-radius:7px;background:#e8f5f0;color:#0d6a4c;font-size:10px;font-weight:900;letter-spacing:1px}.maintenance-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e9eeee;border-bottom:1px solid #e9eeee}.maintenance-task-grid>div{background:#fff;padding:14px 17px;min-width:0}.maintenance-task-grid span,.maintenance-task-body span,.maintenance-resolution span{display:block;font-size:9px;letter-spacing:1.1px;color:#849098;font-weight:900;margin-bottom:5px}.maintenance-task-grid b{display:block;color:#263746;font-size:12px;white-space:normal;word-break:break-word}.maintenance-task-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px 20px;border-bottom:1px solid #edf1f0;background:#fff}.maintenance-task-body p{margin:0;color:#455661;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.maintenance-task-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 20px;background:#fbfcfc}.maintenance-photo-button{background:#eef7f4!important;color:#0d654a!important;border-color:#cde4da!important;font-weight:800}.maintenance-actions{display:flex;gap:8px;align-items:center}.maintenance-no-photo{font-size:11px;color:#929ca3;font-style:italic}.maintenance-completed{font-size:12px;font-weight:900;color:#18733d;background:#e4f5e9;padding:8px 12px;border-radius:999px}.maintenance-resolution{padding:14px 20px;background:#f6faf8;border-top:1px solid #e2ece7}.maintenance-resolution p{margin:0;color:#3d554c;font-size:12px;line-height:1.5}.maintenance-empty{padding:65px 25px;text-align:center}.maintenance-empty-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:#e8f5f0;color:#0d6a4c;font-size:22px;font-weight:900}.maintenance-empty h2{margin:0 0 6px;font-size:19px;color:#1a2d3f}.maintenance-empty p{margin:0 auto;max-width:520px;color:#7b8791;font-size:12px;line-height:1.6}.maintenance-photo-modal{display:grid;gap:18px}.maintenance-photo-stage{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;background:#10211d;border-radius:15px;padding:14px;max-height:65vh;overflow:auto}.maintenance-photo-stage img{width:100%;max-height:55vh;object-fit:contain;border-radius:10px;background:#07130f}.maintenance-photo-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.maintenance-photo-meta>div{padding:11px 13px;background:#f7faf9;border:1px solid #dfe9e5;border-radius:11px}.maintenance-photo-meta span{display:block;font-size:8px;letter-spacing:1px;font-weight:900;color:#7a8781;margin-bottom:4px}.maintenance-photo-meta b{font-size:12px;color:#243a34}.close-task-modal p{color:#687780;line-height:1.5}.close-task-modal label{display:grid;gap:7px;font-weight:800;font-size:12px}.close-task-modal textarea{min-height:110px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}@media(max-width:850px){.maintenance-task-grid{grid-template-columns:repeat(2,1fr)}.maintenance-tasks-hero{padding:24px}.maintenance-task-summary{grid-template-columns:1fr}.maintenance-task-tabs button{padding:13px 10px}.maintenance-task-tabs small{display:none}}@media(max-width:620px){.maintenance-tasks-hero{display:block}.maintenance-hero-badge{display:inline-block;margin-top:16px}.maintenance-task-top{display:block}.maintenance-task-top .badge{margin-top:12px}.maintenance-task-grid{grid-template-columns:1fr 1fr}.maintenance-task-body{grid-template-columns:1fr}.maintenance-task-footer{align-items:flex-start;flex-direction:column}.maintenance-actions,.maintenance-actions button{width:100%}.maintenance-task-tabs{grid-template-columns:1fr}.maintenance-task-tabs button{border-bottom:1px solid #edf1f0}.maintenance-task-tabs button:after{left:0;right:0}.maintenance-task-tabs small{display:block}.maintenance-photo-meta{grid-template-columns:1fr}}