:root{--vt-rojo: #ff0000;--vt-naranja: #ff6200;--vt-granate: #b90000;--vt-grad: linear-gradient(135deg, #ff0000 0%, #ff6200 100%);--vt-negro: #111111;--vt-negro-2: #1a1a1a;--vt-tinta: #0c0c0c;--vt-gris-texto: #6b6b6b;--vt-gris-niebla: #e6e6e6;--vt-gris-claro: #f5f5f6;--vt-blanco: #ffffff;--vt-font-display: "Montserrat", system-ui, sans-serif;--vt-font-text: "Montserrat", system-ui, sans-serif;--vt-font-mono: "JetBrains Mono", ui-monospace, monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 16px;--sp-4: 24px;--sp-5: 32px;--sp-6: 48px;--sp-7: 64px;--sp-8: 96px;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(17, 17, 17, .06);--sh-md: 0 10px 30px rgba(17, 17, 17, .08);--sh-lg: 0 24px 60px rgba(17, 17, 17, .12);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .22s;--max: 1200px;--nav-h: 66px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--vt-font-text);color:var(--vt-negro);background:var(--vt-gris-claro);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::selection{background:var(--vt-rojo);color:#fff}h1,h2,h3,h4{font-family:var(--vt-font-display);font-weight:900;line-height:1.1;letter-spacing:-.02em}.accent{color:var(--vt-rojo)}.mono{font-family:var(--vt-font-mono)}.eyebrow{font-family:var(--vt-font-display);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--vt-granate)}.lead{font-size:clamp(16px,1.4vw,19px);color:var(--vt-gris-texto)}.container{max-width:var(--max);margin:0 auto;padding:0 20px;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--vt-font-display);font-weight:800;font-size:14.5px;padding:12px 22px;border-radius:var(--r-md);border:1.5px solid transparent;transition:transform var(--dur) var(--ease),background var(--dur),border-color var(--dur),color var(--dur),opacity var(--dur);white-space:nowrap;line-height:1}.btn svg{width:18px;height:18px}.btn--primary{background:var(--vt-rojo);color:#fff}.btn--primary:hover{background:var(--vt-granate);transform:translateY(-2px)}.btn--granate{background:var(--vt-granate);color:#fff}.btn--granate:hover{background:#8f0000;transform:translateY(-2px)}.btn--ghost{border-color:var(--vt-granate);color:var(--vt-granate);background:transparent}.btn--ghost:hover{background:var(--vt-granate);color:#fff;transform:translateY(-2px)}.btn--light{border-color:#ffffff80;color:#fff;background:transparent}.btn--light:hover{background:#fff;color:var(--vt-negro)}.btn--neutral{border-color:var(--vt-gris-niebla);color:var(--vt-negro);background:#fff}.btn--neutral:hover{border-color:var(--vt-gris-texto)}.btn--block{width:100%}.btn--lg{padding:16px 28px;font-size:16px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn:active:not(:disabled){transform:translateY(0) scale(.99)}.link-arrow{font-family:var(--vt-font-display);font-weight:800;color:var(--vt-granate);display:inline-flex;align-items:center;gap:6px}.speedlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(108deg,rgba(255,255,255,.045) 0 1px,transparent 1px 26px)}.speedlines--dark{background:repeating-linear-gradient(108deg,rgba(17,17,17,.05) 0 1px,transparent 1px 26px);opacity:.7}.card{background:#fff;border:1px solid var(--vt-gris-niebla);border-radius:var(--r-lg);padding:22px}.card--hover{transition:transform var(--dur) var(--ease),box-shadow var(--dur),border-color var(--dur)}.card--hover:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:transparent}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--vt-font-mono);font-size:11.5px;font-weight:700;border-radius:var(--r-pill);padding:5px 12px;white-space:nowrap}.badge .dot{width:7px;height:7px;border-radius:50%}.badge--warehouse{background:#1111110f;color:var(--vt-negro)}.badge--warehouse .dot{background:#2e7d32}.badge--field{background:#ff62001a;color:#b14600}.badge--field .dot{background:var(--vt-naranja)}.badge--missing{background:#b900001a;color:var(--vt-granate)}.badge--missing .dot{background:var(--vt-granate)}.badge--maintenance{background:#ff62001a;color:#b14600}.badge--maintenance .dot{background:var(--vt-naranja)}.badge--pending_approval{background:#ff620029;color:#b14600}.badge--approved{background:#2e7d321f;color:#2e7d32}.badge--rejected{background:#11111114;color:var(--vt-gris-texto)}.badge--open{background:#2e7d321f;color:#2e7d32}.badge--partially_returned{background:#ff62001f;color:#b14600}.badge--closed{background:#2e7d321f;color:#2e7d32}.badge--closed_with_missing,.badge--overdue{background:#b900001a;color:var(--vt-granate)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}#root{min-height:100dvh;display:flex;flex-direction:column}.hero-dark{position:relative;background:var(--vt-tinta);color:#fff;overflow:hidden}.hero-dark__corner{position:absolute;right:0;top:0;bottom:0;width:46%;z-index:0;pointer-events:none;background:var(--vt-grad);opacity:.1;clip-path:polygon(38% 0,100% 0,100% 100%,12% 100%)}.login-wrap{flex:1;display:grid;place-items:center;padding:24px;min-height:100dvh;background:var(--vt-tinta)}.login-card{position:relative;z-index:2;width:100%;max-width:400px;background:#fff;border-radius:var(--r-lg);padding:36px 30px;box-shadow:var(--sh-lg)}.login-logo{height:38px;margin:0 auto 26px}.appshell{flex:1;display:flex;min-height:100dvh}.appmain{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{width:248px;flex-shrink:0;background:var(--vt-tinta);color:#fff;position:sticky;top:0;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;padding:18px 12px 14px}.sidebar__brand{padding:4px 8px 10px}.sidebar__brand img{height:26px}.sidebar__nav{flex:1;display:flex;flex-direction:column}.sidebar__group{margin-top:14px;display:flex;flex-direction:column;gap:2px}.sidebar__group:first-child{margin-top:6px}.sidebar__grouphdr{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;cursor:pointer;padding:6px 10px;margin-bottom:2px;font-family:var(--vt-font-display);font-weight:800;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:#ffffff6b}.sidebar__grouphdr:hover{color:#ffffffb3}.sidebar__link{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);color:#ffffffd1;font-weight:600;font-size:14px;transition:background var(--dur),color var(--dur)}.sidebar__link svg{width:18px;height:18px;flex-shrink:0}.sidebar__link:hover{background:#ffffff14;color:#fff}.sidebar__link.active{background:var(--vt-granate);color:#fff}.sidebar__user{display:flex;align-items:center;gap:10px;padding-top:12px;margin-top:12px;border-top:1px solid rgba(255,255,255,.1)}.sidebar__user .name{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user .role{font-size:11px;color:#ffffff73}.mobile-topbar{display:none;align-items:center;justify-content:space-between;height:var(--nav-h);background:var(--vt-tinta);padding:0 16px;position:sticky;top:0;z-index:40}.mobile-topbar img{height:24px}.mobile-topbar__user{flex:1;min-width:0;text-align:right;margin-right:10px;line-height:1.15}.mobile-topbar__user .name{color:#fff;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar__user .role{color:var(--vt-naranja);font-family:var(--vt-font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-sm);border:0;background:#ffffff14;color:#fff;transition:background var(--dur)}.icon-btn:hover{background:#ffffff29}.page{flex:1;padding:26px 0 40px}.page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page__title{font-size:clamp(22px,3vw,30px)}.page__sub{color:var(--vt-gris-texto);font-size:14px;margin-top:4px}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:none;background:#fff;border-top:1px solid var(--vt-gris-niebla);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 24px #1111110f}.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;font-size:11px;font-weight:600;color:var(--vt-gris-texto);transition:color var(--dur)}.bottomnav a svg{width:22px;height:22px}.bottomnav a.active{color:var(--vt-granate)}.bottomnav .fab{margin-top:-22px;background:var(--vt-rojo);color:#fff;width:54px;height:54px;border-radius:50%;justify-content:center;box-shadow:0 8px 22px #ff000057;flex:0 0 auto}.bottomnav .fab svg{width:26px;height:26px}.bottomnav .fab.active{color:#fff}.grid{display:grid;gap:16px}.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kpi-card{background:#fff;border:1px solid var(--vt-gris-niebla);border-radius:var(--r-lg);padding:20px}.kpi-card .num{font-family:var(--vt-font-display);font-weight:900;font-size:38px;line-height:1}.kpi-card .lab{margin-top:6px;font-size:13px;color:var(--vt-gris-texto)}.kpi-card--accent .num{color:var(--vt-granate)}.field{margin-bottom:16px}.field>label{display:block;font-weight:700;font-size:13px;margin-bottom:6px;color:var(--vt-negro)}.field .hint{font-size:12px;color:var(--vt-gris-texto);margin-top:4px}.field .err{font-size:12px;color:var(--vt-granate);margin-top:5px;font-weight:600}.input,.select,.textarea{width:100%;padding:11px 13px;border:1.5px solid var(--vt-gris-niebla);border-radius:var(--r-md);background:#fff;font-size:15px;color:var(--vt-negro);transition:border-color var(--dur),box-shadow var(--dur)}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--vt-rojo);box-shadow:0 0 0 3px #ff00001a}.textarea{resize:vertical;min-height:80px}.form-row{display:flex;gap:14px;flex-wrap:wrap}.form-row>*{flex:1;min-width:180px}.form-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.checkbox-row{display:flex;align-items:center;gap:10px}.checkbox-row input{width:18px;height:18px;accent-color:var(--vt-rojo)}.table-wrap{background:#fff;border:1px solid var(--vt-gris-niebla);border-radius:var(--r-lg);overflow:hidden}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;font-family:var(--vt-font-display);font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--vt-gris-texto);padding:13px 16px;border-bottom:1px solid var(--vt-gris-niebla);background:var(--vt-gris-claro)}table.data td{padding:13px 16px;border-bottom:1px solid var(--vt-gris-niebla);vertical-align:middle}table.data tr:last-child td{border-bottom:0}table.data tbody tr{transition:background var(--dur)}table.data tbody tr:hover{background:var(--vt-gris-claro)}.cell-code{font-family:var(--vt-font-mono);font-weight:700;font-size:13px}.row-actions{display:flex;gap:6px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}.toolbar .search{flex:1;min-width:200px;position:relative}.toolbar .search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--vt-gris-texto);width:18px;height:18px}.toolbar .search input{padding-left:38px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c0c0c8c;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:var(--r-lg);width:100%;max-width:560px;max-height:90dvh;overflow:auto;box-shadow:var(--sh-lg)}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--vt-gris-niebla);position:sticky;top:0;background:#fff}.modal__head h3{font-size:18px}.modal__body{padding:22px 24px}.line-list{display:flex;flex-direction:column;gap:10px}.line-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--vt-gris-niebla);border-radius:var(--r-md);background:#fff}.line-item .grow{flex:1;min-width:0}.line-item .name{font-weight:600;font-size:14.5px}.line-item .sub{font-size:12.5px;color:var(--vt-gris-texto)}.seg{display:inline-flex;border:1.5px solid var(--vt-gris-niebla);border-radius:var(--r-md);overflow:hidden}.seg button{border:0;background:#fff;padding:7px 12px;font-size:12.5px;font-weight:700;color:var(--vt-gris-texto)}.seg button.on-ok{background:#2e7d32;color:#fff}.seg button.on-damaged{background:var(--vt-naranja);color:#fff}.seg button.on-missing{background:var(--vt-granate);color:#fff}.scanner-box{border-radius:var(--r-lg);overflow:hidden;background:#000;position:relative}.scanner-box #qr-reader{width:100%}.scan-hint{text-align:center;color:var(--vt-gris-texto);font-size:13px;margin-top:10px}.scan-counter{font-family:var(--vt-font-mono);font-weight:700}.empty{text-align:center;padding:50px 20px;color:var(--vt-gris-texto)}.empty svg{width:42px;height:42px;margin:0 auto 12px;opacity:.5}.spinner{width:26px;height:26px;border:3px solid var(--vt-gris-niebla);border-top-color:var(--vt-rojo);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.offline-banner{position:sticky;top:0;z-index:35;background:var(--vt-granate);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;display:flex;align-items:center;gap:8px;justify-content:center}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.qr-frame{background:#fff;border:1px solid var(--vt-gris-niebla);border-radius:var(--r-lg);padding:18px;text-align:center}.qr-frame img{width:220px;max-width:100%;margin:0 auto}.kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--vt-gris-niebla);font-size:14px}.kv b{color:var(--vt-gris-texto);font-weight:600}.timeline{position:relative;padding-left:22px}.timeline:before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:var(--vt-gris-niebla)}.tl-item{position:relative;padding:0 0 18px}.tl-item:before{content:"";position:absolute;left:-22px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--vt-rojo);border:2px solid #fff}.tl-item .when{font-family:var(--vt-font-mono);font-size:11.5px;color:var(--vt-gris-texto)}.tl-item .what{font-weight:600;font-size:14px}@media(max-width:860px){.sidebar{display:none}.mobile-topbar,.bottomnav{display:flex}.offline-banner{top:var(--nav-h)}.detail-grid{grid-template-columns:1fr}.page{padding-bottom:96px}.hide-mobile{display:none}.table-wrap{overflow-x:auto}}