::-webkit-scrollbar{background-color:var(--color-surface)}::-webkit-scrollbar-thumb{background-clip:padding-box;border:0;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:rgba(215,25,32,.6)}nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1rem;transition:all var(--transition-base)}#search_btn{background-color:var(--color-primary-red);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}#search_btn:hover{background-color:var(--color-primary-maroon);box-shadow:var(--shadow-md)}.input-group{margin:0 auto;width:100%}#search_field{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 2px 4px rgba(0,0,0,.05);color:var(--color-text);font-size:1rem;height:2.4rem;padding:1rem;transition:all var(--transition-fast)}#search_field::-webkit-input-placeholder{color:var(--color-text-tertiary)}#search_field::placeholder{color:var(--color-text-tertiary)}#search_field:focus{background-color:var(--color-surface);border-color:var(--color-primary-red);border-width:2px;box-shadow:0 0 0 4px var(--color-focus),0 0 8px rgba(215,25,32,.3);outline:none}#login_btn,#view_btn{align-items:center;background-color:var(--color-primary-red);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family);font-size:.95rem;font-weight:500;height:40px;justify-content:center;padding:.5rem .9rem;transition:all var(--transition-fast);white-space:nowrap}#login_btn{min-width:auto}#view_btn{align-items:center;display:flex;justify-content:center;margin-top:auto;width:100%}#login_btn:hover,#view_btn:hover{background-color:var(--color-primary-maroon);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.navbar #login_btn{align-items:center;border-radius:20px!important;box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-flex!important;flex:0 0 auto!important;font-size:1rem!important;font-weight:600;height:34px!important;justify-content:center;line-height:1;margin-left:0!important;max-width:100px!important;min-width:auto!important;padding:0 1.2rem!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}.navbar #login_btn:hover{background-color:var(--color-primary-maroon);-webkit-transform:none;transform:none}#cart{color:var(--color-primary-red);font-size:1rem;font-weight:600;transition:color var(--transition-fast)}#cart:hover{color:var(--color-primary-maroon)}#cart_count{background-color:var(--color-primary-red);border-radius:var(--radius-md);color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:.2rem .5rem}#products_heading{color:var(--color-text);font-weight:700;margin-top:1.8rem}#load_more_btn{align-items:center!important;border-radius:4px!important;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex!important;flex:0 0 auto!important;font-weight:600;height:auto!important;justify-content:center!important;letter-spacing:1px;margin:0 auto!important;max-width:200px!important;min-height:40px!important;padding:10px 30px!important;text-transform:uppercase;width:auto!important}.card{height:100%;transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.card-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-weight:600;min-height:42px;overflow:hidden}.card-title a:hover{color:var(--color-primary-red);text-decoration:none}.card-body{display:flex;flex-direction:column;padding-left:0}.card-text{color:var(--color-primary-red);font-size:1.4rem;font-weight:700}#view_btn{background-color:var(--color-primary-red);border:none;color:#fff}#view_btn:hover{background-color:var(--color-primary-maroon)}.card-img-top{border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:150px;object-fit:cover;width:200px}.ratings{color:#ffc107;font-size:1.2rem}#no_of_reviews{color:var(--color-text-tertiary);font-size:.95rem;margin-left:.5rem}footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);bottom:0;color:var(--color-text-secondary);margin-top:8rem;padding:var(--spacing-lg) 0;transition:all var(--transition-base);width:100%}.rating-outer{color:#ffc107;display:inline-block;font-family:FontAwesome;position:relative}.rating-outer:before{content:"\f006 \f006 \f006 \f006 \f006"}.rating-inner{left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:0}.rating-inner:before{color:#ffc107;content:"\f005 \f005 \f005 \f005 \f005"}#product_id{color:var(--color-text-tertiary);font-size:.9rem}#product_price{color:var(--color-primary-red);font-size:2rem;font-weight:700}#cart_btn,#review_btn{background-color:var(--color-primary-red);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 2rem;transition:all var(--transition-fast)}#cart_btn:hover,#review_btn:hover{background-color:var(--color-primary-maroon);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#product_seller{color:var(--color-text-secondary);font-size:1rem}#stock_status{font-size:1.1rem;font-weight:700;margin-left:.3rem}.redColor{color:var(--color-danger)}.greenColor{color:var(--color-success)}#product_image{margin-top:9rem}.loader{display:block;height:80px;margin-left:auto;margin-right:auto;margin-top:20%;padding-left:0;width:80px}.loader:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border:6px solid var(--color-primary-red);border-color:var(--color-primary-red) transparent;border-radius:50%;content:" ";display:block;height:64px;margin:8px;width:64px}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cart-item{background-color:var(--color-surface);padding:1.5rem 0}.cart-item-img{height:auto;max-width:150px;object-fit:contain;width:100%}.cart-item-name{color:var(--color-text);display:block;font-size:1.2rem;font-weight:500;line-height:1.3;margin-bottom:.5rem;text-decoration:none}.cart-item-name:hover{color:var(--color-primary-red);text-decoration:underline}.cart-item-stock{color:#007600;font-size:1rem;margin-bottom:.2rem}.cart-item-stock.text-danger{color:var(--color-danger)}.cart-item-shipping{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:1rem}.cart-item-price{color:var(--color-text);font-size:1.3rem;font-weight:700;text-align:right}.cart-item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.stockCounter{align-items:center;background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.1);display:inline-flex;overflow:hidden}.stockCounter input{border:none;font-weight:500;margin:0;text-align:center;width:2.5rem}.qty-btn,.stockCounter input{background-color:initial;color:var(--color-text);height:2rem;padding:0}.qty-btn{align-items:center;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;transition:all var(--transition-fast);width:2rem}.qty-btn:hover{background-color:rgba(0,0,0,.05)}.qty-btn.minus{border-right:1px solid var(--color-border)}.qty-btn.plus{border-left:1px solid var(--color-border)}.stockCounter .btn{align-items:center!important;border-radius:4px!important;border-style:solid!important;border-width:1px!important;box-shadow:0 1px 2px rgba(0,0,0,.1)!important;box-sizing:border-box!important;display:inline-flex!important;font-size:1rem!important;font-weight:700!important;height:30px!important;justify-content:center!important;line-height:1!important;margin:0 2px!important;max-height:30px!important;max-width:30px!important;min-height:30px!important;min-width:30px!important;padding:0!important;vertical-align:middle!important;width:30px!important}.stockCounter .btn.plus{background-color:#28a745!important;border-color:#28a745!important;color:#fff!important}.stockCounter .btn.plus:hover{background-color:#218838!important;border-color:#1e7e34!important}.stockCounter .btn.minus{background-color:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.stockCounter .btn.minus:hover{background-color:#c82333!important;border-color:#bd2130!important}.stockCounter input.form-control.count{background-color:#fff!important;border:1px solid #ced4da!important;border-radius:4px!important;box-sizing:border-box!important;color:#333!important;font-size:.9rem!important;font-weight:600!important;height:30px!important;margin:0 5px!important;padding:0!important;text-align:center!important;vertical-align:middle!important;width:40px!important}.action-separator{color:var(--color-border);font-size:1.2rem;font-weight:300;margin:0 .5rem}.delete-link,.save-link{color:#007185;cursor:pointer;font-size:1rem;text-decoration:none}.delete-link:hover,.save-link:hover{color:#c7511f;text-decoration:underline}html.dark-mode .cart-item-stock{color:#4caf50}html.dark-mode .delete-link,html.dark-mode .save-link{color:#48bfe3}html.dark-mode .delete-link:hover,html.dark-mode .save-link:hover{color:#ff6b6b}html.dark-mode .stockCounter{background-color:#333;border-color:#666}html.dark-mode .qty-btn:hover{background-color:hsla(0,0%,100%,.1)}#card_item_price,#delete_cart_item{display:none}#checkout_btn,.review-btn{background-color:var(--color-primary-red);border-color:var(--color-primary-red);border-radius:5rem;color:#fff;cursor:pointer;font-weight:600;margin-top:2rem;transition:all var(--transition-fast)}#checkout_btn:hover,.review-btn:hover{background-color:var(--color-primary-maroon);box-shadow:var(--shadow-md)}#view_order_details{background-color:var(--color-primary-red);border-color:var(--color-primary-red);color:#fff}#view_order_details:hover{background-color:var(--color-primary-maroon)}#order_summary{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem 1.5rem}.order-summary-values{color:var(--color-text);float:right;font-weight:700}.stockCounter input::-webkit-inner-spin-button,.stockCounter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-control:disabled,.form-control[readonly]{background-color:var(--color-surface-alt);color:var(--color-text-tertiary)}.wrapper{align-items:center;display:flex;font-weight:700;justify-content:center;margin-bottom:5rem;margin-top:5rem}.wrapper form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;max-width:450px;padding:3rem;width:100%}.wrapper form h1{color:var(--color-text);font-weight:800;margin-bottom:1rem;text-align:center}.wrapper form .form-group{margin-bottom:0}.wrapper form label{color:var(--color-text-secondary);display:block;font-size:1.2rem;margin-bottom:.5rem}.wrapper form .form-control{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);height:3rem;padding:.5rem 1rem;transition:all var(--transition-fast)}.wrapper form .form-control:focus{background-color:var(--color-surface);border-color:var(--color-primary-red);box-shadow:0 0 0 3px var(--color-focus)}.wrapper form .btn{background-color:var(--color-primary-red);border-color:var(--color-primary-red);border-radius:var(--radius-md);color:#fff;font-weight:700;height:auto;letter-spacing:1px;margin-top:1rem;padding:.8rem;transition:all var(--transition-fast);width:100%}.wrapper form .btn:hover{background-color:var(--color-primary-maroon);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.wrapper form a{color:var(--color-primary-red);font-size:1rem;text-decoration:none;transition:color var(--transition-fast)}.wrapper form a:hover{color:var(--color-primary-maroon);text-decoration:underline}.wrapper .links-container{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem}.btn-outline-primary{border-color:var(--color-primary-red);color:var(--color-primary-red)}.btn-outline-primary:hover{background-color:var(--color-primary-red);border-color:var(--color-primary-red);color:#fff}.avatar{border:2px solid var(--color-primary-red);border-radius:50%;display:inline-block;height:3rem;margin-bottom:0;width:3rem}.avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.rounded-circle{border-radius:50%!important}.btn.focus,.btn:focus{box-shadow:0 0 0 3px var(--color-focus);outline:0}.avatar-nav{border:2px solid var(--color-primary-red);height:2.2rem;margin-right:.6rem;width:2.2rem}.checkout-progress div{box-sizing:border-box}.checkout-progress{clear:both;display:block;font-family:var(--font-family);margin:20px auto;overflow:auto;width:auto}.step{border:0;color:var(--color-text-secondary);cursor:default;float:left;font-weight:700;height:auto;letter-spacing:1px;line-height:30px;margin:0;padding:5px 10px 5px 15px;text-decoration:none;transition:all var(--transition-fast)}.incomplete{background:var(--color-surface-alt);border-bottom:2px solid var(--color-border);border-top:2px solid var(--color-border)}.active-step{background:var(--color-primary-red);border-bottom:2px solid var(--color-primary-red);border-top:2px solid var(--color-primary-red);color:#fff}.triangle-active{border-bottom:20px solid transparent;border-left:15px solid var(--color-primary-red);border-top:20px solid transparent;float:left;margin-left:-1px;width:0}.triangle2-active{border-bottom:20px solid var(--color-primary-red);border-left:15px solid var(--color-bg);border-top:20px solid var(--color-primary-red);float:left;margin-right:-1px;width:0}.triangle-incomplete{border-bottom:20px solid transparent;border-left:15px solid var(--color-surface-alt);border-top:20px solid transparent;float:left;margin-left:-1px;width:0}.triangle2-incomplete{border-bottom:20px solid var(--color-surface-alt);border-left:15px solid var(--color-bg);border-top:20px solid var(--color-surface-alt);float:left;margin-right:-1px;width:0}.avatar-profile{border:3px solid var(--color-primary-red);border-radius:50%;height:16rem;width:16rem}.user-info h4{color:var(--color-text);font-weight:800;margin-top:2rem}.user-info p{color:var(--color-text-secondary);font-size:1.1rem}#edit_profile{background-color:var(--color-primary-red);border-color:var(--color-primary-red);color:#fff;font-weight:600;transition:all var(--transition-fast)}#edit_profile:hover{background-color:var(--color-primary-maroon);box-shadow:var(--shadow-md)}.order-confirm p,.order-details p{color:var(--color-text-secondary);margin-left:1.5rem}.update-btn{background-color:var(--color-primary-red);border-color:var(--color-primary-red);color:#fff;font-weight:600;transition:all var(--transition-fast)}.update-btn:hover{background-color:var(--color-primary-maroon);box-shadow:var(--shadow-md);color:#fff}.page-item.active .page-link{background-color:var(--color-primary-red);border-color:var(--color-primary-red)}.page-link{color:var(--color-primary-red);text-decoration:none;transition:all var(--transition-fast)}.page-link:hover{background-color:var(--color-hover);color:var(--color-primary-maroon)}html.dark-mode .page-link{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}html.dark-mode .page-item.active .page-link{background-color:var(--color-primary-red);border-color:var(--color-primary-red);color:#fff}html.dark-mode .page-link:hover{background-color:var(--color-hover);border-color:var(--color-border);color:var(--color-primary-red)}html.dark-mode .page-item.disabled .page-link{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.sidebar-wrapper{align-items:stretch;display:flex;font-weight:400;height:100%;left:0;margin-top:0;width:100%;z-index:10}#sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);color:var(--color-text);max-width:100%;min-width:100%;transition:all var(--transition-base)}#sidebar.active{margin-left:-250px}#sidebar .sidebar-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);font-weight:700;padding:20px}#sidebar ul.components{border-bottom:1px solid var(--color-border);padding:5px 0}#sidebar ul li a{border-left:3px solid transparent;color:var(--color-text);display:block;font-size:1.1em;padding:10px 15px;transition:all var(--transition-fast)}#sidebar ul li a:hover{background:var(--color-hover);border-left-color:var(--color-primary-red)}#sidebar ul li div.dropdown-menu a{color:var(--color-text)}#sidebar ul li a i{margin-right:.3rem}#sidebar ul li.active>a,a[aria-expanded=true]{background:var(--color-surface-alt);border-left-color:var(--color-primary-red);color:var(--color-primary-red)}a[data-toggle=collapse]{position:relative}.dropdown-toggle:after{display:block;position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.dropdown-toggle:after,ul ul a{color:var(--color-text-secondary)}ul ul a{background:var(--color-surface-alt);font-size:1rem!important;padding-left:30px!important}ul.CTAs{padding:20px}ul.CTAs a{background-color:var(--color-primary-red);border-radius:var(--radius-md);color:#fff;display:block;font-size:.9em!important;margin-bottom:5px;text-align:center;transition:all var(--transition-fast)}ul.CTAs a:hover{background-color:var(--color-primary-maroon)}.admin-table td{color:#333!important;font-weight:500}.admin-table th{color:#333!important;font-weight:700}.admin-table .thead-dark th{background-color:#343a40!important;color:#fff!important}.admin-table .dataTables_filter,.admin-table .dataTables_info,.admin-table .dataTables_length,.admin-table .dataTables_paginate{color:#333!important}.admin-table .dataTables_filter input,.admin-table .dataTables_length select{background-color:#fff!important;border:1px solid #ddd;color:#333!important}html.dark-mode .admin-table .dataTables_filter,html.dark-mode .admin-table .dataTables_info,html.dark-mode .admin-table .dataTables_length,html.dark-mode .admin-table .dataTables_paginate,html.dark-mode .admin-table td,html.dark-mode .admin-table th{color:#fff!important}html.dark-mode .admin-table .dataTables_filter input,html.dark-mode .admin-table .dataTables_length select{background-color:#333!important;border:1px solid #555;color:#fff!important}html.dark-mode .text-muted{color:#b0b0b0!important}.review-search-form label{color:#333!important;font-weight:500}.review-search-form .form-control{background-color:#fff!important;border:1px solid #ddd;color:#333!important}.review-search-form .form-control:focus{background-color:#fff!important;border-color:var(--color-primary-red);box-shadow:0 0 0 .2rem rgba(215,25,32,.25);color:#333!important}html.dark-mode .review-search-form label{color:#fff!important}html.dark-mode .review-search-form .form-control{background-color:#333!important;border:1px solid #555;color:#fff!important}html.dark-mode .review-search-form .form-control:focus{background-color:#444!important;border-color:var(--color-primary-red);box-shadow:0 0 0 .2rem rgba(215,25,32,.25);color:#fff!important}#products_table .btn{background-color:var(--color-primary-red);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;margin-left:.4rem;padding:.2rem .5rem;transition:all var(--transition-fast)}#products_table .btn:hover{background-color:var(--color-primary-maroon)}.card-font-size{color:var(--color-text);font-size:1.5rem}.rating{margin-top:10rem}.stars{align-items:center;display:flex;height:100px;padding-left:0}.star{color:#e5e7eb;cursor:pointer;display:inline;font-size:3rem;list-style:none;padding-left:.9rem;transition:all var(--transition-fast)}.star:first-child{padding-left:0}.orange,.star:hover,.yellow{color:#ffc107;-webkit-transform:scale(1.1);transform:scale(1.1)}.review_user{color:var(--color-text-tertiary);font-size:.9rem}.barcode-hero-section{background:linear-gradient(135deg,var(--color-primary-red) 0,var(--color-primary-maroon) 100%);margin-bottom:.5rem;overflow:hidden;padding:.4rem 0;position:relative}.barcode-hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.barcode-card{-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:900px;padding:.5rem .8rem;position:relative;text-align:center;z-index:1}.barcode-icon-wrapper{margin-bottom:.15rem}.barcode-icon-animated{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;color:var(--color-primary-red);font-size:1.2rem}.barcode-title{-webkit-animation:fadeIn .8s ease-out .2s both;animation:fadeIn .8s ease-out .2s both;color:var(--color-text);font-size:1rem;font-weight:700;margin-bottom:.15rem}.barcode-subtitle{-webkit-animation:fadeIn .8s ease-out .3s both;animation:fadeIn .8s ease-out .3s both;color:var(--color-text-secondary);font-size:.85rem;margin-bottom:.15rem}.barcode-note{-webkit-animation:fadeIn .8s ease-out .4s both;animation:fadeIn .8s ease-out .4s both;color:var(--color-primary-red);font-size:.8rem;font-weight:600;margin-bottom:.4rem}.barcode-buttons{-webkit-animation:fadeIn .8s ease-out .5s both;animation:fadeIn .8s ease-out .5s both;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.barcode-btn{align-items:center;border:none;border-radius:50px;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.25rem;padding:.3rem .7rem;text-decoration:none;transition:all var(--transition-fast)}.barcode-btn:hover{box-shadow:var(--shadow-lg);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.scan-btn{background:linear-gradient(135deg,var(--color-primary-red) 0,var(--color-primary-maroon) 100%);color:#fff}.scan-btn:hover{background:linear-gradient(135deg,var(--color-primary-maroon) 0,var(--color-primary-red) 100%);color:#fff}.upload-btn{background:linear-gradient(135deg,#f093fb 0,var(--color-primary-red) 100%);color:#fff}.upload-btn:hover{background:linear-gradient(135deg,var(--color-primary-red) 0,#f093fb 100%)}.barcode-btn i{-webkit-animation:bounce 1s ease-in-out infinite;animation:bounce 1s ease-in-out infinite;font-size:.7rem}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@media (max-width:768px){.barcode-card{padding:.4rem .6rem}.barcode-icon-animated{font-size:1rem}.barcode-title{font-size:.85rem}.barcode-subtitle{font-size:.75rem}.barcode-note{font-size:.7rem;margin-bottom:.3rem}.barcode-buttons{gap:.3rem}.barcode-btn{font-size:.65rem;justify-content:center;padding:.25rem .5rem}}#cart_btn,#checkout_btn,#delete_cart_item,#login_btn,#products_table .btn,#review_btn,#search_btn,#view_btn,.btn-outline,.btn-primary,.btn-secondary,.review-btn,button,input[type=button],input[type=reset],input[type=submit]{align-items:center!important;border-radius:var(--btn-radius)!important;display:inline-flex!important;font-size:var(--btn-font-size)!important;justify-content:center!important;min-height:var(--btn-height)!important;padding:var(--btn-padding-vert) var(--btn-padding-horz)!important}html.dark-mode #search_field{background-color:#222;border-color:#666;box-shadow:0 4px 8px rgba(0,0,0,.3)}html.dark-mode #search_field:focus{background-color:#222;border-color:var(--color-primary-red);border-width:2px;box-shadow:0 0 0 4px rgba(215,25,32,.2),0 0 12px rgba(215,25,32,.4)}html:not(.dark-mode) #search_field{background-color:#fff7f0;border-color:#d1d5db;box-shadow:0 2px 6px rgba(0,0,0,.06)}html:not(.dark-mode) #search_field:focus{background-color:#fff7f0;border-color:var(--color-primary-red);border-width:2px;box-shadow:0 0 0 4px rgba(215,25,32,.15),0 0 8px rgba(215,25,32,.35)}.admin-dashboard,.dashboard-root,.merchant-dashboard,.user-dashboard{background-color:var(--color-bg)!important;color:var(--color-text)!important}html.dark-mode .card,html.dark-mode .container,html.dark-mode a,html.dark-mode button{color:var(--color-text)!important}.wrapper form .float-right{color:var(--color-primary-red);font-size:.9rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.wrapper form .float-right:hover{color:var(--color-primary-maroon);text-decoration:underline}html.dark-mode .dropdown-menu{background-color:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-lg)}html.dark-mode .dropdown-item{color:var(--color-text)}html.dark-mode .dropdown-item:focus,html.dark-mode .dropdown-item:hover{background-color:var(--color-hover);color:var(--color-primary-red)}.dropdown-item-custom{background-color:initial;color:var(--color-text);text-decoration:none}.dropdown-item-custom:hover{background-color:var(--color-hover);color:var(--color-primary-red);text-decoration:none}html.dark-mode .dropdown-toggle{color:var(--color-text)!important}.wrapper form .float-right.mt-3{display:inline-block;font-size:.85rem;font-weight:500;margin-top:1rem!important}.sidebar-wrapper{border-right:1px solid var(--color-border);box-shadow:2px 0 5px rgba(0,0,0,.05);flex-shrink:0;height:100vh;min-height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:230px;z-index:100}#sidebar,.sidebar-wrapper{background:#fff;color:#000;transition:all .3s}#sidebar{min-height:100%;width:100%}#sidebar .sidebar-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:1.5rem 1rem;text-align:center}#sidebar .sidebar-header h3{color:#000;font-size:1.2rem;font-weight:800;letter-spacing:1px;margin:0;text-transform:uppercase}#sidebar ul.components{list-style:none;padding:1rem 0}#sidebar ul li{border-left:4px solid transparent;display:block;list-style:none;padding:0;transition:.3s}#sidebar ul li:hover{background:#f1f1f1;border-left-color:var(--color-primary-red)}#sidebar ul li.active{background:#e9ecef;border-left-color:var(--color-primary-red)}#sidebar ul li a{align-items:center;color:#000;display:flex;font-size:.95rem;font-weight:600;padding:.8rem 1rem;text-decoration:none}#sidebar ul li a i{margin-right:10px;text-align:center;width:20px}#sidebar ul li a:hover{color:var(--color-primary-red)}#sidebar .dropdown-menu{background-color:#fff;border:none;box-shadow:0 2px 5px rgba(0,0,0,.1)}#sidebar .dropdown-item{color:#000}#sidebar .dropdown-item:hover{background-color:#f1f1f1;color:var(--color-primary-red)}.text-gray-300,.text-gray-800{color:#000!important}html.dark-mode #sidebar,html.dark-mode .sidebar-wrapper{background:#222!important;border-right:1px solid #555;color:#fff!important}html.dark-mode #sidebar .sidebar-header{background:#1a1a1a!important;border-bottom:1px solid #555}html.dark-mode #sidebar .sidebar-header h3,html.dark-mode #sidebar ul li a{color:#fff!important}html.dark-mode #sidebar ul li.active,html.dark-mode #sidebar ul li:hover{background:#333}html.dark-mode #sidebar ul li a:hover{color:var(--color-primary-red)!important}html.dark-mode #sidebar .dropdown-menu{background-color:#333;border:1px solid #666}html.dark-mode #sidebar .dropdown-item{color:#fff}html.dark-mode #sidebar .dropdown-item:hover{background-color:#4d4d4d;color:var(--color-primary-red)}html.dark-mode .dashboard-card{background-color:#333;color:#fff}html.dark-mode .text-gray-300,html.dark-mode .text-gray-800{color:#fff!important}html.dark-mode .text-dark{color:#df38eb!important}html.dark-mode .chart-area{background:#333!important;border:1px solid #666}.amazon-footer{background-color:#232f3e;color:#fff;font-family:Amazon Ember,Arial,sans-serif;margin-top:auto}.footer-back-to-top{background-color:#37475a;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:15px 0;position:relative;text-align:center;transition:background-color .2s;z-index:10}.footer-back-to-top:hover{background-color:#485769}.footer-main-section{background-color:#232f3e;border-bottom:1px solid #3a4553;padding:40px 0}.footer-heading{color:#fff;font-size:17px;font-weight:700;margin-bottom:14px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{color:#ddd;font-size:15px;text-decoration:none;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-text{color:#ddd;font-size:15px;line-height:1.5}.footer-bottom-section{background-color:#131a22;border-top:1px solid #3a4553;padding:30px 0}.footer-logo{height:30px}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:10px}.footer-bottom-links a{color:#ddd;font-size:13px;text-decoration:none}.footer-bottom-links a:hover{text-decoration:underline}.copyright{color:#ddd;font-size:13px;margin:0}html.dark-mode .amazon-footer{border-top:1px solid #444}:root{--color-primary-red:#d71920;--color-primary-maroon:#7a1225;--color-secondary-sand:#f5e2c8;--color-secondary-cream:#fff7f0;--color-bg:var(--color-secondary-cream);--color-surface:var(--color-secondary-sand);--color-surface-alt:#fbf7f2;--color-surface-alt:#f0f2f5;--color-text:#1a1a1a;--color-text-secondary:#4a4a4a;--color-text-tertiary:#8a8a8a;--color-border:#e5e7eb;--color-divider:#d1d5db;--color-shadow:rgba(0,0,0,.08);--color-hover:rgba(215,25,32,.05);--color-focus:rgba(215,25,32,.1);--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-family:"Segoe UI","Helvetica Neue",sans-serif;--font-code:"Fira Code",monospace;--font-size-xs:13px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--transition-fast:150ms ease-in-out;--transition-base:250ms ease-in-out;--transition-slow:350ms ease-in-out;--btn-padding-vert:10px;--btn-padding-horz:18px;--btn-font-size:var(--font-size-base);--btn-height:40px;--btn-radius:var(--radius-md);--z-dropdown:1000;--z-sticky:1020;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}html.dark-mode,html.dark-mode body{--color-bg:#0b0b0b;--color-surface:#1e1e1e;--color-surface-alt:#252525;--color-text:#fff;--color-text-secondary:#f0f0f0;--color-text-tertiary:#d0d0d0;--color-border:#4a4a4a;--color-divider:#555;--color-shadow:rgba(0,0,0,.45);--color-hover:rgba(215,25,32,.18);--color-focus:rgba(215,25,32,.28);--btn-bg-primary:var(--color-primary-red);--btn-bg-primary-hover:var(--color-primary-maroon);--btn-text-on-primary:#fff}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{background-color:#fff7f0;background-color:var(--color-bg);color:#1a1a1a;color:var(--color-text);font-family:Segoe UI,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-base);height:100%;line-height:1.5;overflow-x:hidden;transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color var(--transition-base),color var(--transition-base);width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background-color:#f5e2c8;background-color:var(--color-surface)}::-webkit-scrollbar-thumb{background-color:rgba(215,25,32,.4);border:2px solid #f5e2c8;border:2px solid var(--color-surface);border-radius:8px;border-radius:var(--radius-md);&:hover{background-color:rgba(215,25,32,.6)}}h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--color-text);font-weight:600;line-height:1.2;margin:0}h1{font-size:48px;font-size:var(--font-size-5xl)}h1,h2{margin-bottom:24px;margin-bottom:var(--spacing-lg)}h2{font-size:36px;font-size:var(--font-size-4xl)}h3{font-size:30px;font-size:var(--font-size-3xl)}h3,h4{margin-bottom:16px;margin-bottom:var(--spacing-md)}h4{font-size:24px;font-size:var(--font-size-2xl)}h5{font-size:20px;font-size:var(--font-size-xl)}h5,h6{margin-bottom:8px;margin-bottom:var(--spacing-sm)}h6{font-size:18px;font-size:var(--font-size-lg)}p{color:#4a4a4a;color:var(--color-text-secondary);margin:0 0 16px;margin-bottom:var(--spacing-md);&:last-child{margin-bottom:0}}a{color:#d71920;color:var(--color-primary-red);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast);&:hover{color:#7a1225;color:var(--color-primary-maroon);text-decoration:underline}&:focus{outline:2px solid rgba(215,25,32,.1);outline:2px solid var(--color-focus);outline-offset:2px}}button,input[type=button],input[type=reset],input[type=submit]{align-items:center;border:none;border-radius:8px;border-radius:var(--btn-radius);cursor:pointer;display:inline-flex;font-family:Segoe UI,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--btn-font-size);justify-content:center;min-height:40px;min-height:var(--btn-height);padding:10px 18px;padding:var(--btn-padding-vert) var(--btn-padding-horz);transition:all .15s ease-in-out;transition:all var(--transition-fast);&:focus{outline:2px solid rgba(215,25,32,.1);outline:2px solid var(--color-focus);outline-offset:2px}&:disabled{cursor:not-allowed;opacity:.5}}.btn-primary{background-color:#d71920;background-color:var(--btn-bg-primary,var(--color-primary-red));color:var(--btn-text-on-primary,#fff);font-size:16px;font-size:var(--btn-font-size);font-weight:600;min-height:40px;min-height:var(--btn-height);padding:10px 18px;padding:var(--btn-padding-vert) var(--btn-padding-horz);&:hover:not(:disabled){background-color:#7a1225;background-color:var(--color-primary-maroon);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}&:active:not(:disabled){background-color:#5a0e1c;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm)}}.btn-secondary{background-color:#f5e2c8;background-color:var(--color-secondary-sand);border:1px solid #e5e7eb;border:1px solid var(--color-border);color:#1a1a1a;color:var(--color-text);font-size:16px;font-size:var(--btn-font-size);font-weight:500;min-height:40px;min-height:var(--btn-height);padding:10px 18px;padding:var(--btn-padding-vert) var(--btn-padding-horz);&:hover:not(:disabled){background-color:#fff7f0;background-color:var(--color-secondary-cream);box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}}.btn-outline{background-color:initial;border:2px solid #d71920;border:2px solid var(--color-primary-red);color:#d71920;color:var(--color-primary-red);font-size:16px;font-size:var(--btn-font-size);font-weight:600;min-height:40px;min-height:var(--btn-height);padding:10px 18px;padding:var(--btn-padding-vert) var(--btn-padding-horz);&:hover:not(:disabled){background-color:rgba(215,25,32,.05);background-color:var(--color-hover);border-color:#7a1225;border-color:var(--color-primary-maroon);color:#7a1225;color:var(--color-primary-maroon)}}input,select,textarea{background-color:#f5e2c8;background-color:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1a1a1a;color:var(--color-text);font-family:Segoe UI,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:16px;font-size:var(--font-size-base);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);&:focus{border-color:#d71920;border-color:var(--color-primary-red);box-shadow:0 0 0 3px rgba(215,25,32,.1);box-shadow:0 0 0 3px var(--color-focus);outline:none}&:disabled{background-color:#f0f2f5;background-color:var(--color-surface-alt);color:#8a8a8a;color:var(--color-text-tertiary);cursor:not-allowed}&::-webkit-input-placeholder{color:#8a8a8a;color:var(--color-text-tertiary)}&::placeholder{color:#8a8a8a;color:var(--color-text-tertiary)}}table{border-collapse:collapse;color:#1a1a1a;color:var(--color-text);width:100%}thead{background-color:#f0f2f5;background-color:var(--color-surface-alt);border-bottom:2px solid #d1d5db;border-bottom:2px solid var(--color-divider)}th{color:#1a1a1a;color:var(--color-text);font-weight:600;text-align:left}td,th{padding:16px;padding:var(--spacing-md)}td{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--color-divider)}tbody tr{transition:background-color .15s ease-in-out;transition:background-color var(--transition-fast);&:hover{background-color:rgba(215,25,32,.05);background-color:var(--color-hover)}&:last-child td{border-bottom:none}}.card{background-color:#f5e2c8;background-color:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm);padding:24px;padding:var(--spacing-lg);transition:box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:box-shadow var(--transition-fast),-webkit-transform var(--transition-fast);transition:box-shadow var(--transition-fast),transform var(--transition-fast);transition:box-shadow var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast);&:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.alert{border-left:4px solid;border-radius:8px;border-radius:var(--radius-md);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-md)}.alert-success{background-color:rgba(16,185,129,.1);border-color:#10b981;border-color:var(--color-success);color:#10b981;color:var(--color-success)}.alert-warning{background-color:rgba(245,158,11,.1);border-color:#f59e0b;border-color:var(--color-warning);color:#f59e0b;color:var(--color-warning)}.alert-danger{background-color:rgba(239,68,68,.1);border-color:#ef4444;border-color:var(--color-danger);color:#ef4444;color:var(--color-danger)}.alert-info{background-color:rgba(59,130,246,.1);border-color:#3b82f6;border-color:var(--color-info);color:#3b82f6;color:var(--color-info)}.badge{background-color:#d71920;background-color:var(--color-primary-red);border-radius:4px;border-radius:var(--radius-sm);color:#fff;font-size:13px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.badge,.spinner{display:inline-block}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#d71920;border:4px solid var(--color-border);border-top-color:var(--color-primary-red);height:40px;width:40px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container{margin:0 auto;max-width:1200px;padding:0 16px;padding:0 var(--spacing-md)}.text-primary{color:#d71920;color:var(--color-primary-red)}.text-secondary{color:#4a4a4a;color:var(--color-text-secondary)}.text-tertiary{color:#8a8a8a;color:var(--color-text-tertiary)}.text-success{color:#10b981;color:var(--color-success)}.text-warning{color:#f59e0b;color:var(--color-warning)}.text-danger{color:#ef4444;color:var(--color-danger)}.text-info{color:#3b82f6;color:var(--color-info)}.bg-primary{background-color:#d71920;background-color:var(--color-primary-red);color:#fff}.bg-secondary{background-color:#f5e2c8;background-color:var(--color-secondary-sand)}.bg-surface{background-color:#f5e2c8;background-color:var(--color-surface)}.shadow{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:var(--shadow-md)}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05);box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1);box-shadow:var(--shadow-lg)}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background-color:#fff;color:#000}a{color:inherit}}.theme-toggle{align-items:center;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-primary-red);cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 var(--spacing-md);padding:0;transition:all var(--transition-base);width:56px;&:hover{background-color:var(--color-surface-alt);border-color:var(--color-primary-red);box-shadow:var(--shadow-lg);color:var(--color-primary-maroon);-webkit-transform:scale(1.12);transform:scale(1.12)}&:active{box-shadow:var(--shadow-md);-webkit-transform:scale(.98);transform:scale(.98)}&:focus{outline:3px solid var(--color-primary-red);outline-offset:3px}}.theme-icon{stroke-width:1.5;height:36px;transition:all var(--transition-base);width:36px}html.dark-mode .theme-toggle{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-primary-red)}html.dark-mode .theme-toggle:hover{background-color:var(--color-surface-alt);border-color:var(--color-primary-red);box-shadow:0 0 16px rgba(215,25,32,.4)}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:hsla(0,0%,100%,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translate3d(0,0,9999 px);-webkit-transform:translate3d(0,0,var(--toastify-z-index) px);width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Toastify--animate-icon{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:hsla(0,0%,100%,.7);background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}.Toastify__spinner{-webkit-animation:Toastify__spin .65s linear infinite;animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}@keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}@-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}@-webkit-keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Toastify__spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;touch-action:none;width:100%}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;width:100%}.rc-slider-rail,.rc-slider-track{border-radius:6px;height:4px;position:absolute}.rc-slider-track{background-color:#abe2fb}.rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:grab;height:14px;margin-top:-5px;opacity:.8;position:absolute;touch-action:pan-x;width:14px}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:none}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:transparent;height:4px;pointer-events:none;position:absolute;width:100%}.rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;position:absolute;vertical-align:middle;width:8px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{height:100%;padding:0 5px;width:14px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;margin-top:0;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transform:scale(0);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}.rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;text-decoration:none}.rc-slider-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}.rc-tooltip.rc-tooltip-zoom-appear,.rc-tooltip.rc-tooltip-zoom-enter{opacity:0}.rc-tooltip.rc-tooltip-zoom-enter,.rc-tooltip.rc-tooltip-zoom-leave{display:block}.rc-tooltip-zoom-appear,.rc-tooltip-zoom-enter{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-timing-function:cubic-bezier(.18,.89,.32,1.28);opacity:0}.rc-tooltip-zoom-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-timing-function:cubic-bezier(.6,-.3,.74,.05)}.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active,.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active{-webkit-animation-name:rcToolTipZoomIn;animation-name:rcToolTipZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active{-webkit-animation-name:rcToolTipZoomOut;animation-name:rcToolTipZoomOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes rcToolTipZoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes rcToolTipZoomIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@-webkit-keyframes rcToolTipZoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes rcToolTipZoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}.rc-tooltip{display:block;font-size:12px;line-height:1.5;opacity:.9;position:absolute;visibility:visible;z-index:1070}.rc-tooltip-hidden{display:none}.rc-tooltip-placement-top,.rc-tooltip-placement-topLeft,.rc-tooltip-placement-topRight{padding:5px 0 9px}.rc-tooltip-placement-right,.rc-tooltip-placement-rightBottom,.rc-tooltip-placement-rightTop{padding:0 5px 0 9px}.rc-tooltip-placement-bottom,.rc-tooltip-placement-bottomLeft,.rc-tooltip-placement-bottomRight{padding:9px 0 5px}.rc-tooltip-placement-left,.rc-tooltip-placement-leftBottom,.rc-tooltip-placement-leftTop{padding:0 9px 0 5px}.rc-tooltip-inner{background-color:#373737;border-radius:6px;box-shadow:0 0 4px rgba(0,0,0,.17);color:#fff;min-height:34px;padding:8px 10px;text-align:left;text-decoration:none}.rc-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.rc-tooltip-placement-top .rc-tooltip-arrow,.rc-tooltip-placement-topLeft .rc-tooltip-arrow,.rc-tooltip-placement-topRight .rc-tooltip-arrow{border-top-color:#373737;border-width:5px 5px 0;bottom:4px;margin-left:-5px}.rc-tooltip-placement-top .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-topLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-topRight .rc-tooltip-arrow{right:15%}.rc-tooltip-placement-right .rc-tooltip-arrow,.rc-tooltip-placement-rightBottom .rc-tooltip-arrow,.rc-tooltip-placement-rightTop .rc-tooltip-arrow{border-right-color:#373737;border-width:5px 5px 5px 0;left:4px;margin-top:-5px}.rc-tooltip-placement-right .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-rightTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-rightBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-left .rc-tooltip-arrow,.rc-tooltip-placement-leftBottom .rc-tooltip-arrow,.rc-tooltip-placement-leftTop .rc-tooltip-arrow{border-left-color:#373737;border-width:5px 0 5px 5px;margin-top:-5px;right:4px}.rc-tooltip-placement-left .rc-tooltip-arrow{top:50%}.rc-tooltip-placement-leftTop .rc-tooltip-arrow{margin-top:0;top:15%}.rc-tooltip-placement-leftBottom .rc-tooltip-arrow{bottom:15%}.rc-tooltip-placement-bottom .rc-tooltip-arrow,.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{border-bottom-color:#373737;border-width:0 5px 5px;margin-left:-5px;top:4px}.rc-tooltip-placement-bottom .rc-tooltip-arrow{left:50%}.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow{left:15%}.rc-tooltip-placement-bottomRight .rc-tooltip-arrow{right:15%}.tracking-container{margin:50px auto;max-width:700px;padding:20px}.tracking-title{font-size:26px;margin-bottom:10px}.current-status{font-size:16px;margin-bottom:30px}.current-status span{color:green;font-weight:700}.timeline{display:flex;flex-direction:column}.timeline-step{align-items:flex-start;display:flex}.timeline-left{align-items:center;display:flex;flex-direction:column;margin-right:20px}.dot{background-color:#ccc;border-radius:50%;height:14px;width:14px;z-index:2}.dot.completed{background-color:#28a745}.line{background-color:#ccc;height:50px;margin-top:4px;width:3px}.line.completed{background-color:#28a745}.timeline-content{padding-bottom:30px}.timeline-content h4{font-size:18px;margin:0}.timeline-content p{color:#777;margin:4px 0 0}.chat-float-btn{align-items:center;background:linear-gradient(135deg,var(--color-primary-red) 0,var(--color-primary-maroon) 100%);border:none;border-radius:50%;bottom:80px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:40px;height:80px;justify-content:center;padding:0;position:fixed;right:35px;transition:box-shadow var(--transition-fast),-webkit-transform var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),-webkit-transform var(--transition-fast);width:80px;z-index:1000}.chat-float-btn svg{height:45px;width:45px}.chat-float-btn:hover{box-shadow:0 8px 24px rgba(215,25,32,.4);-webkit-transform:scale(1.1);transform:scale(1.1)}.chat-float-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.chat-window{-webkit-animation:slideInRight .3s ease-out;animation:slideInRight .3s ease-out;background:var(--color-surface);border-left:1px solid var(--color-border);border-radius:0;bottom:0;box-shadow:-5px 0 15px rgba(0,0,0,.1);color:var(--color-text);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1000}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}body.chat-open #root{margin-right:400px;transition:margin-right .3s ease}.chat-header{align-items:center;background:linear-gradient(135deg,var(--color-primary-red) 0,var(--color-primary-maroon) 100%);border-radius:0;color:#fff;display:flex;justify-content:space-between;padding:15px}.chat-header strong{font-size:22px;font-weight:600}.chat-header button{background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:30px;padding:0;transition:background var(--transition-fast);width:30px}.chat-header button:hover{background:hsla(0,0%,100%,.2)}.chat-body{background:var(--color-surface-alt);flex:1 1;overflow-y:auto;padding:15px}.chat-welcome{padding:20px;text-align:center}.chat-welcome,.chat-welcome p{color:var(--color-text-secondary)}.chat-welcome p{font-size:1.4rem;font-weight:600;margin:10px 0}.chat-welcome ul{list-style:none;margin-top:15px;padding:0}.chat-welcome li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary-red);cursor:pointer;font-size:14px;margin:8px 0;padding:10px;transition:all var(--transition-fast)}.chat-welcome li:hover{background:var(--color-hover);border-color:var(--color-primary-red)}.chat-message{word-wrap:break-word;-webkit-animation:messageSlide .3s ease-out;animation:messageSlide .3s ease-out;border-radius:12px;font-size:14px;line-height:1.4;margin:10px 0;max-width:75%;padding:10px 14px;white-space:pre-wrap}@-webkit-keyframes messageSlide{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes messageSlide{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.chat-message.user{background:linear-gradient(135deg,var(--color-primary-red) 0,var(--color-primary-maroon) 100%);border-bottom-right-radius:4px;color:#fff;margin-left:auto}.chat-message.bot{background:var(--color-surface);border:1px solid var(--color-border);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm);color:var(--color-text)}.typing-indicator{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;display:inline-block}@-webkit-keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.product-cards{display:flex;flex-direction:column;gap:10px;margin-top:10px}.product-card{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:12px;padding:10px;transition:all var(--transition-fast)}.product-card:hover{background:var(--color-hover);border-color:var(--color-primary-red);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.product-card img{border-radius:6px;height:60px;object-fit:cover;width:60px}.product-card h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;flex:1 1;font-size:13px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis}.product-card p{color:var(--color-primary-red);font-size:14px;font-weight:700;margin:0}.chat-footer{background:var(--color-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--color-border);display:flex;gap:8px;padding:12px}.chat-footer input{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text);flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:border-color var(--transition-fast)}.chat-footer input:focus{border-color:var(--color-primary-red);box-shadow:0 0 0 3px var(--color-focus)}.chat-footer input:disabled{background:var(--color-surface-alt);cursor:not-allowed;opacity:.6}.chat-footer input::-webkit-input-placeholder{color:var(--color-text-tertiary)}.chat-footer input::placeholder{color:var(--color-text-tertiary)}.chat-footer button{background:linear-gradient(135deg,var(--color-primary-red) 0,var(--color-primary-maroon) 100%);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:box-shadow var(--transition-fast),-webkit-transform var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast);transition:transform var(--transition-fast),box-shadow var(--transition-fast),-webkit-transform var(--transition-fast)}.chat-footer button:hover:not(:disabled){box-shadow:0 4px 12px rgba(215,25,32,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.chat-footer button:disabled{cursor:not-allowed;opacity:.6}.mic-btn{align-items:center!important;background:transparent!important;border:2px solid var(--color-primary-red)!important;border-radius:50%!important;color:var(--color-primary-red)!important;display:flex!important;height:45px!important;justify-content:center!important;margin-left:5px;padding:0!important;transition:all .2s ease!important;width:45px!important}.mic-btn,.mic-btn:hover{box-shadow:none!important}.mic-btn:hover{background-color:var(--color-hover)!important;-webkit-transform:scale(1.05)!important;transform:scale(1.05)!important}.mic-btn svg{height:24px;width:24px}.chat-lang-select{-webkit-appearance:none;appearance:none;background-color:var(--color-surface);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid var(--color-border);border-radius:20px;color:var(--color-text);cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:8px 12px;width:100%}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:var(--color-surface)}.chat-body::-webkit-scrollbar-thumb{background:var(--color-primary-red);border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:var(--color-primary-maroon)}@media (max-width:480px){.chat-window{bottom:80px;height:450px;right:10px;width:calc(100vw - 20px)}.chat-float-btn{bottom:15px;right:15px}}.pos-container{background-color:#f5f5f5;color:#333;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.pos-header{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.pos-header h2{color:#333;margin:0 0 15px}.merchant-info{align-items:center;display:flex;gap:10px;justify-content:space-between}.pos-customer-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.pos-customer-section h5{color:#555;margin-bottom:15px}.customer-lookup{align-items:center;display:flex;gap:10px}.customer-lookup .btn{white-space:nowrap}.customer-info-card{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;display:flex;flex-direction:column;gap:10px;margin-top:15px;padding:12px}.customer-info-main{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.customer-loyalty-badge{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404;display:flex;font-size:14px;gap:8px;padding:8px 12px}.customer-loyalty-badge i{font-size:16px}.merchant-info label{color:#555;font-weight:600}.merchant-info input{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;flex:1 1;font-size:14px;padding:8px 12px}.pos-scanner-section{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.barcode-reader,.pos-scanner-section{border:1px solid #e0e0e0;border-radius:8px}.barcode-reader{margin:0 auto 20px;max-width:500px;overflow:hidden;width:100%}.scanner-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn{border-radius:6px;font-size:16px;min-width:150px;padding:12px 24px}.btn-scan{background-color:#28a745;color:#fff}.btn-scan:hover:not(:disabled){background-color:#218838}.btn-stop{background-color:#dc3545;color:#fff}.btn-stop:hover{background-color:#c82333}.btn-upload{background-color:#007bff;color:#fff;display:inline-block;text-align:center}.btn-upload:hover:not(:disabled){background-color:#0056b3}.pos-cart{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px}.pos-cart h3{color:#333;font-size:24px;margin:0 0 20px}.empty-cart{color:#888;font-size:16px;padding:40px 20px;text-align:center}.cart-items{margin-bottom:20px}.cart-item{align-items:center;background-color:#fff;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s}.cart-item:hover{background-color:#f9f9f9}.item-details{display:flex;flex-direction:column;gap:5px}.item-name{color:#333;font-size:16px;font-weight:600}.item-quantity{color:#666;font-size:14px}.item-price{align-items:center;display:flex;gap:15px}.item-price span{color:#28a745;font-size:18px;font-weight:600}.btn-remove{align-items:center;background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;transition:background-color .2s;width:30px}.btn-remove:hover{background-color:#c82333}.cart-total{border-top:2px solid #333;margin-top:15px;padding-top:15px}.cart-total h4{color:#28a745;font-size:24px;margin:0 0 20px;text-align:right}.btn-checkout{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px;transition:background-color .3s;width:100%}.btn-checkout:hover{background-color:#218838}.payment-modal-overlay{align-items:center;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;background-color:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{-webkit-animation:slideUp .3s ease;animation:slideUp .3s ease;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-height:90vh;max-width:550px;overflow-y:auto;width:90%}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.payment-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.payment-modal-header h3{font-size:22px;font-weight:600;margin:0}.close-btn{align-items:center;background:hsla(0,0%,100%,.2);border-radius:50%;color:#fff;display:flex;font-size:28px;height:35px;justify-content:center;transition:background .2s;width:35px}.close-btn:hover{background:hsla(0,0%,100%,.3)}.payment-modal-body{color:#333;padding:25px}.payment-summary{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:25px;padding:20px}.payment-summary h4{color:#333;font-size:18px;margin:0 0 15px}.summary-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.summary-row:last-child{border-bottom:none}.summary-row.final-total{border-top:2px solid #333;margin-top:8px;padding-top:12px}.total-amount{color:#28a745;font-size:24px;font-weight:700}.customer-linked{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-top:10px;padding:10px}.loyalty-section{background:#fff8e1;border:2px solid #ffc107;border-radius:8px;margin:15px 0;padding:15px}.loyalty-points-display{border-bottom:1px solid #ffecb3;display:flex;flex-direction:column;gap:5px;margin-bottom:12px;padding-bottom:12px}.loyalty-points-display i{font-size:20px;margin-right:8px}.loyalty-points-display span{color:#856404;font-size:15px}.loyalty-points-display small{color:#856404;font-size:12px;margin-left:28px;opacity:.8}.loyalty-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s}.loyalty-checkbox:hover{background:#fff3cd}.loyalty-checkbox input[type=checkbox]{accent-color:#ffc107;cursor:pointer;height:20px;width:20px}.loyalty-checkbox span{color:#856404;font-size:14px;font-weight:500}.discount-row{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-weight:600;margin:10px 0;padding:10px}.payment-method-section{margin-bottom:25px}.payment-method-section h5{color:#555;font-size:16px;font-weight:600;margin:0 0 15px}.payment-methods{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.payment-option{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:20px;transition:all .3s}.payment-option:hover{background:#f8f9ff;border-color:#667eea}.payment-option.active{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea;box-shadow:0 4px 15px rgba(102,126,234,.2)}.payment-option input[type=radio]{display:none}.payment-option-content{align-items:center;display:flex;flex-direction:column;gap:10px}.payment-option-content i{color:#667eea;font-size:32px}.payment-option-content span{color:#333;font-size:16px;font-weight:600}.amount-section{margin-bottom:20px}.amount-section label{color:#555;display:block;font-size:15px;font-weight:600;margin-bottom:8px}.amount-input{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;font-size:18px;font-weight:600;padding:12px 15px;transition:border-color .3s;width:100%}.amount-input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.change-display{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:flex;font-weight:600;gap:8px;margin-top:12px;padding:12px}.payment-modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:2px solid #f0f0f0;display:flex;gap:12px;padding:20px 25px}.btn-cancel{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:background .3s}.btn-cancel:hover{background:#5a6268}.btn-confirm-payment{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(40,167,69,.3);color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s}.btn-confirm-payment:hover{box-shadow:0 6px 20px rgba(40,167,69,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.pos-container{padding:10px}.pos-cart,.pos-header,.pos-scanner-section{padding:15px}.merchant-info{align-items:stretch}.merchant-info,.scanner-controls{flex-direction:column}.btn{width:100%}.cart-item{align-items:flex-start;flex-direction:column;gap:10px}.item-price{justify-content:space-between;width:100%}.payment-modal{max-height:95vh;width:95%}.payment-methods{grid-template-columns:1fr}.payment-modal-footer{flex-direction:column}.btn-cancel,.btn-confirm-payment{width:100%}}html.dark-mode .pos-container{background-color:#000;color:#fff}html.dark-mode .pos-cart,html.dark-mode .pos-customer-section,html.dark-mode .pos-header,html.dark-mode .pos-scanner-section{background-color:#000;border:1px solid #fff;box-shadow:0 2px 4px hsla(0,0%,100%,.1)}html.dark-mode .amount-section label,html.dark-mode .item-name,html.dark-mode .merchant-info label,html.dark-mode .payment-modal-body,html.dark-mode .payment-option-content span,html.dark-mode .payment-summary h4,html.dark-mode .pos-cart h3,html.dark-mode .pos-customer-section h5,html.dark-mode .pos-header h2{color:#fff}html.dark-mode .amount-input,html.dark-mode .form-control,html.dark-mode .merchant-info input{background-color:#000!important;border:1px solid #fff!important;color:#fff!important}html.dark-mode .amount-input:focus,html.dark-mode .form-control:focus,html.dark-mode .merchant-info input:focus{border-color:#667eea!important;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)!important}html.dark-mode .cart-item{background-color:#000;border-bottom:1px solid #fff}html.dark-mode .cart-item:hover{background-color:#111}html.dark-mode .item-quantity,html.dark-mode .text-muted{color:#ccc!important}html.dark-mode .cart-total{border-top:2px solid #fff}html.dark-mode .payment-modal{background:#000;border:1px solid #fff;box-shadow:0 10px 40px hsla(0,0%,100%,.1)}html.dark-mode .payment-modal-header{border-bottom:2px solid #fff}html.dark-mode .payment-summary{background:#000;border:1px solid #fff}html.dark-mode .summary-row{border-bottom:1px solid #fff}html.dark-mode .summary-row.final-total{border-top:2px solid #fff}html.dark-mode .customer-linked{background:#000;border:1px solid #28a745;color:#28a745}html.dark-mode .loyalty-section{background:#000;border:2px solid #ffc107}html.dark-mode .loyalty-points-display{border-bottom:1px solid #ffc107}html.dark-mode .loyalty-checkbox span,html.dark-mode .loyalty-points-display small,html.dark-mode .loyalty-points-display span{color:#ffc107}html.dark-mode .loyalty-checkbox:hover{background:#111}html.dark-mode .discount-row{background:#000;border:1px solid #28a745;color:#28a745}html.dark-mode .payment-method-section h5{color:#fff}html.dark-mode .payment-option{background-color:#000;border:2px solid #fff}html.dark-mode .payment-option:hover{background:#111}html.dark-mode .change-display{background:#000;border:1px solid #ffc107;color:#ffc107}html.dark-mode .payment-modal-footer{background:#000;border-top:2px solid #fff}html.dark-mode .customer-info-card{background-color:#000;border:1px solid #28a745;color:#28a745}html.dark-mode .customer-loyalty-badge{background:#000;border:1px solid #ffc107;color:#ffc107}.helpdesk-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.helpdesk-header{background:linear-gradient(135deg,#dc3545,#c82333);border-radius:10px;color:#fff;margin-bottom:30px;padding:40px;text-align:center}.helpdesk-header h1{font-size:2.5rem;margin:0 0 10px}.helpdesk-header p{font-size:1.1rem;margin:0;opacity:.9}.tabs{border-bottom:2px solid #ddd;display:flex;gap:10px;margin-bottom:30px}.tab-btn{background:none;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.tab-btn:hover{color:#dc3545}.tab-btn.active{border-bottom-color:#dc3545;color:#dc3545}.faq-section,.tickets-section{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.faq-section h2,.tickets-header h2{color:#333;margin:0}.btn{font-size:1rem;padding:10px 20px}.btn-primary{background:#dc3545}.btn-primary:hover{background:#c82333;box-shadow:0 4px 12px rgba(220,53,69,.4)}.btn-outline{background:transparent;border:2px solid #ddd;color:#666}.btn-outline:hover{border-color:#dc3545;color:#dc3545}.btn:disabled{cursor:not-allowed;opacity:.5}.ticket-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:25px;padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.1);outline:none}.form-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:25px}.filter-section{margin-bottom:20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{background:#fff;border:2px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.filter-btn:hover{border-color:#dc3545;color:#dc3545}.filter-btn.active{background:#dc3545;border-color:#dc3545;color:#fff}.tickets-list{grid-gap:15px;display:grid;gap:15px}.ticket-card{background:#fff;border-left:4px solid #dc3545;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;padding:20px;transition:all .3s ease}.ticket-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.ticket-id-section h3{color:#333;margin:5px 0}.ticket-id{background:#f0f0f0;border-radius:4px;color:#666;display:inline-block;font-family:monospace;font-size:.95rem;margin-bottom:5px;padding:4px 8px}.ticket-badges{display:flex;gap:8px}.badge{border-radius:20px;font-size:.95rem;font-weight:600;padding:6px 12px}.status-badge{background:#e3f2fd;color:#1976d2}.badge-warning{background:#fff3e0;color:#f57c00}.badge-info{background:#e3f2fd;color:#1976d2}.badge-success{background:#e8f5e9;color:#388e3c}.badge-secondary{background:#f5f5f5;color:#666}.priority-low{background:#e8f5e9;color:#388e3c}.priority-medium{background:#fff3e0;color:#f57c00}.priority-high{background:#ffebee;color:#d32f2f}.priority-urgent{background:#ffcdd2;color:#b71c1c}.ticket-body{margin-bottom:12px}.ticket-category{color:#666;font-size:1rem;margin:0 0 8px}.ticket-description{color:#555;line-height:1.5;margin:0}.ticket-footer{align-items:center;color:#999;display:flex;font-size:.95rem;justify-content:space-between}.ticket-date,.ticket-messages{align-items:center;display:flex;gap:5px}.loading{color:#666;font-size:1.1rem;padding:40px;text-align:center}.empty-state{background:#fff;border-radius:8px;padding:60px 20px;text-align:center}.empty-state p{color:#666;margin:10px 0}.empty-subtitle{color:#999;font-size:.95rem}.faq-list{grid-gap:15px;display:grid;gap:15px}.faq-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.faq-question{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:20px}.faq-question h4{font-size:1.1rem;margin:0}.faq-category{background:hsla(0,0%,100%,.3);border-radius:20px;font-size:.95rem;padding:4px 12px;white-space:nowrap}.faq-answer{background:#fafafa;padding:20px}.faq-answer p{color:#555;line-height:1.6;margin:0}.faq-footer{background:#fff;border-top:1px solid #eee;display:flex;gap:10px;padding:15px 20px}.helpful-btn,.unhelpful-btn{background:#fff;border:1px solid #ddd;border-radius:5px;color:#666;cursor:pointer;flex:1 1;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.helpful-btn:hover{background:#e8f5e9;border-color:#388e3c;color:#388e3c}.unhelpful-btn:hover{background:#ffebee;border-color:#d32f2f;color:#d32f2f}@media (max-width:768px){.helpdesk-header{padding:25px}.helpdesk-header h1{font-size:1.8rem}.tickets-header{align-items:stretch;flex-direction:column;gap:15px}.btn{width:100%}.ticket-header{flex-direction:column}.ticket-badges{margin-top:10px}.ticket-footer{flex-direction:column;gap:8px}.faq-question{align-items:flex-start;flex-direction:column}.faq-category{margin-top:10px}}html.dark-mode .helpdesk-container{background:#1a1a1a}html.dark-mode .tab-btn{color:#ccc}html.dark-mode .tab-btn.active,html.dark-mode .tab-btn:hover{color:#dc3545}html.dark-mode .faq-section h2,html.dark-mode .tickets-header h2{color:#fff}html.dark-mode .empty-state,html.dark-mode .faq-footer,html.dark-mode .faq-item,html.dark-mode .ticket-card,html.dark-mode .ticket-form{background:#2d2d2d;color:#fff}html.dark-mode .form-group label{color:#fff}html.dark-mode .form-group input,html.dark-mode .form-group select,html.dark-mode .form-group textarea{background:#333;border-color:#555;color:#fff}html.dark-mode .ticket-id-section h3{color:#fff}html.dark-mode .ticket-id{background:#444;color:#ddd}html.dark-mode .ticket-category,html.dark-mode .ticket-description{color:#ccc}html.dark-mode .faq-answer{background:#333}html.dark-mode .faq-answer p{color:#ddd}html.dark-mode .filter-btn,html.dark-mode .helpful-btn,html.dark-mode .unhelpful-btn{background:#333;border-color:#555;color:#ddd}html.dark-mode .empty-state p{color:#ccc}html.dark-mode .empty-subtitle{color:#999}.admin-dashboard{background-color:var(--color-bg);color:var(--color-text);margin:0;max-width:100%;min-height:100vh;padding:20px;transition:all var(--transition-base);width:100%}.dashboard-header{background:linear-gradient(135deg,var(--color-primary-red) 0,var(--color-primary-maroon) 100%);border-radius:10px;color:#fff;margin-bottom:25px;padding:30px}.dashboard-header h1{flex:1 1;font-size:2rem;margin:0}.view-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:25px}.view-tab{background:none;border:none;border-bottom:3px solid transparent;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px}.view-tab:hover{color:#667eea}.view-tab.active{border-bottom-color:#667eea;color:#667eea}.overview-section{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{align-items:center;background-color:var(--color-surface);border-radius:10px;border-top:4px solid var(--color-primary-red);box-shadow:var(--shadow-md);color:var(--color-text);display:flex;flex-direction:column;padding:18px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:8px;display:flex;font-size:2.5rem;height:60px;justify-content:center;margin-bottom:10px;width:60px}.stat-content{width:100%}.stat-label{color:var(--color-text-tertiary);font-size:.95rem;font-weight:500;margin:0}.stat-value{color:var(--color-text);font-size:1.8rem;font-weight:700;margin:5px 0 0}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.chart-container{background-color:var(--color-surface);border-radius:8px;box-shadow:var(--shadow-md);padding:20px}.chart-container h3{color:var(--color-text);margin-top:0}.chart-bars{display:flex;flex-direction:column;gap:15px}.bar-item{align-items:center;display:flex;gap:10px}.bar-label{color:#666;font-weight:500;min-width:100px}.bar{background:#f0f0f0;border-radius:4px;flex:1 1;height:30px;overflow:hidden;position:relative}.bar-fill{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1rem;font-weight:700;height:100%;justify-content:flex-end;padding-right:10px;transition:width .3s ease}.issue-list{display:flex;flex-direction:column;gap:10px}.issue-item{align-items:center;background:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;padding:10px}.issue-type{color:#333;font-weight:500}.issue-count{color:#667eea;font-weight:700}.tickets-section{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.filter-bar{display:flex;gap:10px;margin-bottom:20px}.filter-select{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);cursor:pointer;font-size:1rem;padding:10px 15px}.filter-select:focus{border-color:var(--color-primary-red);box-shadow:0 0 0 3px var(--color-focus);outline:none}.tickets-container{display:block;min-height:600px;width:100%}@media (max-width:1024px){.tickets-container{grid-template-columns:1fr;max-height:none}}.tickets-list-pane{grid-gap:15px;border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-md);display:grid;gap:15px;grid-template-columns:repeat(4,1fr);overflow-y:auto}.ticket-item,.tickets-list-pane{background-color:var(--color-surface);color:var(--color-text);padding:15px}.ticket-item{border:1px solid var(--color-border);border-left:4px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.ticket-item:hover{background-color:var(--color-surface-alt)}.ticket-item.active,.ticket-item:hover{border-left-color:var(--color-primary-red)}.ticket-item.active{background-color:var(--color-hover);box-shadow:inset 3px 0 0 var(--color-primary-red)}.ticket-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ticket-item-id{color:#666;font-family:monospace;font-size:.95rem;font-weight:700}.priority-badge{border-radius:4px;color:#fff;font-size:.85rem;font-weight:700;padding:4px 8px}.priority-low{background:#4caf50}.priority-medium{background:#ff9800}.priority-high{background:#f44336}.priority-urgent{background:#9c27b0}.ticket-item-subject{color:#333;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-item-customer{color:#999;font-size:1rem;margin:0 0 8px}.ticket-item-status{display:flex;gap:8px}.status-badge{border-radius:4px;font-size:.85rem;font-weight:700;padding:4px 8px}.status-open{background:#e8f4f8;color:#01579b}.status-in_progress{background:#fff3e0;color:#e65100}.status-resolved{background:#e8f5e9;color:#1b5e20}.status-closed{background:#f5f5f5;color:#424242}.ticket-detail-pane{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-md);color:var(--color-text);max-height:800px;overflow-y:auto;padding:25px}.detail-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.detail-header h3{color:var(--color-text);margin:0}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem}.close-btn:hover{color:#333}.detail-content h4{color:var(--color-text);margin-top:0}.detail-description{color:#666;line-height:1.6;margin-bottom:20px}.detail-meta{grid-gap:10px;background:#f9f9f9;border-radius:5px;display:grid;gap:10px;margin-bottom:20px;padding:15px}.meta-item{display:flex;justify-content:space-between}.meta-label{color:#666;font-weight:600}.messages-section{margin:20px 0}.messages-section h5{color:#333;margin-top:0}.messages-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.message{background:#f9f9f9;border-radius:5px;padding:12px}.message-user{background:#e3f2fd;border-left:3px solid #667eea}.message-admin{background:#e8f5e9;border-left:3px solid #4caf50}.message-sender{color:#333;font-size:1rem;font-weight:700;margin:0 0 5px}.internal-badge{background:#ffebee;border-radius:3px;color:#c62828;display:inline-block;font-size:.85rem;margin-left:8px;padding:2px 6px}.message-text{color:#555;margin:5px 0}.message-time{color:#999;font-size:.9rem;margin:5px 0 0}.actions-section{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.reply-box{margin-bottom:15px}.reply-box textarea{background-color:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);font-family:inherit;font-size:1rem;padding:10px;resize:vertical;width:100%}.reply-box textarea:focus{border-color:var(--color-primary-red);box-shadow:0 0 0 3px var(--color-focus);outline:none}.action-buttons{display:flex;gap:10px}.btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 15px;transition:all .3s ease}.btn-primary{background:var(--color-primary-red);color:#fff}.btn-primary:hover{background:var(--color-primary-maroon)}.btn-success{background:#4caf50;color:#fff}.btn-success:hover{background:#388e3c}.btn-warning{background:#ff9800;color:#fff}.btn-warning:hover{background:#e65100}.staff-section{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}.staff-section h3{color:#333;margin-top:0}.staff-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.staff-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;transition:all .3s ease}.staff-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.staff-card h4{color:#333;margin:0 0 5px}.staff-email{color:#999;font-size:.9rem;margin:0 0 15px}.staff-stats{display:flex;flex-direction:column;gap:10px}.stat{background:#f9f9f9;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.stat .label{color:#666;font-weight:500}.stat .value{color:#667eea;font-weight:700}.empty,.loading{color:#999;padding:40px;text-align:center}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:1024px){.tickets-container{grid-template-columns:1fr}.tickets-list-pane{grid-template-columns:repeat(2,1fr);max-height:300px}}@media (max-width:768px){.dashboard-header h1{font-size:1.5rem}.stats-grid,.tickets-list-pane{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%}.view-tabs{flex-wrap:wrap}}.admin-dashboard input,.admin-dashboard select,.admin-dashboard textarea{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.admin-dashboard input::-webkit-input-placeholder,.admin-dashboard textarea::-webkit-input-placeholder{color:var(--color-text-tertiary)}.admin-dashboard input::placeholder,.admin-dashboard textarea::placeholder{color:var(--color-text-tertiary)}.admin-dashboard input:focus,.admin-dashboard select:focus,.admin-dashboard textarea:focus{background-color:var(--color-surface);border-color:var(--color-primary-red);box-shadow:0 0 0 3px var(--color-focus);color:var(--color-text);outline:none}.view-tabs{border-bottom-color:var(--color-border)}.view-tab{color:var(--color-text-secondary);transition:all .3s ease}.view-tab.active,.view-tab:hover{color:var(--color-primary-red)}.view-tab.active{border-bottom-color:var(--color-primary-red)}.detail-meta{background-color:var(--color-surface-alt);border-color:var(--color-border)}.meta-item{color:var(--color-text)}.meta-label{color:var(--color-text-secondary)}.issue-item{background-color:var(--color-surface-alt)}.issue-type{color:var(--color-text)}.issue-count{color:var(--color-primary-red)}.close-btn{color:var(--color-text-tertiary)}.close-btn:hover{color:var(--color-text)}
/*# sourceMappingURL=main.1d399fc7.css.map*/