.admin-drawer{position:fixed;top:0;left:0;height:100vh;width:280px;background-color:#fff;box-shadow:2px 0 8px #0000001a;z-index:10000;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0);pointer-events:auto}.admin-drawer.closed{transform:translate(-280px);pointer-events:none}.admin-drawer.closed .brand-text,.admin-drawer.closed .nav-label,.admin-drawer.closed .user-info,.admin-drawer.closed .logout-btn span{display:none}.admin-drawer.closed .user-profile{padding:1rem;justify-content:center}.admin-drawer.closed .avatar-container{width:40px;height:40px}.drawer-header{padding:1.5rem;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.toggle-btn{padding:.5rem;color:#6c757d;transition:all .2s ease;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #e9ecef}.toggle-btn:hover{color:#2c3e50;background-color:#fff;border-color:#dee2e6;transform:scale(1.05)}.close-btn{padding:.5rem;color:#6c757d;transition:color .2s ease}.close-btn:hover{color:#2c3e50}.user-profile{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:1rem;background-color:#fff;transition:all .3s ease}.avatar-container{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid #e9ecef;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.avatar-container:hover{border-color:#0d6efd;transform:scale(1.05)}.avatar{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background-color:#e9ecef;color:#2c3e50;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.user-info{flex-grow:1;min-width:0}.user-info h6{color:#2c3e50;margin-bottom:.25rem;font-weight:600}.user-info small{color:#6c757d;display:block}.drawer-nav{flex:1;padding:1rem 0;overflow-y:auto;background-color:#fff}.nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:#6c757d;text-decoration:none;transition:all .2s ease;white-space:nowrap;position:relative}.admin-drawer.closed .nav-item{padding:.75rem;justify-content:center}.nav-item:hover{background-color:#f8f9fa;color:#2c3e50;transform:translate(4px)}.nav-item.active{background-color:#e9ecef;color:#2c3e50;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:#0d6efd;border-radius:0 4px 4px 0}.nav-label{margin-left:.75rem;white-space:nowrap;font-weight:500}.drawer-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;background-color:#f8f9fa}.logout-btn{display:flex;align-items:center;width:100%;padding:.75rem;border:none;background-color:transparent;color:#dc3545;cursor:pointer;transition:all .2s ease;border-radius:4px}.logout-btn:hover{background-color:#fff5f5;transform:translate(4px)}.brand-text{font-weight:600;color:#2c3e50;font-size:1.1rem}.drawer-nav::-webkit-scrollbar{width:6px}.drawer-nav::-webkit-scrollbar-track{background:#f1f1f1}.drawer-nav::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.drawer-nav::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.admin-drawer{width:100%;max-width:280px}}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.drawer-backdrop.open{opacity:1;visibility:visible}.floating-menu-btn{position:fixed;top:1.5rem;left:0;width:40px;height:40px;border-radius:0 8px 8px 0;background-color:#fff;border:1px solid #e9ecef;border-left:none;color:#6c757d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:998;box-shadow:2px 0 8px #0000001a;padding:0;pointer-events:auto}.floating-menu-btn:hover{background-color:#f8f9fa;color:#2c3e50;transform:translate(4px);box-shadow:4px 0 12px #00000026}.floating-menu-btn:active{transform:translate(2px)}.floating-menu-btn.hidden{display:none}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.floating-menu-btn:not(.hidden){animation:slideIn .3s ease forwards}.admin-layout{display:flex;min-height:100vh;width:100%}.admin-content{width:100%;min-height:100vh;margin-left:0;transition:padding-left .3s ease}.admin-header{position:fixed;top:0;right:0;left:0;height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;z-index:900;display:flex;align-items:center;padding:0 1.5rem}.admin-main{min-height:100vh;width:100%;max-width:100dvw;overflow-x:hidden}.admin-content .container-fluid{width:100%;max-width:100%;padding-left:5px;padding-right:5px}.admin-content .row{margin-left:0;margin-right:0;width:100%}.admin-content .col{padding-left:1rem;padding-right:1rem}@media (max-width: 768px){.admin-content,.admin-main{padding:1rem}}.session-management{padding:1rem}.card{border:none;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem}.card-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:1rem}.card-title{color:#2c3e50;font-weight:600}.card-body{padding:1.5rem}.current-session-info{padding:1rem;background-color:#f8f9fa;border-radius:6px;margin-bottom:1rem}.current-session-info h6{color:#2c3e50;margin-bottom:.5rem}.current-user{display:flex;align-items:center;color:#6c757d;font-size:.9rem}.session-actions{display:flex;gap:.5rem}.session-actions .btn{display:flex;align-items:center;padding:.5rem 1rem;font-weight:500}.table{margin-bottom:0}.table th{font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef}.table td{vertical-align:middle;color:#2c3e50}.badge{display:inline-flex;align-items:center;padding:.5rem .75rem;font-weight:500}.badge svg{margin-right:.25rem}.start-session .input-group{background-color:#f8f9fa;border-radius:6px;overflow:hidden}.start-session .form-control{border:none;background-color:transparent;padding:.75rem 1rem}.start-session .form-control:focus{box-shadow:none}.start-session .btn{padding:.75rem 1.5rem;font-weight:500}.bg-success{background-color:#28a745!important}.bg-warning{background-color:#ffc107!important;color:#2c3e50!important}.bg-secondary{background-color:#6c757d!important}@media (max-width: 768px){.session-actions{flex-direction:column}.session-actions .btn{width:100%;justify-content:center}.table-responsive{margin:0 -1.5rem}}.tablet-container{padding:10px;font-size:16px}.admin-container{display:flex;height:100vh;overflow:auto}.admin-container .dashboard{flex:1;background-color:#f5f7fb;position:relative;display:flex;flex-direction:column;overflow:auto}.admin-container .dashboard .profile-section{padding:.75rem 1.5rem;z-index:10}.admin-container .dashboard .bar .search-bar .inside-search:before{content:"";position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.6}.admin-container .dashboard .container-agent .section h2{font-size:1rem;font-weight:600;margin-bottom:1rem;text-align:center;color:#4a5568;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.admin-container .dashboard .card .card-body .card-title{font-size:.95rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.admin-container .dashboard .card .card-body .card-text{font-size:.85rem;color:#4a5568;margin-bottom:1rem}@media (max-width: 1024px){.admin-container .dashboard .task-statuses{font-size:.9rem;padding:.75rem}.admin-container .dashboard .task-statuses span .counter{min-width:1.5rem;height:1.5rem;font-size:.75rem}}*{box-sizing:border-box;margin:0;top:0}.container-agent{width:99vdw;height:90dvh;display:flex;justify-content:space-between;top:0;margin-top:0}.container-agent{width:99vw;height:90vh;display:flex;justify-content:space-between;top:0;margin-top:0}.lane{width:100%;margin-bottom:15px;border:1px solid #ddd;padding:10px}.sign-out-container{text-align:right;padding:1rem;display:flex;justify-content:space-evenly;height:10vh;width:100vw;position:absolute}.section{border:1px solid #ddd;background-color:#e0e5ec;padding:10px;margin:10px;border-radius:5px}.section.in-Queue,.section.Serving,.section.Done,.section.Cancel{background-color:#e0e5ec}.sign-out-container{text-align:right;padding:1rem;display:flex;justify-content:space-evenly;height:10dvh;width:100dvw;position:absolute}.section{border:3px solid #e0e5ec;background-color:#e0e5ec;padding:10px;margin:10px;border-radius:5px;overflow-y:visible;height:70vh;transition:opacity .3s,transform .5s;box-shadow:0 8px 16px #0003}.list-group{display:flex;height:50px;overflow-y:scroll;z-index:20}.section.in-Queue{background-color:#e7f4e4}.section.Serving{background-color:#fef7e0}.section.Done{background-color:#e0f2fe}.section.Cancel{background-color:#fde0e0}.card:hover{background-color:#f5f5f5;cursor:pointer}.section:hover{cursor:pointer;transform:scale(1.05)}.swal-custom .swal2-popup{width:90%!important;max-width:500px;padding:20px;box-sizing:border-box;text-align:center}.swal-custom .swal2-title{font-size:1.5em}.swal-custom .swal2-content{font-size:1em;white-space:normal;word-wrap:break-word}@media (max-width: 768px){.swal-custom .swal2-popup{width:95%!important;padding:10px}.swal-custom .swal2-title{font-size:1.2em}.swal-custom .swal2-content{font-size:.9em}}@media (max-width: 480px){.swal-custom .swal2-popup{width:100%!important;padding:5px}.swal-custom .swal2-title{font-size:1em}.swal-custom .swal2-content{font-size:.8em}}.dashboard-product-box{padding:2rem;overflow:auto;width:100%;height:100%}.create-product-btn{position:fixed;right:2rem;top:2rem;width:2.5rem;height:2.5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;background-color:#c90909;color:#fff}.create-product-btn:hover{opacity:.8}.product-button{padding:1rem;border:none;background-color:#056be0;color:#fff;width:100%;border-radius:5px;font-size:1.1rem;cursor:pointer}.product-management{display:flex;flex-direction:row;justify-content:center;align-items:unset;padding:4rem}.product-management>section{overflow-y:auto;width:100%;height:99vh;max-width:500px;box-shadow:0 5px 5px #00000037;padding:5rem;display:flex;flex-direction:column;justify-content:unset;align-items:unset;gap:1rem;position:relative;border-radius:5px}.product-management>section>h2{letter-spacing:2px;font-weight:300;text-transform:uppercase;text-align:center}.product-management>section>img{width:100%;height:100%;object-fit:cover}.product-management>section>strong{font-weight:300}.product-management>section>span{position:absolute;right:2rem;top:2rem}.product-management>section>p{text-align:center;letter-spacing:2px;text-transform:uppercase}.product-management>section>h3{text-align:center;font-size:2rem}.product-management>article{height:100%;padding:2rem;width:100%;max-width:500px;border-radius:5px;display:flex;flex-direction:column;box-shadow:5px 5px 10px #00000037}.product-management>article>form{display:flex;flex-direction:column;justify-content:unset;align-items:center;gap:1rem;height:100%}.product-management>article>form .form_input{padding:5%}.product-management>article>form .service_option{display:flex;flex-direction:column}.product-management>article>form>h2{text-transform:uppercase;letter-spacing:2px}.product-management>article>form>img{width:5rem;height:5rem;object-fit:cover;border-radius:5px}.product-management>article>form>div{width:100%;position:relative}.product-management>article>form>div>label{position:absolute;left:0;top:-1.5rem}.product-management>article>form>div>input,.product-management>article>form>div select{padding:1rem;border:1px solid rgba(13,13,13,.196);background-color:unset;width:100%;outline:none;border-radius:5px}.product-management>article>form>button{padding:1rem;border:none;background-color:#056be0;color:#fff;width:100%;border-radius:5px;font-size:1.1rem;cursor:pointer}.product-management .shipping-info-card>h1{text-align:center;letter-spacing:2px;font-weight:300;text-transform:uppercase}.product-management .shipping-info-card>h5{margin:2rem 0 0 .5rem;font-size:1.1rem;font-weight:700}.product-management .shipping-info-card>p{margin:.5rem}.product-management .shipping-info-card>button{margin:2rem 0;padding:1rem;border:none;background-color:#056be0;color:#fff;width:100%;border-radius:5px;font-size:1.1rem;cursor:pointer}.product-management .shipping-info-card>button:hover{opacity:.8}.transaction-product-card{display:flex;flex-direction:row;justify-content:unset;align-items:center;gap:1rem}.transaction-product-card>img{width:4rem;height:4rem;object-fit:cover;border-radius:5px}.transaction-product-card>span{margin-left:auto}.checkBox{display:flex;flex-direction:column;justify-content:center}.chart-container{padding:4rem;overflow-y:auto}.chart-container>h1{margin:0 0 5rem 2rem}.chart-container>section{width:80%;margin:4rem auto}.chart-container>section>div{max-width:25rem;margin:auto;margin-top:6rem;margin-bottom:-1rem}.chart-container>section>h2{margin:2rem 0;text-align:center;letter-spacing:2px;font-weight:300;text-transform:uppercase}.dashboard-app-container{padding:4rem}.dashboard-app-container>section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%}.dashboard-app-container>section .stopwatch>h2{font-size:2rem;font-weight:300;text-align:center}.dashboard-app-container>section .stopwatch>button{padding:1rem 2rem;border:none;cursor:pointer;color:#fff;margin:2rem;font-weight:700;border-radius:10px}.dashboard-app-container>section .stopwatch>button:first-of-type{background-color:#0062ff}.dashboard-app-container>section .stopwatch>button:last-of-type{background-color:red}.dashboard-app-container>section .tosscoin{margin:2rem;width:15rem;height:15rem;position:relative;cursor:pointer;transform-style:preserve-3d;transition:all .5s}.dashboard-app-container>section .tosscoin>div{border-radius:50%;width:100%;height:100%;position:absolute;display:grid;place-items:center;background-repeat:no-repeat;background-size:contain;backface-visibility:hidden;filter:drop-shadow(0px 10px 10px rgba(0,0,0,.521))}.dashboard-app-container>section .tosscoin>div:first-of-type{background-image:url(/assets/heads-33214751.png)}.dashboard-app-container>section .tosscoin>div:last-of-type{background-image:url(/assets/tails-91e4a6ee.png);transform:rotateY(-180deg)}.dashboard-app-container>section .coupon-form{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:unset;gap:2rem;max-width:30rem;width:100%}.dashboard-app-container>section .coupon-form>input{padding:1rem;border:1px solid rgba(0,0,0,.359);outline:none;border-radius:5px}.dashboard-app-container>section .coupon-form>fieldset{padding:1rem;border:1px solid rgba(0,0,0,.359);border-radius:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;grid-column:1/3}.dashboard-app-container>section .coupon-form>fieldset span{font-size:.8rem;font-weight:300;margin-inline-start:.25rem;margin-inline-end:1rem}.dashboard-app-container>section .coupon-form>button{font-weight:700;font-size:1.1rem;width:100%;padding:1rem;border:none;color:#fff;cursor:pointer;margin:2rem 0;border-radius:10px;grid-column:1/3;background-color:#0062ff}.dashboard-app-container>section>code{position:relative;font-size:1.2rem;letter-spacing:2px;cursor:pointer}.dashboard-app-container>section>code:hover>span{opacity:1}.dashboard-app-container>section>code>span{opacity:0;width:100%;height:100%;top:0;left:0;position:absolute;border-radius:5px;background-color:#0f0f0f;color:#fff;font-size:.8rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch}@media screen and (width <= 1200px){.admin-container{overflow:auto}.dashboard .widget-container,.dashboard .graph-container,.dashboard .transaction-container{justify-content:center;flex-wrap:wrap}.dashboard .graph-container{padding:2rem}.dashboard .transaction-container{padding:2rem;height:unset}.product-management{padding:2rem}}@media screen and (width <= 1100px){.admin-container{grid-template-columns:2fr!important}.dashboard{height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.dashboard .widget-container{justify-content:center;flex-wrap:wrap;margin-left:0%;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:5rem}}@media screen and (width <= 600px){.product-management{flex-direction:column;align-items:center;padding:0}.product-management>section{max-width:400px}.chart-container{padding:0}.chart-container>h1{margin:0;text-align:center}.chart-container>section{margin:8rem auto}.dashboard-app-container>section .coupon-form,.dashboard-app-container>section .stopwatch{display:flex;flex-direction:column}.dashboard-app-container>section .stopwatch{align-items:center}}.faq-page{display:flex;flex-direction:column;justify-content:center;align-items:center}.faq-page .faq-container{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center;width:80%;max-width:700vw;font-family:Arial,sans-serif;color:#333}.faq-page .faq-container .faq-title{color:#004990;font-weight:700;margin-top:20px;margin-bottom:40px;width:100%}.faq-page .faq-container .faq-item{display:flex;justify-content:center;margin-bottom:10px;text-align:center;align-items:center;width:60vw;flex-direction:column}.faq-page .faq-container .faq-item.open .faq-answer{padding-top:10px;display:block}.faq-page .faq-container .faq-item .faq-question{cursor:pointer;display:inline-block;text-align:center;border:2px solid #0057b7;margin:8px 0;width:100%;border-radius:10px;padding:15px;background-color:#f9f9f9;transition:background-color 1s ease-in-out,border-color 1s ease-in-out}.faq-page .faq-container .faq-item .faq-question:hover{background-color:#e8f0fe;border-color:#0057b7}.faq-page .faq-container .faq-item .faq-answer{display:none;padding:15px;border-left:4px solid #0057b7;border-right:4px solid #0057b7;border-bottom:2px solid #0057b7;background-color:#fff;transition:all 1s ease-in-out}.faq-page .faq-container .faq-icon{display:inline-block;color:#9d8b57;font-weight:700;margin-right:8px}.faq-page .faq-container .faq-text{display:inline;font-size:16px;vertical-align:top}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.registration-form{background-color:#e0e5ec;width:100%;height:100vh;text-align:center;display:flex;justify-content:center}.registration-form form{background-color:#e0e5ec;max-width:600px;margin:auto;padding:50px 70px;border-radius:30px;box-shadow:8px 8px 15px #a3b1c6,-8px -8px 15px #fff}.registration-form .item{border-radius:20px;margin-bottom:25px;padding:10px 20px;background-color:#e0e5ec;border:none;box-shadow:inset 6px 6px 10px #a3b1c6,inset -6px -6px 10px #fff}.registration-form .create-account,.registration-form .forgot-password{border:none;background-color:transparent;color:#5891ff;font-size:16px;text-decoration:underline;cursor:pointer;transition:color .3s ease}.registration-form .create-account{border-radius:30px;padding:10px 20px;font-size:18px;font-weight:700;background-color:#9d8b57;color:#fff;margin-top:20px;box-shadow:3px 3px 6px #a3b1c6,-3px -3px 6px #fff}.registration-form .forgot-password:hover,.registration-form .create-account:hover{color:#4167aa}@media (max-width: 576px){.registration-form form{padding:50px 20px}.registration-form .form-icon{width:70px;height:70px;font-size:30px;line-height:70px}}.welcome-area h2{text-align:center;margin-bottom:20px;color:#004990}.welcome-image{display:block;margin-left:auto;margin-right:auto;max-width:30%;height:auto;margin-bottom:30px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fb;color:#4a5568}.admin-container{display:flex;height:100vh;overflow:hidden}.admin-container .dashboard{flex:1;background-color:#f5f7fb;position:relative;display:flex;flex-direction:column;overflow:hidden}.admin-container .dashboard .profile-section{padding:.75rem 1.5rem;box-shadow:0 1px 3px #0000000d;z-index:10}.admin-container .dashboard .profile-section .profile{display:flex;align-items:center;justify-content:flex-end}.admin-container .dashboard .profile-section .profile .dropdown{position:relative}.admin-container .dashboard .profile-section .profile .dropdown .profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:all .2s;border:2px solid transparent}.admin-container .dashboard .profile-section .profile .dropdown .profile-picture:hover{border-color:#e2e8f0}.admin-container .dashboard .profile-section .profile .dropdown .dropdown-content{display:none;position:absolute;right:0;top:45px;width:180px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:.5rem 0;z-index:100;animation:fadeIn .2s ease-out}.admin-container .dashboard .profile-section .profile .dropdown .dropdown-content.show{display:block}.admin-container .dashboard .profile-section .profile .dropdown .dropdown-content .dropdown-item{display:block;padding:.7rem 1rem;color:#4a5568;text-decoration:none;font-size:.9rem;transition:background-color .2s;cursor:pointer}.admin-container .dashboard .profile-section .profile .dropdown .dropdown-content .dropdown-item:hover{background-color:#f7fafc;color:#4299e1}.admin-container .dashboard .profile-section .profile .dropdown .dropdown-content .dropdown-item.signout{color:#ef4444;border-top:1px solid #f0f0f0;margin-top:.5rem;padding-top:.75rem}.admin-container .dashboard .profile-section .profile .dropdown .dropdown-content .dropdown-item.signout:hover{background-color:#fff5f5}.admin-container .dashboard .profile-section .profile .profile-name{margin-left:10px;font-weight:500;color:#4a5568}.admin-container .dashboard .bar{padding:1rem 1.5rem;background-color:#fff;box-shadow:0 1px 3px #0000000d;margin-bottom:1px}.admin-container .dashboard .bar .search-bar{width:100%;max-width:600px;margin:0 auto}.admin-container .dashboard .bar .search-bar .inside-search{position:relative}.admin-container .dashboard .bar .search-bar .inside-search:before{content:"";position:absolute;top:50%;left:1rem;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;opacity:.6}.admin-container .dashboard .bar .search-bar .inside-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:none;border-bottom:1px solid rgba(0,0,0,.1);font-size:.95rem;background-color:transparent;transition:border-color .2s}.admin-container .dashboard .bar .search-bar .inside-search input:focus{outline:none;border-bottom:2px solid #4299e1}.admin-container .dashboard .bar .search-bar .inside-search .search-results{position:absolute;top:100%;left:0;right:0;z-index:10;background-color:#fff;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000001a;max-height:250px;overflow-y:auto}.admin-container .dashboard .bar .search-bar .inside-search .search-results .list-group-item{border:none;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.admin-container .dashboard .bar .search-bar .inside-search .search-results .list-group-item:last-child{border-bottom:none}.admin-container .dashboard .bar .search-bar .inside-search .search-results .list-group-item:hover{background-color:#f7fafc;color:#4299e1}.admin-container .dashboard .task-statuses{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 1px 3px #0000000d;font-weight:600;font-size:1rem;margin-bottom:1px}.admin-container .dashboard .task-statuses span{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#4a5568}.admin-container .dashboard .task-statuses span .counter{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:1.75rem;height:1.75rem;padding:0 .5rem;margin-left:.5rem;border-radius:9999px;font-size:.85rem;font-weight:600}.admin-container .dashboard .task-statuses span .que.counter{background-color:#ef44441a;color:#ef4444}.admin-container .dashboard .task-statuses span .serving.counter{background-color:#f59e0b1a;color:#f59e0b}.admin-container .dashboard .task-statuses span .done.counter{background-color:#10b9811a;color:#10b981}.admin-container .dashboard .container-agent{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;flex:1;overflow:hidden}.admin-container .dashboard .container-agent .section{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:1rem;background-color:#f5f7fb;border-right:1px solid rgba(0,0,0,.05);overflow:hidden}.admin-container .dashboard .container-agent .section:last-child{border-right:none}.admin-container .dashboard .container-agent .section .lane-header{display:flex;align-items:center;justify-content:center;padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05)}.admin-container .dashboard .container-agent .section .lane-header h2{font-size:1rem;font-weight:600;color:#4a5568;margin:0}.admin-container .dashboard .container-agent .section .lane-header .lane-counter{background-color:#7180961a;color:#718096;font-size:.7rem;font-weight:600;padding:.15rem .4rem;border-radius:1rem;margin-left:.5rem}.admin-container .dashboard .container-agent .section .tickets-container{flex:1;overflow-y:auto;padding-right:.5rem}.admin-container .dashboard .container-agent .section .tickets-container::-webkit-scrollbar{width:6px}.admin-container .dashboard .container-agent .section .tickets-container::-webkit-scrollbar-track{background:transparent}.admin-container .dashboard .container-agent .section .tickets-container::-webkit-scrollbar-thumb{background-color:#7180964d;border-radius:6px}.admin-container .dashboard .container-agent .lane:nth-child(1) .card:before{content:"";display:block;height:3px;background-color:#4299e1}.admin-container .dashboard .container-agent .lane:nth-child(2) .card:before{content:"";display:block;height:3px;background-color:#f59e0b}.admin-container .dashboard .container-agent .lane:nth-child(3) .card:before{content:"";display:block;height:3px;background-color:#10b981}.admin-container .dashboard .container-agent .lane:nth-child(4) .card:before{content:"";display:block;height:3px;background-color:#ef4444}.admin-container .dashboard .card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s ease}.admin-container .dashboard .card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.admin-container .dashboard .card.active-card{border-left:3px solid #4299e1}.admin-container .dashboard .card .card-body{padding:1rem}.admin-container .dashboard .card .card-body.clickable-card{cursor:pointer;position:relative}.admin-container .dashboard .card .card-body.clickable-card:after{content:"";position:absolute;top:.5rem;right:.5rem;width:.5rem;height:.5rem;background-color:#4299e1;border-radius:50%;opacity:.7}.admin-container .dashboard .card .card-body .card-title{font-size:.95rem;font-weight:600;color:#2d3748;margin-bottom:.5rem;position:relative}.admin-container .dashboard .card .card-body .card-text{font-size:.85rem;color:#4a5568;margin-bottom:.5rem}.admin-container .dashboard .card .card-body .card-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.admin-container .dashboard .card.skeleton{opacity:.7;pointer-events:none}.admin-container .dashboard .card.skeleton .skeleton-title,.admin-container .dashboard .card.skeleton .skeleton-text,.admin-container .dashboard .card.skeleton .skeleton-actions{background-color:#e2e8f0;border-radius:4px;animation:skeleton-pulse 1.5s infinite ease-in-out}.admin-container .dashboard .card.skeleton .skeleton-title{height:1rem;width:70%;margin-bottom:.75rem}.admin-container .dashboard .card.skeleton .skeleton-text{height:.8rem;width:90%;margin-bottom:1.5rem}.admin-container .dashboard .card.skeleton .skeleton-actions{height:2rem;width:100%}.admin-container .dashboard .btn{border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.admin-container .dashboard .btn-primary{background-color:#4299e11a;color:#2180cf}.admin-container .dashboard .btn-primary:hover{background-color:#4299e133}.admin-container .dashboard .btn-success{background-color:#10b9811a;color:#0c8a60}.admin-container .dashboard .btn-success:hover{background-color:#10b98133}.admin-container .dashboard .btn-danger{background-color:#ef44441a;color:#eb1515}.admin-container .dashboard .btn-danger:hover{background-color:#ef444433}.admin-container .dashboard .btn-warning{background-color:#f59e0b1a;color:#c57f08}.admin-container .dashboard .btn-warning:hover{background-color:#f59e0b33}.admin-container .dashboard .btn-info{background-color:#0ea5e91a;color:#0b83b9}.admin-container .dashboard .btn-info:hover{background-color:#0ea5e933}.empty-lane{display:flex;justify-content:center;align-items:center;height:100px;background-color:#f5f7fb80;border:1px dashed #e2e8f0;border-radius:8px;margin:1rem 0}.empty-lane p{color:#718096;font-size:.9rem;font-style:italic}.no-tickets-message{display:flex;justify-content:center;align-items:center;height:200px;width:100%}.no-tickets-message p{color:#718096;font-size:1rem;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d}.ticket-details{position:absolute;top:0;right:0;width:20px;height:20px;border-radius:50%;background-color:#f5f7fbcc;color:#4a5568;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s ease}.ticket-details:hover{background-color:#4299e1;color:#fff}.ticket-time{font-size:.75rem;color:#718096;margin-top:.25rem;margin-bottom:.75rem;display:flex;align-items:center}.ticket-time:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.ticket-time.recent:before{background-color:#10b981}.ticket-time.medium:before{background-color:#f59e0b}.ticket-time.old:before{background-color:#ef4444}.modal{animation:fadeIn .3s ease-out}.modal .modal-content{border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.enhanced-swal-container .enhanced-swal-popup{border-radius:8px;padding:1.5rem}.enhanced-swal-container .enhanced-swal-title{font-size:1.25rem;color:#2d3748}.enhanced-swal-container .enhanced-swal-content{margin-top:1rem}.enhanced-swal-container .enhanced-swal-close-button{top:1rem;right:1rem;transition:opacity .2s}.enhanced-swal-container .enhanced-swal-close-button:hover{opacity:1}.enhanced-swal-container .ticket-modal-content .ticket-info{margin-bottom:1.5rem}.enhanced-swal-container .ticket-modal-content .ticket-info .info-row{display:flex;margin-bottom:.75rem;font-size:.95rem}.enhanced-swal-container .ticket-modal-content .ticket-info .info-row strong{min-width:120px;color:#4a5568}.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge.status-serving,.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge.status-serving-pay,.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge.status-examine{background-color:#f59e0b1a;color:#f59e0b}.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge.status-finish,.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge.status-complete{background-color:#10b9811a;color:#10b981}.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge.status-cancel{background-color:#ef44441a;color:#ef4444}.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge.status-transferred,.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .status-badge.status-in-queue{background-color:#4299e11a;color:#4299e1}.enhanced-swal-container .ticket-modal-content .ticket-info .info-row .not-served{font-style:italic;color:#718096}.enhanced-swal-container .ticket-modal-content .btn-grouping{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}@media (max-width: 1024px){.admin-container .dashboard .task-statuses{font-size:.9rem;padding:.75rem 1rem}.admin-container .dashboard .task-statuses span .counter{min-width:1.5rem;height:1.5rem;font-size:.75rem}}@media (max-width: 768px){.admin-container .dashboard .container-agent{flex-direction:column;overflow-y:auto}.admin-container .dashboard .container-agent .section{min-height:200px;border-right:none;border-bottom:1px solid rgba(0,0,0,.05);padding:.75rem}.admin-container .dashboard .container-agent .card{margin-bottom:.75rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:#000}.red{color:red}.purple{color:#2f00ff}.green{color:#00c300}svg{background-color:none}.admin-container{height:100vh;width:100vw;text-align:center;overflow:auto;background-color:#e0e5ec}.admin-container>.backdrop{position:absolute;z-index:1;height:100vh;width:100vw;background-color:#000;opacity:.5}.admin-container>aside{position:relative;z-index:200;width:100%;background-color:#e0e5ec;padding:1rem;z-index:10;overflow-y:auto}.admin-container>aside::-webkit-scrollbar{display:none}.admin-container>aside>h2 .logo{width:120px;height:100px}.admin-container>aside>div{margin:2rem 1rem}.admin-container>aside>div>h5{letter-spacing:2px;font-weight:300;text-transform:uppercase;opacity:.8;margin:1rem 0}.admin-container>aside>div>ul{display:flex;flex-direction:column;justify-content:unset;align-items:unset;gap:.5rem;list-style:none;background-color:#e0e5ec}.admin-container>aside>div>ul>li{padding:.5rem 1rem;border-radius:10px;background-color:#e0e5ec}.admin-container>aside>div>ul>li a{color:#000000d2;display:flex;flex-direction:row;justify-content:unset;align-items:stretch}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:8px;text-align:left;vertical-align:middle}.table th{font-weight:700;color:#0000009e;font-size:1.1rem;font-weight:400;padding:2rem 1rem}.table tbody tr{box-shadow:0 1px 1px #00000018}.table tbody td{padding:1rem}.table tbody td img{width:4rem;height:4rem;object-fit:contain;border-radius:10px}.table tbody td button{width:2rem;height:2rem;font-size:1.1rem;border:none;outline:none;background-color:transparent;cursor:pointer;color:#ff2c2c}.table tbody td button:hover{opacity:.6}.table tbody td:first-child{border-left:none}.table tbody td:last-child{border-right:none}.table-pagination{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;padding:2rem}.table-pagination>button{padding:.5rem 1rem;border:none;outline:none;border-radius:10px;cursor:pointer;background-color:#0073ff;color:#fff}.table-pagination>button:disabled{background-color:#0073ff1a;cursor:not-allowed}#hamburger{display:grid;place-items:center;width:3rem;height:3rem;border:none;outline:none;cursor:pointer;color:#2c68ff;position:fixed;top:1rem;left:1rem;font-size:2rem;background-color:#e0e5ec;border-radius:50%;z-index:9}#close-sidebar{width:80%;margin:1rem auto;display:block;padding:.75rem;border:none;outline:none;cursor:pointer;background-color:#a80202;color:#fff;border-radius:10px}.loader{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#e0e5ec}.loader .loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loader .loader-logo{width:200px;height:auto;margin-bottom:1rem}.loader .loader-spinner{width:10rem;height:10rem;border-radius:50%;border-top:1rem solid rgb(43,43,43);border-left:1rem solid rgb(43,43,43);border-right:1rem solid #fff;border-bottom:1rem solid #fff;animation:loading-animation .5s linear infinite}@keyframes loading-animation{to{transform:rotate(360deg)}}
