*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 25% 0%,#49132670,transparent 55%),#0d0810;color:#f5f0f2;font:14px 'Segoe UI',system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}aside{position:fixed;inset:20px auto 20px 20px;width:190px;border:1px solid #ffffff12;border-radius:24px;background:linear-gradient(165deg,#391322,#160e1b);padding:26px 14px;display:flex;flex-direction:column;gap:9px}.brand{font-size:23px;letter-spacing:-1px;font-weight:750;padding:0 12px 30px}.brand span{color:#f0938a}.nav{border:0;border-radius:12px;background:transparent;color:#bcabb5;padding:14px;text-align:left}.nav.active{background:#f0938a19;color:#f4b1a8}.nav small{float:right}.account{margin-top:auto;padding:16px 10px;border-top:1px solid #ffffff12;color:#a999a4;font-size:12px}main{max-width:1500px;margin-left:230px;padding:26px 34px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid #ffffff10;gap:16px}.muted{color:#a697a3}.pill{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f0938a}.tools{display:flex;gap:10px}.btn{border:1px solid #ffffff19;background:#ffffff06;color:#e9dce4;padding:11px 16px;border-radius:11px}.btn:hover{background:#ffffff10}.primary{background:linear-gradient(135deg,#c42847,#e84d6b);border-color:transparent;color:white;box-shadow:0 6px 22px #c4284720}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}h2{font-size:19px;margin:0}p{line-height:1.6}.heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:22px;border:1px solid #ffffff12;border-radius:18px;background:#ffffff04}.metric:first-child{background:linear-gradient(120deg,#451328,#281023);border-color:#8e365359}.metric strong{font-size:32px;display:block;margin:12px 0 6px}.metric small{color:#a697a3}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;margin-top:28px}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.filter{padding:9px 12px;border:1px solid transparent;background:none;color:#a697a3;border-radius:9px}.filter.active{background:#f0938a17;border-color:#f0938a32;color:#f5b5ad}.search{width:100%;background:#ffffff04;border:1px solid #ffffff14;border-radius:12px;padding:13px 16px;color:#fff;margin-top:16px}.vehicle{width:100%;text-align:left;padding:19px;border:1px solid #ffffff13;background:#ffffff04;color:inherit;border-radius:16px;margin-bottom:11px;display:grid;grid-template-columns:1fr auto;gap:10px}.vehicle:hover,.vehicle.selected{border-color:#bb5a7880;background:linear-gradient(110deg,#43152999,#ffffff04)}.plate{font-size:19px;font-weight:750;letter-spacing:1px}.tag{color:#f0b342;background:#f0b34212;padding:6px 10px;border-radius:8px;font-size:11px}.vehicle small{color:#b9a8b5}.progress{display:flex;gap:5px;grid-column:1/-1;margin-top:8px}.progress i{height:4px;border-radius:4px;background:#ffffff13;flex:1}.progress i.done{background:#cc536e}.detail{border:1px solid #ffffff14;border-radius:20px;background:#ffffff04;padding:24px;align-self:start}.detail .plate{font-size:27px;margin:14px 0 5px}.data{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff0c;padding:15px 0;font-size:12px;gap:15px}.note{padding:15px;border:1px solid #f0938a20;background:#f0938a09;border-radius:12px;margin:20px 0;color:#d7bac4;font-size:12px}.detail button{width:100%;margin-top:9px}.steps{list-style:none;padding:0;margin:22px 0}.steps li{padding:0 0 20px 20px;border-left:1px solid #ffffff19;color:#ad9ca9;font-size:12px}.steps li:first-child{color:#66d3a5}.steps li:last-child{color:#f0938a}.preview{font-size:11px;color:#978492;margin:26px 0}.empty{padding:30px;color:#bba6b5}@media(max-width:1100px){aside{width:155px}main{margin-left:175px;padding:24px}.layout{grid-template-columns:1fr}.detail{display:none}}@media(max-width:650px){aside{position:static;width:auto;margin:12px;padding:12px;flex-direction:row;border-radius:15px;overflow:auto}.brand{padding:9px;font-size:19px}.nav{white-space:nowrap;padding:10px}.account{display:none}main{margin:0;padding:16px}header{align-items:flex-start}.tools .btn:first-child{display:none}h1{font-size:28px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.heading{gap:12px}.heading>.btn{white-space:nowrap}.layout{margin-top:22px}}

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
body{font-family:Manrope,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 35% -20%,#641d3745,transparent 65%),#100c13}aside{background:linear-gradient(165deg,#301323,#19121e 70%);box-shadow:0 22px 70px #0003}.nav{font-weight:600}.brand{letter-spacing:-1.1px}.heading{padding:12px 0 4px}h1{font-size:32px}.metric{position:relative;overflow:hidden;background:linear-gradient(130deg,#ffffff06,#ffffff02);padding:20px 22px}.metric:first-child:after{content:'';position:absolute;width:135px;height:135px;border:20px solid #f0938a08;border-radius:50%;right:-40px;top:0}.metric strong{font-size:30px;letter-spacing:-1px}.metric small{font-size:11px}.layout{grid-template-columns:minmax(0,1fr) 330px}.vehicle{position:relative;padding:20px 22px;transition:background .18s,border-color .18s,transform .18s;box-shadow:0 5px 18px #00000010}.vehicle:hover{transform:translateY(-2px)}.vehicle.selected{border-color:#ba526c;background:linear-gradient(110deg,#49192d85,#211722)}.vehicle.selected:before{content:'';position:absolute;left:0;top:22px;bottom:22px;width:3px;background:#f0938a;border-radius:5px}.vehicle .plate{letter-spacing:1.2px;font-size:20px}.vehicle small{font-size:12px}.tag{justify-self:end;align-self:center;font-size:10px;font-weight:700;letter-spacing:.02em}.tag.green{color:#72dcb0;background:#34c78a15}.tag.blue{color:#a0bafa;background:#809fe51a}.card-meta{grid-column:1/-1;display:flex;justify-content:space-between;color:#ad99a7;font-size:11px;padding-top:9px;border-top:1px solid #ffffff09;margin-top:5px}.card-meta b{color:#edc4ce;font-weight:500}.detail{background:linear-gradient(160deg,#251721,#19121c);box-shadow:0 18px 40px #0002;position:sticky;top:22px}.detail .plate{margin-top:22px}.detail .note{background:#f0938a0a;border-left:2px solid #e67c91;line-height:1.7}.detail h3{font-size:13px;margin:24px 0 16px}.detail .steps li{position:relative;padding:0 0 22px 18px;margin-left:4px;line-height:1.6}.steps li:before{content:'';width:7px;height:7px;position:absolute;left:-4px;top:5px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #21151e}.steps li:last-child{padding-bottom:0;border-color:transparent}.filters{gap:4px}.filter{font-size:12px}.filter b{font-size:10px;margin-left:5px;color:#ae8e9e}.filter.active b{color:#ffc0b6}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title span{font-size:11px;color:#a697a3}.search:focus{outline:2px solid #c9608055;border-color:#bc577a}.ops-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dda65825;background:linear-gradient(90deg,#bd86320b,transparent);border-radius:12px;margin-top:18px;padding:14px 18px;font-size:12px;color:#cebba4}.ops-banner b{color:#edc788}.live-status{color:#73ceaa;font-size:11px;display:flex;align-items:center;gap:6px}.live-status:before{content:'';height:6px;width:6px;border-radius:50%;background:#5bc996;box-shadow:0 0 0 4px #5bc99612}.tools{align-items:center}.btn{font-size:12px;font-weight:650;min-height:42px}.primary:hover{background:linear-gradient(135deg,#d73959,#ef627d)}button:focus-visible{outline:2px solid #f0938a;outline-offset:3px}.preview{padding-top:16px;border-top:1px solid #ffffff09}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.filter{white-space:nowrap}.empty{text-align:center;border:1px dashed #ffffff20;border-radius:12px}.detail-empty{color:#af9da8;line-height:1.6}@media(max-width:1200px){.layout{grid-template-columns:minmax(0,1fr) 290px}main{padding:24px}.detail{padding:20px}.live-status{display:none}}@media(max-width:1100px){.layout{grid-template-columns:1fr}.detail{display:block;position:static}.metric strong{font-size:27px}}@media(max-width:650px){h1{font-size:25px}.heading{align-items:flex-start}.heading .muted{font-size:12px}.heading>.btn{padding:10px}.ops-banner{align-items:flex-start;font-size:11px}.ops-banner span:last-child{display:none}.vehicle{padding:17px}.card-meta{font-size:10px}.tools .btn{padding:9px}.metric{padding:16px}.metric>span{font-size:12px}.metric small{font-size:10px}.detail{scroll-margin-top:15px}aside .nav{font-size:12px}.section-title span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.layout>section{min-width:0}.vehicle>*{min-width:0}.vehicle small{overflow-wrap:anywhere}.card-meta{gap:10px}@media(max-width:650px){header{flex-wrap:wrap}.heading{flex-wrap:wrap}.section-title{gap:10px}.filters{max-width:100%}.tools{margin-left:auto}} 
.brand{padding:12px 10px;margin:0 0 20px;background:#fffaf9;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 5px 18px #0002;display:flex;align-items:center;justify-content:center}.brand img{display:block;width:100%;max-width:150px;height:auto}
@keyframes enter-card{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes soft-glow{0%,100%{box-shadow:0 0 0 3px #5bc99610}50%{box-shadow:0 0 0 6px #5bc99605}}
@keyframes progress-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.metric{animation:enter-card .5s ease both}.metric:nth-child(2){animation-delay:.06s}.metric:nth-child(3){animation-delay:.12s}.metric:nth-child(4){animation-delay:.18s}
.vehicle{animation:enter-card .3s ease both}.vehicle:nth-child(2){animation-delay:.035s}.vehicle:nth-child(3){animation-delay:.07s}.vehicle:nth-child(4){animation-delay:.105s}
.progress i.done{transform-origin:left;animation:progress-in .55s ease both}.detail.is-changing{animation:enter-card .3s ease both}.live-status:before{animation:soft-glow 3s ease-in-out infinite}
.btn,.nav,.filter{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.nav:hover{background:#ffffff09}.primary:hover{box-shadow:0 7px 24px #c4284740}
@media(max-width:650px){.brand{min-width:120px;margin:0;padding:9px 10px;border-radius:10px}.brand img{width:110px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Legibilidade e hierarquia operacional. */
body{background:#120e16;font-size:15px;color:#faf6f8}.muted,.metric small{color:#c9bcc6}.pill{color:#ffc2b9;font-size:12px;letter-spacing:.06em}.metric{background:#211923;border-color:#4a3544;animation:none}.metric:first-child{background:#3a1b2b}.metric:first-child:after{display:none}.metric>span{font-size:14px}.metric small{font-size:12px}.metric strong{font-size:34px}.nav{font-size:14px;color:#d7c8d2}.nav.active{background:#543043;color:#fff}.account{color:#cabbc5;line-height:1.6}.btn{font-size:14px;min-height:46px}.filter{font-size:14px;color:#d2c4ce;min-height:44px;padding:10px 13px}.filter b{color:#d2bfcb;font-size:12px}.filter.active{background:#603247;border-color:#c77b95;color:#fff}.filter.active b{color:#fff}.search{font-size:15px;background:#211923;border-color:#584150;min-height:48px}.search::placeholder{color:#bfaebb}.vehicle{background:#211923;border-color:#4a3544;animation:none}.vehicle .plate{font-size:23px;color:#fff}.vehicle small{font-size:14px;color:#d8cbd4;line-height:1.5}.vehicle.selected{background:#3b2332;border-color:#f0a6b7;box-shadow:0 0 0 1px #f0a6b7}.vehicle:hover{transform:none;background:#302330}.tag{font-size:12px;padding:7px 11px;color:#ffe1a0;background:#5b451f}.tag.blue{background:#283b61;color:#d7e4ff}.tag.green{background:#164832;color:#b3f4d6}.card-meta{font-size:13px;color:#d0becb;border-color:#ffffff1c}.card-meta b{color:#ffe0e8}.progress{margin-top:4px;gap:5px}.progress i{height:3px;background:#695060}.progress i.done{background:#ee9bac;animation:none}.detail{background:#251b27;border-color:#694b60;box-shadow:none}.detail .plate{font-size:30px}.detail .data{font-size:14px;line-height:1.5;border-color:#ffffff17}.detail .data b{text-align:right}.detail .note{color:#f3e6ec;background:#49303c;border-color:#986579;font-size:14px}.detail .note strong{display:block;color:#ffd2ca;font-size:15px}.detail h3{font-size:15px}.detail .steps li{font-size:14px;color:#d7c6d2}.detail .steps small{font-size:12px}.detail .steps li:first-child{color:#a5ebca}.detail .steps li:last-child{color:#ffd2ca}.ops-banner{font-size:14px;color:#edddc5;background:#2f251c;border-color:#786044}.ops-banner b{color:#ffe1a1}.section-title span{color:#c7b6c2;font-size:12px}.preview{color:#c2acbb;font-size:12px}.live-status:before{animation:none}.live-status{color:#cfc0cb}.live-status:before{background:#b99cae;box-shadow:none}.detail.is-changing{animation-duration:.15s}.btn:hover{transform:none}.filters{scrollbar-width:thin;scrollbar-color:#9f7188 #211923}@media(max-width:650px){.vehicle small{font-size:13px}.card-meta{font-size:12px}.metric>span{font-size:13px}.metric small{font-size:12px}.heading .muted{font-size:14px}.ops-banner{font-size:13px}.heading>.btn{width:100%}.section-title span{display:none}.detail .data{font-size:13px}.filters{flex-wrap:wrap;overflow:visible}.tag{font-size:11px}.vehicle{gap:10px}.vehicle small:last-of-type{grid-column:1/-1;text-align:left!important}}

a{color:inherit;text-decoration:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#211923;border:1px solid #59404e;border-radius:18px;padding:24px;margin:20px 0}.field{display:grid;gap:9px;color:#ddd0da;font-size:14px}.field input,.field select,.field textarea{width:100%;min-height:46px;padding:12px;border:1px solid #725265;border-radius:9px;background:#160f1a;color:#fff;font:inherit}.field textarea{min-height:110px}.check-row{padding:20px 0;border-bottom:1px solid #4b3543;display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center}.check-row p{margin:5px 0;color:#c9bcc6;font-size:13px}.choices{display:flex;gap:10px}.choices label{flex:1;padding:13px;background:#302331;border:1px solid #654657;border-radius:9px;cursor:pointer}.choices label:has(input:checked){background:#633348;border-color:#f4b1be}.actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:24px 0}.banner{padding:16px 20px;border:1px solid #756047;border-radius:12px;background:#35291e;color:#ffe0ac}.upload{display:block;padding:24px;border:1px dashed #b68a9c;border-radius:12px;cursor:pointer;background:#291e2c}.gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px}.gallery img{width:150px;height:110px;object-fit:cover;border-radius:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:17px 12px;border-bottom:1px solid #483342;font-size:14px}th{color:#cdb8c6;font-size:12px}td a{color:#ffd1c8}.state{color:#9ae6c2}.status{color:#b7e8cc;min-height:22px}dialog{background:#281b2b;color:#fff;border:1px solid #916679;border-radius:18px;max-width:500px;padding:25px}dialog::backdrop{background:#0009}.report-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.report-meta small{display:block;color:#bfadbb;margin-bottom:7px}.section-link{display:block;padding:24px;border:1px solid #664553;border-radius:15px;background:#2c1b2a}.section-link p{color:#ccbac7}.section-link:hover{border-color:#e9a8b8}.demo-label{color:#f6cc92;font-size:12px}.heading h1{margin-top:8px}.steps li{line-height:1.7}@media(max-width:650px){.form-grid,.report-meta{grid-template-columns:1fr}.check-row{grid-template-columns:1fr}.panel{padding:18px}.actions .btn{flex:1}.heading{margin-top:20px}}@media print{aside,header,.actions,.preview,.demo-label{display:none!important}main{margin:0;padding:0;max-width:none}body{background:white;color:#222}.panel{background:white;color:#222;border:1px solid #ccc;break-inside:avoid}.muted,.report-meta small,.steps li{color:#444!important}}