:root{--primary: #0EA5E9;--primary-hover: #0284C7;--primary-dark: #0369A1;--cyan: #06B6D4;--navy: #0C3A5C;--navy-hover: #0E4F7A;--deep: #06101E;--success: #10B981;--success-hover: #059669;--warning: #F59E0B;--warning-hover: #D97706;--error: #EF4444;--error-hover: #DC2626;--bg: #EBF5FF;--bg-alt: #F0F8FF;--surface: #FFFFFF;--surface-tint: #F7FBFF;--border: rgba(14,165,233,.14);--border-strong: rgba(14,165,233,.28);--border-focus: #0EA5E9;--text: #060F1C;--text-secondary: #2C4A6A;--text-muted: #6B8CAE;--text-faint: #9DB8CE;--sidebar-bg: #04090F;--sidebar-surface: #071220;--sidebar-border: rgba(14,165,233,.12);--sidebar-text: rgba(147,210,255,.55);--sidebar-text-active: #E8F4FF;--sidebar-accent: rgba(14,165,233,.14);--gradient-primary: linear-gradient(135deg, #0EA5E9 0%, #0284C7 100%);--gradient-header: linear-gradient(135deg, #040C18 0%, #071828 50%, #0A2642 100%);--gradient-dark: linear-gradient(135deg, #030810 0%, #0C1E36 100%);--gradient-login: linear-gradient(170deg, #03070E 0%, #050F1C 25%, #081C36 55%, #0A3252 75%, #0D5A8A 100%);--gradient-brand: linear-gradient(135deg, #0EA5E9 0%, #06B6D4 60%, #0891B2 100%);--gradient-surface: linear-gradient(160deg, #FFFFFF 0%, #F5FAFF 100%);--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.125rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(4,9,15,.06);--shadow-sm: 0 1px 4px rgba(4,9,15,.08), 0 2px 8px rgba(14,165,233,.05);--shadow-md: 0 4px 16px rgba(4,9,15,.1), 0 1px 4px rgba(14,165,233,.08);--shadow-lg: 0 8px 32px rgba(14,165,233,.15), 0 3px 10px rgba(4,9,15,.1);--shadow-xl: 0 16px 48px rgba(4,9,15,.18), 0 6px 20px rgba(14,165,233,.14);--shadow-2xl: 0 24px 64px rgba(4,9,15,.24), 0 8px 24px rgba(14,165,233,.18);--shadow-glow: 0 0 24px rgba(14,165,233,.4), 0 0 48px rgba(14,165,233,.18);--shadow-header: 0 4px 32px rgba(4,9,15,.5), 0 1px 0 rgba(14,165,233,.2);--shadow-btn: 0 2px 8px rgba(14,165,233,.45), 0 4px 20px rgba(14,165,233,.2);--shadow-card: 0 1px 4px rgba(14,165,233,.06), 0 4px 20px rgba(4,9,15,.07), 0 0 0 1px rgba(14,165,233,.1);--transition: .18s ease;--transition-slow: .32s cubic-bezier(.4,0,.2,1);--header-h: 4rem;--tabnav-h: 3rem}[data-theme=dark]{--bg: #060E1A;--bg-alt: #040B14;--surface: #0C1A2E;--surface-tint: #0E2040;--border: rgba(14,165,233,.18);--border-strong: rgba(14,165,233,.32);--text: #E2EEF9;--text-secondary: #93C5FD;--text-muted: #5B7EA8;--text-faint: #3A5570;--gradient-surface: linear-gradient(160deg, #0C1A2E 0%, #091422 100%);--shadow-sm: 0 1px 4px rgba(0,0,0,.28), 0 2px 8px rgba(0,0,0,.18);--shadow-md: 0 4px 16px rgba(0,0,0,.38), 0 1px 4px rgba(14,165,233,.06);--shadow-card: 0 1px 4px rgba(0,0,0,.32), 0 4px 20px rgba(0,0,0,.22), 0 0 0 1px rgba(14,165,233,.14);--shadow-lg: 0 8px 32px rgba(0,0,0,.45), 0 3px 10px rgba(0,0,0,.22)}.theme-fx *{transition:background-color .28s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-text-size-adjust:100%}body{font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:1rem;line-height:1.55;color:var(--text);background:var(--bg);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}#app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}img,svg{display:block;max-width:100%}button,input,textarea,select{font-family:inherit}a{color:inherit}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.view-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;height:var(--header-h);gap:.75rem;position:relative}.view-header--primary,.view-header--navy,.view-header--dark{background:var(--gradient-header);color:#fff;box-shadow:var(--shadow-header)}.view-header--primary:after,.view-header--navy:after,.view-header--dark:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(14,165,233,.6) 30%,rgba(6,182,212,.8) 50%,rgba(14,165,233,.6) 70%,transparent 100%)}.view-header__brand{display:flex;align-items:center;gap:.625rem;min-width:0}.view-header__brand svg{filter:drop-shadow(0 0 8px rgba(14,165,233,.6))}.view-header__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.theme-toggle{width:52px;height:28px;padding:0;border:none;background:none;cursor:pointer;flex-shrink:0}.theme-toggle__pill{display:block;width:100%;height:100%;border-radius:var(--radius-full);background:#ffffff21;border:1px solid rgba(255,255,255,.22);position:relative;transition:background .28s ease,border-color .28s ease}[data-theme=dark] .theme-toggle__pill{background:#0ea5e933;border-color:#0ea5e966}.theme-toggle__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#f59e0b;box-shadow:0 1px 4px #00000038;transition:transform .34s cubic-bezier(.34,1.56,.64,1),background .28s ease,color .22s ease,box-shadow .28s ease}[data-theme=dark] .theme-toggle__knob{transform:translate(24px);background:#0c2d5a;color:#93c5fd;box-shadow:0 0 0 1px #0ea5e959,0 1px 4px #0000004d,0 0 10px #0ea5e940}.theme-toggle__sun{display:block}.theme-toggle__moon,[data-theme=dark] .theme-toggle__sun{display:none}[data-theme=dark] .theme-toggle__moon{display:block}.view-header__title{font-family:Syne,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.view-header__subtitle{font-size:.68rem;opacity:.65;line-height:1;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.tab-nav{flex-shrink:0;display:flex;background:#fff;border-bottom:1px solid var(--border);padding:.4rem .625rem;height:var(--tabnav-h);overflow-x:auto;gap:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:0 2px 12px #0ea5e90f,0 1px 0 var(--border)}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{flex:1;min-width:72px;border:none;background:none;font-size:.75rem;font-weight:700;font-family:Nunito Sans,sans-serif;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-md);transition:color var(--transition),background var(--transition),box-shadow var(--transition);padding:0 .625rem;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.35rem;letter-spacing:.01em}.tab-btn:hover{color:var(--text-secondary);background:#0ea5e90f}.tab-btn.active{color:var(--primary-dark);background:linear-gradient(135deg,#0ea5e91f,#06b6d414);box-shadow:inset 0 0 0 1.5px #0ea5e94d}.tab-btn svg{flex-shrink:0}.tab-content{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}.login-page{display:flex;flex-direction:column;align-items:stretch;height:100%;background:var(--bg);overflow-y:auto;position:relative}.login-page:before{content:"";position:fixed;top:-20%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,233,.18) 0%,transparent 70%);pointer-events:none;z-index:0}.login-hero{background:var(--gradient-login);padding:4rem 2rem 5.5rem;display:flex;flex-direction:column;align-items:center;gap:.875rem;text-align:center;flex-shrink:0;position:relative;overflow:hidden}.login-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 40% at 30% 80%,rgba(6,182,212,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 70% 20%,rgba(14,165,233,.1) 0%,transparent 60%);pointer-events:none}.login-hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:48px;background:var(--bg);clip-path:ellipse(56% 100% at 50% 100%)}.login-hero svg{filter:drop-shadow(0 0 20px rgba(14,165,233,.8)) drop-shadow(0 0 8px rgba(14,165,233,.5)) drop-shadow(0 6px 14px rgba(0,0,0,.35));position:relative;z-index:1}.login-logo__title{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.03em;margin:0;position:relative;z-index:1;text-shadow:0 2px 20px rgba(14,165,233,.4)}.login-logo__accent{color:#7dd3fc}.login-logo__subtitle{font-size:.875rem;color:#93d2ffcc;font-weight:600;margin:0;letter-spacing:.02em;position:relative;z-index:1}.login-card{width:calc(100% - 2.5rem);max-width:400px;margin:-2.75rem auto 2rem;background:var(--surface);padding:2rem 1.75rem;border-radius:var(--radius-xl);box-shadow:0 -4px 16px #0ea5e914,0 8px 40px #04090f29,0 2px 8px #04090f14,0 0 0 1px #0ea5e91f;display:flex;flex-direction:column;gap:1.125rem;position:relative;z-index:1}.login-card:before{content:"";position:absolute;top:0;left:1.5rem;right:1.5rem;height:2px;background:var(--gradient-brand);border-radius:var(--radius-full)}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.72rem;font-weight:700;color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase}.form-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;font-family:Nunito Sans,sans-serif;color:var(--text);background:var(--surface-tint);outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);-webkit-appearance:none;appearance:none}.form-input::placeholder{color:var(--text-faint)}.form-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #0ea5e91f,0 1px 4px #0ea5e914}.form-input--search{flex:1;min-width:150px;padding:.5rem .875rem;font-size:.875rem}.form-hint{font-size:.7rem;color:var(--text-muted);margin-top:.125rem;line-height:1.4}.form-error{background:linear-gradient(135deg,#fef2f2,#fff5f5);border:1px solid rgba(239,68,68,.25);border-left:3px solid var(--error);color:#b91c1c;font-size:.8125rem;padding:.625rem .875rem;border-radius:var(--radius-md);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border:none;border-radius:var(--radius-md);font-family:Nunito Sans,sans-serif;font-weight:700;cursor:pointer;transition:background var(--transition),opacity var(--transition),transform var(--transition),box-shadow var(--transition);white-space:nowrap;-webkit-tap-highlight-color:transparent;user-select:none;font-size:.875rem;padding:.625rem 1.125rem;line-height:1.25;letter-spacing:.01em}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-btn)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 16px #0ea5e98c,0 2px 8px #0ea5e94d}.btn--secondary{background:#0ea5e914;color:var(--primary-dark);border:1px solid rgba(14,165,233,.2)}.btn--secondary:hover:not(:disabled){background:#0ea5e924;border-color:#0ea5e959}.btn--ghost{background:none;border:1.5px solid var(--border-strong);color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){border-color:#0ea5e966;background:#0ea5e90d;color:var(--primary-dark)}.btn--ghost-white{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:.8rem;padding:.4rem .875rem;backdrop-filter:blur(8px)}.btn--ghost-white:hover:not(:disabled){background:#fff3;border-color:#ffffff59}.btn--success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98159}.btn--success:hover:not(:disabled){box-shadow:0 4px 16px #10b98180}.btn--warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b59}.btn--warning:hover:not(:disabled){box-shadow:0 4px 16px #f59e0b80}.btn--error,.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn--error:hover:not(:disabled),.btn--danger:hover:not(:disabled){box-shadow:0 4px 16px #ef444473}.btn--qr{background:linear-gradient(135deg,#0ea5e914,#06b6d40f);border:1px solid rgba(14,165,233,.25);color:var(--primary-dark);font-size:.75rem;font-weight:700;padding:.375rem .75rem;border-radius:var(--radius-sm)}.btn--qr:hover:not(:disabled){background:#0ea5e924;border-color:#0ea5e966}.btn--warning-ghost{background:#f59e0b0f;border:1.5px solid rgba(245,158,11,.4);color:#b45309}.btn--warning-ghost:active{background:#f59e0b1f}.btn--success-ghost{background:#10b9810f;border:1.5px solid rgba(16,185,129,.4);color:#065f46}.btn--success-ghost:active{background:#10b9811f}.btn--error-ghost{background:transparent;border:1.5px solid rgba(239,68,68,.35);color:#dc2626;border-radius:var(--radius-sm);font-size:.75rem;padding:.25rem .625rem;cursor:pointer;transition:background var(--transition)}.btn--error-ghost:active{background:#ef444414}.btn--sm{padding:.35rem .75rem;font-size:.78rem}.btn--lg{padding:1rem 1.5rem;font-size:1rem;letter-spacing:.02em}.btn--full{width:100%}.btn--action{flex:1;padding:1.125rem .875rem;font-size:1rem;border-radius:var(--radius-lg);font-weight:800;letter-spacing:-.01em}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card__header{padding:.875rem 1.25rem;border-bottom:1px solid var(--border);font-family:Syne,sans-serif;font-weight:700;color:var(--text);font-size:.875rem;letter-spacing:.01em}.card__body{padding:1.25rem}.scanner-view{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.rep-tabs{flex-shrink:0;display:flex;background:#fff;border-bottom:1px solid var(--border);padding:.375rem .625rem;box-shadow:0 2px 12px #0ea5e90f;gap:.25rem}.rep-tab{flex:1;padding:.375rem .5rem;font-size:.775rem;font-weight:700;font-family:Nunito Sans,sans-serif;border:none;background:none;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-md);margin:0;transition:color var(--transition),background var(--transition),box-shadow var(--transition);display:flex;align-items:center;justify-content:center;gap:.35rem}.rep-tab:hover{color:var(--text-secondary);background:#0ea5e90f}.rep-tab.active{color:var(--primary-dark);background:linear-gradient(135deg,#0ea5e91f,#06b6d414);box-shadow:inset 0 0 0 1.5px #0ea5e94d}.rep-tab-pane{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}#rep-map{flex:1;z-index:0;min-height:0}#rep-kpi-bar{flex-shrink:0}.scanner-main{flex:1;display:flex;flex-direction:column;padding:1rem;gap:.875rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.bidon-card--overlay{position:absolute;bottom:0;left:0;right:0;z-index:2100;border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -8px 40px #04090f40,0 -1px #0ea5e933;max-height:90%;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:sheetUp .22s ease;background:var(--surface)}.bidon-card__drag{width:36px;height:4px;background:linear-gradient(90deg,#0ea5e94d,#06b6d480,#0ea5e94d);border-radius:2px;margin:0 auto .75rem}.bidon-card__estado-txt{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.action-col{display:flex;flex-direction:column;gap:.5rem;margin-top:.375rem}.action-col .btn--action{padding:.875rem 1rem;font-size:.9375rem;justify-content:flex-start;gap:.625rem}.btn--dim{opacity:.32}.scanner-wrap{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.scanner-wrap__header{padding:.75rem 1.125rem;border-bottom:1px solid var(--border);font-weight:700;color:var(--text);font-size:.875rem;display:flex;align-items:center;gap:.5rem}#qr-reader,#qr-planta{width:100%!important;aspect-ratio:1}.bidon-card{background:var(--surface);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:.5rem;animation:slideUp .2s ease}.bidon-card__label{font-size:.68rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.bidon-card__codigo{font-family:JetBrains Mono,monospace;font-size:1.375rem;font-weight:600;color:var(--text);letter-spacing:.02em;word-break:break-all}.bidon-card__gps{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem;min-height:1.25rem}.bidon-card__gps:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-faint);flex-shrink:0;transition:background .3s}.bidon-card__gps.gps-ok:before{background:var(--success);box-shadow:0 0 6px #10b98180}.action-row{display:flex;gap:.75rem;margin-top:.375rem}.offline-banner{background:linear-gradient(135deg,#fffbeb,#fff8e1);border:1px solid rgba(245,158,11,.3);border-left:3px solid var(--warning);color:#92400e;font-size:.8125rem;font-weight:700;padding:.625rem .875rem;border-radius:var(--radius-md);text-align:center;display:flex;align-items:center;justify-content:center;gap:.375rem}.offline-banner:before{content:"⚠";font-size:.875rem}.toast{position:fixed;bottom:calc(2.25rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:linear-gradient(135deg,#04090f,#071220);color:#fff;padding:.875rem 1.5rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;box-shadow:0 8px 32px #04090f66,0 0 0 1px #0ea5e933;z-index:1000;white-space:nowrap;pointer-events:none;animation:toastIn .2s ease;backdrop-filter:blur(12px)}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;padding:.25rem .625rem;border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.03em;text-transform:uppercase}.badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge--no_utilizado{background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#64748b;border:1px solid rgba(100,116,139,.2)}.badge--no_utilizado:before{background:#94a3b8}.badge--en_planta{background:linear-gradient(135deg,#eff8ff,#dbeffe);color:var(--primary-dark);border:1px solid rgba(14,165,233,.2)}.badge--en_planta:before{background:var(--primary);box-shadow:0 0 4px #0ea5e999}.badge--en_transito{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#b45309;border:1px solid rgba(245,158,11,.2)}.badge--en_transito:before{background:var(--warning);box-shadow:0 0 4px #f59e0b99}.badge--entregado{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid rgba(16,185,129,.2)}.badge--entregado:before{background:var(--success);box-shadow:0 0 4px #10b98199}.badge--vencido{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border:1px solid rgba(239,68,68,.2)}.badge--vencido:before{background:var(--error);box-shadow:0 0 4px #ef444499}.badge--baja{background:#f1f5f9;color:#475569;border:1px solid rgba(71,85,105,.15)}.badge--baja:before{background:#94a3b8}.badge--activa{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid rgba(16,185,129,.2)}.badge--desactivando{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;border:1px solid rgba(245,158,11,.25)}.badge--inactiva{background:#f1f5f9;color:#64748b;border:1px solid rgba(100,116,139,.15)}.badge--repartidor{background:linear-gradient(135deg,#eff8ff,#dbeffe);color:var(--primary-dark);border:1px solid rgba(14,165,233,.2)}.badge--planta{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;border:1px solid rgba(245,158,11,.2)}.badge--admin{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid rgba(16,185,129,.2)}.badge--superadmin{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#5b21b6;border:1px solid rgba(139,92,246,.2)}.dashboard-app{display:grid;grid-template-rows:var(--header-h) var(--tabnav-h) 1fr;height:100dvh;overflow:hidden}.kpi-bar{display:flex;gap:.625rem;flex-wrap:nowrap;overflow-x:auto;padding:.875rem 1rem;background:linear-gradient(180deg,#FFFFFF 0%,var(--surface-tint) 100%);border-bottom:1px solid var(--border);scrollbar-width:none;box-shadow:0 2px 12px #0ea5e90f}.kpi-bar::-webkit-scrollbar{display:none}.kpi-chip{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.625rem 1rem;font-size:.65rem;color:var(--text-muted);font-weight:700;box-shadow:var(--shadow-sm);flex-shrink:0;min-width:76px;text-align:center;letter-spacing:.04em;text-transform:uppercase;transition:transform var(--transition),box-shadow var(--transition),outline var(--transition);cursor:pointer;font-family:inherit;appearance:none}.kpi-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.kpi-chip--active{outline:2px solid currentColor;outline-offset:2px}.kpi-chip__dot{display:none}.kpi-chip__count{font-family:Syne,sans-serif;font-weight:800;color:var(--text);font-size:1.5rem;line-height:1;letter-spacing:-.04em}.kpi-chip--primary{border-top:3px solid #0EA5E9}.kpi-chip--primary .kpi-chip__count{color:var(--primary-dark)}.kpi-chip--warning{border-top:3px solid #F59E0B}.kpi-chip--warning .kpi-chip__count{color:#92400e}.kpi-chip--success{border-top:3px solid #10B981}.kpi-chip--success .kpi-chip__count{color:#065f46}.kpi-chip--danger{border-top:3px solid #EF4444}.kpi-chip--danger .kpi-chip__count{color:#991b1b}.map-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.map-area{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}#map{flex:1;z-index:0;min-height:0}.bidones-panel{position:absolute;top:0;left:0;z-index:800;width:248px;max-height:72%;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:0 0 12px;box-shadow:4px 4px 20px #0000002e;overflow:hidden}.bidones-panel[hidden]{display:none}.bidones-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.bidones-panel__title{font-weight:700;font-size:.8125rem;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.bidones-panel__close{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.95rem;padding:.1rem .35rem;border-radius:4px;line-height:1;font-family:inherit}.bidones-panel__close:hover{background:var(--border)}.bidones-panel__list{overflow-y:auto;flex:1;padding:.375rem;display:flex;flex-direction:column;gap:.25rem}.bidones-panel__item{display:flex;flex-direction:column;align-items:flex-start;padding:.45rem .625rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;width:100%;font-family:inherit;appearance:none;transition:background .15s,border-color .15s}.bidones-panel__item:hover{background:#0ea5e914;border-color:var(--primary)}.bidones-panel__codigo{font-weight:700;font-size:.8rem;color:var(--text)}.bidones-panel__sub{font-size:.73rem;color:var(--text-secondary);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:196px}.bidones-panel__empty{font-size:.8rem;color:var(--text-secondary);text-align:center;padding:1rem .5rem}.bidones-panel__noloc{font-size:.72rem;color:var(--text-secondary);padding:.5rem .625rem;border-top:1px solid var(--border);margin-top:.25rem;line-height:1.4}[data-theme=dark] .bidones-panel{box-shadow:4px 4px 24px #00000073}[data-theme=dark] .bidones-panel__item:hover{background:#0ea5e91f}.map-locate-btn{background:#fff;box-shadow:0 1px 5px #00000059}[data-theme=dark] .kpi-bar{background:#040b14;border-bottom-color:#0ea5e926;box-shadow:0 2px 16px #0006}[data-theme=dark] .kpi-chip{background:#0a1628;border-color:#0ea5e924}[data-theme=dark] .kpi-chip--primary .kpi-chip__count{color:#38bdf8}[data-theme=dark] .kpi-chip--warning .kpi-chip__count{color:#fcd34d}[data-theme=dark] .kpi-chip--success .kpi-chip__count{color:#34d399}[data-theme=dark] .kpi-chip--danger .kpi-chip__count{color:#f87171}[data-theme=dark] .badge--en_planta{background:#0ea5e91f;color:#38bdf8;border-color:#0ea5e947}[data-theme=dark] .badge--en_transito{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b47}[data-theme=dark] .badge--entregado{background:#10b9811f;color:#34d399;border-color:#10b98147}[data-theme=dark] .badge--vencido{background:#ef44441f;color:#f87171;border-color:#ef444447}[data-theme=dark] .badge--baja{background:#64748b1f;color:#94a3b8;border-color:#64748b47}[data-theme=dark] .badge--no_utilizado{background:#64748b1a;color:#94a3b8;border-color:#64748b3d}[data-theme=dark] .badge--activa{background:#10b9811f;color:#34d399;border-color:#10b98147}[data-theme=dark] .badge--desactivando{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b4d}[data-theme=dark] .badge--inactiva{background:#64748b1f;color:#94a3b8;border-color:#64748b3d}[data-theme=dark] .badge--repartidor{background:#0ea5e91f;color:#38bdf8;border-color:#0ea5e947}[data-theme=dark] .badge--planta{background:#f59e0b1f;color:#fcd34d;border-color:#f59e0b47}[data-theme=dark] .badge--admin{background:#10b9811f;color:#34d399;border-color:#10b98147}[data-theme=dark] .badge--superadmin{background:#8b5cf624;color:#c4b5fd;border-color:#8b5cf64d}[data-theme=dark] .tab-nav{background:var(--surface);border-bottom-color:var(--border);box-shadow:0 2px 12px #00000059,0 1px 0 var(--border)}[data-theme=dark] .rep-tabs{background:var(--surface);border-bottom-color:var(--border);box-shadow:0 2px 12px #00000059}.inv-layout{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-alt)}.toolbar{flex-shrink:0;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;padding:.875rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 2px 12px #0ea5e90f}.bidon-list{flex:1;overflow-y:auto;padding:.875rem 1rem;display:flex;flex-direction:column;gap:.5rem;-webkit-overflow-scrolling:touch}.bidon-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid rgba(14,165,233,.3);border-radius:var(--radius-lg);padding:.875rem 1rem;display:flex;align-items:center;gap:.75rem;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);box-shadow:var(--shadow-xs)}.bidon-item:hover{box-shadow:var(--shadow-md);border-color:#0ea5e959;border-left-color:var(--primary);transform:translateY(-1px)}.bidon-item__info{flex:1;min-width:0}.bidon-item__code{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.bidon-item__client{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.1rem}.bidon-item--wrap{flex-wrap:wrap;align-items:center;row-gap:.45rem;column-gap:.5rem}.bidon-item--wrap .bidon-item__info{flex:1 1 140px;min-width:0;order:1}.bidon-item--wrap>.badge{order:2;flex-shrink:0}.bidon-item--wrap .bidon-item__qr-actions{order:3;width:100%;justify-content:flex-end;margin-left:0}.bidon-item--wrap .bidon-item__code{white-space:nowrap;overflow:visible;text-overflow:clip}.bidon-item__qr-actions{display:flex;gap:.375rem;margin-left:auto}.qr-expand{border-top:1px solid var(--border);background:linear-gradient(180deg,var(--surface-tint) 0%,var(--bg-alt) 100%);padding:.75rem 1rem}.qr-expand-inner{display:flex;flex-direction:column;gap:.375rem}.qr-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.qr-row__version{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--text);min-width:2.25rem}.modal-overlay{position:fixed;inset:0;background:#04090fa6;backdrop-filter:blur(8px);z-index:2100;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:overlayIn .2s ease}.modal{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:1.5rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.125rem;box-shadow:0 -8px 48px #04090f4d,0 -1px #0ea5e926;animation:sheetUp .25s cubic-bezier(.4,0,.2,1);position:relative}.modal:before{content:"";width:40px;height:4px;background:linear-gradient(90deg,#0ea5e94d,#06b6d499,#0ea5e94d);border-radius:2px;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.modal__title{font-family:Syne,sans-serif;color:var(--text);font-size:1.125rem;font-weight:700;padding-top:.5rem;letter-spacing:-.01em}.modal__footer{display:flex;gap:.75rem}.modal__footer .btn{flex:1}.modal--wide{max-width:580px;width:calc(100vw - 2rem)}.scan-planta-page{display:flex;flex-direction:column;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.scan-planta-info{text-align:center;max-width:360px}.scan-planta-info h3{font-family:Syne,sans-serif;color:var(--text);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.scan-planta-info p{font-size:.8125rem;color:var(--text-muted)}.scan-planta-info strong{color:var(--text-secondary)}.scanner-wrap--center{width:100%;max-width:360px}.scan-result{width:100%;max-width:360px;border-radius:var(--radius-lg);padding:1rem;text-align:center;animation:slideUp .2s ease}.scan-result--success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid rgba(16,185,129,.25);border-left:3px solid var(--success)}.scan-result--success .scan-result__main{color:#065f46;font-weight:700;font-size:1rem}.scan-result--success .scan-result__sub{color:#047857;font-size:.75rem;margin-top:.25rem}.scan-result--error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid rgba(239,68,68,.25);border-left:3px solid var(--error)}.scan-result--error .scan-result__main{color:#991b1b;font-weight:700;font-size:1rem}.scan-result--error .scan-result__sub{color:#b91c1c;font-size:.75rem;margin-top:.25rem}.empty-state{color:var(--text-faint);text-align:center;padding:3rem 1rem;font-size:.875rem;font-weight:600}.pending-badge{position:fixed;top:calc(var(--header-h) + .75rem);right:1rem;z-index:100;background:linear-gradient(135deg,var(--warning) 0%,#D97706 100%);color:#fff;border-radius:var(--radius-full);padding:.4rem 1rem;font-size:.78rem;font-weight:800;box-shadow:0 4px 16px #f59e0b66;cursor:pointer;transition:box-shadow var(--transition);letter-spacing:.02em}.pending-badge:hover{box-shadow:0 6px 24px #f59e0b8c}.demo-panel{position:fixed;bottom:calc(.875rem + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:2000;background:linear-gradient(135deg,#04090ff7,#071220f7);color:#fff;border-radius:var(--radius-full);padding:.5rem .75rem .5rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px #04090f80,0 0 0 1px #0ea5e933;font-size:.8rem;white-space:nowrap;max-width:calc(100vw - 2rem);backdrop-filter:blur(16px)}.demo-panel__badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.6rem;font-weight:800;padding:.15rem .5rem;border-radius:var(--radius-full);letter-spacing:.08em;flex-shrink:0;text-transform:uppercase}.demo-panel__label{color:#93d2ffa6;font-size:.75rem;min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:600}.demo-panel__btns{display:flex;gap:.375rem;flex-shrink:0}.demo-panel__btn{border:none;border-radius:var(--radius-full);padding:.3rem .75rem;font-size:.72rem;font-weight:800;cursor:pointer;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition);letter-spacing:.02em;font-family:Nunito Sans,sans-serif}.demo-panel__btn:active{transform:scale(.93)}.demo-panel__btn--super{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 2px 8px #7c3aed66}.demo-panel__btn--plt{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 2px 8px #06b6d466}.demo-panel__btn--rep{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-btn)}.demo-panel__btn--adm{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98166}.demo-panel__btn--reset{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.mock-scanner{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);width:100%}.mock-scanner--planta{max-width:420px}.mock-scanner__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:700;color:var(--text-secondary);background:linear-gradient(180deg,var(--surface-tint) 0%,var(--surface) 100%)}.mock-scanner__list{display:flex;flex-direction:column;max-height:360px;overflow-y:auto;-webkit-overflow-scrolling:touch}.mock-scan-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.875rem 1rem;border:none;background:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background var(--transition);width:100%}.mock-scan-item:last-child{border-bottom:none}.mock-scan-item:hover:not(:disabled){background:linear-gradient(90deg,rgba(14,165,233,.04) 0%,transparent 100%)}.mock-scan-item:disabled{opacity:.4;cursor:default}.mock-scan-item__info{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1}.mock-scan-item__code{font-family:JetBrains Mono,monospace;font-weight:600;font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-scan-item__action{font-size:.75rem;font-weight:700;color:var(--primary);flex-shrink:0}.mock-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.6rem;font-weight:800;padding:.15rem .5rem;border-radius:var(--radius-full);letter-spacing:.08em;flex-shrink:0;text-transform:uppercase}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #0ea5e94d}50%{box-shadow:0 0 20px #0ea5e999}}.view-header--dark{background:var(--gradient-dark);box-shadow:var(--shadow-header)}.sa-empresa-list{display:flex;flex-direction:column;gap:.875rem;padding:1rem 1rem 5rem;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.sa-empresa-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-lg);padding:1.125rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-card);transition:box-shadow var(--transition),border-color var(--transition);position:relative}.sa-empresa-card:hover{box-shadow:var(--shadow-lg);border-color:#0ea5e940}.sa-empresa-card--inactiva{opacity:.6;border-left-color:#94a3b8}.sa-card__warning{font-size:.8rem;color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:.5rem .75rem;margin-bottom:-.25rem}.empresa-warning-banner{display:flex;align-items:center;gap:.625rem;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:1px solid rgba(245,158,11,.3);color:#92400e;font-size:.8125rem;font-weight:500;padding:.625rem 1rem;flex-shrink:0;line-height:1.4}.empresa-warning-banner svg{flex-shrink:0;color:#d97706}.sa-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.sa-card__nombre{font-family:Syne,sans-serif;font-weight:700;color:var(--text);font-size:.9375rem;letter-spacing:-.01em}.sa-card__ruc{font-size:.75rem;color:var(--text-muted);margin-top:.125rem;font-weight:500}.sa-card__limits{display:flex;flex-direction:column;gap:.375rem}.sa-card__actions{display:flex;gap:.5rem;flex-wrap:wrap}.limit-bar{display:flex;flex-direction:column;gap:.2rem}.limit-bar__labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-secondary);font-weight:600}.limit-bar__count--danger{color:var(--error);font-weight:700}.limit-bar__track{height:5px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.limit-bar__fill{height:100%;border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);background:var(--gradient-brand)}.sa-users-stats{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.usage-chip{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:var(--text-secondary);font-weight:600}.usage-chip__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.usage-chip__count--danger{color:var(--error)}.sa-users-table{width:100%;border-collapse:collapse;font-size:.8125rem}.sa-users-table th{text-align:left;padding:.625rem .875rem;background:linear-gradient(180deg,var(--surface-tint) 0%,var(--bg-alt) 100%);color:var(--text-secondary);font-weight:700;border-bottom:1px solid var(--border);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.sa-users-table td{padding:.625rem .875rem;border-bottom:1px solid var(--border);color:var(--text)}.sa-users-table__row--inactivo td{opacity:.45}.sa-users-table__email{color:var(--text-muted);font-size:.75rem}.sa-u-actions{display:flex;gap:.35rem;justify-content:flex-end;align-items:center}.sa-user-list{display:flex;flex-direction:column;gap:.5rem;max-height:40vh;overflow-y:auto}.sa-user-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .625rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.sa-user-row--inactivo{opacity:.5}.sa-user-row__info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1}.sa-user-row__nombre{font-size:.8125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-user-row__email{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-user-row__right{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.sa-form-wrap{padding:1.25rem 1.25rem 5rem;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:.875rem;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.sa-form__title{font-family:Syne,sans-serif;font-size:1.125rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.sa-form__section{font-weight:700;color:var(--text-secondary);font-size:.8rem;margin-top:.25rem;letter-spacing:.04em;text-transform:uppercase}.sa-form__limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.scan-section{padding:1rem;border-bottom:1px solid var(--border)}.scan-section__title{font-family:Syne,sans-serif;font-weight:700;font-size:.9375rem;color:var(--text);margin-bottom:.875rem;letter-spacing:-.01em}.bidon-card--planta{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-card);margin:.5rem 0}.qr-create-section{padding:1rem;background:var(--bg-alt);flex:1}.qr-create-section__title{font-weight:700;font-size:.8rem;color:var(--text-muted);margin-bottom:.875rem;letter-spacing:.04em;text-transform:uppercase}.su-wrap{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.su-cam{flex:1;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.su-demo{padding:1rem}.su-demo__header{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:.875rem;font-weight:600}.su-demo__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.su-demo__item{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.875rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-xs)}.su-demo__item:hover,.su-demo__item:active{background:linear-gradient(135deg,#0ea5e90f,#06b6d40a);border-color:#0ea5e959;box-shadow:var(--shadow-md);transform:translateY(-1px)}.su-demo__code{font-family:JetBrains Mono,monospace;font-weight:600;font-size:.8125rem;color:var(--text);letter-spacing:.02em}.su-card{padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.su-card__bidon{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.su-card__code{font-family:JetBrains Mono,monospace;font-size:1.375rem;font-weight:600;color:var(--text);margin:0;letter-spacing:.03em}.su-card__client{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:600}.rep-dot{position:relative;width:24px;height:24px}.rep-dot__core{position:absolute;width:14px;height:14px;top:5px;left:5px;border-radius:50%;background:#0ea5e9;border:2.5px solid white;box-shadow:0 2px 8px #0ea5e999;z-index:2}.rep-dot__ring{position:absolute;width:24px;height:24px;top:0;left:0;border-radius:50%;background:#0ea5e940;animation:rep-pulse 2.2s ease-out infinite;z-index:1}@keyframes rep-pulse{0%{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:0}}.su-card__gps{margin:.3rem 0 0}.gps-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem .22rem .45rem;border-radius:99px;font-size:.7rem;font-weight:600;letter-spacing:.01em;border:1px solid;line-height:1}.gps-pill--ok{color:#15803d;background:#15803d17;border-color:#15803d38}.gps-pill--warn{color:#b45309;background:#b4530917;border-color:#b4530938}.gps-pill--error{color:#b91c1c;background:#b91c1c17;border-color:#b91c1c38}.gps-pill--loading{color:#1d4ed8;background:#1d4ed817;border-color:#1d4ed833}.gps-pill__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.gps-pill--loading .gps-pill__dot{animation:gps-blink 1.1s ease-in-out infinite}@keyframes gps-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}.gps-pill__acc{font-size:.65rem;font-weight:800;padding:.06rem .22rem;border-radius:3px;background:#00000014;margin-left:.05rem}.su-card__tel{font-size:.875rem;font-weight:600;color:var(--primary);text-decoration:none;display:block;margin:0}.su-card__tel:hover{text-decoration:underline}.su-card__precio{font-size:.875rem;font-weight:600;color:#16a34a;margin:0}.su-card__fecha{font-size:.8rem;color:var(--text-secondary);margin:0}.su-card__actions{display:flex;flex-direction:column;gap:.5rem}.su-contacto{display:flex;flex-direction:column;gap:.625rem;background:var(--surface-raised, #F8FAFC);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.875rem}.su-contacto__title{font-weight:700;font-size:.875rem;color:var(--text);margin:0}.su-contacto__opt{font-weight:400;font-size:.75rem;color:var(--text-muted)}.su-contacto__tel{font-size:1.05rem;letter-spacing:.04em}.su-btn-qr{border-color:var(--border-strong);color:var(--text-secondary);font-size:.8125rem}.su-card__baja-info{color:var(--error);font-size:.875rem;margin:0;padding:.5rem 0;font-weight:600}.su-real-cam{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;gap:.875rem}.su-real-cam__hint{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0;font-weight:600}.su-real-cam__reader{width:100%;max-width:320px}.su-cam-loading{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 0;color:var(--text-muted);font-size:.875rem}.su-cam-loading__spinner{width:36px;height:36px;border:3px solid #E2E8F0;border-top-color:var(--primary);border-radius:50%;animation:su-spin .8s linear infinite}@keyframes su-spin{to{transform:rotate(360deg)}}.su-cam-error__msg{color:#ef4444;font-size:.875rem;text-align:center;line-height:1.5;margin-bottom:.75rem}.lote-progress{text-align:center;padding:.75rem;font-size:.875rem;color:var(--text-secondary);background:linear-gradient(135deg,#0ea5e90f,#06b6d40a);border-radius:var(--radius-md);border:1px solid rgba(14,165,233,.15);font-weight:600;margin-bottom:.5rem}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0ea5e933;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0ea5e966}@media (hover: none){.bidon-item:hover{box-shadow:var(--shadow-xs);border-color:var(--border);transform:none}.tab-btn:hover{color:var(--text-muted);background:none}.btn--ghost:hover:not(:disabled){border-color:var(--border-strong);background:none;color:var(--text-secondary)}.btn--ghost-white:hover:not(:disabled){background:#ffffff1a}.mock-scan-item:hover:not(:disabled){background:none}.su-demo__item:hover{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-xs);transform:none}.sa-empresa-card:hover{box-shadow:var(--shadow-card);border-color:var(--border)}.demo-panel__btn:hover{opacity:1}.pending-badge:hover{box-shadow:0 4px 16px #f59e0b66}}@media (min-width: 1024px){.login-hero{padding:5rem 2rem 7rem}.login-card{max-width:420px;padding:2.25rem 2rem;margin-top:-3.5rem}.login-logo__title{font-size:2.375rem}.dashboard-app{grid-template-columns:228px 1fr;grid-template-rows:var(--header-h) 1fr}.dashboard-app .view-header{grid-column:1 / -1}.dashboard-app .tab-nav{flex-direction:column;height:auto;border-bottom:none;border-right:none;padding:1.5rem 0;overflow-y:auto;overflow-x:hidden;background:var(--sidebar-bg);box-shadow:2px 0 24px #04090f4d;gap:2px;position:relative}.dashboard-app .tab-nav:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 100% 40% at 50% 0%,rgba(14,165,233,.08) 0%,transparent 70%);pointer-events:none}.dashboard-app .tab-btn{flex:none;text-align:left;padding:.875rem 1.5rem;border-bottom:none;border-right:none;border-left:2px solid transparent;font-size:.825rem;border-radius:0;width:100%;justify-content:flex-start;color:var(--sidebar-text);gap:.75rem;letter-spacing:.01em;box-shadow:none}.dashboard-app .tab-btn:hover{background:var(--sidebar-surface);color:#93d2ffd9}.dashboard-app .tab-btn.active{color:var(--primary);border-left-color:var(--primary);background:var(--sidebar-accent);box-shadow:inset 0 0 0 0 transparent}.dashboard-app .tab-btn.active:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px #0ea5e9cc;margin-left:auto;flex-shrink:0}.dashboard-app .tab-content{overflow:hidden}.modal-overlay{align-items:center}.modal{border-radius:var(--radius-xl);padding:1.75rem 2rem;max-width:440px;animation:slideUp .22s ease}.modal:before{display:none}.scanner-main{align-items:center}.scanner-wrap,.bidon-card{max-width:460px;width:100%}.bidon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start}.scan-planta-page{padding:0}.scanner-wrap--center{max-width:400px}.sa-empresa-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-content:start;padding:1.5rem;gap:1rem}.sa-form-wrap{padding:1.5rem 2rem}.kpi-bar{padding:.625rem 1.25rem}}@media (min-width: 768px) and (max-width: 1023px){.bidon-list{display:grid;grid-template-columns:repeat(2,1fr);align-content:start}}.sw-update-banner{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:420px;margin:0 auto;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#0c4a6e;border:1px solid rgba(14,165,233,.35);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000059,0 0 0 1px #0ea5e91a;animation:swBannerIn .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes swBannerIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sw-update-banner__msg{display:flex;align-items:center;gap:.45rem;color:#e0f2fe;font-size:.875rem;font-weight:600}.sw-update-banner__btn{flex-shrink:0;padding:.4rem .9rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s}.sw-update-banner__btn:hover:not(:disabled){background:#0284c7}.sw-update-banner__btn:disabled{opacity:.6;cursor:default}.reg-wrap{flex:1;overflow-y:auto;padding:1rem;max-width:680px;margin:0 auto}.reg-date-nav{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.25rem}.reg-date-nav__label{font-weight:600;font-size:1rem;min-width:90px;text-align:center;color:var(--text)}.reg-section__title{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin:1.25rem 0 .5rem}.reg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:.625rem;overflow:hidden}.reg-card__header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;gap:.75rem}.reg-card__info{flex:1;min-width:0}.reg-card__name{font-weight:600;font-size:.925rem;margin:0 0 .375rem;color:var(--text)}.reg-card__chips{display:flex;flex-wrap:wrap;gap:.375rem}.reg-chip{font-size:.72rem;padding:.2rem .55rem;background:var(--bg-secondary, rgba(14,165,233,.07));border-radius:99px;color:var(--text-secondary);font-weight:500}.reg-chip--money{background:#dcfce7;color:#15803d}[data-theme=dark] .reg-chip--money{background:#4ade801f;color:#4ade80}.reg-card__toggle{font-size:.78rem;white-space:nowrap;flex-shrink:0;padding:.3rem .65rem;border:1px solid var(--border);background:transparent;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.reg-card__toggle:hover{background:var(--border);color:var(--text)}.reg-card__detail{display:none;border-top:1px solid var(--border);padding:.25rem 0}.reg-card--open .reg-card__detail{display:block}.reg-row{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.8rem;flex-wrap:wrap}.reg-row+.reg-row{border-top:1px solid var(--border)}.reg-row__code{font-family:JetBrains Mono,monospace;font-weight:600;font-size:.78rem;color:var(--text);min-width:80px}.reg-row__rec{color:#0ea5e9;font-weight:500}.reg-row__ent{color:#22c55e;font-weight:500}.reg-row__prod{color:#0ea5e9;font-weight:500}.reg-row__muted{color:var(--text-secondary);font-size:.75rem}.reg-row__pending{color:#f59e0b;font-weight:500}.reg-row__precio{margin-left:auto;font-weight:600;color:#16a34a;font-size:.8rem}[data-theme=dark] .reg-row__precio{color:#4ade80}.reg-empty,.reg-loading{text-align:center;color:var(--text-secondary);padding:2.5rem 1rem;font-size:.9rem}.reg-resumen{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.reg-kpi{flex:1;min-width:90px;display:flex;flex-direction:column;align-items:center;padding:.6rem .5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.reg-kpi__val{font-size:1.1rem;font-weight:700;color:var(--text);line-height:1.2}.reg-kpi__label{font-size:.68rem;color:var(--text-secondary);margin-top:.15rem}.reg-kpi--ef{border-color:#16a34a4d;background:#f0fdf4}.reg-kpi--dg{border-color:#2563eb4d;background:#eff6ff}.reg-kpi--total{border-color:#0ea5e966;background:#0ea5e912}.reg-kpi--ef .reg-kpi__val{color:#15803d}.reg-kpi--dg .reg-kpi__val{color:#1d4ed8}.reg-kpi--total .reg-kpi__val{color:var(--primary)}[data-theme=dark] .reg-kpi--ef{background:#4ade8014}[data-theme=dark] .reg-kpi--dg{background:#60a5fa14}[data-theme=dark] .reg-kpi--total{background:#0ea5e91a}[data-theme=dark] .reg-kpi--ef .reg-kpi__val{color:#4ade80}[data-theme=dark] .reg-kpi--dg .reg-kpi__val{color:#60a5fa}.reg-migrar-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .875rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-lg);margin-bottom:.875rem;font-size:.8rem;color:var(--text)}.reg-toggle-bar{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--border);border-radius:var(--radius-lg);padding:.2rem}.reg-toggle{flex:1;padding:.4rem .75rem;border:none;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:.825rem;font-weight:500;cursor:pointer;transition:all .15s}.reg-toggle--active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-xs)}.reg-export-btn{padding:.3rem .65rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.reg-export-btn:hover{background:var(--border);color:var(--text)}.reg-chip--ef{background:#dcfce7;color:#15803d}.reg-chip--dg{background:#eff6ff;color:#1d4ed8}[data-theme=dark] .reg-chip--ef{background:#4ade801f;color:#4ade80}[data-theme=dark] .reg-chip--dg{background:#60a5fa1f;color:#60a5fa}.reg-chip--total-w{background:#0ea5e91f;color:#0369a1;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:background .15s}.reg-chip--total-w:hover{background:#0ea5e938}[data-theme=dark] .reg-chip--total-w{background:#0ea5e926;color:#38bdf8}[data-theme=dark] .reg-chip--total-w:hover{background:#0ea5e940}.reg-subtotal{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.3rem}.reg-subtotal__detail{display:inline-flex;gap:.3rem;flex-wrap:wrap}.reg-subtotal__detail.hidden{display:none}.reg-kpi--toggle{user-select:none}.reg-kpi__arr{font-size:.65rem;vertical-align:middle;margin-left:.2rem}.reg-kpi__breakdown{display:flex;flex-direction:column;gap:.2rem;margin-top:.35rem}.reg-kpi__breakdown.hidden{display:none}.reg-kpi__bchip{font-size:.68rem;font-weight:600;padding:.15rem .4rem;border-radius:99px;white-space:nowrap}.reg-kpi__bchip--ef{background:#dcfce7;color:#15803d}.reg-kpi__bchip--dg{background:#eff6ff;color:#1d4ed8}[data-theme=dark] .reg-kpi__bchip--ef{background:#4ade8026;color:#4ade80}[data-theme=dark] .reg-kpi__bchip--dg{background:#60a5fa26;color:#60a5fa}.reg-pago{font-size:.85rem}.reg-pago--ef{color:#16a34a}.reg-pago--dg{color:#2563eb}[data-theme=dark] .reg-pago--ef{color:#4ade80}[data-theme=dark] .reg-pago--dg{color:#60a5fa}.reg-mes-dia{border-top:1px solid var(--border)}.reg-mes-dia__label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);padding:.5rem 1rem .15rem;margin:0}.reg-mes-row{display:flex;align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:.78rem;flex-wrap:wrap}.reg-mes-hora{color:var(--text-secondary);min-width:36px;font-size:.72rem}.reg-mes-tipo{font-weight:500;color:var(--text)}.reg-mes-codigo{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--text-secondary)}.reg-mes-extra{color:var(--text-secondary);font-size:.72rem;margin-left:auto}.reg-sub-title{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);padding:.5rem 1rem .15rem;border-top:1px dashed var(--border);margin-top:.25rem}.reg-row__devuelto{color:#f59e0b;font-weight:500}.su-pago-toggle{display:flex;gap:.5rem}.su-pago-btn{flex:1;padding:.6rem;border:1.5px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.su-pago-btn--active{border-color:var(--primary);background:#0ea5e91a;color:var(--primary);font-weight:600}[data-theme=dark] .su-pago-btn--active{background:#0ea5e926}.su-entregador{font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary, rgba(14,165,233,.06));border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .75rem;margin-bottom:.5rem}