.page-wrapper{align-items:center;display:flex;flex-direction:column;padding:24px 16px}.logo-container{margin-bottom:16px}.logo-image{height:auto;object-fit:contain;width:200px}.login-container{align-items:center;background-color:var(--main-bg-dark-blue);display:flex;justify-content:center;padding:16px;width:100%}.login-form{background-color:var(--main-bg-blue);border-radius:20px;box-shadow:0 4px 12px #0003;max-width:400px;padding:24px;width:100%}.login-title{color:var(--clr-white);font-size:26px;margin-bottom:24px;text-align:center}.loader-overlay{align-items:center;background:#0006;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader-spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top:6px solid var(--agree-blue);height:50px;width:50px}.loader-message{color:#fff;font-size:18px;font-weight:700;margin-top:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.asc-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.asc-modal{animation:fadeIn .3s ease-in-out;background:#1f2937;border-radius:14px;box-shadow:0 8px 25px #0000004d;color:#fff;max-width:360px;padding:24px 20px 30px;position:relative;text-align:center;width:85%}.asc-modal h3{border-bottom:1px solid #374151;font-size:1.3rem;margin-bottom:20px;margin-top:5px;padding-bottom:20px}.asc-modal p{color:#9ca3af;font-size:.95rem;line-height:1.4;margin-bottom:16px}.asc-btn{background:#374151;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;margin:8px 0;padding:18px 0;transition:all .2s ease;width:100%}.asc-btn:hover{background:#4b5563}.asc-btn-close{background:none;border:none;color:#fff;cursor:pointer;font-size:22px;margin-top:20px}.asc-btn-close:hover{color:#4b5563;transform:scale(1.1)}.asc-header{align-items:center;background-color:#111827;box-shadow:0 2px 4px #0003;color:#fff;display:flex;justify-content:space-between;padding:12px 16px;position:relative}.header-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:6px}.header-btn:active{opacity:.6}.header-placeholder{width:32px}.header-center{flex:1 1;text-align:center}.user-name{font-size:16px;font-weight:700;margin:0}.user-location{color:#9ca3af;font-size:12px;margin:0}.dashboard-container{display:flex;flex-direction:column}.dashboard-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:16px}.dashboard-title{color:var(--clr-white);font-size:22px;font-weight:700;margin:20px 0;text-align:center}.button-group{flex-direction:column;gap:10px;width:100%}.button-group,.dash-btn{align-items:center;display:flex}.dash-btn{background-color:var(--clr-bg-transparent-dark);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:20px;gap:12px;justify-content:flex-start;padding:24px 18px;transition:all .2s ease;width:95%}.dash-btn:hover{background-color:var(--clr-bg-transparent-darker);transform:scale(1.02)}.dash-btn:active{opacity:.9;transform:scale(.98)}.dash-btn span{font-weight:500}.permission-overlay{align-items:center;animation:fadeIn .4s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.permission-modal{animation:popIn .35s ease-in-out;background:#fff;border-radius:18px;box-shadow:0 8px 25px #0000004d;max-width:360px;padding:25px 30px;text-align:center;width:85%}.permission-modal h3{color:#111827;font-size:1.3rem;margin-bottom:10px;margin-top:0}.permission-modal p{color:#374151;font-size:.95rem;line-height:1.4}.btn-permitir{background:#1d4ed8;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:18px;padding:12px 20px;transition:background .2s ease,transform .1s ease;width:100%}.btn-permitir:hover{background:#2563eb;transform:scale(1.02)}.error-message{color:#dc2626}.btn-close{background:#0000;border:none;color:#1f2937;cursor:pointer;display:block;font-size:20px;font-weight:700;margin-left:auto;margin-right:auto;margin-top:25px;transition:transform .2s ease,color .2s ease}.btn-close:hover{color:#dc2626;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scanner-container{color:#fff;display:flex;flex-direction:column}.scanner-main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:16px}.scanner-title{font-size:20px;margin:16px 0;text-align:center}.camera-view{align-items:center;aspect-ratio:1/1;background:#000;border:2px solid #007bff;border-radius:12px;display:flex;justify-content:center;max-width:400px;overflow:hidden;position:relative;width:100%}.camera-view button,.camera-view canvas{display:none!important}.camera-view video{height:100%!important;object-fit:cover!important;pointer-events:none;transform:scaleX(1);width:100%!important}.flash-toggle{background:#000000b3;border:none;border-radius:50px;bottom:25px;color:#fff;cursor:pointer;font-size:17px;font-weight:500;left:50%;padding:12px 24px;position:absolute;touch-action:manipulation;transform:translateX(-50%);transition:background .3s,transform .2s;-webkit-user-select:none;user-select:none;z-index:9999}.flash-toggle.on{background-color:#00b894;box-shadow:0 0 15px 3px #00b894b3}.flash-toggle.off{background-color:#6c757d}.flash-toggle:active{transform:translateX(-50%) scale(.95)}button.flash-toggle{all:unset;background:#111!important;border-radius:8px!important;bottom:40px!important;color:#fff!important;cursor:pointer!important;display:block!important;font-size:18px!important;padding:12px 18px!important;position:fixed!important;right:20px!important;z-index:999999!important}.scan-result{word-wrap:break-word;background:#1e293b;border-radius:10px;box-shadow:0 2px 8px #0000004d;margin-top:20px;padding:12px 16px;text-align:center;width:90%}.error-message{color:#f87171;font-weight:700;margin-top:20px}.info-box{background-color:var(--clr-bg-transparent-dark);border-radius:12px;box-shadow:0 2px 6px #0000001a;color:var(--clr-white);display:flex;flex-direction:column;height:67vh;margin-top:5px;overflow:hidden;padding:0 10px 10px}.info-box p{margin:5px 0 0}.shipping-seccion{flex:0 0 26%}.loads-section{border-top:1px solid var(--clr-border);flex:1 1;overflow:auto}.load-card{background-color:var(--frm-bg-transparent-grey);border:1px solid var(--clr-border);border-radius:10px;color:var(--clr-light-border);margin-top:10px;padding:10px 15px}.products-list ul{margin:5px 0;padding-left:20px}.scan-btn-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.scan-btn{background-color:var(--clr-bg-transparent-dark);border:none;border-radius:8px;color:var(--clr-white);cursor:pointer;flex:1 1;font-size:14px;padding:20px 16px;text-align:center;transition:all .2s ease}.scan-btn-container:has(.scan-btn:only-child) .scan-btn{flex:0 0 100%}.scan-btn:hover{background-color:var(--clr-bg-transparent-darker)}.check-popup{animation:fadeInOut 2s ease forwards;background:#22c55ef2;border-radius:10px;box-shadow:0 4px 15px #0000004d;color:#fff;font-size:1.8rem;left:50%;padding:20px 40px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-60%)}10%{opacity:1;transform:translate(-50%,-50%)}90%{opacity:1}to{opacity:0;transform:translate(-50%,-40%)}}:root{--main-bg-dark-blue:#013471;--main-bg-beige:#ddd8d4;--main-bg-pop-up:rgba(0,0,0,.512);--main-bg-color:#f5f6f8;--main-bg-blue:#0490f4;--frm-bg-transparent-grey:#ffffff59;--frm-border-semi-transparent:hsla(0,0%,100%,.239);--clr-bg-transparent-dark:#03030359;--clr-bg-transparent-darker:#111827;--main-box-shadow:rgba(0,0,0,.286);--main-box-light-shadow:hsla(0,0%,40%,.286);--clr-border:#999;--clr-light-border:#d8dee4;--clr-white:#fff;--clr-neutral:#767676;--clr-neutral-dark:#5a5a5a;--cancel-red:#ef0000;--cancel-dark-red:#b90101;--agree-blue:#0173c4;--agree-green:#009700;--warning-orange:#ec6726;--warning-yellow:#fadfb7;--main-text-color:#333;--basic-green:#3ea58b;--plus-turquoise:#0ad6e1;--max-blue:#06a2f7;--ultra-purple:#5d67fa}.form-input-style{appearance:inherit;-moz-appearance:inherit;-o-appearance:inherit;-ms-appearance:inherit;-webkit-appearance:inherit;border:1px solid var(--clr-border);border-radius:5px;display:block;font-size:16px;margin:5px auto 16px;padding:14px;text-align:center;width:90%}.button-style-agree{background:var(--agree-blue);border:none;border-radius:6px;box-shadow:0 .15rem 1.75rem 0 #3a3b4526!important;color:var(--clr-white);cursor:pointer;display:block;font-size:16px;margin:0 auto;padding:14px 0;transition:background-color .3s ease;width:95%}.button-style-agree:hover{background-color:var(--main-bg-dark-blue)}.error-message{color:red;font-size:14px;margin-top:10px;text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--main-bg-dark-blue);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}