.login-page{display:flex;justify-content:center;align-items:center;width:90%;margin:0 auto;font-family:Inter,sans-serif}.login-container{width:90%;background:#fff;border-radius:12px;text-align:center}.title-container h2{font-size:1.8rem;color:#333;margin-bottom:.5rem}.title-container p{color:#777;margin-bottom:1.5rem;font-size:.9rem}.login-formContainer{display:flex;flex-direction:column}.form-input{text-align:left}.form-input label{font-size:.9rem;color:#555;margin-bottom:.3rem;display:block}.form-input input{width:100%;padding:.8rem;border:1px solid #dddddd;border-radius:8px;background:#fff;font-size:.95rem;transition:border .3s ease}.form-input input:focus{border-color:#000;outline:none;background:#fff}.form-button{width:100%;justify-content:center;margin:1rem auto 0;font-size:1.1rem;border:none;border-radius:8px;color:#fff;background:#7ec07e;transition:background .3s ease;cursor:pointer}.form-button:hover{opacity:.7}.form-button.secondary{background:#000;margin-top:1rem;margin-bottom:1rem}.form-button.secondary:hover{opacity:.8;background-color:#000}.error{margin-top:1rem;color:#dc3545;font-size:.9rem}.home{font-family:Inter,sans-serif;color:#333;display:flex;flex-direction:column}.portal-header{display:flex;justify-content:space-between;align-items:center;background-color:#000;color:#fff;z-index:1100;position:fixed;align-content:center;border-bottom:1px solid #343a40;width:100vw;top:0;margin-top:0}.portal-header img{margin:15px;align-content:center;align-items:center}.menu-icon{cursor:pointer;color:#fff;align-content:center;align-items:center;margin:15px}.sidebar{height:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .3s ease;z-index:999;padding-top:4%}.sidebar.open{transform:translate(0)}.sidebar.mobile{width:100%}.close-menu{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;cursor:pointer;z-index:1000}.menu{display:flex;flex-direction:column;gap:50px;padding:0;margin:0}.menu ul{list-style:none;padding:0;margin:0}.menu ul li:last-child{position:absolute;bottom:100px;width:100%;left:0;z-index:100;border-bottom:none}@media (max-width: 768px){.menu ul li:last-child{bottom:100px}}.menu li{display:flex;align-items:center;padding-inline:16px;cursor:pointer;transition:background-color .3s ease;border-bottom:1px solid #343a40}.menu-icon{font-size:20px;margin-right:10px;color:#fff}.menu li span{font-size:16px;font-weight:500}.content{flex-grow:1;margin-left:240px;transition:margin-left .3s ease;display:flex;margin-top:50px}@media (max-width: 768px){.content{margin-left:0}.sidebar{transform:translate(-100%);padding-top:20%}}.qr-reader{width:430px;margin:50px auto 0;position:relative}.qr-reader video{width:100%;object-fit:cover}.qr-reader .qr-box{width:100%!important;left:0!important}.qr-reader .qr-frame{position:absolute;fill:none;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.qr-reader__header{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:5px;margin-inline:15px;margin-bottom:15px;background-color:#000;color:#fff;box-shadow:0 4px 6px #0006}@media (max-width: 426px){.qr-reader{width:100%}}.asignador-page{display:flex;justify-content:center;align-items:center;height:100%;font-family:Nunito,sans-serif;@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-55%)}20%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-45%)}}}.asignador-page .qr-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding:20px;border-radius:10px;text-align:center;font-size:1.2rem;z-index:1000;opacity:0;animation:fadeInOut 2s ease-in-out}.asignador-container{display:flex;flex-direction:column;margin:0 auto;width:70%;height:85%;padding:40px;border-radius:5px;justify-content:center;align-items:center}.tile-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:20px}.asignador-container h2{margin-bottom:20px;text-align:center}.asignador-container form{display:flex;flex-direction:column;width:100%}.asignador-container form div{margin-bottom:10px}.asignador-container form label{font-weight:700;font-size:18px}.records-container{max-width:800px;margin:0 auto;padding:20px;border-radius:8px;font-family:Arial,sans-serif;text-align:center}table{width:100%;max-width:600px;margin:20px auto;border-collapse:collapse;table-layout:fixed}th,td{border:1px solid #ddd;text-align:center;padding:10px;vertical-align:middle}th{background-color:#000;color:#fff}tr:hover{background-color:#f1f1f1}.edit-button{padding:6px 12px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9em;transition:background-color .3s ease}.edit-button:hover{background-color:#0056b3}.button-group{display:flex;justify-content:center;gap:10px;margin-top:20px}.download-link button,.pdf-button{background-color:#000;color:#fff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-size:1em;transition:background-color .3s ease}.download-link button{background-color:#000;color:#fff}.download-link button:hover{background-color:#45a049}.pdf-button{background-color:#000;color:#fff}.pdf-button:hover{background-color:#0056b3}.records-header{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#f3f3f3;border-bottom:1px solid #ddd;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.records-header h1{font-size:1.5em;color:#333;margin:0;text-align:center}.back-button{display:flex;align-items:center;padding:8px 12px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1em;font-weight:700;transition:background-color .3s ease;text-decoration:none;margin-right:10px}.back-button:hover{background-color:#45a049}.back-button-icon{margin-right:8px;font-size:1.2em}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:8px;width:400px;box-shadow:0 4px 6px #0000001a}.modal h2{margin:0 auto}.modal-buttons{margin-top:20px;color:#fff;display:flex;justify-content:space-between}button{background-color:#000;color:#fff}@media (max-width: 768px){table{width:90%}.records-header h1{font-size:1.2em}.back-button{padding:6px 10px;font-size:.9em;margin-right:5px}}@media (max-width: 480px){table{width:100%}th,td{font-size:.9em}}.create-order{width:90%;font-family:Roboto,sans-serif;border-radius:12px;box-sizing:border-box;overflow-x:hidden;margin:0 auto}.create-order h2,.create-order h3{text-align:center;color:#333;margin-bottom:20px;font-size:1.5rem}form{display:flex;flex-direction:column}input,select{width:100%;padding:12px;font-size:16px;border:black solid 1px;border-radius:8px;transition:all .2s ease-in-out;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none}input:focus,select:focus{outline:none;border:1px solid;margin:1px;box-shadow:0 0 8px #007bff80;background-color:#fff}.product-item{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;position:relative;max-width:100%;box-sizing:border-box}.product-item input,.product-item label{grid-column:span 2;width:100%}.product-item .quantity-controls{display:flex;justify-content:space-between;align-items:center;position:relative;grid-column:span 2}.quantity-controls button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;background-color:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;padding:25px;transition:background-color .3s ease,transform .2s ease;box-shadow:3px 3px 6px #0000001a,-3px -3px 6px #ffffffb3}.quantity-controls input{text-align:center;width:60px;height:40px;font-size:16px;border:none;border-radius:8px;box-shadow:inset 3px 3px 6px #d1d1d1,inset -3px -3px 6px #fff;margin:0 10px}button{font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;padding:1.8rem;background:#000;transition:background-color .3s ease,transform .2s ease}.submit-button{background:#000;color:#fff;width:100%}.submit-button:hover{background-color:#000}@media (max-width: 768px){.quantity-controls{justify-content:center;align-items:center}}@media (max-width: 480px){.create-order{padding:20px}h2,h3{font-size:18px}button{font-size:14px}}.react-confirm-alert-overlay{display:flex;justify-content:center;align-items:flex-start;padding-bottom:250px;z-index:9999}.react-confirm-alert{background:#fff;border-radius:8px;max-width:70%;padding:20px;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;text-align:center}.react-confirm-alert-button-group button{background-color:#28a745;border:none;color:#fff;padding:10px 20px;font-size:16px;margin:5px;border-radius:5px;cursor:pointer;transition:background .3s}.react-confirm-alert-button-group button:nth-child(1){background-color:#28a745}.react-confirm-alert-button-group button:hover{background-color:#000}.react-confirm-alert-button-group button:nth-child(2){background-color:#dc3545}.react-confirm-alert-button-group button:nth-child(2):hover{background-color:#c82333}.react-confirm-alert-body{max-width:85%}@media (max-width: 768px){.react-confirm-alert{max-width:90%;padding:15px}.react-confirm-alert-button-group button{font-size:14px;padding:8px 15px;margin:3px}}@media (max-width: 480px){.react-confirm-alert{max-width:95%;padding:10px}.react-confirm-alert-button-group button{font-size:12px;padding:6px 10px;margin:2px}}.order-details{max-width:600px;margin:20px auto;font-family:Arial,sans-serif;padding:20px;border-radius:8px;background-color:#fff}.order-details .accordion-content label{display:block;margin-bottom:16px}.header{display:block;justify-content:space-between;align-items:center}.header button{background-color:#000;color:#fff;padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px}.header button:hover{background-color:#0056b3}h2{font-size:20px;color:#333;margin:8px 15px 8px 0}.accordion-section{margin-bottom:10px;border:1px solid #ddd;border-radius:5px}.accordion-header{padding:10px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion-header h3{margin:0;font-size:16px;color:#333}.accordion-header span{font-size:14px;color:#555}.accordion-content{padding:15px;display:block;background:#fff}.accordion-content.open{display:block}.accordion-header.open span{transform:rotate(180deg)}.product-table{width:100%;border-collapse:collapse;margin-top:10px}.product-table th,.product-table td{border:1px solid #ddd;padding:10px}.product-table th{background-color:#000;color:#fff}.download-button{margin-top:20px;background:#000;color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:100%;text-align:center;box-shadow:0 4px 6px #0000001a}.download-button:hover{background:#000}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#ffffffe6;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;-moz-animation:react-confirm-alert-fadeIn .5s .2s forwards;-o-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert-body{font-family:Arial,Helvetica,sans-serif;width:400px;padding:30px;text-align:left;background:#fff;border-radius:10px;box-shadow:0 20px 75px #00000021;color:#666}.react-confirm-alert-svg{position:absolute;top:0;left:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{margin:0;font-size:16px}.react-confirm-alert-button-group{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{outline:none;background:#333;border:none;display:inline-block;padding:6px 18px;color:#eee;margin-right:10px;border-radius:5px;font-size:12px;cursor:pointer}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.search-order{max-width:800px;margin:20px auto;font-family:Arial,sans-serif;padding:20px;border-radius:8px;background-color:#fff}header{text-align:center;margin-bottom:20px}header h2{font-size:24px;color:#333;margin:8px 15px 8px 0}.search-order .input-field{width:100%;padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:5px;font-size:14px}.search-order .download-button{margin-top:20px;background:#000;color:#fff;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;width:100%;text-align:center;box-shadow:0 4px 6px #0000001a}.search-order .download-button:hover{background:#0056b3}.search-order .error-message{color:red;margin-top:10px}.search-order .results-table{width:100%;border-collapse:collapse;margin-top:20px}.search-order .results-table th,.search-order .results-table td{border:1px solid #ddd;padding:10px;text-align:left}.search-order .results-table th{background-color:#28a745;color:#fff;font-size:14px}.search-order .results-table td{font-size:14px;color:#333}.search-order .no-results{margin-top:20px;text-align:center;font-size:16px;color:#666}.details-button{background-color:#000;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s ease,transform .2s ease;text-align:center;box-shadow:0 4px 6px #0000001a}.search-order .details-button:hover{background-color:#e0a800;color:#fff}.search-order .details-button:active{background-color:#d39e00;box-shadow:inset 0 3px 5px #00000020;transform:scale(.98)}.search-order .results-table td:last-child{text-align:center}.instructions-section{max-width:600px;margin:8% auto 0;padding:20px;background-color:#fff;border-radius:8px;text-align:center;width:90%}.instructions-section h2{color:#000;margin:0 auto}.instructions-section p{color:#333;margin-bottom:20px}.menu-button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;margin:10px auto;color:#fff;background-color:#000;border:none;border-radius:5px;font-size:18px;cursor:pointer;transition:background-color .3s ease}.menu-button:first-child{background-color:#7fc07e}.menu-icon{font-size:32px}@media (max-width: 768px){.instructions-section{padding:10px}.menu-button{padding:20px 16px}}html,body,#root{margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#232323}.nunito{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}