:root{--font: Poppins, sans-serif;--brand: #E68A00;--brandHover: rgb(179, 107.4, 0);--primary: #daa520;--primaryHover: rgb(173.528, 131.34, 25.472);--primary-dark: rgb(173.528, 131.34, 25.472);--background: #f4f6f9;--secondary: #ffecb3;--secondary-dark:rgb(255, 223.25, 128);--danger: #dc3545;--danger-dark: rgb(189.2151898734, 32.7848101266, 47.7721518987);--info: rgb(9.0691699605, 140.9209486166, 167.4308300395);--info-dark: rgb(6.4486166008, 100.2015810277, 119.0513833992);--success: rgb(32.96875, 178.03125, 110.775);--success-dark: #198754;--bg-receipt: #bbbbbb;--form-field:#fff9e6;--sidebar:#1e1e2d;--sidebarSubmenu:rgb(50.4, 50.4, 75.6);--sidebarHover:rgb(9.6, 9.6, 14.4);--brand: #f7b500;--ink: #1f2937;--muted: #6b7280;--line: #e5e7eb;--bg: #ffffff;--second: #ffd988}[data-theme=dark]{--background: #121212}.btn{display:inline-block;text-align:center;width:inherit;padding:5px 10px;border:none;font-size:16px;border-radius:5px;cursor:pointer;transition:background .3s,transform .3s}.btn.btn-primary{background-color:var(--primary);color:var(--bg);box-shadow:2px 2px 4px #0000004d}.btn.btn-primary:hover{background-color:var(--primary-dark)}.btn.btn-danger{background-color:var(--danger);color:var(--bg);box-shadow:2px 2px 4px #0000004d}.btn.btn-danger:hover{background-color:var(--danger-dark)}.btn.btn-info{background-color:var(--info);color:var(--bg);box-shadow:2px 2px 4px #0000004d}.btn.btn-info:hover{background-color:var(--info-dark)}.btn.btn-success{background-color:var(--success);color:var(--bg);box-shadow:2px 2px 4px #0000004d}.btn.btn-success:hover{background-color:var(--success-dark)}.btn.btn-block{display:block;width:100%}.badge{display:inline-block;padding:.25em .65em;font-size:.75em;font-weight:500;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;cursor:pointer}.badge.badge-primary{background-color:var(--primary);color:var(--bg)}.badge.badge-primary:hover{background-color:var(--primary-dark)}.badge.badge-danger{background-color:var(--danger);color:var(--bg)}.badge.badge-danger:hover{background-color:var(--danger-dark)}.badge.badge-info{background-color:var(--info);color:var(--bg)}.badge.badge-info:hover{background-color:var(--info-dark)}.badge.badge-success{background-color:var(--success);color:var(--bg)}.badge.badge-success:hover{background-color:var(--success-dark)}.form{width:100%;padding:20px;background:var(--bg);border-radius:10px;box-shadow:2px 2px 3px #0000004d,-1px -1px 10px #0003}.form:after{content:"";display:table;clear:both}.form h2{margin-bottom:20px;color:var(--primary)}.form label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form .form-group{display:flex;justify-content:space-between;gap:10px}.form .form-group div{width:48%}.form .form-control input[type=text],.form .form-control input[type=date],.form .form-control input[type=datetime-local],.form .form-control input[type=number],.form .form-control input[type=password],.form .form-control input[list]{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#eaeaea;transition:border-color .3s,box-shadow .3s}.form .form-control input[type=text]:focus,.form .form-control input[type=date]:focus,.form .form-control input[type=datetime-local]:focus,.form .form-control input[type=number]:focus,.form .form-control input[type=password]:focus,.form .form-control input[list]:focus{border-color:var(--primary);box-shadow:0 0 8px #daa52033}.form .form-control input[type=radio]{position:absolute;opacity:0}.form .form-control input[type=radio]+label{padding:5px 10px;border:2px solid var(--primary);border-radius:5px;cursor:pointer;transition:background .3s,color .3s;margin-right:10px;display:inline-block}.form .form-control input[type=radio]:checked+label{background-color:var(--primary);color:var(--bg)}.form .form-control input[type=radio]:hover+label{background-color:var(--secondary-dark)}.form .form-control input[type=submit]{width:100%;padding:12px;border:none;background:var(--primary);color:var(--bg);font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;transition:background .3s,transform .3s}.form .form-control input[type=submit]:hover{background:var(--primary);transform:translateY(-2px)}.form .form-control input[type=submit]:active{transform:translateY(0)}.form .form-control select,.form .form-control textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#eaeaea;transition:border-color .3s,box-shadow .3s}.form .form-control select:focus,.form .form-control textarea:focus{border-color:var(--primary);box-shadow:0 0 8px #daa52033}.form .form-control .ts-wrapper.single{width:100%}.form .form-control .ts-wrapper.single .ts-control{width:100%;padding:12px;background-color:#eaeaea;overflow:hidden;border-radius:5px;font-size:16px}.form .form-control .ts-wrapper.single .ts-control .item,.form .form-control .ts-wrapper.single .ts-dropdown{width:100%}.form .form-control .ts-wrapper.single .ts-dropdown .active{background-color:gold;color:#000}.form .form-control .ts-wrapper.single .ts-dropdown .ts-dropdown-content{width:100%}.form .form-control .ts-wrapper.single .ts-dropdown .option{padding:10px;width:100%;font-size:15px}.form .error{color:red;font-size:14px;margin-bottom:15px}@media screen and (max-width: 490px){.form .form-group{flex-direction:column}.form .form-group .form-control{width:100%}}table.table{width:100%;border-collapse:collapse;margin-top:20px;background:var(--bg);border-radius:8px;overflow:hidden;border:1px solid #ddd;box-shadow:2px 2px 4px #0000004d}table.table th,table.table td{border:1px solid #ddd;padding:10px;text-align:left}table.table th{background-color:var(--primary);color:var(--bg);text-align:center}table.table td{position:relative}table.table td .radio-buttons{display:flex;justify-content:center;align-items:center}table.table tr{background-color:#fff}table.table tr:nth-child(2n){background-color:var(--bg-receipt)}.table-scroll-top,.table-container{width:100%;overflow-x:auto;min-height:25px;scrollbar-color:var(--primary) #f1f1f1}.table-scroll-top::-webkit-scrollbar,.table-container::-webkit-scrollbar{height:18px}.table-scroll-top::-webkit-scrollbar-track,.table-container::-webkit-scrollbar-track{border-radius:10px;background:var(--bg);border:1px solid var(--muted)}.table-scroll-top::-webkit-scrollbar-thumb,.table-container::-webkit-scrollbar-thumb{background:var(--muted);border-radius:6px}.table-scroll-top{margin-bottom:-21px}.table-wrapper{background-color:var(--bg);box-shadow:2px 2px 3px #0000004d,-1px -1px 10px #0003;border-radius:8px;padding:20px}.p-0{padding:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.pt-0{padding-top:0!important}.pe-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.ps-0{padding-left:0!important}.p-1{padding:5px!important}.px-1{padding-left:5px!important;padding-right:5px!important}.py-1{padding-top:5px!important;padding-bottom:5px!important}.pt-1{padding-top:5px!important}.pe-1{padding-right:5px!important}.pb-1{padding-bottom:5px!important}.ps-1{padding-left:5px!important}.p-2{padding:10px!important}.px-2{padding-left:10px!important;padding-right:10px!important}.py-2{padding-top:10px!important;padding-bottom:10px!important}.pt-2{padding-top:10px!important}.pe-2{padding-right:10px!important}.pb-2{padding-bottom:10px!important}.ps-2{padding-left:10px!important}.p-3{padding:15px!important}.px-3{padding-left:15px!important;padding-right:15px!important}.py-3{padding-top:15px!important;padding-bottom:15px!important}.pt-3{padding-top:15px!important}.pe-3{padding-right:15px!important}.pb-3{padding-bottom:15px!important}.ps-3{padding-left:15px!important}.p-4{padding:20px!important}.px-4{padding-left:20px!important;padding-right:20px!important}.py-4{padding-top:20px!important;padding-bottom:20px!important}.pt-4{padding-top:20px!important}.pe-4{padding-right:20px!important}.pb-4{padding-bottom:20px!important}.ps-4{padding-left:20px!important}.p-5{padding:25px!important}.px-5{padding-left:25px!important;padding-right:25px!important}.py-5{padding-top:25px!important;padding-bottom:25px!important}.pt-5{padding-top:25px!important}.pe-5{padding-right:25px!important}.pb-5{padding-bottom:25px!important}.ps-5{padding-left:25px!important}.p-6{padding:30px!important}.px-6{padding-left:30px!important;padding-right:30px!important}.py-6{padding-top:30px!important;padding-bottom:30px!important}.pt-6{padding-top:30px!important}.pe-6{padding-right:30px!important}.pb-6{padding-bottom:30px!important}.ps-6{padding-left:30px!important}.p-7{padding:35px!important}.px-7{padding-left:35px!important;padding-right:35px!important}.py-7{padding-top:35px!important;padding-bottom:35px!important}.pt-7{padding-top:35px!important}.pe-7{padding-right:35px!important}.pb-7{padding-bottom:35px!important}.ps-7{padding-left:35px!important}.p-8{padding:40px!important}.px-8{padding-left:40px!important;padding-right:40px!important}.py-8{padding-top:40px!important;padding-bottom:40px!important}.pt-8{padding-top:40px!important}.pe-8{padding-right:40px!important}.pb-8{padding-bottom:40px!important}.ps-8{padding-left:40px!important}.p-9{padding:45px!important}.px-9{padding-left:45px!important;padding-right:45px!important}.py-9{padding-top:45px!important;padding-bottom:45px!important}.pt-9{padding-top:45px!important}.pe-9{padding-right:45px!important}.pb-9{padding-bottom:45px!important}.ps-9{padding-left:45px!important}.p-10{padding:50px!important}.px-10{padding-left:50px!important;padding-right:50px!important}.py-10{padding-top:50px!important;padding-bottom:50px!important}.pt-10{padding-top:50px!important}.pe-10{padding-right:50px!important}.pb-10{padding-bottom:50px!important}.ps-10{padding-left:50px!important}.m-0{margin:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-0{margin-top:0!important}.me-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ms-0{margin-left:0!important}.m-1{margin:5px!important}.mx-1{margin-left:5px!important;margin-right:5px!important}.my-1{margin-top:5px!important;margin-bottom:5px!important}.mt-1{margin-top:5px!important}.me-1{margin-right:5px!important}.mb-1{margin-bottom:5px!important}.ms-1{margin-left:5px!important}.m-2{margin:10px!important}.mx-2{margin-left:10px!important;margin-right:10px!important}.my-2{margin-top:10px!important;margin-bottom:10px!important}.mt-2{margin-top:10px!important}.me-2{margin-right:10px!important}.mb-2{margin-bottom:10px!important}.ms-2{margin-left:10px!important}.m-3{margin:15px!important}.mx-3{margin-left:15px!important;margin-right:15px!important}.my-3{margin-top:15px!important;margin-bottom:15px!important}.mt-3{margin-top:15px!important}.me-3{margin-right:15px!important}.mb-3{margin-bottom:15px!important}.ms-3{margin-left:15px!important}.m-4{margin:20px!important}.mx-4{margin-left:20px!important;margin-right:20px!important}.my-4{margin-top:20px!important;margin-bottom:20px!important}.mt-4{margin-top:20px!important}.me-4{margin-right:20px!important}.mb-4{margin-bottom:20px!important}.ms-4{margin-left:20px!important}.m-5{margin:25px!important}.mx-5{margin-left:25px!important;margin-right:25px!important}.my-5{margin-top:25px!important;margin-bottom:25px!important}.mt-5{margin-top:25px!important}.me-5{margin-right:25px!important}.mb-5{margin-bottom:25px!important}.ms-5{margin-left:25px!important}.m-6{margin:30px!important}.mx-6{margin-left:30px!important;margin-right:30px!important}.my-6{margin-top:30px!important;margin-bottom:30px!important}.mt-6{margin-top:30px!important}.me-6{margin-right:30px!important}.mb-6{margin-bottom:30px!important}.ms-6{margin-left:30px!important}.m-7{margin:35px!important}.mx-7{margin-left:35px!important;margin-right:35px!important}.my-7{margin-top:35px!important;margin-bottom:35px!important}.mt-7{margin-top:35px!important}.me-7{margin-right:35px!important}.mb-7{margin-bottom:35px!important}.ms-7{margin-left:35px!important}.m-8{margin:40px!important}.mx-8{margin-left:40px!important;margin-right:40px!important}.my-8{margin-top:40px!important;margin-bottom:40px!important}.mt-8{margin-top:40px!important}.me-8{margin-right:40px!important}.mb-8{margin-bottom:40px!important}.ms-8{margin-left:40px!important}.m-9{margin:45px!important}.mx-9{margin-left:45px!important;margin-right:45px!important}.my-9{margin-top:45px!important;margin-bottom:45px!important}.mt-9{margin-top:45px!important}.me-9{margin-right:45px!important}.mb-9{margin-bottom:45px!important}.ms-9{margin-left:45px!important}.m-10{margin:50px!important}.mx-10{margin-left:50px!important;margin-right:50px!important}.my-10{margin-top:50px!important;margin-bottom:50px!important}.mt-10{margin-top:50px!important}.me-10{margin-right:50px!important}.mb-10{margin-bottom:50px!important}.ms-10{margin-left:50px!important}.float-right{float:right}.float-left{float:left}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006}.modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;margin-top:-5px}.modal .modal-header .modal-title{display:inline-block;color:var(--primary);font-weight:700}.modal .modal-header .close{color:#aaa;font-size:28px;font-weight:700}.modal .modal-header .close:hover,.modal .modal-header .close:focus{color:#000;text-decoration:none;cursor:pointer}.modal .modal-content{background-color:var(--bg);margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:400px;border-radius:8px}.modal .modal-content form{padding:0;box-shadow:none}.search-bar{margin-bottom:20px}.search-bar form,.search-bar .form-block{display:flex;padding:0;justify-content:space-between;background-color:inherit;box-shadow:none}.search-bar form input,.search-bar .form-block input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#eaeaea;transition:border-color .3s,box-shadow .3s}.search-bar form input:focus,.search-bar .form-block input:focus{border-color:var(--primary);box-shadow:0 0 8px #daa52033}.search-bar form input,.search-bar .form-block input{width:calc(100% - 110px);margin-right:10px;margin-bottom:0;background-color:var(--bg);box-shadow:2px 2px 4px #0000004d}.search-bar form button,.search-bar .form-block button{color:var(--bg);border:none;border-radius:5px;cursor:pointer;transition:background .3s;background-color:var(--primary);width:inherit;padding:8px 15px;box-shadow:2px 2px 4px #0000004d}.search-bar form button:hover,.search-bar .form-block button:hover{background:var(--primary-dark)}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:20px;font-family:sans-serif}.pagination a,.pagination span{padding:6px 12px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;background-color:#fff;box-shadow:2px 2px 4px var(--primary)}.pagination a:hover{background-color:var(--primary);border-width:2px}.pagination .active{background-color:var(--primary-dark);color:#fff;border-color:var(--primary)}.pagination .disabled{color:#aaa;pointer-events:none;border-color:#eee}.tabs{display:flex;border-bottom:2px solid var(--primary);margin-bottom:10px}.tabs .tab{color:#fff;padding:10px 20px;cursor:pointer;border:none;background-color:var(--primary);margin-right:5px;transition:background-color .2s;border-radius:8px;font-size:16px}.tabs .tab.active{background-color:var(--primary-dark);border-bottom:2px solid #007bff;font-weight:700}.tab-content{display:none}.tab-content.active{display:block}.text-primary{color:var(--primary);text-shadow:1px 1px 1px rgba(255,255,255,.8)}.text-danger{color:var(--danger);text-shadow:1px 1px 1px rgba(255,255,255,.8)}.text-info{color:var(--info);text-shadow:1px 1px 1px rgba(255,255,255,.8)}.text-success{color:var(--success);text-shadow:1px 1px 1px rgba(255,255,255,.8)}.text-light{color:#fff;text-shadow:1px 1px 1px rgba(255,255,255,.8)}.fs-0{font-size:0}.fs-1{font-size:5px}.fs-2{font-size:10px}.fs-3{font-size:15px}.fs-4{font-size:20px}.fs-5{font-size:25px}.fs-6{font-size:30px}.fs-7{font-size:35px}.fs-8{font-size:40px}.fs-9{font-size:45px}.fs-10{font-size:50px}.fw-italic{font-weight:italic}.fw-normal{font-weight:400}.fw-bold{font-weight:700}.text-center{text-align:center!important}.text-upcase{text-transform:uppercase!important}.text-upcase::-moz-placeholder{text-transform:initial!important}.text-upcase::placeholder{text-transform:initial!important}.text-upcase-w-value{text-transform:uppercase!important}.text-upcase-w-value::-moz-placeholder{text-transform:inherit!important}.text-upcase-w-value::placeholder{text-transform:inherit!important}.text-capitalize{text-transform:capitalize!important}.text-capitalize::-moz-placeholder{text-transform:initial!important}.text-capitalize::placeholder{text-transform:initial!important}.text-capitalize-w-value{text-transform:capitalize!important}.text-capitalize-w-value::-moz-placeholder{text-transform:inherit!important}.text-capitalize-w-value::placeholder{text-transform:inherit!important}.text-lowercase{text-transform:lowercase!important}.text-lowercase::-moz-placeholder{text-transform:initial!important}.text-lowercase::placeholder{text-transform:initial!important}.text-lowercase-w-value{text-transform:lowercase!important}.text-lowercase-w-value::-moz-placeholder{text-transform:inherit!important}.text-lowercase-w-value::placeholder{text-transform:inherit!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.bg-primary{background-color:var(--primary)!important;color:var(--bg)!important}.bg-danger{background-color:var(--danger)!important;color:var(--bg)!important}.bg-info{background-color:var(--info)!important;color:var(--bg)!important}.bg-success{background-color:var(--success)!important;color:var(--bg)!important}.bg-primary-dark{background-color:var(--primary-dark)!important;color:var(--bg)!important}.bg-danger-dark{background-color:var(--danger-dark)!important;color:var(--bg)!important}.bg-info-dark{background-color:var(--info-dark)!important;color:var(--bg)!important}.bg-success-dark{background-color:var(--success-dark)!important;color:var(--bg)!important}.bg-light{background-color:var(--bg)!important;color:var(--bg)!important}.bg-dark{background-color:var(--ink)!important;color:var(--bg)!important}@font-face{font-family:Poppins;src:url(/fonts/poppins/woff/Poppins-Regular.woff) format("woff"),url(/fonts/poppins/ttf/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/woff/Poppins-Medium.woff) format("woff"),url(/fonts/poppins/ttf/Poppins-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/woff/Poppins-SemiBold.woff) format("woff"),url(/fonts/poppins/ttf/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pacifico;src:url(/fonts/Pacifico/woff/Pacifico-Regular.woff) format("woff"),url(/fonts/Pacifico/ttf/Pacifico-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF}.print-page{background:var(--bg-receipt);overflow:hidden}.print-page .print-header{padding-top:20px;display:flex;justify-content:space-between;max-width:900px;margin:auto}.print-page .print-header i{font-size:20px}.print-page .page{max-width:900px;margin:24px auto;background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #0000000f}.print-page .page .header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--second))}.print-page .page .header .brand{display:flex;align-items:center;gap:12px;max-width:550px}.print-page .page .header .brand .brand-logo{min-width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#000;font-weight:800;letter-spacing:.5px;background-repeat:no-repeat;background-size:cover}.print-page .page .header .brand .brand-logo .logo{width:100%}.print-page .page .header .brand h1{margin:0;font-size:18px;line-height:1.2}.print-page .page .header .brand small{font-size:12px;letter-spacing:.5px}.print-page .page .header .stamp{text-align:right}.print-page .page .header .stamp .title{font-size:16px;font-weight:800;letter-spacing:.8px}.print-page .page .header .stamp .badge{display:inline-block;padding:6px 10px;border:1px solid var(--ink);border-radius:999px;font-weight:700;font-size:12px;letter-spacing:.5px;margin-top:6px;color:#000}.print-page .page .content{padding:40px}.print-page .page .content .receipt-shadow-box{background-color:var(--bg);box-shadow:2px 2px 3px #0000004d,-1px -1px 10px #0003;border-radius:8px;padding:20px;margin-bottom:20px}.print-page .page .content .receipt-details{margin-bottom:20px;padding:0 24px;display:flex;justify-content:space-between;flex-wrap:wrap}.print-page .page .content .receipt-details .details-row{width:50%;padding:10px;display:flex;flex-direction:column;gap:5px}.print-page .page .content .prepared{padding:8px 24px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.print-page .page .content .prepared .sig{padding:8px 12px;border-radius:10px}.print-page .page .content .prepared .sig .signature{font-family:Pacifico,cursive;font-size:22px;font-weight:600;display:inline-block;padding:2px 10px;letter-spacing:2px}.print-page .page .content .summery{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border-radius:5px;box-shadow:2px 2px 3px #0000004d,-1px -1px 10px #0003}.print-page .page .content .summery .summery-body{display:flex;justify-content:space-between;gap:10px}.print-page .page .content .summery .summery-body .summery-item{width:48%}.print-page .page .content .summery .summery-body p{padding:10px;display:flex;align-items:center;gap:10px;color:#333}.print-page .page .content .summery .summery-body p i{color:var(--primary);font-size:30px}@media print{@page{margin:0}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-page{background-color:#fff!important}.print-page{margin:0!important;padding:0!important;min-width:100%;background-color:#fff!important}.print-page .print-header{display:none}.print-page .page{box-shadow:none;border-radius:0;margin:0;border:0}.print-page .page .header{padding-bottom:10px}.print-page .page .header .brand .brand-logo{width:70px}.print-page .page .content .receipt-shadow-box{box-shadow:none;margin-bottom:0;padding-bottom:0}.print-page .page .content .summery{box-shadow:none;padding-left:10px;padding-right:10px}.print-page .page .content .break-inside{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}}.switch{position:relative;display:inline-block;width:50px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#4caf50}.switch input:checked+.slider:before{transform:translate(24px)}*{margin:0;padding:0;outline:none;border:none;text-decoration:none;box-sizing:border-box;font-family:var(--font)}body{background:var(--background);color:#333}.home-page{display:flex;justify-content:center;align-items:center;height:100vh}.home-page .container{background:var(--bg);border-radius:15px;box-shadow:0 20px 25px #0003,-3px -3px 3px #e6e6e6;padding:40px;max-width:900px;text-align:center;position:relative;margin:auto}.home-page .container h1{margin-top:30px;color:var(--primary)}.home-page .container .welcome{margin-top:10px;margin-bottom:30px;font-size:1.2em}.home-page .container .card{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px}.home-page .container .card a{display:flex;flex-direction:column;border-radius:10px;background:var(--secondary);padding:50px;transition:background .3s,transform .3s;cursor:pointer;align-items:center;box-shadow:2px 2px 3px #ddd;color:#1a1a1a;width:180px}.home-page .container .card a:hover{background:var(--primary);transform:scale(1.05)}.home-page .container .card a:hover p{color:var(--bg)}.home-page .container .card a img{width:60px;height:60px}.home-page .container .card a p{margin:15px 0 0;font-size:1.2em}.home-page .container .logout{position:absolute;top:20px;right:20px;width:25%}@media (max-width: 768px){.home-page{align-items:flex-start}.home-page .container{padding:20px;width:100%;box-shadow:none}.home-page .container h1{margin-top:60px}.home-page .container .card a{width:48%}.home-page .container .logout{display:block;width:initial}}@media (max-width: 490px){.home-page .container .card a{width:100%;padding:20px}}.main-page .container{display:flex;width:100%;margin:20px auto auto;max-width:1200px;box-shadow:0 15px 40px #00000026;border-radius:20px;overflow:hidden;overflow-y:auto}.main-page .container #message{display:none;padding:10px 15px;font-size:16px;border:2px solid;border-radius:10px;box-shadow:3px 3px 5px -3px}.main-page .container #message.success{background-color:#c6ffc6;color:#005e00}.main-page .container #message.error{background-color:#ffc6c6;color:#5e0000}.main-page .container #message .error-status{font-weight:700}.main-page .container .left-panel{width:50%;background-color:#fef5f0;padding:20px;border-top-left-radius:20px;border-bottom-left-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-page .container .left-panel .main-section .logo{width:100px;margin:auto}.main-page .container .left-panel .main-section .logo img{width:100%}.main-page .container .left-panel .main-section h1{font-weight:600}.main-page .container .left-panel .back{text-align:start;font-size:20px;cursor:pointer;margin-top:10px;margin-bottom:10px}.main-page .container .left-panel .login-info{display:flex;flex-direction:column;justify-content:flex-start}.main-page .container .left-panel .login-info h2{text-align:start;font-size:20px;display:flex;align-items:center}.main-page .container .left-panel .login-info h2 i{font-size:35px;color:var(--brand)}.main-page .container .left-panel .login-info p{text-align:start;margin-top:20px}.main-page .container .left-panel .buttons-list{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:15px}.main-page .container .left-panel .buttons-list .button-item{display:flex;flex-wrap:wrap;align-items:center;gap:20px;width:100%;padding:5px 15px;box-shadow:2px 2px 3px #0003;border-radius:8px;cursor:pointer;border:2px solid var(--line)}.main-page .container .left-panel .buttons-list .button-item .icon{width:60px;border-radius:10px;font-size:40px;background-color:#fff}.main-page .container .left-panel .buttons-list .button-item .icon:hover{transition:background-color .4s ease-in-out,border-color .15s ease-in-out,color .3s ease-in-out;background-color:var(--primary);cursor:pointer}.main-page .container .left-panel .buttons-list .button-item .icon:hover i{transition:color .4s ease-in-out;color:#fff}.main-page .container .left-panel .buttons-list .button-item .icon i{color:var(--brand);text-shadow:3px 3px 5px rgba(0,0,0,.2)}.main-page .container .left-panel .buttons-list .button-item .branch-name{font-size:20px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.main-page .container .left-panel .branch{padding:20px 40px;border-radius:20px;width:100%}.main-page .container .left-panel .branch .branch-buttons{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:15px}.main-page .container .left-panel .user-options{width:100%;padding:20px 40px;text-align:center;margin-bottom:20px}.main-page .container .left-panel .login-form{flex-direction:column;gap:15px;text-align:center;width:100%;padding:20px 40px}.main-page .container .left-panel .login-form .cashier-icon{width:150px;margin:auto}.main-page .container .left-panel .login-form .cashier-icon img{width:100%}.main-page .container .left-panel .login-form .form{padding:0}.main-page .container .left-panel .login-form .form .form-control input{background-color:#fff;padding-left:20px;padding-right:20px;text-align:center;font-size:18px;font-weight:700}.main-page .container .left-panel .login-form .form .form-control input:focus{border:2px solid var(--info);box-shadow:none}.main-page .container .left-panel .login-form .form button{width:100%;background-color:var(--brand);border-radius:8px;font-size:20px;padding:10px 20px}.main-page .container .left-panel .login-form .form button:hover{background-color:var(--brandHover);color:#fff}.main-page .container .right-panel{width:50%;background-color:#fef5f0;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-page .container .right-panel .icon img{width:100%}.main-page .container .right-panel .footer{display:inline-block;font-weight:600;margin:20px 10px;font-size:1em;text-shadow:2px 2px 3px rgba(0,0,0,.3)}@media screen and (max-width: 900px){.main-page .container{margin-top:0;flex-direction:column}.main-page .container .left-panel,.main-page .container .right-panel{width:100%}}@media screen and (max-width: 470px){.main-page .container .left-panel .branch,.main-page .container .left-panel .user-options,.main-page .container .left-panel .login-form{padding:10px}}@media screen and (max-width: 400px){.main-page .container .left-panel .buttons-list .button-item{flex-direction:column}.main-page .container .left-panel .buttons-list .button-item .icon{width:180px;font-size:80px}}.print-page[data-page=report]{min-height:100vh;padding:20px 40px;position:relative}.print-page[data-page=report] .form{max-width:900px;margin:10px auto;background-color:transparent;box-shadow:none;padding:0}.print-page[data-page=report] .form .form-group{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto;gap:.5rem}.print-page[data-page=report] .form .form-group .form-control{width:100%}.print-page[data-page=report] .form .form-group .form-control input,.print-page[data-page=report] .form .form-group .form-control select{background-color:#fff;box-shadow:2px 2px 4px #0000004d}.print-page[data-page=report] .form .form-group .btn{font-size:.8rem;display:flex;align-items:center}.print-page[data-page=report] .date-display{font-size:25px;color:var(--primary);font-weight:700;margin-bottom:20px;text-align:center}.print-page[data-page=report] .table-wrapper{max-width:1000px;margin:auto}.print-page[data-page=report] .print-button{margin:20px auto;width:400px}@media screen and (max-width: 780px){.print-page[data-page=report]{padding:20px}.print-page[data-page=report] .form .form-group{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.print-page[data-page=report] h3{margin-bottom:0}.print-page[data-page=report] .table{margin-top:20px}.print-page[data-page=report] .additional-details{display:flex;flex-direction:column;gap:20px}.print-page[data-page=report] .summery .summery-body{flex-direction:column}.print-page[data-page=report] .summery .summery-body .summery-item,.print-page[data-page=report] .print-button{width:100%}}@media print{.print-page h2{color:#000}.print-page h3{font-size:20px;text-shadow:none;color:#000}.print-page .content{padding:20px!important}.print-page .content .date-display{margin-top:0;display:block;color:#000}.print-page .table-wrapper{box-shadow:none}.print-page .table-wrapper .table-scroll-top{display:none}.print-page .table-wrapper .table{border-radius:0;box-shadow:none}.print-page .table-wrapper .table th{color:#000}.print-page .table-wrapper .table tr td{padding:2px 10px}.print-page .form,.print-page .print-button,.print-page .back-button{display:none}}.dashboard .main[data-page=postage] .order-status-tabs{display:flex;justify-content:space-around;padding:10px 0;border-bottom:1px solid var(--primary);margin-bottom:30px}.dashboard .main[data-page=postage] .order-status-tabs .tab-item{display:flex;flex-direction:column;align-items:center;font-size:14px;color:#000;cursor:pointer}.dashboard .main[data-page=postage] .order-status-tabs .tab-item.active{color:var(--primary);font-weight:700;text-shadow:1px 1px 2px black;font-size:20px}.dashboard .main[data-page=postage] .order-status-tabs .tab-item.active:hover{background-color:inherit}.dashboard .main[data-page=postage] .order-status-tabs .tab-item.active .tab-icon{background:var(--primary);color:#fff;transition:background .3s,color .3s;box-shadow:2px 2px 3px #00000080}.dashboard .main[data-page=postage] .order-status-tabs .tab-item.active .tab-text{margin-top:0}.dashboard .main[data-page=postage] .order-status-tabs .tab-item:not(.active):hover .tab-icon{background:var(--second)}.dashboard .main[data-page=postage] .order-status-tabs .tab-item:not(.active):hover .tab-text{transition:margin-top .3s,font-weight .3s;margin-top:0;font-weight:700}.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-icon{width:70px;height:70px;border-radius:50%;color:#000;display:flex;align-items:center;justify-content:center;margin-bottom:5px;position:relative}.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-icon .counter{top:-10px;right:-10px;border-radius:48%;font-size:15px;position:absolute}.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-icon i{font-size:35px;margin-bottom:5px}.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-text{margin-top:-15px}@media (max-width: 768px){.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-icon{width:50px;height:50px}.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-icon i{font-size:25px}.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-icon .counter{top:-13px;right:-15px}.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-text{font-size:16px}}@media (max-width: 400px){.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-icon{width:40px;height:40px}.dashboard .main[data-page=postage] .order-status-tabs .tab-item .tab-icon i{font-size:20px}}.dashboard{display:flex;overflow:hidden;min-height:100vh}.dashboard nav.sidebar{min-width:280px;max-width:280px;background-color:var(--sidebar);color:var(--secondary);display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease;box-shadow:3px 0 5px #0000004d}.dashboard nav.sidebar ul{list-style-type:none;padding:20px 0;flex-grow:1;overflow-y:auto}.dashboard nav.sidebar ul a{color:var(--secondary);font-size:16px;display:block;padding:15px 20px;transition:background .3s,color .3s;position:relative;border-left:5px solid transparent;border-bottom:1px solid var(--muted)}.dashboard nav.sidebar ul a:hover{background:var(--secondary);color:var(--sidebarHover)}.dashboard nav.sidebar ul a.active{background:var(--primary);color:var(--bg);border-left-color:var(--secondary)}.dashboard nav.sidebar ul li:first-child a{border-top:1px solid var(--muted)}.dashboard nav.sidebar ul li.has-submenu>a.active{background:var(--primary);color:var(--bg);border-left-color:var(--secondary)}.dashboard nav.sidebar ul li.has-submenu.open>.submenu{display:block}.dashboard nav.sidebar ul li.has-submenu.open .arrow{transform:rotate(90deg)}.dashboard nav.sidebar ul li.has-submenu .toggle-submenu{display:flex}.dashboard nav.sidebar ul li.has-submenu .toggle-submenu .arrow{margin-left:auto;transition:transform .3s;font-size:24px}.dashboard nav.sidebar ul li.has-submenu .submenu{display:none;padding:0 0 0 20px;background:var(--sidebarSubmenu)}.dashboard nav.sidebar ul li.has-submenu .submenu a{font-size:14px;padding:10px 20px;border-left:5px solid transparent}.dashboard nav.sidebar ul li.has-submenu .submenu a:hover{background:var(--secondary);color:var(--sidebarHover)}.dashboard nav.sidebar .fas{margin-right:10px}.dashboard nav.sidebar .logo{text-align:center;display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--primary);color:var(--bg);box-shadow:0 4px 8px #0000001a}.dashboard nav.sidebar .logo img{width:100px;height:100px;border-radius:50%;margin-bottom:10px}.dashboard nav.sidebar .logo span{font-weight:700;font-size:20px}.dashboard nav.sidebar .greeting{font-size:18px;margin-top:20px;padding-bottom:20px;color:var(--secondary);font-weight:500;text-align:center;box-shadow:0 2px 5px var(--secondary)}.dashboard .topbar{background-color:#fff;display:flex;align-items:center;box-shadow:0 3px 5px #0000001a}.dashboard .topbar .topbar-header{display:flex;gap:10px;align-items:center}.dashboard .topbar .topbar-header i{font-size:25px;padding:20px;cursor:pointer;background-color:#fff}.dashboard .topbar .topbar-header .branch-name{font-size:20px;font-weight:700}.dashboard .main-content{flex:1;min-width:0;background-color:var(--background);transition:margin-left .3s ease;padding-bottom:130px;overflow-x:auto}.dashboard .main-content h2{margin-bottom:20px;color:var(--primary);font-size:26px}.dashboard .main-content .main{padding:20px}.dashboard .backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}@media (min-width: 769px){.sidebar{position:relative;transform:none}.sidebar.hide{transform:translate(-100%);position:absolute;left:0}.sidebar.hide~.main-content{margin-left:0}.sidebar:not(.hide)~.main-content{margin-left:0}}@media (max-width: 768px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);z-index:1000}.sidebar.active{transform:translate(0)}.sidebar.active~.backdrop{display:block}.main-content{margin-left:0}}@media (max-width: 400px){.dashboard .main-content .main{padding:10px}}.main[data-page=purchase] .purchase-header{display:flex;justify-content:space-between}.main[data-page=purchase] .purchase-header .manual-search-toggle{text-align:center}.main[data-page=purchase] .add-product{display:flex;justify-content:flex-end;background-color:transparent;box-shadow:none;padding:0}.main[data-page=purchase] .add-product .form-control{width:30%;background-color:var(--bg);padding:20px;box-shadow:2px 2px 3px #0000004d,-1px -1px 10px #0003;border-radius:8px}.main[data-page=purchase] .methods{display:flex;align-items:center}.main[data-page=purchase] .methods .method-item.form{display:flex;flex-direction:column;align-items:center;margin-right:20px;padding:0;background-color:transparent;box-shadow:none}.main[data-page=purchase] .methods .method-item.form .form-control{margin-top:10px;display:flex;justify-content:space-around}.main[data-page=purchase] .methods .method-item.form .form-control label{margin-right:0;background-color:#fff}.main[data-page=purchase] .methods .method-item.form .form-control input:checked+label{background-color:var(--primary);box-shadow:2px 2px 3px #0000004d,-1px -1px 10px #0003}.main[data-page=purchase] .scanner{position:absolute;left:-9999px;opacity:0}.main[data-page=purchase] #scanner-status-indicator{padding:5px 10px;border-radius:5px;font-weight:700;text-align:center;transition:all .3s ease-in-out}.main[data-page=purchase] #scanner-status-indicator.scanner-status-active{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.main[data-page=purchase] #scanner-status-indicator.scanner-status-inactive{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.main[data-page=purchase] .purchase-cart{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.main[data-page=purchase] .edit-quantity,.main[data-page=purchase] .edit-discount{width:80px;text-align:right;padding:5px;font-size:16px;box-sizing:border-box;background-color:var(--line)}.main[data-page=purchase] .total-purchase{display:flex;align-items:center}.main[data-page=purchase] .total-purchase .price{margin-right:20px;font-weight:700;text-transform:uppercase}.main[data-page=purchase] .total-purchase .form{padding:0;width:inherit}.main[data-page=purchase] .total-purchase .form input{font-size:18px}.main[data-page=purchase] .total-purchase .form input:focus{border-color:var(--info)}.main[data-page=purchase] .total-purchase .change{margin-left:20px;font-weight:700;text-transform:uppercase}.main[data-page=purchase] .online-payment{display:flex;gap:10px;align-items:center}.main[data-page=purchase] .online-payment p{font-weight:700;text-transform:uppercase;margin-right:18px}.main[data-page=purchase] .online-payment .form{padding:0;width:initial}.main[data-page=purchase] .online-payment .form input{font-size:15px}.main[data-page=purchase] .online-payment .form input:focus{border-color:var(--info)}@media screen and (max-width: 1200px){.main[data-page=purchase] .add-product{margin-bottom:10px}.main[data-page=purchase] .add-product .form-control{width:50%}}@media screen and (max-width: 780px){.main[data-page=purchase] .add-product{margin-bottom:10px}.main[data-page=purchase] .add-product .form-control{width:100%}}.print-page[data-page=purchase-receipt] .receipt-details{margin-bottom:20px;padding:0 24px;display:flex;justify-content:space-between}.print-page[data-page=purchase-receipt] .receipt-details .details-row{width:50%;padding:10px;display:flex;flex-direction:column;gap:5px}.print-page[data-page=purchase-receipt] .table-wrap{padding:4px 24px 18px}.print-page[data-page=purchase-receipt] .table-wrap table{width:100%;border-collapse:collapse;border:1px solid var(--line);overflow:hidden;border-radius:10px}.print-page[data-page=purchase-receipt] .table-wrap table thead th{background:var(--second);border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;font-size:13px;letter-spacing:.4px}.print-page[data-page=purchase-receipt] .table-wrap table tbody td{border-top:1px solid var(--line);padding:10px 12px}.print-page[data-page=purchase-receipt] .table-wrap table tbody tr:nth-child(odd) td{background:var(--bg)}.print-page[data-page=purchase-receipt] .table-wrap table tbody tr:nth-child(2n) td{background:#fcfcfd}.print-page[data-page=purchase-receipt] .table-wrap table tfoot td{padding:12px;border-top:1px solid var(--line);font-weight:700}@media print{.print-page[data-page=purchase-receipt] .receipt-details{padding:0}.print-page[data-page=purchase-receipt] .table-wrap{padding:24px 0}.print-page[data-page=purchase-receipt] .prepared{padding-left:0!important}}.main[data-page=receipts] .tabs .tab .counter{position:absolute;top:-20px;right:-10px;border-radius:48%;font-size:15px}.main[data-page=receipts] .form{background-color:transparent;box-shadow:none;padding:0}.main[data-page=receipts] .form .form-group{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) auto auto;gap:.5rem}.main[data-page=receipts] .form .form-group .form-control{width:100%}.main[data-page=receipts] .form .form-group .form-control input,.main[data-page=receipts] .form .form-group .form-control select{background-color:#fff;box-shadow:2px 2px 4px #0000004d}.main[data-page=receipts] .form .btn{font-size:.8rem;display:flex;align-items:center}.main[data-page=receipts] .table th,.main[data-page=receipts] .table td{text-align:center}@media (max-width: 897px){.main[data-page=receipts] .form .form-group{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}#customerInfo{background-color:var(--bg);margin-bottom:20px;padding:15px;border-radius:15px;box-shadow:1px 2px 9px -3px}h3{margin-bottom:20px;color:var(--primary);font-size:22px;text-shadow:1px -2px 1px black}.print-page[data-page=redeem-receipt] .page .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px 24px;border-bottom:1px solid var(--line)}.print-page[data-page=redeem-receipt] .page .meta .kv{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.print-page[data-page=redeem-receipt] .page .meta .kv label{display:block;font-size:12px;color:var(--muted);letter-spacing:.4px}.print-page[data-page=redeem-receipt] .page .meta .kv div{font-weight:600;margin-top:2px}.print-page[data-page=redeem-receipt] .page .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;padding:16px 24px;border-bottom:1px solid var(--line)}.print-page[data-page=redeem-receipt] .page .cols .card{border:1px solid var(--line);border-radius:10px;padding:14px}.print-page[data-page=redeem-receipt] .page .cols .card h3{margin:0 0 8px;font-size:14px;letter-spacing:.4px;text-shadow:none;color:#000}.print-page[data-page=redeem-receipt] .page .cols .card .list{margin:0;padding:0;list-style:none}.print-page[data-page=redeem-receipt] .page .cols .card .list li{display:flex;gap:8px;border-top:1px dashed #eee}.print-page[data-page=redeem-receipt] .page .cols .card .list li:first-child{border-top:0}.print-page[data-page=redeem-receipt] .page .cols .card .list .key{width:120px;color:var(--muted)}.print-page[data-page=redeem-receipt] .page .cols .card .list .val{flex:1;font-weight:600}.print-page[data-page=redeem-receipt] .page .table-wrap{padding:4px 24px 18px}.print-page[data-page=redeem-receipt] .page .table-wrap table{width:100%;border-collapse:collapse;border:1px solid var(--line);overflow:hidden;border-radius:10px}.print-page[data-page=redeem-receipt] .page .table-wrap table thead th{background:var(--second);border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;font-size:13px;letter-spacing:.4px}.print-page[data-page=redeem-receipt] .page .table-wrap table tbody td{border-top:1px solid var(--line);padding:10px 12px}.print-page[data-page=redeem-receipt] .page .table-wrap table tbody tr:nth-child(odd) td{background:var(--bg)}.print-page[data-page=redeem-receipt] .page .table-wrap table tbody tr:nth-child(2n) td{background:#fcfcfd}.print-page[data-page=redeem-receipt] .page .table-wrap table tfoot td{padding:12px;border-top:1px solid var(--line);font-weight:700}@media print{.print-page[data-page=redeem-receipt] .page{box-shadow:none;border:0;margin:0;border-radius:0}.print-page[data-page=redeem-receipt] .page .meta,.print-page[data-page=redeem-receipt] .page .cols,.print-page[data-page=redeem-receipt] .page .table-wrap,.print-page[data-page=redeem-receipt] .page .prepared{padding:24px 0}.print-page[data-page=redeem-receipt] .page .cols .card .list .key{width:70px}}.print-page[data-page=barcode] .category-section .category-title{margin:30px 0 15px;font-size:2rem;border-bottom:2px solid #444;text-align:center;padding:10px 0}.print-page[data-page=barcode] .category-section .barcodes{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around}.print-page[data-page=barcode] .category-section .barcodes .card{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:50%;width:50%;padding-top:20px;padding-bottom:20px;text-align:center}.print-page[data-page=barcode] .category-section .barcodes .card img{display:block;margin-top:10px;width:100px}@media screen and (max-width: 767px){.print-page[data-page=barcode] .category-section .barcodes{justify-content:center}.print-page[data-page=barcode] .category-section .barcodes .card{width:100%;max-width:300px;margin-bottom:10px}}@media print{.print-page[data-page=barcode] .category-section{page-break-after:always;-moz-column-break-after:page;break-after:page}.print-page[data-page=barcode] .category-section .barcodes .card{width:49%;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.print-page[data-page=barcode] .category-section:last-child{-moz-column-break-after:auto;break-after:auto;page-break-after:auto}}.print-page[data-page=product-label] .category-section .category-title{margin:30px 0;font-size:2rem;border-bottom:2px solid #444;text-align:center;padding:10px 0}.print-page[data-page=product-label] .category-section .label-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:900px;margin:0 auto}.print-page[data-page=product-label] .category-section .label-container .label{background:#fff;border:2px solid black;border-radius:25px;overflow:hidden;max-height:230px;min-height:230px;page-break-inside:avoid}.print-page[data-page=product-label] .category-section .label-container .label table{width:100%;border-collapse:collapse}.print-page[data-page=product-label] .category-section .label-container .label table td{color:#000}.print-page[data-page=product-label] .category-section .label-container .label table .header-row td{text-align:center;border-bottom:2px solid black}.print-page[data-page=product-label] .category-section .label-container .label table .header-row h1{font-size:24px;font-weight:700;letter-spacing:1px}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row td{text-align:center;border-bottom:2px solid black;font-size:15px;font-weight:700}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row td .product-title{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60px;max-height:60px;overflow-y:hidden}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row td .product-title p{line-height:1.3}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row td .versi{font-weight:400;font-style:italic;font-size:11px}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row:has(.size-cell) td:has(.size-cell){border-left:1px solid black;vertical-align:top}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row:has(.size-cell) td .product-title{min-height:170px;max-height:170px;font-size:18px;padding:0 10px}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row:has(.size-cell) td:has(.size-text) .product-title{min-height:140px;max-height:140px}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row:has(.size-cell) td:has(.size-text) .size-text{font-size:16px;font-weight:700;border-top:2px solid black;text-transform:uppercase}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row .size-cell{justify-content:center;align-items:center;text-align:center;border-bottom:0;min-height:170px;max-height:170px}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row .size-cell .price-label{padding-top:60px;font-size:12px}.print-page[data-page=product-label] .category-section .label-container .label table .subtitle-row .size-cell .price-text{font-size:36px;font-weight:700;line-height:1}.print-page[data-page=product-label] .category-section .label-container .label table .content-row{vertical-align:middle}.print-page[data-page=product-label] .category-section .label-container .label table .content-row .size-cell{width:60%;border-right:1px solid black;text-align:center}.print-page[data-page=product-label] .category-section .label-container .label table .content-row .size-cell .size-text{font-size:16px;font-weight:700;margin-bottom:15px;border-bottom:2px solid black}.print-page[data-page=product-label] .category-section .label-container .label table .content-row .size-cell .price-label{font-size:12px}.print-page[data-page=product-label] .category-section .label-container .label table .content-row .size-cell .price-text{font-size:26px;font-weight:700;line-height:1;margin-bottom:20px}.print-page[data-page=product-label] .category-section .label-container .label table .content-row .qr-cell{width:40%;text-align:center}.print-page[data-page=product-label] .category-section .label-container .label table .content-row .qr-cell .qr-code{width:100px;display:inline-block;background:#fff}.print-page[data-page=product-label] .category-section .label-container .label table .content-row .qr-cell .qr-code img{width:100%;height:100%;display:block}.print-page[data-page=product-label] .category-section .label-container .label table .footer-row td{text-align:center;font-size:10px;padding:3px 0;border-top:2px solid black}@media print{.print-page[data-page=product-label] .page .header{display:none}.print-page[data-page=product-label] .page .category-section{page-break-after:always;-moz-column-break-after:page;break-after:page}.print-page[data-page=product-label] .page .category-section .label-container .label{width:410px}.print-page[data-page=product-label] .page .category-section:last-child{-moz-column-break-after:auto;break-after:auto;page-break-after:auto}}