:root{--color-bg:#0a0a0a;--color-surface:#161616;--color-surface-alt:#1a1a1a;--color-border:#262626;--color-text:#fff;--color-text-secondary:#9ca3af;--color-accent-bg:#12213f;--color-accent:#5b9cff;--color-accent-avatar:#2f5fb5;--color-active:#2a2a2a;--color-danger:#f26a6a;--color-button-text-on-white:#0a0a0a;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased}#root{min-height:100vh}button,input{font-family:inherit}.login-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.login-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.login-card{background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:28px 24px;display:flex}.login-card__icon{border-radius:var(--radius-md);background-color:var(--color-accent-bg);width:56px;height:56px;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.login-card__title{margin:0 0 6px;font-size:20px;font-weight:700}.login-card__subtitle{color:var(--color-text-secondary);margin:0 0 24px;font-size:14px}.login-card__error{border-radius:var(--radius-sm);width:100%;color:var(--color-danger);text-align:left;background-color:#f26a6a1f;margin:0 0 16px;padding:10px 14px;font-size:13px}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.login-form__field{text-align:left;flex-direction:column;gap:8px;display:flex}.login-form__label{color:var(--color-text-secondary);font-size:13px}.login-form__input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);width:100%;color:var(--color-text);padding:12px 14px;font-size:14px}.login-form__input:focus{border-color:var(--color-accent);outline:none}.login-form__input::placeholder{color:var(--color-text-secondary)}.login-form__submit{border-radius:var(--radius-sm);width:100%;color:var(--color-button-text-on-white);cursor:pointer;background-color:#fff;border:none;margin-top:8px;padding:13px 14px;font-size:15px;font-weight:600}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}.login-card__footer{color:var(--color-text-secondary);margin:20px 0 0;font-size:13px}.login-card__link{color:var(--color-accent);font-weight:500;text-decoration:none}.login-card__link:hover{text-decoration:underline}.page-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-header__back{color:var(--color-text);font-size:18px;line-height:1;text-decoration:none}.page-header__title{margin:0;font-size:18px;font-weight:700}.registro-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.registro-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.registro-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.registro-card__error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;margin:0 0 16px;padding:10px 14px;font-size:13px}.registro-form{flex-direction:column;gap:16px;display:flex}.registro-form__field{text-align:left;flex-direction:column;gap:8px;display:flex}.registro-form__label{color:var(--color-text-secondary);font-size:13px}.registro-form__input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);width:100%;color:var(--color-text);padding:12px 14px;font-size:14px}.registro-form__input:focus{border-color:var(--color-accent);outline:none}.registro-form__input::placeholder{color:var(--color-text-secondary)}.registro-form__submit{border-radius:var(--radius-sm);width:100%;color:var(--color-button-text-on-white);cursor:pointer;background-color:#fff;border:none;margin-top:8px;padding:13px 14px;font-size:15px;font-weight:600}.registro-form__submit:disabled{opacity:.6;cursor:not-allowed}.dashboard-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.dashboard-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.dashboard-card{background-color:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:360px;padding:24px;display:flex}.dashboard-card__saludo{color:var(--color-text-secondary);margin:0;font-size:14px}.dashboard-card__comercio{margin:4px 0 20px;font-size:20px;font-weight:700}.dashboard-action{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.dashboard-action--primary{background-color:var(--color-accent-bg);color:var(--color-accent);margin-bottom:12px}.dashboard-action--secondary{background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border)}.dashboard-card__section-label{border-top:1px solid var(--color-border);color:var(--color-text-secondary);margin:24px 0 12px;padding-top:16px;font-size:12px}.dashboard-link{color:var(--color-text);align-items:center;gap:10px;padding:10px 4px;font-size:14px;text-decoration:none;display:flex}.escanear-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px 24px;display:flex}.escanear-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.escanear-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.escanear-camara{border-radius:var(--radius-md);background-color:#000;margin-bottom:16px;overflow:hidden}.escanear-camara__video{aspect-ratio:4/3;width:100%}.escanear-camara__video video{object-fit:cover;width:100%!important;height:100%!important}.escanear-card__instruccion{text-align:center;color:var(--color-text-secondary);margin:0 0 20px;font-size:13px}.escanear-card__divisor{text-align:center;color:var(--color-text-secondary);margin:0 0 12px;font-size:12px}.escanear-manual{gap:10px;display:flex}.escanear-manual__input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);min-width:0;color:var(--color-text);flex:1;padding:12px 14px;font-size:14px}.escanear-manual__input:focus{border-color:var(--color-accent);outline:none}.escanear-manual__input::placeholder{color:var(--color-text-secondary)}.escanear-manual__boton{border-radius:var(--radius-sm);color:var(--color-button-text-on-white);cursor:pointer;white-space:nowrap;background-color:#fff;border:none;padding:12px 20px;font-size:14px;font-weight:600}.producto-list-item{color:var(--color-text);border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:flex}.producto-list-item:last-child{border-bottom:none}.producto-list-item__imagen{border-radius:var(--radius-sm);background-color:var(--color-surface-alt);width:44px;height:44px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.producto-list-item__imagen img{object-fit:cover;width:100%;height:100%}.producto-list-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.producto-list-item__nombre{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.producto-list-item__precio{color:var(--color-text-secondary);font-size:13px}.producto-list-item__chevron{color:var(--color-text-secondary);flex-shrink:0}.buscar-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px 24px;display:flex}.buscar-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.buscar-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.buscar-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.buscar-input input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.buscar-input input::placeholder{color:var(--color-text-secondary)}.buscar-card__error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;margin:0 0 12px;padding:10px 14px;font-size:13px}.buscar-card__contador{color:var(--color-text-secondary);margin:0 0 8px;font-size:12px}.buscar-card__estado{color:var(--color-text-secondary);margin:8px 0;font-size:13px}.buscar-card__lista{flex-direction:column;display:flex}.resultados-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px 24px;display:flex}.resultados-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.resultados-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.resultados-card__codigo{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text);align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;display:flex}.resultados-card__estado{color:var(--color-text-secondary);margin:0 0 12px;font-size:13px}.resultados-card__error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;margin:0 0 12px;padding:10px 14px;font-size:13px}.resultados-card__contador{color:var(--color-text-secondary);margin:0 0 12px;font-size:13px}.resultados-card__lista{flex-direction:column;margin-bottom:16px;display:flex}.resultados-card__reescanear{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-alt);width:100%;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:13px 14px;font-size:14px;font-weight:600;display:flex}.detalle-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px 24px;display:flex}.detalle-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.detalle-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.detalle-card__estado,.detalle-card__error{margin:0;font-size:13px}.detalle-card__error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;padding:10px 14px}.detalle-card__estado{color:var(--color-text-secondary)}.detalle-card__imagen{aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--color-surface-alt);width:100%;color:var(--color-text-secondary);justify-content:center;align-items:center;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.detalle-card__imagen img{object-fit:cover;width:100%;height:100%}.detalle-card__foto-boton{background-color:var(--color-accent);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex;position:absolute;bottom:10px;right:10px}.detalle-card__foto-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.detalle-card__nombre{margin:0 0 4px;font-size:18px;font-weight:700}.detalle-card__precio{color:var(--color-accent);margin:0 0 16px;font-size:20px;font-weight:700}.detalle-card__codigo{border-top:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:10px;padding-top:16px;font-size:13px;display:flex}.producto-nuevo-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px 24px;display:flex}.producto-nuevo-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.producto-nuevo-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.producto-nuevo-card__error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;margin:0 0 16px;padding:10px 14px;font-size:13px}.producto-nuevo-form{flex-direction:column;gap:16px;display:flex}.producto-nuevo-form__field{text-align:left;flex-direction:column;gap:8px;display:flex}.producto-nuevo-form__label{color:var(--color-text-secondary);font-size:13px}.producto-nuevo-form__input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);width:100%;color:var(--color-text);padding:12px 14px;font-size:14px}.producto-nuevo-form__input:focus{border-color:var(--color-accent);outline:none}.producto-nuevo-form__codigo-row{gap:10px;display:flex}.producto-nuevo-form__codigo-row .producto-nuevo-form__input{flex:1;min-width:0}.producto-nuevo-form__scan-boton{border-radius:var(--radius-sm);background-color:var(--color-accent-bg);width:44px;height:44px;color:var(--color-accent);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.producto-nuevo-camara{border-radius:var(--radius-md);background-color:#000;overflow:hidden}.producto-nuevo-camara__video{aspect-ratio:16/9;width:100%}.producto-nuevo-camara__video video{object-fit:cover;width:100%!important;height:100%!important}.producto-nuevo-form__nota{color:var(--color-text-secondary);margin:-4px 0 0;font-size:12px}.producto-nuevo-form__foto-picker{border-radius:var(--radius-sm);border:1px dashed var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;font-size:14px;display:flex}.producto-nuevo-form__foto-preview{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:32px;height:32px}.producto-nuevo-form__foto-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.producto-nuevo-form__submit{border-radius:var(--radius-sm);width:100%;color:var(--color-button-text-on-white);cursor:pointer;background-color:#fff;border:none;margin-top:8px;padding:13px 14px;font-size:15px;font-weight:600}.producto-nuevo-form__submit:disabled{opacity:.6;cursor:not-allowed}.csv-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px 24px;display:flex}.csv-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.csv-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.csv-dropzone{border:1.5px dashed var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;display:flex}.csv-dropzone__titulo{color:var(--color-text);font-size:14px;font-weight:600}.csv-dropzone__hint{color:var(--color-text-secondary);font-size:12px}.csv-input-oculto{display:none}.csv-nota{border-radius:var(--radius-sm);background-color:var(--color-surface-alt);color:var(--color-text-secondary);margin:16px 0;padding:12px 14px;font-size:12px;line-height:1.5}.csv-error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;margin:0 0 16px;padding:10px 14px;font-size:13px}.csv-submit{border-radius:var(--radius-sm);width:100%;color:var(--color-button-text-on-white);cursor:pointer;background-color:#fff;border:none;padding:13px 14px;font-size:15px;font-weight:600}.csv-submit:disabled{opacity:.6;cursor:not-allowed}.csv-resumen{border-top:1px solid var(--color-border);margin-top:20px;padding-top:16px}.csv-resumen__item{color:var(--color-text-secondary);margin:0 0 6px;font-size:13px}.csv-resumen__errores{color:var(--color-danger);margin:8px 0 0;padding-left:18px;font-size:13px}.empleados-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:72px 20px 24px;display:flex}.empleados-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.empleados-nuevo-boton{border-radius:var(--radius-sm);width:100%;color:var(--color-button-text-on-white);background-color:#fff;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:13px 14px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.empleados-card__error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;margin:0 0 12px;padding:10px 14px;font-size:13px}.empleados-card__estado,.empleados-card__contador{color:var(--color-text-secondary);margin:0 0 12px;font-size:12px}.empleados-lista{flex-direction:column;display:flex}.empleado-item{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:12px 0;display:flex}.empleado-item:last-child{border-bottom:none}.empleado-item__avatar{background-color:var(--color-accent-avatar);width:40px;height:40px;color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.empleado-item__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.empleado-item__nombre{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.empleado-item__email{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.empleado-item__mas{color:var(--color-text-secondary);flex-shrink:0;display:flex}.empleado-nuevo-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:72px 20px 24px;display:flex}.empleado-nuevo-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.empleado-nuevo-card__error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;margin:0 0 16px;padding:10px 14px;font-size:13px}.empleado-nuevo-form{flex-direction:column;gap:16px;display:flex}.empleado-nuevo-form__field{text-align:left;flex-direction:column;gap:8px;display:flex}.empleado-nuevo-form__label{color:var(--color-text-secondary);font-size:13px}.empleado-nuevo-form__input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);width:100%;color:var(--color-text);padding:12px 14px;font-size:14px}.empleado-nuevo-form__input:focus{border-color:var(--color-accent);outline:none}.empleado-nuevo-form__hint{color:var(--color-text-secondary);font-size:12px}.empleado-nuevo-form__submit{border-radius:var(--radius-sm);width:100%;color:var(--color-button-text-on-white);cursor:pointer;background-color:#fff;border:none;margin-top:8px;padding:13px 14px;font-size:15px;font-weight:600}.empleado-nuevo-form__submit:disabled{opacity:.6;cursor:not-allowed}.catalogo-page{background-color:var(--color-bg);flex-direction:column;align-items:center;min-height:100vh;padding:32px 20px 24px;display:flex}.catalogo-page__eyebrow{color:var(--color-text-secondary);margin:0 0 20px;font-size:13px;font-weight:500}.catalogo-card{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:24px}.catalogo-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text-secondary);align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.catalogo-input input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.catalogo-input input::placeholder{color:var(--color-text-secondary)}.catalogo-acciones{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.catalogo-accion{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface-alt);color:var(--color-text);justify-content:center;align-items:center;gap:8px;padding:11px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.catalogo-card__error{border-radius:var(--radius-sm);color:var(--color-danger);background-color:#f26a6a1f;margin:0 0 12px;padding:10px 14px;font-size:13px}.catalogo-card__estado,.catalogo-card__contador{color:var(--color-text-secondary);margin:0 0 8px;font-size:12px}.catalogo-card__lista{flex-direction:column;display:flex}.navbar-trigger{z-index:20;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);width:40px;height:40px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;top:16px;left:16px}.navbar-backdrop{z-index:30;background-color:#0009;position:fixed;inset:0}.navbar-drawer{z-index:40;background-color:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;width:min(280px,100vw - 48px);padding:20px 16px;transition:transform .2s;display:flex;position:fixed;top:12px;bottom:12px;left:12px;transform:translate(calc(-100% - 24px))}.navbar-drawer--open{transform:translate(0)}.navbar-profile{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;margin-bottom:8px;padding-bottom:16px;display:flex}.navbar-profile__avatar{background-color:var(--color-accent-avatar);width:40px;height:40px;color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.navbar-profile__info{min-width:0}.navbar-profile__nombre{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.navbar-profile__rol{color:var(--color-text-secondary);margin:2px 0 0;font-size:12px}.navbar-links{flex-direction:column;gap:4px;display:flex}.navbar-link{border-radius:var(--radius-sm);color:var(--color-text);align-items:center;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.navbar-link--active{background-color:var(--color-active);font-weight:600}.navbar-section-label{color:var(--color-text-secondary);margin:12px 0 4px;padding:0 12px;font-size:12px}.navbar-logout{border:none;border-top:1px solid var(--color-border);color:var(--color-danger);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:14px;font-weight:600;display:flex}