:root{color-scheme:dark;--bg: #05070d;--panel: rgba(9, 14, 26, .84);--panel-elevated: rgba(13, 20, 36, .92);--border: rgba(56, 189, 248, .2);--text: #f8fbff;--muted: #a8b3c7;--subtle: #6f7b91;--primary: #00a3ff;--primary-hover: #35c8ff;--primary-soft: rgba(0, 163, 255, .14);--primary-border: rgba(0, 194, 255, .38);--accent: #38f8ff;--danger: #ef4444;--danger-hover: #dc2626;--shadow: 0 24px 70px rgba(0, 8, 28, .52);--glow: 0 0 0 1px rgba(0, 194, 255, .16), 0 18px 45px rgba(0, 132, 255, .16);--radius: 14px;--radius-sm: 10px;--content-width: 980px;--gap: 22px;--input-height: 44px}*{box-sizing:border-box}html,body,#root{min-height:100%}html{overflow-x:hidden}body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(0,163,255,.24),transparent 28%),radial-gradient(circle at 88% 12%,rgba(56,248,255,.14),transparent 24%),linear-gradient(180deg,#080d19f5,#04060cfa),var(--bg);background-attachment:fixed;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow-x:hidden}button,input,textarea,select{font:inherit;font-size:16px}a{color:inherit}img{max-width:100%;display:block}.app-shell{min-height:100vh}.app-shell__main{width:100%;max-width:var(--content-width);margin:0 auto;padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left))}.app-layout{width:100%}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px 24px 40px}.auth-card{width:min(440px,100%);display:grid;gap:26px;padding:28px}.auth-card__header{display:grid;gap:8px}.app-nav{width:100%;max-width:var(--content-width);margin:16px auto 0;padding:0 24px 24px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;animation:fade-in .18s ease-out}.nav-item{padding:10px 16px;border-radius:var(--radius-sm);background:#080d189e;border:1px solid rgba(56,189,248,.18);color:#d7e3f5;cursor:pointer;transition:.2s;text-decoration:none;scroll-snap-align:start}.nav-item:hover{background:#00a3ff1f;border-color:var(--primary-border)}.nav-item.active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#001522;border-color:transparent;box-shadow:var(--glow)}.bottom-nav{display:none}.page-frame{display:flex;flex-direction:column;gap:var(--gap);animation:fade-in .18s ease-out}.home-page{gap:24px}.home-dashboard{display:grid;gap:16px}.home-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:26px;background:linear-gradient(135deg,rgba(0,163,255,.16),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 48%),var(--panel-elevated)}.home-hero-card__copy{display:grid;gap:8px}.home-hero-card__copy h2{margin:0;color:#f8fbff;font-size:clamp(1.55rem,2.7vw,2.3rem);line-height:1.08;letter-spacing:0}.home-hero-card__copy p:last-child{margin:0;max-width:66ch;color:var(--muted)}.home-hero-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.home-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-metric{--metric-color: #38bdf8;min-width:0;position:relative;overflow:hidden;display:grid;gap:7px;padding:17px 17px 16px;border:1px solid rgba(56,189,248,.16);border-radius:var(--radius);background:linear-gradient(90deg,color-mix(in srgb,var(--metric-color) 18%,transparent),transparent 56%),linear-gradient(180deg,rgba(56,189,248,.055),transparent),#050a14ad;box-shadow:0 12px 28px #00081c38}.home-metric:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--metric-color)}.home-metric--blue{--metric-color: #38bdf8}.home-metric--amber{--metric-color: #f59e0b}.home-metric--green{--metric-color: #22c55e}.home-metric--cyan{--metric-color: #22d3ee}.home-metric span{color:var(--muted);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.home-metric strong{color:#f3fbff;font-size:clamp(1.22rem,2.6vw,1.8rem);line-height:1.05;overflow-wrap:anywhere}.home-metric small{color:var(--subtle);font-weight:650}.home-content-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);gap:18px;align-items:stretch}.home-quality-card,.home-recent-card{display:grid;align-content:start;gap:18px;min-height:100%}.home-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.home-quality-card__body{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center}.home-quality-donut{width:178px;aspect-ratio:1;border-radius:999px;display:grid;place-items:center;align-content:center;gap:2px;position:relative;background:radial-gradient(circle,rgba(5,10,20,.98) 0 48%,transparent 49%),conic-gradient(#38bdf8 0 var(--leading),#22c55e var(--leading) 100%);border:1px solid rgba(56,189,248,.16);box-shadow:inset 0 1px #ffffff14,0 18px 38px #00081c47}.home-quality-donut strong,.home-quality-donut span,.home-quality-donut small{position:relative;z-index:1}.home-quality-donut strong{color:#f8fbff;font-size:2rem;line-height:1}.home-quality-donut span{color:var(--muted);font-size:.72rem;font-weight:850;text-transform:uppercase}.home-quality-donut small{color:#b9ecff;font-size:.7rem;font-weight:800}.home-quality-list{display:grid;gap:10px}.home-quality-list>div{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid rgba(56,189,248,.13);border-radius:var(--radius-sm);background:#0409128f;transition:border-color .14s ease,background-color .14s ease}.home-quality-list>div:hover{border-color:#38bdf847;background:#00a3ff14}.home-quality-list span{overflow:hidden;color:#dbeafe;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.home-quality-list strong{color:#b9ecff}.home-recent-list{display:grid;gap:10px}.home-recent-list button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(56,189,248,.13);border-radius:var(--radius-sm);background:#0409128f;color:var(--text);cursor:pointer;text-align:left;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.home-recent-list button:hover{transform:translateY(-1px);border-color:var(--primary-border);background:#00a3ff1a}.home-recent-list span{min-width:0;display:grid;gap:3px}.home-recent-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-recent-list small{color:var(--muted)}.home-status{padding:6px 9px;border-radius:999px;border:1px solid rgba(34,197,94,.28);background:#22c55e1a;color:#bbf7d0;font-size:.7rem;font-style:normal;font-weight:850;white-space:nowrap}.home-status--danger{border-color:#ef444457;background:#ef44441a;color:#fecaca}.home-navigation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-navigation-grid button{display:grid;gap:5px;padding:16px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:linear-gradient(180deg,rgba(56,189,248,.055),transparent),#050a149e;color:var(--text);cursor:pointer;text-align:left;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.home-navigation-grid button:hover{transform:translateY(-1px);border-color:var(--primary-border);background:#00a3ff1a}.home-navigation-grid strong{color:#f3fbff}.home-navigation-grid span{color:var(--muted);font-size:.86rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.page-header__eyebrow{margin:0 0 6px;color:var(--muted);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-header__title{margin:0;font-size:clamp(1.65rem,2vw,2.2rem);line-height:1.06;letter-spacing:0}.page-header__subtitle{margin:8px 0 0;color:var(--muted);max-width:62ch}.section-card,.card,.page-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%),var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.section-card:before,.card:before,.page-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(56,248,255,.14),transparent 34%);opacity:.32}.card,.page-card,.section-card{padding:22px}.card--elevated{background:linear-gradient(180deg,rgba(0,163,255,.08),transparent 34%),var(--panel-elevated);box-shadow:var(--shadow),var(--glow)}.page-stack{display:flex;flex-direction:column;gap:var(--gap)}.section-grid{display:grid;gap:var(--gap)}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.section-title{margin:0;color:#eef8ff;font-size:1.12rem;line-height:1.18;font-weight:760;letter-spacing:0}.section-description{margin:8px 0 0;color:var(--muted);line-height:1.55}.notice{margin:0;padding:12px 14px;border-radius:14px;border:1px solid var(--border)}.notice--success{background:#00a3ff1f;color:#b9ecff}.notice--error{background:#ef44441f;color:#fecaca}.helper{margin:0;color:var(--muted);font-size:.93rem;line-height:1.5}.text-subtle{color:var(--subtle)}.text-muted{color:var(--muted)}.text-danger{color:var(--danger)}.input-field{display:flex;flex-direction:column;gap:9px}.input-field__label{color:var(--text);font-size:.92rem;font-weight:800}.input-field__help,.input-field__error{font-size:.85rem}.input-field__help{color:var(--subtle)}.input-field__error{color:#fca5a5}.input,.select,.textarea{width:100%;min-height:var(--input-height);border-radius:var(--radius-sm);border:1px solid rgba(56,189,248,.18);background:#040912c7;color:var(--text);padding:12px 15px;outline:none;transition:border-color .14s ease,transform .14s ease,background-color .14s ease,box-shadow .14s ease}.textarea{min-height:120px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:#38f8ffb8;box-shadow:0 0 0 3px #00a3ff29,0 0 24px #00a3ff1f}.input--error{border-color:#ef444499}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--input-height);padding:0 18px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-decoration:none;font-size:.94rem;font-weight:700;letter-spacing:0;white-space:nowrap;transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.button:disabled{opacity:.55;cursor:not-allowed}.button:active{transform:scale(.98)}.button--primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#001522;font-weight:700;box-shadow:0 12px 30px #00a3ff4d}.button--primary:hover{background:linear-gradient(135deg,var(--primary-hover),#78fbff);box-shadow:0 16px 36px #00c2ff61}.button--secondary{background:#070d19db;border-color:#38bdf838;color:#dbeafe}.button--secondary:hover{background:#00a3ff1f;border-color:var(--primary-border);box-shadow:0 0 24px #00a3ff1f}.button--ghost{border-color:transparent;background:transparent;color:var(--muted)}.button--ghost:hover{background:#00a3ff1a;color:var(--text)}.button--danger{background:linear-gradient(135deg,#ef4444,#fb7185);border-color:#f8717166;color:#fff;box-shadow:0 12px 28px #ef444438}.button--danger:hover{background:linear-gradient(135deg,var(--danger-hover),#f43f5e);box-shadow:0 16px 34px #ef444452}.app-header{border-bottom:1px solid rgba(56,189,248,.14);background:#05080fc2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 18px 44px #00081c3d}.app-header__content{max-width:var(--content-width);margin:0 auto;padding:28px 24px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.app-header__eyebrow{margin:0 0 8px;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.app-header__title{margin:0;font-size:clamp(1.85rem,2.8vw,2.7rem);line-height:1.02;font-weight:780;letter-spacing:0;text-shadow:0 0 24px rgba(0,163,255,.26)}.app-header__subtitle{margin:10px 0 0;color:var(--muted);max-width:62ch;font-size:1rem;line-height:1.55}.app-header__back{flex:0 0 auto}.app-header__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.app-header__logout{min-width:112px}.frota-grid,.product-grid,.results-grid,.history-list,.critical-list,.photo-grid{display:grid;gap:var(--gap)}.frota-card{display:flex;flex-direction:column;gap:16px;border-color:#38bdf829;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.frota-card:hover{transform:translateY(-1px);border-color:var(--primary-border);box-shadow:var(--glow)}.frota-card__top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.frota-card__label,.card-label{margin:0 0 7px;color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.frota-card__title{margin:0;color:#f3fbff;font-size:1.22rem;line-height:1.16;font-weight:760}.frota-card__meta,.frota-card__line,.frota-card__detail,.card-description{margin:0;color:var(--muted);line-height:1.55}.frota-card__actions,.inline-actions,.detail-actions,.home-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}.home-actions .button{min-width:190px}.status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(56,189,248,.18);color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.status--success{color:#b9ecff;border-color:#00a3ff57;background:#00a3ff1a}.status--danger{color:#fca5a5;border-color:#ef44444d;background:#ef444414}.status--warning{color:#fde68a;border-color:#f59e0b57;background:#f59e0b1a}.notice--info{border-color:#38bdf838;background:#38bdf814;color:#d9f6ff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020612c7;display:flex;align-items:center;justify-content:center;padding:22px;z-index:100}.modal{width:min(760px,100%);background:var(--panel-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.modal--fleet-registration{width:min(520px,100%)}.modal__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.modal__title{margin:0;font-size:1.2rem;line-height:1.18}.search-card{display:flex;flex-direction:column;gap:18px;max-width:900px;margin:0 auto;width:100%}.search-bar{display:grid;gap:12px}.history-search-panel{gap:18px}.history-section-label{margin:0 0 6px;color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.history-filter-title{margin:0;font-size:1.08rem;line-height:1.2}.history-filter-chips,.history-action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.history-filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid rgba(56,189,248,.18);border-radius:999px;background:#060c18b3;color:#d8ecf5;font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}.history-filter-chip--active{border-color:#38bdf87a;background:#00a3ff29;color:#f3fbff}.history-inspection-card__meta{display:grid;gap:5px}.history-inspection-card__title,.history-inspection-card__subtitle,.history-inspection-card__date{margin:0}.history-inspection-card__title{color:#f3fbff;font-size:1.06rem}.history-inspection-card__subtitle,.history-inspection-card__date{color:var(--muted);font-size:.9rem}.history-inspection-card__actions{display:flex;flex-wrap:wrap;gap:10px}.field-grid,.form-grid{display:grid;gap:16px}.form-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid--four,.performance-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-bars,.performance-timeline{display:grid;gap:12px}.performance-bar{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(120px,1fr) 44px;gap:12px;align-items:center;color:var(--muted)}.performance-bar>span{color:var(--text);font-weight:760}.performance-bar>strong{color:#b9ecff;text-align:right}.performance-bar__track,.performance-timeline__track{height:12px;overflow:hidden;border-radius:999px;background:#94a3b829}.performance-bar__track i,.performance-timeline__track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#22c55e)}.performance-timeline article{display:grid;grid-template-columns:92px minmax(140px,1fr) minmax(170px,auto);gap:12px;align-items:center;padding:12px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius-sm);background:#0409128a}.performance-timeline strong{color:#f3fbff}.performance-timeline small{color:var(--muted)}.item-divider{height:1px;background:#38bdf824;margin:12px 0}.express-page{gap:18px}.express-shell,.express-card{display:grid;gap:16px}.express-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:16px;align-items:start}.express-status{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius-sm);background:#04091294}.express-issue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.express-issue{min-height:92px;display:grid;align-content:center;gap:6px;padding:14px;border:1px solid rgba(56,189,248,.16);border-radius:var(--radius-sm);background:#050a14a8;color:var(--text);text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.express-issue:hover{transform:translateY(-1px);border-color:var(--primary-border);box-shadow:0 14px 28px #00081c3d}.express-issue--active{border-color:#f8717185;background:linear-gradient(135deg,#ef444438,#f59e0b1f),#050a14c7}.express-issue strong{font-size:1rem;line-height:1.1}.express-issue span{color:var(--muted);font-size:.82rem;line-height:1.35}.express-actions{position:sticky;bottom:18px;z-index:2;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:12px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#05080fd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 44px #00081c47}.photo-upload__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.photo-upload__item{margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(56,189,248,.16);background:#040912b8}.photo-upload__item img,.photo-upload__item video{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:#020612e6}.photo-upload__item figcaption{padding:8px 10px;font-size:.82rem;color:var(--muted)}.summary-list,.history-meta,.detail-meta{display:grid;gap:10px}.summary-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.critical-item,.history-item,.summary-box{border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:linear-gradient(180deg,rgba(0,163,255,.055),transparent 38%),#050a14ad;padding:18px;box-shadow:0 10px 26px #00081c38}.history-item{display:flex;flex-direction:column;gap:14px}.history-item__top,.summary-box__top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.critical-item{display:grid;gap:8px}.critical-point-form{display:grid;gap:16px}.critical-point-form__item{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#050a149e}.critical-point-form__item .input-field:has(textarea),.critical-point-form__photos,.critical-point-form__actions{grid-column:1 / -1}.critical-point-form__photos{display:grid;gap:12px}.critical-point-form__actions{display:flex;justify-content:flex-end}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.photo-preview-grid__item{overflow:hidden;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#040912b8}.photo-preview-grid__item img,.photo-preview-grid__item video{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:#020612e6}.photo-preview-grid__meta{display:grid;gap:8px;padding:10px;font-size:.78rem;color:var(--muted)}.photo-preview-grid__meta span{overflow-wrap:anywhere}.inspection-checklist{display:grid;gap:14px}.inspection-checklist__item{display:grid;gap:14px;padding:16px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#050a149e}.inspection-checklist__item--ok{border-color:#22c55e6b;background:linear-gradient(90deg,rgba(34,197,94,.16),transparent 46%),#050a149e}.inspection-checklist__item--ok .inspection-checklist__top strong{color:#bbf7d0}.inspection-checklist__item--attention{border-color:#ef444457;background:linear-gradient(90deg,rgba(239,68,68,.12),transparent 46%),#050a149e}.inspection-checklist__top{display:flex;justify-content:space-between;gap:14px;align-items:center}.inspection-checklist__toggle{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.inspection-checklist__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.inspection-checklist__details .input-field:has(textarea){grid-column:1 / -1}.frota-history-page{gap:22px}.frota-history-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.frota-history-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:18px}.frota-history-kpis article{display:grid;gap:6px;padding:15px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#050a149e}.frota-history-kpis span{color:var(--muted);font-size:.82rem;font-weight:650}.frota-history-kpis strong{color:#e8fbff;font-size:1.35rem}.frota-history-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.frota-history-ranking{display:grid;gap:10px}.frota-history-ranking__item{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#050a149e}.frota-history-ranking__item span{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:var(--primary-soft);color:#b9ecff;font-weight:800}.frota-history-ranking__item small{color:var(--muted);white-space:nowrap}.fade-in{animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quality-section{display:flex;flex-direction:column;gap:20px}.quality-section__head{max-width:900px;width:100%;margin:0 auto}.quality-card{width:100%;max-width:980px;margin:0 auto;padding:0;border-color:#38f8ff3d;overflow:hidden}.quality-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,rgba(34,197,94,.08),transparent 28%),radial-gradient(circle at 92% 8%,rgba(56,189,248,.2),transparent 22%)}.quality-card>*{position:relative;z-index:1}.quality-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding:22px 24px;border-bottom:1px solid rgba(56,189,248,.12);background:#0409126b}.quality-report-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;border-bottom:1px solid rgba(56,189,248,.12);background:linear-gradient(90deg,rgba(56,189,248,.12),transparent 46%),#050a1475}.quality-report-heading .section-title{font-size:1.28rem}.quality-select{min-width:220px;flex:1 1 220px;max-width:300px}.quality-export-action{display:flex;align-items:end;justify-content:flex-end;flex:0 0 auto}.quality-export-action .button{min-height:var(--input-height);white-space:nowrap}.quality-custom-dates{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:16px}.quality-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;border-bottom:1px solid rgba(56,189,248,.12)}.quality-kpi{min-width:0;border:0;border-right:1px solid rgba(56,189,248,.12);border-radius:0;background:linear-gradient(180deg,rgba(0,163,255,.07),transparent),#050a1461;padding:20px 22px;text-align:left;display:grid;gap:8px;box-shadow:inset 0 1px #ffffff09}.quality-kpi:last-child{border-right:0}.quality-kpi span{color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.quality-kpi strong{font-size:clamp(1.35rem,3vw,2rem);line-height:1;color:#e8fbff;overflow-wrap:anywhere}.quality-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:0;align-items:stretch;margin-top:0}.quality-layout--report{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.quality-chart-panel{width:100%;display:grid;justify-items:center;gap:18px;padding:28px 24px;border-right:1px solid rgba(56,189,248,.12);background:radial-gradient(circle at 50% 34%,rgba(56,189,248,.16),transparent 34%),linear-gradient(180deg,#0c1220b8,#04091247)}.quality-layout--report .quality-chart-panel{align-content:center;min-height:430px}.quality-donut{position:relative;display:grid;place-items:center;max-width:100%;padding:10px;border-radius:999px;background:radial-gradient(circle,rgba(15,23,42,.92) 0 42%,transparent 43%),linear-gradient(145deg,#38bdf824,#22c55e14);box-shadow:inset 0 1px #ffffff0f,0 22px 50px #00081c57}.quality-donut svg{width:min(260px,100%);height:auto;overflow:visible;transform:translateZ(0)}.quality-donut__inner-ring{fill:#050a14f0;stroke:#e2e8f014;stroke-width:1}.quality-donut__segment{transition:stroke-width .16s ease,opacity .16s ease}.quality-donut svg:hover .quality-donut__segment{opacity:.72}.quality-donut svg .quality-donut__segment:hover{opacity:1;stroke-width:38px}.quality-donut__center{position:absolute;display:grid;place-items:center;gap:3px;max-width:118px;text-align:center;pointer-events:none}.quality-donut__center strong{color:#f8fbff;font-size:2rem;line-height:1;text-shadow:0 0 22px rgba(56,189,248,.2)}.quality-donut__center span{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.quality-donut__center small{width:100%;color:#b9ecff;font-size:.68rem;font-weight:800;line-height:1.25;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.quality-legend{width:100%;max-width:360px;display:grid;gap:8px}.quality-legend__item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center;max-width:100%;padding:9px 10px;border:1px solid rgba(56,189,248,.12);border-radius:var(--radius-sm);background:#050a14a8;font-size:.78rem;box-shadow:inset 0 1px #ffffff09}.quality-legend__item>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quality-legend__swatch{width:12px;height:12px;border-radius:999px;box-shadow:0 0 16px currentColor}.quality-ranking{width:100%;max-width:none;display:grid;align-content:start;gap:14px;padding:28px 24px}.quality-ranking>.helper{text-align:left;margin-top:-6px}.quality-ranking__list{display:grid;gap:10px}.quality-ranking__item{position:relative;overflow:hidden;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:start;padding:16px 16px 16px 18px;border:1px solid color-mix(in srgb,var(--issue-color, #38bdf8) 42%,transparent);border-radius:var(--radius);background:linear-gradient(90deg,color-mix(in srgb,var(--issue-color, #38bdf8) 18%,transparent),transparent 42%),#050a149e;transition:transform .14s ease,border-color .14s ease,background-color .14s ease}.quality-ranking__item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--issue-color, #38bdf8) 62%,transparent)}.quality-ranking__item:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--issue-color, #38bdf8)}.quality-ranking__position{width:32px;height:32px;border-radius:999px;display:inline-grid;place-items:center;background:var(--issue-color, #38bdf8);color:#03131f;font-weight:700;box-shadow:0 0 18px color-mix(in srgb,var(--issue-color, #38bdf8) 28%,transparent)}.quality-recurrence-panel{width:100%;max-width:680px;display:grid;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--issue-color, #38bdf8) 42%,transparent);border-radius:var(--radius);background:linear-gradient(90deg,color-mix(in srgb,var(--issue-color, #38bdf8) 14%,transparent),transparent 48%),#050a149e}.quality-recurrence-list{display:grid;gap:10px}.quality-recurrence-fleet{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#040912a3}.quality-recurrence-fleet strong{color:#f3fbff}.recurrence-page{gap:22px}.recurrence-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:16px}.recurrence-summary article{display:grid;gap:6px;padding:15px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#050a149e}.recurrence-summary span{color:var(--muted);font-size:.82rem;font-weight:750}.recurrence-summary strong{color:#e8fbff;font-size:1.25rem}.collaborator-card{gap:14px;cursor:pointer}.collaborator-card:focus-visible{outline:2px solid rgba(56,189,248,.52);outline-offset:3px}.collaborator-card-summary{margin-bottom:0}.collaborator-profile-modal{width:min(860px,100%)}.collaborator-profile-kpis,.collaborator-profile-summary{margin-bottom:18px}.collaborator-profile-section{display:grid;gap:12px;margin-bottom:16px}.collaborator-failure-list{display:grid;gap:10px}.collaborator-failure-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:#050a149e}.collaborator-failure-item div{display:grid;gap:4px}.collaborator-failure-item strong{color:#f3fbff}.collaborator-failure-item span{color:var(--muted);font-size:.86rem}.recurrence-fleet-list{display:grid;gap:16px}.recurrence-fleet-card{display:grid;gap:14px}.recurrence-fleet-card__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.recurrence-fleet-card__meta{display:grid;gap:6px}.recurrence-point-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.recurrence-point{display:grid;gap:4px;padding:10px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius-sm);background:#040912a3}.recurrence-point small{color:var(--muted)}.quality-insights{width:100%;max-width:none;display:grid;gap:16px;grid-column:1 / -1;padding:0 24px 24px}.quality-insight-panel{display:grid;gap:14px;padding:18px;border:1px solid rgba(56,189,248,.14);border-radius:var(--radius);background:linear-gradient(90deg,rgba(56,189,248,.08),transparent 42%),#050a149e}.quality-bars{display:grid;gap:12px}.quality-bar-row{display:grid;grid-template-columns:84px 1fr 38px;gap:12px;align-items:center;font-size:.86rem;color:var(--muted)}.quality-bar-row strong{color:var(--text);text-align:right}.quality-bar-track{height:11px;overflow:hidden;border-radius:999px;background:#94a3b829}.quality-bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444)}.quality-card .helper{text-align:center}.quality-table-panel{display:grid;gap:14px;padding:24px;border-top:1px solid rgba(56,189,248,.12);background:#04091257}.quality-table-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quality-table-panel__head .helper{text-align:left}.quality-table-panel__count{flex:0 0 auto;padding:8px 11px;border-radius:999px;border:1px solid rgba(56,189,248,.2);background:#38bdf81a;color:#b9ecff;font-size:.78rem;font-weight:800}.quality-table-wrap{width:100%;overflow-x:auto;border:1px solid rgba(56,189,248,.16);border-radius:var(--radius);background:#f8fafc}.quality-report-table{width:100%;min-width:860px;border-collapse:collapse;color:#172033;font-size:.86rem}.quality-report-table th,.quality-report-table td{padding:12px 13px;border-bottom:1px solid #dbe4ef;text-align:left;vertical-align:top}.quality-report-table th{position:sticky;top:0;z-index:1;background:#e0f2fe;color:#0f172a;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.quality-report-table tbody tr:nth-child(2n){background:#eef6fb}.quality-report-table tbody tr:hover{background:#dff3ff}.quality-report-table__number{text-align:center;font-weight:900}.quality-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:.72rem;font-weight:900;white-space:nowrap}.quality-pill--aprovado,.quality-pill--leve{border-color:#86efac;background:#dcfce7;color:#166534}.quality-pill--reprovado,.quality-pill--grave{border-color:#fca5a5;background:#fee2e2;color:#991b1b}.quality-pill--com_observacao,.quality-pill--media{border-color:#fcd34d;background:#fef3c7;color:#92400e}.quality-pill--sem-ponto-critico{border-color:#cbd5e1;background:#f1f5f9;color:#475569}@media(max-width:768px){:root{--gap: 16px;--radius: 12px;--input-height: 48px}body{background:linear-gradient(180deg,#080d19fa,#04060cfa),var(--bg)}.app-shell__main{padding:14px max(12px,env(safe-area-inset-right)) calc(92px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.app-nav{display:none}.bottom-nav{position:fixed;z-index:50;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px;border:1px solid rgba(56,189,248,.2);border-radius:18px;background:#05080ff0;box-shadow:0 18px 44px #00081c85;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{min-width:0;text-decoration:none}.bottom-nav__item{min-height:46px;display:grid;place-items:center;padding:6px;border-radius:12px;color:var(--muted);font-size:.72rem;font-weight:800;line-height:1.12;text-align:center;text-decoration:none}.bottom-nav__item--active{background:linear-gradient(135deg,var(--primary),var(--accent));color:#001522;box-shadow:0 10px 22px #00a3ff47}.nav-item{white-space:nowrap}.app-header__content{padding:18px 12px 16px;flex-direction:column;gap:14px}.app-header__text,.app-header__actions{width:100%}.app-header__actions{display:grid;grid-template-columns:1fr;gap:10px}.page-header{flex-direction:column}.app-header__title{font-size:clamp(1.45rem,7.2vw,2rem)}.app-header__subtitle{font-size:.9rem;line-height:1.42}.card,.page-card,.section-card{padding:14px;box-shadow:0 14px 32px #00081c57}.section-head{gap:10px;margin-bottom:14px}.section-title{font-size:1rem}.helper{font-size:.86rem}.auth-card{padding:22px 18px}.form-grid--two,.form-grid--three,.form-grid--four,.performance-filter-grid,.quality-kpis,.quality-custom-dates,.quality-insights,.express-grid,.critical-point-form__item,.inspection-checklist__details,.frota-history-grid{grid-template-columns:1fr}.performance-bar,.performance-timeline article{grid-template-columns:1fr}.performance-bar>strong{text-align:left}.express-issue-grid{grid-template-columns:1fr}.express-actions{bottom:88px;justify-content:stretch}.express-actions .button{flex:1 1 160px}.frota-card__top,.history-item__top,.summary-row,.summary-box__top,.inspection-checklist__top,.frota-history-hero{flex-direction:column}.frota-card__actions,.inline-actions,.detail-actions,.home-actions,.home-hero-card__actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}.home-actions{flex-direction:column;align-items:stretch}.home-actions .button{min-width:0}.home-hero-card,.home-content-grid,.home-summary-grid,.home-navigation-grid,.home-quality-card__body{grid-template-columns:1fr}.home-card-head,.home-hero-card{align-items:stretch}.home-quality-donut{justify-self:center}.button{width:100%;min-height:48px;padding:0 12px;white-space:normal;line-height:1.18}.input,.select,.textarea{padding:12px 13px}.textarea,.input--textarea{min-height:96px}.frota-card{gap:12px}.frota-card__title{font-size:1.08rem}.status{width:fit-content;max-width:100%;min-height:28px;white-space:normal}.search-card{gap:14px}.search-bar{gap:10px}.critical-point-form__item,.inspection-checklist__item{padding:13px;gap:12px}.inspection-checklist__toggle{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-preview-grid,.photo-upload__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-toolbar{flex-direction:column;align-items:stretch}.quality-select{min-width:0;max-width:none;width:100%}.quality-card{padding:0}.quality-layout{grid-template-columns:1fr;gap:0}.quality-toolbar{padding:14px}.quality-report-heading,.quality-table-panel__head{flex-direction:column;align-items:stretch}.quality-report-heading{padding:16px 14px}.quality-kpis{grid-template-columns:1fr}.quality-kpi{border-right:0;border-bottom:1px solid rgba(56,189,248,.12);padding:14px;text-align:center}.quality-kpi:last-child{border-bottom:0}.quality-export-action,.quality-export-action .button{width:100%}.quality-chart-panel{padding:20px 14px;border-right:0;border-bottom:1px solid rgba(56,189,248,.12)}.quality-donut svg{width:min(188px,100%)}.quality-kpi strong{font-size:1.45rem;overflow-wrap:anywhere}.quality-legend__item{max-width:100%}.quality-legend__item strong{color:var(--muted)}.quality-ranking__item{padding:13px 13px 13px 15px;grid-template-columns:30px minmax(0,1fr)}.quality-ranking{padding:20px 14px}.quality-table-panel{padding:16px 14px}.quality-table-panel__count{width:fit-content}.quality-ranking__item .button{grid-column:1 / -1}.quality-insights{padding:0 14px 14px}.quality-insight-panel{padding:14px}.quality-recurrence-panel{padding:13px}.quality-recurrence-fleet{grid-template-columns:1fr}.quality-bar-row{grid-template-columns:62px 1fr 26px;gap:8px;font-size:.78rem}.frota-history-kpis,.recurrence-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recurrence-summary article{padding:12px}.recurrence-summary strong{font-size:1.08rem;overflow-wrap:anywhere}.recurrence-fleet-card__head{flex-direction:column}.recurrence-point-list{grid-template-columns:1fr}.frota-history-kpis article{padding:12px}.frota-history-kpis strong{font-size:1.1rem;overflow-wrap:anywhere}.frota-history-ranking__item{grid-template-columns:28px minmax(0,1fr)}.frota-history-ranking__item small{grid-column:2;white-space:normal}.modal-overlay{align-items:center;padding:12px}.modal{max-height:calc(100vh - 24px);overflow:auto;padding:16px}.collaborator-failure-item{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.app-header__actions{grid-template-columns:1fr}.app-nav{margin-top:10px}.section-head{flex-direction:column}.photo-upload__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{left:6px;right:6px;gap:4px;padding:6px}.bottom-nav__item{min-height:43px;font-size:.66rem}.frota-history-kpis,.recurrence-summary{grid-template-columns:1fr}.quality-legend__item,.quality-ranking__item{font-size:.86rem}}