:root{color-scheme:light dark;--uv-bg: #0f1420;--uv-surface: #1a2130;--uv-text: #e8ecf4;--uv-text-muted: #8b95a8;--uv-accent: #3fb27f;--uv-danger: #e0564f;--uv-warn: #e0a83f;--uv-ok: #3fb27f;--uv-border: #2a3346;--uv-radius: 10px;--uv-shadow-1: 0 2px 8px rgb(0 0 0 / .35);--uv-space-1: 4px;--uv-space-2: 8px;--uv-space-3: 12px;--uv-space-4: 16px;--uv-space-5: 24px;--uv-space-6: 40px;--uv-font-sans: system-ui, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--uv-bg);color:var(--uv-text);font-family:var(--uv-font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0 0 var(--uv-space-3);font-weight:600;line-height:1.25}p{margin:0 0 var(--uv-space-2)}a{color:var(--uv-accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--uv-surface);border:1px solid var(--uv-border);border-radius:var(--uv-radius);padding:var(--uv-space-2) var(--uv-space-3)}button:hover:not(:disabled){border-color:var(--uv-accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--uv-surface);border:1px solid var(--uv-border);border-radius:calc(var(--uv-radius) / 2);padding:var(--uv-space-2)}table{width:100%;border-collapse:collapse}th,td{padding:var(--uv-space-2) var(--uv-space-3);text-align:left;border-bottom:1px solid var(--uv-border)}th{color:var(--uv-text-muted);font-weight:600}[role=alert]{color:var(--uv-danger)}.nav{display:flex;align-items:center;gap:var(--uv-space-4);padding:var(--uv-space-3) var(--uv-space-5);background:var(--uv-surface);border-bottom:1px solid var(--uv-border)}.nav__link{color:var(--uv-text-muted);font-weight:600}.nav__link:hover,.nav__link:focus-visible{color:var(--uv-text);text-decoration:none}.nav__link--active{color:var(--uv-accent)}.nav__logout{margin-left:auto;background:transparent;color:var(--uv-text-muted)}.nav__logout:hover:not(:disabled){color:var(--uv-danger);border-color:var(--uv-danger)}.fleet,.detail,.products,.sales{max-width:1100px;margin:0 auto;padding:var(--uv-space-5)}.login{max-width:360px;margin:var(--uv-space-6) auto;padding:var(--uv-space-5);background:var(--uv-surface);border:1px solid var(--uv-border);border-radius:var(--uv-radius);box-shadow:var(--uv-shadow-1)}.login form{display:flex;flex-direction:column;gap:var(--uv-space-2);margin-top:var(--uv-space-4)}.login button{margin-top:var(--uv-space-2)}.fleet__head,.detail__head,.products__head,.sales__head{display:flex;align-items:baseline;gap:var(--uv-space-4);flex-wrap:wrap;margin-bottom:var(--uv-space-4)}.fleet__filters{display:flex;align-items:center;gap:var(--uv-space-3);flex-wrap:wrap;margin-bottom:var(--uv-space-4)}.fleet__search{min-width:220px}.fleet__status{min-width:140px}.pager{display:flex;align-items:center;gap:var(--uv-space-3);margin-top:var(--uv-space-4)}.pager__info{color:var(--uv-text-muted);font-size:13px}.products__head{justify-content:space-between}.products__search{min-width:220px}.products__thumb{display:block;border-radius:calc(var(--uv-radius) / 2);background:var(--uv-surface);object-fit:contain}.sales__filters{display:flex;align-items:center;gap:var(--uv-space-2);flex-wrap:wrap;margin-bottom:var(--uv-space-4)}.sales__row{border-bottom:1px solid var(--uv-border)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--uv-space-3);margin-bottom:var(--uv-space-5)}.kpi{background:var(--uv-surface);border:1px solid var(--uv-border);border-radius:var(--uv-radius);box-shadow:var(--uv-shadow-1);padding:var(--uv-space-3)}.kpi__label{color:var(--uv-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--uv-space-1)}.kpi__value{font-size:24px;font-weight:700}.detail__grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--uv-space-5);margin:var(--uv-space-5) 0}@media (max-width: 720px){.detail__grid{grid-template-columns:1fr}}.detail__chart,.detail__rankings{background:var(--uv-surface);border:1px solid var(--uv-border);border-radius:var(--uv-radius);padding:var(--uv-space-4)}.detail__rankings{display:flex;flex-direction:column;gap:var(--uv-space-4)}.chart{width:100%;height:auto}.chart__bar{fill:var(--uv-accent)}.ranking ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--uv-space-1)}.ranking li{display:flex;justify-content:space-between;gap:var(--uv-space-2);padding:var(--uv-space-1) 0;border-bottom:1px solid var(--uv-border)}.planogram{margin-top:var(--uv-space-5)}.planogram__grid{display:grid;gap:var(--uv-space-2);margin-top:var(--uv-space-3)}.slot{background:var(--uv-surface);border:1px solid var(--uv-border);border-radius:calc(var(--uv-radius) / 2);padding:var(--uv-space-2);font-size:12px}.slot--low{border-color:var(--uv-warn)}.slot--oos{border-color:var(--uv-danger);opacity:.75}.slot__code{font-weight:700}.slot__name,.slot__fill{color:var(--uv-text-muted)}.tag{display:inline-block;padding:2px var(--uv-space-2);border-radius:999px;font-size:12px;font-weight:600}.tag--low{background:color-mix(in srgb,var(--uv-warn) 18%,transparent);color:var(--uv-warn)}.tag--oos{background:color-mix(in srgb,var(--uv-danger) 18%,transparent);color:var(--uv-danger)}.badge{display:inline-flex;align-items:center;gap:var(--uv-space-1);padding:2px var(--uv-space-2);border-radius:999px;font-size:12px;font-weight:600;background:var(--uv-surface);border:1px solid var(--uv-border)}.badge--green{color:var(--uv-ok)}.badge--amber{color:var(--uv-warn)}.badge--gray{color:var(--uv-text-muted)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor}.freshness{color:var(--uv-text-muted);font-size:12px;margin-top:var(--uv-space-2)}.freshness--stale{color:var(--uv-warn)}.muted{color:var(--uv-text-muted);font-size:13px}