body{width:100vw;height:100vh;display:flex;overflow:hidden;margin:0!important}.app-container{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}#root{background-image:url(../img/bg-tf.jpg);background-position:top;background-size:cover;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.glass-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006}form{width:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--warning:#fc0;--danger:#ff383c;--success:#34c759;--info:#00c0ff;--tf-color:#01b6d8;--primary:#1263cc;--secondary:#f0eee9;--tertiary:#00b8d9;--coral:#ff6b6b;--turquoise:#14b8a6;--white:#fff;--black:#000;--gray:#787878;--light-gray:#dcdcdc}.icon-success{color:var(--success)}.icon-danger{color:var(--danger)}.icon-warning{color:var(--warning)}.tf-divider{margin-bottom:1rem}.tf-input{font-size:11px;line-height:1.6}@media (width>=768px){.tf-input{font-size:12px}}@media (width>=1024px){.tf-input{font-size:13px}}@media (width>=1280px){.tf-input{font-size:14px}}@media (width>=1440px){.tf-input{font-size:14px}}.d-none{display:none!important}.tf-login-logo-POS{flex-direction:row;justify-content:center;align-items:center;display:flex}.tf-login-logo-POS>img{width:56px;height:56px}.tf-stock-center-image{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}#icon-button-file-create{display:none}.tf-product-image-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.tf-product-image-container>small{color:var(--gray)!important}.tf-product-image-container>label{border-radius:25px;width:fit-content;padding:10px;transition:all .3s}.tf-product-image-container>label:hover{opacity:.5}.filter-block{flex-direction:row;justify-content:space-around;align-items:center;gap:1rem;padding:1rem 0 0;transition:all .3s;display:none}.filter-block.open{display:flex}.tf-header-report-today>div>div:first-child>button{border:1px solid var(--success);background:0 0}.tf-header-report-today>div>div:first-child>button:hover{background-color:var(--success);color:var(--white)}.tf-header-report-today>div>div:nth-child(2)>button{border-radius:25px;width:44px;height:44px}.tf-header-report-today>div>div:nth-child(2)>button:hover{background-color:var(--gray)}.tf-header-report-today,.tf-header-report-today>div{flex-direction:row;justify-content:space-between;gap:.5rem;transition:all .3s;display:flex}.tf-detail-sale{grid-template-columns:repeat(2,1fr);gap:1rem;width:1100px;margin-bottom:1rem;display:grid}.tf-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.tf-detail-sale-left-container,.tf-detail-sale-right-container{flex-direction:column;gap:1.25rem;width:100%;min-width:0;display:flex}.tf-detail-sale-left-container>div>table{border:1px solid var(--light-gray);border-radius:12px;margin-top:none!important}.row-with-comment,.row-with-comment:hover{background-color:var(--danger)!important}.comment-collapsible{flex-direction:column;display:flex}.comment-collapsible>a{color:var(--primary);cursor:pointer;flex-direction:row;align-items:center;gap:8px;text-decoration:none;display:flex}.container-collapse{border:1px solid var(--light-gray);border-radius:8px;margin-top:4px;padding:10px}.tf-total-amount-per-payment-method{flex-direction:column;gap:8px;display:flex}.tf-total-amount-per-payment-method>div{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.tf-report-sales-container{flex-direction:column;gap:1rem;height:100%;display:flex}.tf-report-sales-container .tf-report-sales-card{border-bottom:1px dashed #0000001a;flex-direction:row;flex:1;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.tf-report-sales-container .tf-report-sales-card .tf-left-chart-card{flex:1}.tf-report-sales-container .tf-report-sales-card .tf-left-chart-card .tf-header-card{flex-direction:row;justify-content:space-between;margin-bottom:1rem;display:flex}.tf-report-sales-container .tf-report-sales-card .tf-left-chart-card .tf-header-card>div{width:fit-content!important}.tf-report-sales-container .tf-report-sales-card .tf-right-resume-card{width:clamp(250px,30%,400px);padding:0 1rem}.tf-report-sales-container .tf-report-sales-card .tf-right-resume-card>p{margin-bottom:2rem}.tf-report-sales-container .tf-report-sales-card .tf-right-resume-card>div{flex-direction:row;justify-content:space-between;margin-bottom:.5rem;display:flex}.tf-report-sales-per-employee-container{flex-direction:column;gap:1rem;height:100%;display:flex}.tf-report-sales-per-employee-container .tf-sales-per-employee-chart-container{flex-direction:column;flex:1;gap:1rem;width:100%;display:flex}.tf-edit-table{flex-direction:row;justify-content:space-between;display:flex}.tf-edit-table svg{color:var(--danger)}.tf-header-table{flex-direction:row;justify-content:space-between;display:flex}.tf-header-table:first-child>div>div>button{border-radius:25px;width:44px;height:44px}.tf-header-table>div{flex-direction:row;align-items:center;gap:1rem;display:flex}.tf-header-table>div>div{flex-direction:row;align-items:center;gap:.5rem;display:flex}.tf-header-top-seller{flex-direction:row;justify-content:space-between;margin-bottom:1rem;display:flex}.tf-header-top-seller .tf-input-group{width:fit-content}.tf-aproval-wall{background-color:#101727;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100vh;transition:all .3s;display:flex;position:relative;overflow:hidden}.tf-aproval-wall:before,.tf-aproval-wall:after{content:"";pointer-events:none;opacity:.7;background-repeat:repeat;position:absolute;inset:0}.tf-aproval-wall:before{background-image:radial-gradient(circle at 12% 18%,#fffffff2 0 1px,#0000 2px),radial-gradient(circle at 72% 28%,#fffc 0 1.5px,#0000 2.5px),radial-gradient(circle at 38% 74%,#ffffffe6 0 1px,#0000 2px),radial-gradient(circle at 88% 62%,#ffffffbf 0 1.5px,#0000 2.5px),radial-gradient(circle at 22% 88%,#ffffffd9 0 1px,#0000 2px);background-size:260px 260px;animation:3.8s ease-in-out infinite alternate tf-stars-twinkle}.tf-aproval-wall:after{background-image:radial-gradient(circle at 18% 42%,#ffffffa6 0 1px,#0000 2px),radial-gradient(circle at 58% 14%,#fffc 0 1.5px,#0000 2.5px),radial-gradient(circle at 82% 36%,#ffffffb3 0 1px,#0000 2px),radial-gradient(circle at 46% 82%,#ffffffe6 0 1.5px,#0000 2.5px),radial-gradient(circle at 8% 66%,#ffffffbf 0 1px,#0000 2px);background-size:320px 320px;animation:5.2s ease-in-out infinite reverse tf-stars-twinkle}.tf-aproval-wall .tf-aproval-wall-card{z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;flex-direction:column;align-items:center;gap:1.5rem;width:fit-content;min-width:420px;height:fit-content;min-height:250px;padding:1.5rem;display:flex;position:relative}.tf-aproval-wall .tf-aproval-wall-card .tf-aproval-wall-status-indicator.LOADING>svg{animation:1s linear infinite tf-approval-spin}.tf-aproval-wall .tf-aproval-wall-card>div{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.tf-aproval-wall .tf-aproval-wall-card>div>div>svg,.tf-aproval-wall .tf-aproval-wall-card>div>svg{color:var(--white)!important}.tf-aproval-wall .tf-aproval-wall-card .nav-link-aproval-wall{background-color:#ffffff4d;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:100%;height:50px;text-decoration:none;transition:all .3s;display:flex}.tf-aproval-wall .tf-aproval-wall-card .nav-link-aproval-wall>p{color:#fff!important}.tf-aproval-wall .tf-aproval-wall-card .nav-link-aproval-wall:hover.APPROVED{background-color:#30c555}.tf-aproval-wall .tf-aproval-wall-card .nav-link-aproval-wall:hover.DECLINED{background-color:#db3a31}.tf-aproval-wall .tf-aproval-wall-card .nav-link-aproval-wall:hover.VOIDED{background-color:#8e8e93}.tf-aproval-wall .tf-aproval-wall-card .nav-link-aproval-wall:hover.ERROR{background-color:#d63759}.tf-aproval-wall .tf-aproval-wall-card .nav-link-aproval-wall:hover.INVALID{background-color:#ff9f0a}.tf-aproval-wall .tf-aproval-wall-card.LOADING{justify-content:center!important}.tf-aproval-wall .tf-aproval-wall-card.APPROVED,.tf-aproval-wall .tf-aproval-wall-card.DECLINED,.tf-aproval-wall .tf-aproval-wall-card.VOIDED,.tf-aproval-wall .tf-aproval-wall-card.ERROR,.tf-aproval-wall .tf-aproval-wall-card.INVALID{background-color:#ffffff4d;justify-content:space-between!important}.tf-aproval-wall.LOADING{background-color:#101727}.tf-aproval-wall.APPROVED{background-color:#30c555}.tf-aproval-wall.DECLINED{background-color:#db3a31}.tf-aproval-wall.VOIDED{background-color:#8e8e93}.tf-aproval-wall.ERROR{background-color:#d63759}.tf-aproval-wall.INVALID{background-color:#ff9f0a}@keyframes tf-approval-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tf-stars-twinkle{0%{opacity:.25;transform:scale(1)}50%{opacity:.85;transform:scale(1.015)}to{opacity:.35;transform:scale(1)}}.tf-wompi-logo-payments-results{border-radius:8px;width:auto;height:70px;position:absolute;bottom:1%}.interactive-background{--mouse-x:50vw;--mouse-y:50vh;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), #00c8ff29, transparent 45%), radial-gradient(circle at 15% 20%, #0078ff1a, transparent 35%), #f8fbff;min-height:100vh}.tf-sortable-list{flex-direction:column;gap:.75rem;display:flex}.tf-sortable-list__item{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d9d9d9;border-radius:.75rem;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s,opacity .2s;display:flex}.tf-sortable-list__item.is-dragging{opacity:.65;cursor:grabbing}.tf-sortable-list__item.is-drop-target{border-color:#1f6feb;box-shadow:0 0 0 2px #1f6feb1f}.tf-sortable-list__handle{color:#6b7280;letter-spacing:.1em;font-weight:700}.tf-sortable-list__label{flex:1}.body-tables{grid-template-columns:repeat(4,1fr);place-items:center;gap:100px 50px;padding:5rem 3rem;display:grid}.mesa-type-1{width:220px;height:80px;position:relative}.mesa-type-1 .table{z-index:5;color:#3f1d05;background-color:#c49952;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 0 10px #000c}.mesa-type-1 .silla-1,.mesa-type-1 .silla-2{z-index:3;cursor:pointer;background-color:#36d800;border-radius:15px;width:60px;height:50px;margin-top:-25px;transition:all .3s;position:absolute;box-shadow:0 0 10px #00000080}.mesa-type-1 .silla-1:hover,.mesa-type-1 .silla-2:hover{margin-top:-15px;box-shadow:0 0 10px #000000bf}.mesa-type-1 .silla-1{left:30px}.mesa-type-1 .silla-2{right:30px}.mesa-type-1-1{width:220px;height:80px;position:relative}.mesa-type-1-1 .table{z-index:5;color:#53280a;background-color:#c49952;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 0 10px #000000bf}.mesa-type-1-1 .silla-1,.mesa-type-1-1 .silla-2{z-index:3;cursor:pointer;background-color:#36d800;border-radius:15px;width:60px;height:50px;margin-top:-25px;transition:all .3s;position:absolute;box-shadow:0 0 10px #00000080}.mesa-type-1-1 .silla-1:hover,.mesa-type-1-1 .silla-2:hover{margin-top:-40px;box-shadow:0 0 10px #000000bf}.mesa-type-1-1 .silla-1{top:0;left:30px}.mesa-type-1-1 .silla-2{top:0;right:30px}.mesa-type-2{width:220px;height:80px;position:relative}.mesa-type-2 .table{z-index:5;color:#53280a;background-color:#c49952;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 0 10px #000000bf}.mesa-type-2 .silla-1,.mesa-type-2 .silla-2,.mesa-type-2 .silla-3,.mesa-type-2 .silla-4{z-index:3;cursor:pointer;background-color:#36d800;border-radius:15px;width:60px;height:50px;margin-top:-25px;transition:all .3s;position:absolute;box-shadow:0 0 10px #00000080}.mesa-type-2 .silla-1:hover,.mesa-type-2 .silla-2:hover{margin-top:-15px;box-shadow:0 0 10px #000000bf}.mesa-type-2 .silla-3:hover,.mesa-type-2 .silla-4:hover{margin-top:-40px;box-shadow:0 0 10px #000000bf}.mesa-type-2 .silla-1{left:30px}.mesa-type-2 .silla-2{right:30px}.mesa-type-2 .silla-3{top:0;left:30px}.mesa-type-2 .silla-4{top:0;right:30px}.mesa-type-3{width:220px;height:80px;position:relative}.mesa-type-3 .table{z-index:5;color:#53280a;background-color:#c49952;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 0 10px #000000bf}.mesa-type-3 .silla-1,.mesa-type-3 .silla-2,.mesa-type-3 .silla-3,.mesa-type-3 .silla-4,.mesa-type-3 .silla-5,.mesa-type-3 .silla-6{z-index:3;cursor:pointer;background-color:#36d800;border-radius:15px;width:60px;height:50px;margin-top:-25px;transition:all .3s;position:absolute;box-shadow:0 0 10px #00000080}.mesa-type-3 .silla-1:hover,.mesa-type-3 .silla-2:hover{margin-top:-15px;box-shadow:0 0 10px #000000bf}.mesa-type-3 .silla-3:hover,.mesa-type-3 .silla-4:hover{margin-top:-40px;box-shadow:0 0 10px #000000bf}.mesa-type-3 .silla-5:hover{margin-left:-10px;box-shadow:0 0 10px #000000bf}.mesa-type-3 .silla-6:hover{margin-right:-10px;box-shadow:0 0 10px #000000bf}.mesa-type-3 .silla-1{left:30px}.mesa-type-3 .silla-2{right:30px}.mesa-type-3 .silla-3{top:0;left:30px}.mesa-type-3 .silla-4{top:0;right:30px}.mesa-type-3 .silla-5{top:40px;left:-25px}.mesa-type-3 .silla-6{top:40px;right:-25px}.btn-add-table{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:50%;width:30px;height:30px;margin-bottom:5px;margin-left:10px;transition:all .3s}.btn-add-table:hover{color:#000;background-color:silver}.body-create-table{background-color:#ccb4a2;border-radius:10px;grid-template-columns:repeat(2,1fr);justify-content:center;align-items:center;gap:80px 35px;padding:3rem;display:grid}.bg-grey{background-color:gray!important}.bg-status-1{background-color:#6d3939!important}.bg-status-2{background-color:#6b5727!important}.bg-mesa-taking-order{color:#fff;border-radius:.5rem;background-color:#f40000!important;border:1px solid #f40000!important}.bg-mesa-preparing-order{color:#fff;border-radius:.5rem;background-color:#ffb300!important;border:1px solid #ffb300!important}.bg-mesa-pay-order{color:#fff;border-radius:.5rem;background-color:#36d800!important;border:1px solid #36d800!important}.bg-mesa-without-order{color:#fff;border-radius:.5rem;background-color:#6c7279!important;border:1px solid #6c7279!important}.tf-table-no-tables{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;height:100%;display:flex}.modal-container-tables{justify-content:center;align-items:center;width:100%;height:200px;display:flex}.tf-text{font-size:16px;font-weight:400;line-height:1.6}.tf-small{font-size:13px;font-weight:400;line-height:1.4}.tf-subtitle{font-size:22px;font-weight:600;line-height:1.3}.tf-title{font-size:28px;font-weight:600;line-height:1.2}.tf-text.primary,.tf-small.primary,.tf-subtitle.primary,.tf-title.primary{color:var(--primary)!important}.tf-text.success,.tf-small.success,.tf-subtitle.success,.tf-title.success{color:var(--success)!important}.tf-text.danger,.tf-small.danger,.tf-subtitle.danger,.tf-title.danger{color:var(--danger)!important}.tf-text.warning,.tf-small.warning,.tf-subtitle.warning,.tf-title.warning{color:var(--warning)!important}.tf-text.info,.tf-small.info,.tf-subtitle.info,.tf-title.info{color:var(--info)!important}.tf-text.tf,.tf-small.tf,.tf-subtitle.tf,.tf-title.tf{color:var(--tf-color)!important}@media (width>=768px){.tf-text{font-size:14px}.tf-small{font-size:12px}.tf-subtitle{font-size:19px}.tf-title{font-size:24px}}@media (width>=1024px){.tf-text{font-size:15px}.tf-small{font-size:12px}.tf-subtitle{font-size:20px}.tf-title{font-size:24px}}@media (width>=1280px){.tf-text{font-size:16px}.tf-small{font-size:13px}.tf-subtitle{font-size:21px}.tf-title{font-size:26px}}@media (width>=1440px){.tf-text{font-size:16px}.tf-small{font-size:13px}.tf-subtitle{font-size:22px}.tf-title{font-size:28px}}.tf-input-group,.tf-input-group__input{flex-direction:column;gap:.25rem;width:100%;display:flex}.tf-input-field{align-items:center;width:100%;display:flex;position:relative}.tf-input-label{color:var(--gray);background-color:var(--white);pointer-events:none;transform-origin:0 0;z-index:1;padding:0 .25rem;transition:transform .2s,top .2s,color .2s;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.tf-input,.tf-select{border:2px solid var(--light-gray);background-color:#0000;border-radius:24px;width:100%;min-height:3rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s}.tf-input::placeholder,.tf-select::placeholder{opacity:0;transition:opacity .2s}.tf-input:hover,.tf-select:hover{border-color:var(--primary)}.tf-input:focus,.tf-select:focus{border-color:var(--primary);outline:none}.tf-input-field--focused .tf-input-label,.tf-input-field--has-value .tf-input-label{top:0;transform:translateY(-50%)scale(.85)}.tf-input-field--focused .tf-input-label{color:var(--primary)}.tf-input-field--focused .tf-input::placeholder{opacity:.55}.tf-input-field--error .tf-input,.tf-input-field--error .tf-select{border-color:var(--danger)}.tf-input-field--error .tf-input-label{color:var(--danger)}.tf-input-field--disabled .tf-input,.tf-input-field--disabled .tf-select{cursor:not-allowed;opacity:.75}.tf-input-field--select .tf-select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--gray) 50%), linear-gradient(135deg, var(--gray) 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% + 2px),calc(100% - .65rem) calc(50% + 2px);background-repeat:no-repeat;background-size:.4rem .4rem,.4rem .4rem;padding-right:2.5rem}.tf-input__error{color:var(--danger)!important}.tf-input--error{border-color:var(--danger)}.tf-input-group--checkbox{width:auto}.tf-checkbox-field{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.75rem;width:fit-content;min-height:3rem;padding:0 1rem;transition:border-color .2s,background-color .2s;display:inline-flex}.tf-checkbox-field:hover{border-color:var(--primary)}.tf-checkbox-input{width:1rem;height:1rem;accent-color:var(--primary);margin:0}.tf-checkbox-label{color:var(--gray)}.tf-input-group--checkbox.tf-input-group--disabled .tf-checkbox-field{cursor:not-allowed;opacity:.75}.tf-input-group--checkbox.tf-input-group--error .tf-checkbox-field{border-color:var(--danger)}.tf-input-group--checkbox.tf-input-group--error .tf-checkbox-label{color:var(--danger)}.tf-input-field--search .tf-input{padding-left:2.5rem;padding-right:2.5rem}.tf-input-field--search .tf-input-label{left:2.25rem}.tf-input-search-icon,.tf-input-clear-button{width:2rem;height:2rem;color:var(--gray);z-index:2;background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.tf-input-search-icon{pointer-events:none;left:.5rem}.tf-input-clear-button{cursor:pointer;right:.5rem}.tf-input-clear-button:hover{color:var(--danger)}.tf-button-group{position:relative}.tf-button{border:none;border-radius:12px;justify-content:center;align-items:center;width:-webkit-fill-available;text-decoration:none;transition:all .3s;display:flex}.tf-button.has-icon-and-text{gap:8px}.tf-button>span{text-wrap-mode:nowrap}.tf-button.sm{padding:.35rem .65rem}.tf-button.md{padding:.45rem .75rem}.tf-button.lg{padding:.55rem .85rem}.tf-button.xl{padding:.65rem .95rem}.tf-button.primary{background-color:var(--primary);color:var(--white)}.tf-button.secondary{background-color:var(--secondary);color:var(--black)}.tf-button.secondary:hover{background-color:var(--gray)}.tf-button.success{background-color:var(--success);color:var(--white)}.tf-button.danger{background-color:var(--danger);color:var(--white)}.tf-button.warning{background-color:var(--warning);color:var(--black)}.tf-button:disabled{opacity:.5}.tf-button:hover{cursor:pointer;opacity:.8}.tf-tooltip-button{z-index:99999;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#00000059;border:1px solid #fff3;border-radius:4px;align-items:center;padding:4px 6px;transition:opacity .3s;display:flex;position:fixed;transform:translate(-50%)}.tf-tooltip-button>small{text-wrap-mode:nowrap}.tf-overlay-dialog{z-index:9997;opacity:0;background:#00000073;position:fixed;inset:0}.tf-dialog{z-index:9998;opacity:0;background:#fff;border-radius:24px;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);padding:1.25rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)scale(.96);box-shadow:0 20px 50px #0003}.tf-dialog.dialog-sm{min-width:450px}.tf-dialog.dialog-md{min-width:650px}.tf-dialog.dialog-lg{min-width:900px}.tf-header-dialog{width:100%}.tf-body-dialog{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.tf-body-dialog.no-title{margin-top:0!important}.tf-dialog-action-buttons{flex-direction:row;gap:1rem;margin-top:1rem;display:flex}.tf-dialog-action-buttons>div{width:100%}.tf-overlay-dialog-open{animation:.2s forwards tf-dialog-overlay-fade-in}.tf-overlay-dialog-closing{animation:.2s forwards tf-dialog-overlay-fade-out}.tf-dialog-open{animation:.2s forwards tf-dialog-fade-in}.tf-dialog-closing{animation:.2s forwards tf-dialog-fade-out}@keyframes tf-dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tf-dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes tf-dialog-fade-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes tf-dialog-fade-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-48%)scale(.96)}}.tf-board{box-sizing:border-box;border-radius:24px;flex-direction:row;flex:auto;width:-webkit-fill-available;min-width:0;min-height:0;display:flex;overflow:hidden}.tf-board.padding{padding:1.25rem}.tf-board.margin{margin:0 1rem 1rem}.tf-board.blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tf-board.border{border:1px solid #ffffff40}.tf-board.bgBlur{background:#0000001a}.tf-board.boardwith-menu .tf-board-sidebar-submenu{min-width:150px;width:15%!important}.tf-board.boardwith-menu .tf-board-body{width:85%!important}.tf-board-sidebar-submenu{flex-direction:column;gap:4px;padding-right:1rem;display:flex}.tf-board-sidebar-submenu>h1{margin-bottom:1rem}.tf-board-sidebar-submenu>a{border-radius:12px;padding:.5rem 8px;text-decoration:none;transition:all .3s}.tf-board-sidebar-submenu>a:hover,.tf-board-sidebar-submenu>a.active{background-color:var(--tf-color)}.tf-board-body{border-radius:12px;flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden auto}.tf-board-body.padding{padding:1.25rem}.tf-board-body>h1{margin-bottom:1rem}.tf-board-bg-body{background-color:var(--white)}.active-submenu{color:#fff}.active-submenu.active{background-color:var(--tf-color)}.tf-alert{z-index:9999;color:#fff;opacity:0;filter:blur(12px);cursor:pointer;border-radius:25px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.tf-alert.fade-in{animation:.3s forwards tf-alert-fade-in}.tf-alert.fade-out{animation:.3s forwards tf-alert-fade-out}.tf-alert.success{background-color:var(--white);border:2px solid var(--success);color:var(--success)}.tf-alert.success>span{color:var(--success)!important}.tf-alert.info{background-color:var(--white);border:2px solid var(--info);color:var(--info)}.tf-alert.info>span{color:var(--info)!important}.tf-alert.warning{background-color:var(--white);border:2px solid var(--warning);color:var(--warning)}.tf-alert.warning>span{color:var(--warning)!important}.tf-alert.error{background-color:var(--white);border:2px solid var(--danger);color:var(--danger)}.tf-alert.error>span{color:var(--danger)!important}@keyframes tf-alert-fade-in{0%{filter:blur(12px);opacity:0;transform:translate(-50%)translateY(-4px)}to{filter:blur();opacity:1;transform:translate(-50%)translateY(0)}}@keyframes tf-alert-fade-out{0%{filter:blur();opacity:1;transform:translate(-50%)translateY(0)}to{filter:blur(12px);opacity:0;transform:translate(-50%)translateY(-4px)}}.tf-navbar{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;display:flex}.tf-logout-navbar-icon{display:inline-block!important}.tf-navbar-tools>button{border:none;height:-webkit-fill-available}.tf-navbar-menu,.tf-navbar-tools{border-radius:12px;flex-direction:row;align-items:center;transition:all 3s;display:flex}.tf-navbar-menu>button,.tf-navbar-tools>button{background-color:#0000}.tf-navbar-menu>a,.tf-navbar-menu button,.tf-navbar-tools>a,.tf-navbar-tools button{cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--white);background:#0000001a;border:1px solid #ffffff40;flex-direction:row;align-items:center;gap:8px;padding:10px;text-decoration:none;display:flex}.tf-navbar-menu>a>svg,.tf-navbar-menu button>svg,.tf-navbar-tools>a>svg,.tf-navbar-tools button>svg{display:none}.tf-navbar-menu>a>span,.tf-navbar-menu button>span,.tf-navbar-tools>a>span,.tf-navbar-tools button>span{display:flex}.tf-navbar-menu>a:first-child,.tf-navbar-menu button:first-child,.tf-navbar-tools>a:first-child,.tf-navbar-tools button:first-child{border-top-left-radius:18px;border-bottom-left-radius:18px}.tf-navbar-menu>a:last-child,.tf-navbar-menu button:last-child,.tf-navbar-tools>a:last-child,.tf-navbar-tools button:last-child{border-top-right-radius:18px;border-bottom-right-radius:18px}.tf-navbar-menu>a:hover,.tf-navbar-menu button:hover,.tf-navbar-tools>a:hover,.tf-navbar-tools button:hover,.tf-navbar-menu>a.active,.tf-navbar-menu button.active,.tf-navbar-tools>a.active,.tf-navbar-tools button.active{background:var(--tf-color)}@media (width<=900px){.tf-navbar-menu>a>svg,.tf-navbar-menu button>svg,.tf-navbar-tools>a>svg,.tf-navbar-tools button>svg{display:flex}.tf-navbar-menu>a>span,.tf-navbar-menu>a small,.tf-navbar-menu button>span,.tf-navbar-menu button small,.tf-navbar-tools>a>span,.tf-navbar-tools>a small,.tf-navbar-tools button>span,.tf-navbar-tools button small{display:none}}.nav-log-out{transition:all .3s;background:var(--danger)!important}.nav-log-out:hover{opacity:.9}.screen-protector{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:linear-gradient(#fff0 25%,#000000e6 85%);flex-direction:column;padding:clamp(1rem,5vw,5rem);transition:opacity .3s;display:flex;position:fixed;inset:0;overflow:hidden}.screen-protector.visible{opacity:1;pointer-events:auto}.ai-stock-insights{flex-flow:wrap;place-content:flex-end center;align-items:center;gap:1rem;width:100%;height:100%;max-height:100%;padding-right:.25rem;display:flex}.ai-stock-insight{background-color:var(--white);opacity:0;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;width:280px;min-width:0;height:150px;padding:1rem;animation:.45s forwards ai-stock-insight-fade-in,3s ease-in-out .45s infinite ai-stock-insight-bounce;display:flex;transform:translateY(12px)}.ai-stock-insight:hover{box-shadow:0 0 15px #01b6d873,0 0 35px #01b6d840,0 0 20px #01b6d8bf,0 0 50px #01b6d88c,0 0 100px #01b6d859}@keyframes ai-stock-insight-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ai-stock-insight-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ai-footer-screen{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:2rem;display:flex}.ai-footer-screen>span{color:var(--white)}.ai-footer-screen>button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);filter:saturate(1.1);color:var(--white);cursor:pointer;background-color:#fff3;border:none;border-radius:25px;padding:1rem;transition:all .3s}.ai-footer-screen>button:hover{filter:saturate(1.2);background-color:#ffffff59}.tf-ai-launch-menu{width:45.59px}.tf-ai-launch-menu>svg{color:#fff;display:block!important}.tf-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex}.tf-loading-spinner{border:4px solid #0000001a;border-top-color:var(--primary-color,#1976d2);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite tf-spin}@keyframes tf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tf-new-order-container{flex-direction:row;gap:1rem;width:100%;height:100%;display:flex}.tf-new-order-container>div:last-child{width:60vw}.tf-new-order-container>div>div::-webkit-scrollbar{display:none}.tf-pedido-category-filter{align-items:center;gap:.5rem;width:100%;height:45px;display:flex}.tf-pedido-category-filter>div>button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--white);border-radius:25px;height:45px;color:var(--white)!important;background-color:#00000080!important}.tf-pedido-category-filter>div>button:hover{background-color:var(--tf-color)!important}.tf-pedido-category-filter>div>button span{color:var(--white)!important}.tf-product-list-container{flex-direction:column;flex:1;display:flex;overflow:auto}.tf-product-list-container::-webkit-scrollbar{display:none}.tf-pedido-category-list{scrollbar-width:none;border-radius:12px;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex;overflow:auto hidden}.tf-pedido-category-list::-webkit-scrollbar{display:none}.tf-pedido-category-list>div{flex-shrink:0;height:100%}.tf-pedido-category-list>div>button{white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--white);border-radius:25px;height:100%;transition:all .3s;color:var(--white)!important;background-color:#00000080!important}.tf-pedido-category-list>div>button.active,.tf-pedido-category-list>div>button:hover{background-color:var(--tf-color)!important}.tf-pedido-category-list>div>button span{color:var(--white)!important}.tf-input-filter-product{margin:1.5rem 0}.tf-input-filter-product>div>div>div>label{background-color:var(--black)!important}.tf-input-filter-product>div>div>div>input,.tf-input-filter-product>div>div>div>input::placeholder{color:var(--white)}.tf-wrapper-product-list{grid-template-columns:repeat(auto-fill,minmax(calc(25% - .5rem),1fr));gap:.5rem;margin-top:1rem;display:grid}.tf-wrapper-product-list>div{width:100%}.tf-wrapper-product-list>div>button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background-color:#00000080;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:start;gap:6px;width:100%;min-height:130px;padding:1rem;transition:all .3s;display:flex;border:1px solid #0003!important}.tf-wrapper-product-list>div>button>div{flex-direction:row;justify-content:space-between;display:flex}.tf-wrapper-product-list>div>button>div:first-child{color:var(--success)!important}.tf-wrapper-product-list>div>button:hover{border:1px solid var(--tf-color);box-shadow:inset 0 0 15px #01b6d873,inset 0 0 35px #01b6d840,0 0 20px #01b6d8bf,0 0 50px #01b6d88c,0 0 100px #01b6d859}.tf-product-lis-price-modal{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.tf-product-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background-color:#00000059;border:1px solid #fff3;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:start;gap:6px;width:100%;min-height:100px;padding:1rem;transition:all .3s;display:flex}.tf-product-card>div{flex-direction:row;justify-content:space-between;width:100%;display:flex}.tf-product-card.in-order,.tf-product-card:hover{border:1px solid var(--tf-color);background:#01b6d84d;box-shadow:inset 0 0 12px #01b6d873,inset 0 0 12px #01b6d840,0 0 #01b6d8bf,0 0 10px #01b6d88c,0 0 1px #01b6d859}.tf-invoice-container{flex:1}.tf-invoice-container,.tf-payment-summary,.tf-payment-method-view,.tf-split-payment-view,.tf-edit-total-order{flex-direction:column;gap:1.5rem;display:flex}.tf-invoice-table-container{height:100%;overflow:auto}.tf-invoice-table{border-collapse:collapse;width:100%}.tf-invoice-table thead>tr>th>span,.tf-invoice-table tfoot>tr>th>span{font-weight:700}.tf-invoice-table thead{border-bottom:1px solid #00000040}.tf-invoice-table tfoot{border-top:1px solid #00000040}.tf-invoice-table th,.tf-invoice-table td{text-align:left;padding:.65rem .5rem}.tf-new-order-btn-edit-order{color:var(--primary);cursor:pointer;background-color:#0000;border:none;border-radius:25%;flex-direction:column;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex}.tf-new-order-btn-edit-order:hover{background-color:#0000000d}.tf-th-table-invoice-total{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.tf-invoice-actions>div>button{border-radius:25px;width:44px;height:44px}.tf-invoice-actions,.tf-invoice-footer,.tf-payment-method-buttons,.tf-dialog-action-buttons{align-items:center;gap:.5rem;display:flex}.tf-payment-method-buttons>div{flex-direction:row;flex-grow:1;gap:8px;display:flex}.tf-invoice-footer-actions{width:fit-content}.tf-invoice-footer{flex-direction:column}.tf-invoice-footer .tf-invoice-total{border-top:1px solid #00000040;flex-direction:row;justify-content:space-between;width:100%;padding:1rem 0;display:flex}.tf-invoice-footer .tf-invoice-footer-actions{flex-direction:row;gap:1rem;width:100%;display:flex}.tf-invoice-footer .tf-invoice-footer-actions>div{width:100%}.tf-payment-grid,.tf-edit-discount-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.tf-online-payment-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;display:grid}.tf-payment-card{cursor:pointer;border:none;border-radius:8px;flex-direction:column;justify-content:space-between;width:220px;height:130px;padding:.75rem;display:flex;background:linear-gradient(345deg,#020024,#090979 35%,#00d4ff)!important}.tf-payment-card>div:first-child{flex-direction:row;align-items:center;display:flex}.tf-payment-card>div:last-child>p,.tf-payment-card>div:last-child span{color:var(--white)!important}.tf-payment-card.active{border:1px solid var(--tf-color);box-shadow:inset 0 0 4px #01b6d873,inset 0 0 8px #01b6d840,0 0 12px #01b6d880,0 0 8px #01b6d88c,0 0 16px #01b6d859}.tf-split-payment-row,.tf-split-payment-total{grid-template-columns:1fr 1fr auto;align-items:center;gap:.75rem;display:grid}.tf-split-payment-total{grid-template-columns:1fr auto;font-weight:700}.tf-radio-group{align-items:center;gap:1rem;display:flex}.tf-new-order-info-box{background-color:#01b6d81f;border:1px solid #01b6d859;border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.tf-new-order-info-box>span{color:var(--black)!important}.tf-error-text{color:var(--danger)!important}@media (width<=900px){.tf-new-order-container{flex-direction:column}.tf-payment-grid,.tf-edit-discount-grid{grid-template-columns:1fr}}.input-tf-color:hover,.input-tf-color:focus{border-color:var(--tf-color)!important}.input-tf-color.tf-input-field--focused>label{color:var(--tf-color)!important}.bg-login{background:linear-gradient(-45deg,#151931,#142856,#106a8b,#00b5d1) 0 0/100% 100%;justify-content:center;align-items:center;width:100%;height:100vh;padding:1rem;display:flex}.tf-card-login{border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;width:40%;height:100%;padding:24px;display:flex;background-color:var(--white)!important}.tf-card-login>h1{margin-bottom:2rem}.tf-login-form>.tf-input-group{margin-bottom:1rem}.tf-login-form>button{margin-top:2rem}.tf-login-form-container{flex-direction:column;gap:1.5rem;width:90%;display:flex}.tf-login-logos{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff40;border-radius:12px}.tf-login-logos>img{width:auto;height:110px}@media (width<=1400px){.tf-card-login{width:70%}}@media (width<=970px){.tf-card-login{width:80%}}@media (width<=768px){.tf-card-login{width:100%}}.tf-card-sign-up{border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;width:fit-content;height:fit-content;padding:24px;display:flex;background-color:var(--white)!important}.tf-card-sign-up .tf-sign-up-form-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.tf-card-sign-up .tf-sign-up-form-container>form>div{margin-top:1rem;margin-bottom:1.25rem}.container-data-table{width:100%;min-width:38 0px;flex-direction:column;align-items:center;max-width:100%;margin:0 auto;display:flex}.data-table{border-collapse:collapse;border-collapse:separate;border-spacing:0;width:100%;margin-top:1rem}.header-data-table{flex-direction:row;justify-content:space-between;width:100%;display:flex}.data-table thead th{text-align:start;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ccc;padding:12px 5px}.data-table thead th>span{font-weight:500!important}.data-table tfoot td{-webkit-user-select:none;user-select:none;justify-items:end;padding:12px}.data-table tbody td{white-space:nowrap;cursor:pointer;padding:5px;transition:all .3s}.data-table tbody tr{transition:all .3s}.data-table tbody tr:hover{opacity:.8}.data-table tbody tr:nth-child(2n){background-color:#f9f9f9;border-radius:10px}.data-table tbody tr:nth-child(odd){background-color:#fff0;border-radius:10px}.data-table tbody tr{background-color:#fff}.data-table thead tr th:first-child{width:120px}.data-table tbody tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.data-table tbody tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.pagination-controls{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:1rem;display:flex}.pagination-controls>div>span{text-wrap-mode:nowrap}.pagination-controls>div{flex-direction:row;justify-content:center;align-items:center;gap:.5rem;display:flex}.pagination-controls>div>select{cursor:pointer;appearance:none;border:1px solid #ccc;border-radius:16px;height:32px;margin-top:5px;padding:.25rem .5rem}.pagination-controls>div>select:after{content:"▼";pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.controls-bar{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;display:flex}.controls-bar>div>button{width:44px;height:44px;border-radius:50%!important;padding:.25rem .5rem!important}.add-button-table{padding:.4rem .4rem .4rem .6rem}.add-button-table span{margin:0!important}.row-actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;display:flex;margin-right:1.5rem!important}.row-actions>div>button{width:44px;height:44px;border-radius:50%!important;padding:.25rem .5rem!important}.edit-button-datatable{background-color:#065ac8b3!important}.edit-button-datatable:hover{background-color:#065aff!important}.delete-button-datatable{background-color:#c80505b3!important}.delete-button-datatable:hover{background-color:#ff0505e6!important}.row-actions:hover .edit-button-datatable:not(:hover),.row-actions:hover .delete-button-datatable:not(:hover){filter:grayscale(80%)}