.hidden{display:none}.dashboard{width:100vw;height:100vh;display:flex;flex-direction:row;overflow:hidden;background-color:#242424}.sidebar{width:15vw;height:100vh;background-color:#cc3a01;display:flex;flex-direction:column;align-items:center;gap:20px}.sidebar img{width:-webkit-fill-available;height:auto}.loading{width:100%;height:100vh;background-color:#242424;color:#fff}.main{display:flex;flex-direction:column;gap:20px;width:85vw;height:100%;padding-top:30px;color:#fff;background-color:#242424}.main.hidden{display:none}.summary{display:flex;flex-direction:column;gap:20px;width:85vw;height:100%;padding-top:30px;color:#fff;background-color:#242424}.summary.hidden{display:none}.main h1{text-align:center}.creator-table{border-radius:5px;height:45px;width:500px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid black;margin:0 auto}.creator-table input{border-radius:5px;width:70%;height:40px;border:none}.creator-table button{border-radius:5px;width:30%;height:40px;border:none}.card-user{padding-top:30px;border-radius:10px;box-shadow:1px 1px 10px #000;position:fixed;width:100%;top:0;left:0;right:0;margin:0 auto;background-color:#f0f0f0;height:100vh;min-height:60%;overflow-y:scroll}.close-card{position:absolute;top:15px;right:15px;width:30px;height:30px}.icon-approved{color:red;width:25px;height:25px;margin:5px}.icon-bill-request{color:#00f;width:25px;height:25px;margin:5px}.bill-request-message{color:#000;font-size:25px;text-align:center;background-color:green}.icon-default{color:#399531;width:25px;height:25px;margin:5px}.footer-card-table{display:flex;justify-content:space-between}.active{display:none}.list-table{display:flex;flex-direction:column;justify-content:space-between;list-style:none;margin:0;width:auto;height:180px}.cont-tables{grid-template-columns:repeat(auto-fill,minmax(310px,2fr));grid-template-rows:repeat(auto-fill,minmax(180px,2fr));display:grid;width:100%;height:100%;gap:10px;position:relative;color:#000;overflow-y:scroll;padding:10px}.user-container{width:100%;height:auto;overflow-y:scroll}.dowload-qr-button,.tiket-total-button{width:100px;height:35px;background-color:#f5f5f5;border:1px solid #b3b3b3;border-radius:5px;box-shadow:1px 1px 2px gray}.card-users-btn{display:flex;flex-direction:column;gap:10px}.username{color:#000;margin:10px;text-align:center;font-size:25px}.container-btn-user{width:100%;height:50px;display:flex;justify-content:center;align-items:center;margin:10px 0;gap:10px}.container-btn-user button{width:150px;height:40px;border-radius:5px;font-size:16px;font-weight:600}.user-delete{background-color:#f80707;color:#fff}.products{display:flex;gap:10px;border:1px solid black}.products div p{font-size:20px}.head{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;border-radius:5px;border-left:1px solid #808080;border-right:1px solid #808080;border-bottom:1px solid #808080}.head-title{margin:10px;color:#ff5c00}.account{margin:10px}.account button{display:flex;width:35px;height:35px;padding:0;border-radius:50%;background-color:#ffdecc;border:none;justify-content:center;align-items:center}.account button svg{width:18px;height:18px;color:#ff5c00}.container-options{width:100%;height:150px;display:flex;flex-direction:column;align-items:center;gap:30px}.container-options button{position:relative;width:14vw;height:130px;border-radius:5px;border:none;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.container-options .alert-order{width:30px;height:30px;color:red;position:absolute;right:10px;top:5px}.container-options .request-tiket{width:30px;height:30px;color:#00f;position:absolute;right:10px;top:5px}.container-options .logout{position:absolute;bottom:15px;width:14vw;height:100px}.container-options button svg{width:80px;height:80px}.section-tables{display:flex;flex-direction:column;width:100%;height:auto;background-color:gray;justify-content:center;align-items:center;padding:10px;gap:10px}.section-tables h3{text-align:center}.section-tables input{width:60%;height:40px;border:none;border-radius:5px}.list-tables{width:100%;height:100%;display:grid;grid-template-columns:1fr;grid-auto-rows:minmax(60px,1fr);gap:10px;justify-items:center;align-items:center}.table{position:relative;width:90%;height:60px;display:flex;justify-content:center;align-items:center;border:1px solid gray;border-radius:10px;background-color:#000}.table span{position:absolute;width:20px;height:20px;top:-5px;right:-5px;border-radius:5px;border:1px solid white;display:flex;align-items:center;justify-content:center;background-color:red}.phone{min-height:600px;min-width:330px;width:350px;height:630px;background-color:#000;border-radius:40px;border:10px solid #333;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 16px #0003;position:relative}.screen{min-height:600px;min-width:310px;width:330px;height:610px;background-color:#fff;border-radius:30px;overflow:hidden}.iframe{min-height:585px;min-width:310px;width:330px;height:610px;border:none}.section-menu{display:flex;flex-direction:row;width:85vw;height:auto;background-color:#242424;justify-content:center;align-items:center;padding:10px;gap:30px}.section-menu.hidden{display:none}.selected-option{width:20px}.config-menu{width:450px;min-width:270px;height:600px;display:flex;flex-direction:column;color:#fff}.menu-categorie,.menu-section,.menu-element{display:flex;flex-direction:column;gap:10px}.categorie,.section,.element{border-radius:5px;height:30px;width:100%}.btn-container-categorie,.btn-container-section{display:flex;justify-content:space-around;gap:10px}.btn-container-categorie button,.btn-container-section button,.btn-container-element button{border-radius:5px;width:100%;height:30px;margin:5px 0}.cetegorie-content,.section-content,.element-content{display:flex}.form-element{display:flex;flex-direction:column;gap:10px}.categorie-confirm,.section-confirm{width:auto;height:30px;display:flex;gap:10px;margin:10px 0}.categorie-confirm button,.section-confirm button{width:30px;height:30px}.form-menu{width:70%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.form-menu label{width:100%;display:flex;flex-direction:column;justify-content:space-between}.admin-tables{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}li{background-color:#fff;margin:1rem 0;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}li p:first-child{font-weight:700;margin-bottom:.5rem}.qr-code{display:flex;justify-content:center;margin-bottom:1rem}.list-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,220px));grid-auto-rows:250px;gap:.5rem;margin-top:1rem;justify-content:center;align-items:center}.products{width:220px;height:250px;background-color:#f0f0f0;padding:15px 8px;border-radius:4px;display:flex;flex-direction:column;text-align:center;box-shadow:0 1px 2px #0000001a;color:#000;justify-content:space-between}.producst-pending{background-color:#ff6b6b}.options-card-order{display:flex;flex-direction:column;gap:10px}.products p{margin:.2rem 0;font-size:.9rem}.products-delete{background-color:#f80707;color:#fff;border:none;border-radius:4px;padding:.3rem;font-size:.8rem;cursor:pointer;transition:background-color .3s;font-size:20px}.status{background-color:green;color:#000;border:none;border-radius:4px;padding:.3rem;font-size:.8rem;cursor:pointer;transition:background-color .3s;font-size:20px}.status-pending{background-color:#f80707}.total-table{font-weight:700;text-align:right;margin-top:1rem;color:#007bff}@media (max-width: 480px){li{padding:.8rem}.list-products{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.products{padding:.4rem}.products p{font-size:.8rem}.products button{padding:.2rem;font-size:.7rem}}#root{background-color:#fff}.log-section{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ffe2cb;position:relative;z-index:10}.log-section img{max-width:100%;height:100%;width:auto;position:absolute;z-index:-1}.register-content{align-items:center;width:500px;height:auto;margin:0 auto;display:flex;flex-direction:column;gap:20px;text-align:center;color:#fff}.data-register{width:80%;height:40px;border-radius:20px;padding:10px}.buton-register,.buton-login{width:80%;height:40px;border-radius:20px}.summary-container{width:100%;height:100%;overflow:auto}.list-day-container{width:auto;height:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.title-seccion{font-size:40px;text-align:center}.info-list{display:flex;justify-content:space-between}.info-list button{font-size:20px;display:flex;justify-content:center;align-items:center}.date a{margin:5px;font-size:18px}.list-day{width:300px;color:#000;display:flex;flex-direction:column;justify-content:space-between;gap:5px;margin-left:10px}.btn-active{color:#fff;width:150px;background-color:#cc3a01;height:40px;border-radius:10px;font-size:20px;border:none}.btn-summary{width:auto;display:flex;gap:10px;margin:20px}.btn-desactive{color:#000;width:150px;height:40px;border-radius:10px;font-size:20px;border:none}.list-day-expand{width:85vw;height:100%;position:absolute;top:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;gap:5px;margin:0;border-radius:0;background-color:#242424;overflow-y:auto}.graphic{width:auto;display:flex;flex-direction:column}.table-products{border:1px solid black;border-collapse:collapse;padding:15px;width:100%;margin-top:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:center}.table-products li{padding:5px;border:1px solid black;list-style:none;margin:0;border-radius:0}.chart-container{display:flex;text-align:center;margin:50px 10px;position:relative}.pie-chart{width:300px;height:300px}.legend-container{width:100%;margin:10px 20px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;justify-content:center}.dowload-summary{width:200px;height:auto;padding:10px;font-size:20px;border-radius:5px}.legend-item{display:flex;align-items:center}.legend-color-box{width:12px;height:12px;display:inline-block;margin-right:8px;border-radius:3px}*{margin:0;padding:0;box-sizing:border-box}