@keyframes ani-entrar{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ani-card{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes ani-aparece{0%{opacity:0}to{opacity:1}}@keyframes ani-frase{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pneu-gira{to{transform:rotate(360deg)}}@keyframes pneu-quica{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes pneu-faixa{to{background-position:-36px 0}}@keyframes pneu-vento{0%{opacity:0;transform:translate(16px)scaleX(.4)}35%{opacity:.9}to{opacity:0;transform:translate(-26px)scaleX(1)}}@keyframes barra-faixa{to{background-position:-28px 0,0 0}}.loader-pneu{--pneu:84px;color:var(--text-soft);flex-direction:column;align-items:center;gap:14px;display:inline-flex}.loader-pneu-cena{width:calc(var(--pneu) * 2.3);height:calc(var(--pneu) + 12px);place-items:end center;padding-bottom:6px;display:grid;position:relative}.pneu-svg{z-index:1;width:var(--pneu);height:var(--pneu);animation:.42s ease-in-out infinite pneu-quica;position:relative;overflow:visible}.pneu-roda{transform-box:view-box;transform-origin:50%;animation:.8s linear infinite pneu-gira}.pneu-borracha{fill:var(--navy)}.pneu-sulco{fill:var(--background)}.pneu-flanco{fill:var(--navy-soft);stroke:#2a3c6e;stroke-width:1px}.pneu-aro{fill:#22325f;stroke:#d7deea;stroke-width:3.4px}.pneu-raio{fill:#e3e9f3}.pneu-cubo{fill:var(--brand);stroke:#e3e9f3;stroke-width:1.6px}.pneu-porca{fill:#fff}.pneu-valvula{fill:var(--accent)}.loader-pneu-estrada{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--text-soft) 55%, transparent) 0 18px, transparent 18px 36px);border-radius:99px;height:3px;animation:.4s linear infinite pneu-faixa;position:absolute;bottom:4px;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22% 78%,#0000)}.loader-pneu-vento{gap:calc(var(--pneu) * .14);width:calc(var(--pneu) * .55);display:grid;position:absolute;top:18%;left:2%}.loader-pneu-vento i{transform-origin:100%;background:linear-gradient(90deg, transparent, var(--brand));height:2px;animation:pneu-vento .7s var(--ease) infinite;border-radius:99px;display:block}.loader-pneu-vento i:nth-child(2){background:linear-gradient(90deg, transparent, var(--accent));width:70%;margin-left:30%;animation-delay:.23s}.loader-pneu-vento i:nth-child(3){width:85%;margin-left:15%;animation-delay:.46s}.loader-pneu-frase{min-height:1.5em;font-size:var(--ui-md,14px);letter-spacing:-.005em;animation:ani-frase .3s var(--ease);margin:0;font-weight:600}.tela-carregando{min-height:calc(100dvh - var(--topbar-h,64px) - 140px);place-items:center;padding:32px 16px;animation:.25s ease-out .15s backwards ani-aparece;display:grid}.barra-navegacao{z-index:10000;pointer-events:none;opacity:0;transform-origin:0;background:repeating-linear-gradient(90deg, #ffffff8c 0 8px, transparent 8px 28px), linear-gradient(90deg, var(--brand) 0%, #6a9ae9 55%, var(--accent) 100%);border-radius:0 99px 99px 0;width:100%;height:3px;animation:.5s linear infinite barra-faixa;position:fixed;top:0;left:0;transform:scaleX(0)}.barra-navegacao[data-estado=ocioso]{transition:none}.barra-navegacao[data-estado=correndo]{opacity:1;transition:transform 9s cubic-bezier(.08,.82,.17,1),opacity .12s;transform:scaleX(.86)}.barra-navegacao[data-estado=chegou]{opacity:0;transition:transform .2s var(--ease), opacity .25s ease .18s;transform:scaleX(1)}.app-main>:not(.app-header){animation:ani-entrar .38s var(--ease) backwards}.app-main>:not(.app-header):nth-child(3){animation-delay:40ms}.app-main>:not(.app-header):nth-child(4){animation-delay:80ms}.app-main>:not(.app-header):nth-child(5){animation-delay:.12s}.app-main>:not(.app-header):nth-child(6){animation-delay:.16s}.app-main>:not(.app-header):nth-child(n+7){animation-delay:.2s}.executive-kpis>*,.kpi-grid>*{animation:ani-card .42s var(--ease) backwards}.executive-kpis>:nth-child(2),.kpi-grid>:nth-child(2){animation-delay:.1s}.executive-kpis>:nth-child(3),.kpi-grid>:nth-child(3){animation-delay:.15s}.executive-kpis>:nth-child(4),.kpi-grid>:nth-child(4){animation-delay:.2s}.executive-kpis>:nth-child(5),.kpi-grid>:nth-child(5){animation-delay:.25s}.executive-kpis>:nth-child(n+6),.kpi-grid>:nth-child(n+6){animation-delay:.3s}.executive-kpis>:first-child,.kpi-grid>:first-child{animation-delay:50ms}.kpi-card,.executive-kpi,.vehicle-card,.kanban-card,a.panel{transition:transform .18s var(--ease), box-shadow .18s var(--ease)}@media (hover:hover){.kpi-card:hover,.executive-kpi:hover,.vehicle-card:hover,.kanban-card:hover,a.panel:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--tone,var(--brand)) 30%, transparent), 0 10px 24px -14px color-mix(in srgb, var(--tone,var(--brand)) 55%, transparent);transform:translateY(-2px)}.kpi-card .kpi-icone svg,.executive-kpi-icon svg{transition:transform .22s var(--ease)}.kpi-card:hover .kpi-icone svg,.executive-kpi:hover .executive-kpi-icon svg{transform:scale(1.08)rotate(-4deg)}}.table-panel tbody tr{transition:background-color .15s}.table-panel tbody tr>td:first-child{transition:box-shadow .15s var(--ease)}@media (hover:hover){.table-panel tbody tr:hover>td:first-child{box-shadow:inset 3px 0 0 var(--brand)}}.button{transition:background-color .18s, border-color .18s, color .18s, transform .12s var(--ease)}.button:active:not(:disabled){transform:scale(.97)}.button svg{transition:transform .18s var(--ease)}@media (hover:hover){.button:hover:not(:disabled) svg{transform:translate(1px)scale(1.06)}}@media (prefers-reduced-motion:reduce){.pneu-roda,.pneu-svg,.loader-pneu-estrada,.loader-pneu-vento i,.barra-navegacao{animation:none!important}.loader-pneu-vento{display:none}.kpi-card:hover,.executive-kpi:hover,.vehicle-card:hover,.kanban-card:hover,a.panel:hover,.button:active:not(:disabled),.button:hover svg,.kpi-card:hover .kpi-icone svg,.executive-kpi:hover .executive-kpi-icon svg{transform:none!important}}
