@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&family=Poppins:wght@400;500;700&display=swap";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .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-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--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(to right, #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-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-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,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-page .auth-image{position:relative;background-image:url(/path-to-your-image.jpg);background-size:cover;background-position:center;min-height:600px}.admin-auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e74c3c' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:-2;opacity:.5}.admin-auth-page:after{content:"";position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:600px;height:600px;background:url(/doctor-bg.jpg) center/contain no-repeat;z-index:-1;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e4e7eb);padding:20px}.error-page .error-content{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:480px;width:100%}.error-page .error-content .error-icon{color:#dc3545;margin-bottom:20px;animation:pulse 2s infinite}.error-page .error-content h1{font-size:72px;color:#dc3545;margin:0;line-height:1}.error-page .error-content h2{font-size:24px;color:#343a40;margin:16px 0}.error-page .error-content p{color:#6c757d;margin-bottom:24px;font-size:16px;line-height:1.5}.error-page .error-content .error-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.error-page .error-content .error-actions .primary-btn,.error-page .error-content .error-actions .secondary-btn{padding:12px 24px;border-radius:8px;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.error-page .error-content .error-actions .primary-btn:hover,.error-page .error-content .error-actions .secondary-btn:hover{transform:translateY(-2px)}.error-page .error-content .error-actions .primary-btn{background:#0d6efd;color:#fff;border:none;cursor:pointer}.error-page .error-content .error-actions .primary-btn:hover{background:#0b5ed7}.error-page .error-content .error-actions .secondary-btn{background:#f8f9fa;color:#212529;border:1px solid #dee2e6}.error-page .error-content .error-actions .secondary-btn:hover{background:#e9ecef}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.create-sales-container{padding:1rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.create-sales-container .page-header{text-align:center;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a}.create-sales-container .page-header h1{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#2d3748;font-size:1.8rem;margin-bottom:.25rem;font-weight:700}.create-sales-container .page-header h1 .header-icon{color:#ed1b24;font-size:1.5rem}.create-sales-container .page-header p{color:#718096;font-size:.9rem;margin:0}.create-sales-container .sales-content{display:flex;flex-direction:column;gap:1rem}.create-sales-container .sales-content .sales-form-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 15px #0000001a}.create-sales-container .sales-content .sales-form-card .sales-form .form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.create-sales-container .sales-content .sales-form-card .sales-form .form-row:last-child{margin-bottom:0}.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row{display:flex;gap:2rem;align-items:flex-start}.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row .payment-method-group{flex:2}.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row .microfinance-group{flex:1}.create-sales-container .sales-content .sales-form-card .sales-form .form-group{display:flex;flex-direction:column;gap:.25rem}.create-sales-container .sales-content .sales-form-card .sales-form .form-group label{display:flex;align-items:center;gap:.25rem;font-weight:600;color:#2d3748;font-size:.75rem;margin-bottom:.25rem}.create-sales-container .sales-content .sales-form-card .sales-form .form-group label .input-icon{color:#ed1b24;font-size:.8rem}.create-sales-container .sales-content .sales-form-card .sales-form .form-group input,.create-sales-container .sales-content .sales-form-card .sales-form .form-group select{width:100%;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:.8rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.create-sales-container .sales-content .sales-form-card .sales-form .form-group input:focus,.create-sales-container .sales-content .sales-form-card .sales-form .form-group select:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}.create-sales-container .sales-content .sales-form-card .sales-form .form-group input::placeholder,.create-sales-container .sales-content .sales-form-card .sales-form .form-group select::placeholder{color:#a0aec0}.create-sales-container .sales-content .sales-form-card .sales-form .form-group input.readonly-input,.create-sales-container .sales-content .sales-form-card .sales-form .form-group select.readonly-input{background:#f7fafc;color:#4a5568;cursor:not-allowed;border-color:#e2e8f0}.create-sales-container .sales-content .sales-form-card .sales-form .form-group input.readonly-input:focus,.create-sales-container .sales-content .sales-form-card .sales-form .form-group select.readonly-input:focus{border-color:#e2e8f0;box-shadow:none}.create-sales-container .sales-content .sales-form-card .sales-form .form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:.8rem;padding-right:2rem}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options .payment-option{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#fff;min-width:100px}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options .payment-option:hover{border-color:#ed1b24;background:#fef2f2}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options .payment-option input[type=radio]{width:auto;margin:0;accent-color:#ed1b24}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options .payment-option .payment-label{display:flex;align-items:center;gap:.25rem;font-weight:500;color:#4a5568;font-size:.8rem}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options .payment-option .payment-label .payment-icon{font-size:.9rem;color:#ed1b24}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options .payment-option:has(input:checked){border-color:#ed1b24;background:#fef2f2}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options .payment-option:has(input:checked) .payment-label{color:#ed1b24}.create-sales-container .sales-content .sales-form-card .sales-form .submit-btn{width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ed1b24,#b71c1c);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.create-sales-container .sales-content .sales-form-card .sales-form .submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#c41e3a,#8b0000);transform:translateY(-1px);box-shadow:0 4px 15px #ed1b244d}.create-sales-container .sales-content .sales-form-card .sales-form .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-sales-container .sales-content .sales-form-card .sales-form .submit-btn .spinner{animation:spin 1s linear infinite}.create-sales-container .sales-content .stats-summary{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 4px 15px #0000001a}.create-sales-container .sales-content .stats-summary h3{color:#ed1b24;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.create-sales-container .sales-content .stats-summary .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.create-sales-container .sales-content .stats-summary .stats-grid .stat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #ed1b24}.create-sales-container .sales-content .stats-summary .stats-grid .stat-item .stat-icon{color:#ed1b24;font-size:1.2rem}.create-sales-container .sales-content .stats-summary .stats-grid .stat-item .stat-info{display:flex;flex-direction:column}.create-sales-container .sales-content .stats-summary .stats-grid .stat-item .stat-info .stat-value{font-size:1rem;font-weight:700;color:#333}.create-sales-container .sales-content .stats-summary .stats-grid .stat-item .stat-info .stat-label{font-size:.7rem;color:#666;margin-top:.1rem}.create-sales-container .sales-content .transactions-section{background:#fff;padding:1rem;border-radius:10px;box-shadow:0 4px 15px #0000001a}.create-sales-container .sales-content .transactions-section h3{color:#ed1b24;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.create-sales-container .sales-content .transactions-section .transactions-list{max-height:200px;overflow-y:auto}.create-sales-container .sales-content .transactions-section .transactions-list .transaction-item{display:flex;align-items:center;padding:.4rem 0;border-bottom:1px solid #f0f0f0;font-size:.75rem}.create-sales-container .sales-content .transactions-section .transactions-list .transaction-item:last-child{border-bottom:none}.create-sales-container .sales-content .transactions-section .transactions-list .transaction-item .transaction-number{color:#666;font-weight:500;min-width:20px}.create-sales-container .sales-content .transactions-section .transactions-list .transaction-item .transaction-invoice{color:#333;font-weight:500;margin-left:.5rem;flex:1}.create-sales-container .sales-content .transactions-section .transactions-list .transaction-item .transaction-amount{color:#ed1b24;font-weight:600;margin-left:auto}.create-sales-container .sales-content .transactions-section .transactions-list .no-transactions{text-align:center;color:#666;font-style:italic;padding:1rem;font-size:.8rem}@media (max-width: 1024px){.create-sales-container .sales-content .sales-form-card .sales-form .form-row{grid-template-columns:repeat(2,1fr)}.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row{flex-direction:column;gap:1rem}.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row .payment-method-group,.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row .microfinance-group{flex:1}.create-sales-container .sales-content .stats-summary .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.create-sales-container{padding:.75rem}.create-sales-container .page-header{padding:1rem;margin-bottom:.75rem}.create-sales-container .page-header h1{font-size:1.5rem;flex-direction:column;gap:.25rem}.create-sales-container .sales-content .sales-form-card{padding:1rem}.create-sales-container .sales-content .sales-form-card .sales-form .form-row{grid-template-columns:1fr;gap:.75rem}.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row{flex-direction:column;gap:.75rem}.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row .payment-method-group,.create-sales-container .sales-content .sales-form-card .sales-form .form-row.payment-row .microfinance-group{flex:1}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options{flex-direction:column;gap:.5rem}.create-sales-container .sales-content .sales-form-card .sales-form .payment-options .payment-option{min-width:auto}.create-sales-container .sales-content .stats-summary{padding:.75rem}.create-sales-container .sales-content .stats-summary .stats-grid{grid-template-columns:1fr;gap:.75rem}.create-sales-container .sales-content .transactions-section{padding:.75rem}}@media (max-width: 480px){.create-sales-container{padding:.5rem}.create-sales-container .page-header{padding:.75rem}.create-sales-container .page-header h1{font-size:1.3rem}.create-sales-container .sales-content .sales-form-card{padding:.75rem}}.sales-history-container .filters-section .filters-row .filter-group .search-input{padding-left:2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cpath d='m21 21-4.35-4.35'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}.sales-history-container .filters-section .filters-row .filter-group .select-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.cashier-purchase-container{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.cashier-purchase-container .page-header{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#ed1b24,#c41319);border-radius:15px;box-shadow:0 8px 25px #0000001a;color:#fff}.cashier-purchase-container .page-header h1{display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.cashier-purchase-container .page-header h1 .header-icon{color:#fff;font-size:2rem}.cashier-purchase-container .page-header p{color:#ffffffe6;font-size:1.1rem;margin:0}.cashier-purchase-container .loading-spinner{display:flex;justify-content:center;align-items:center;padding:4rem;font-size:1.5rem;color:#ed1b24}.cashier-purchase-container .payment-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.cashier-purchase-container .payment-stats .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #ed1b24;transition:transform .3s ease,box-shadow .3s ease}.cashier-purchase-container .payment-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.cashier-purchase-container .payment-stats .stat-card .stat-value{font-size:2rem;font-weight:700;color:#ed1b24;margin-bottom:.5rem}.cashier-purchase-container .payment-stats .stat-card .stat-label{color:#718096;font-weight:500;font-size:.9rem}.cashier-purchase-container .filters-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.cashier-purchase-container .filters-section .filters-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:end}.cashier-purchase-container .filters-section .filters-row .filter-group{display:flex;flex-direction:column;gap:.5rem}.cashier-purchase-container .filters-section .filters-row .filter-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#2d3748;font-size:.9rem}.cashier-purchase-container .filters-section .filters-row .filter-group label .filter-icon{color:#ed1b24}.cashier-purchase-container .filters-section .filters-row .filter-group .search-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.cashier-purchase-container .filters-section .filters-row .filter-group .search-input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.cashier-purchase-container .filters-section .filters-row .filter-group .search-input::placeholder{color:#a0aec0}.cashier-purchase-container .filters-section .filters-row .filter-group .add-payment-btn{background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 2px 8px #ed1b244d}.cashier-purchase-container .filters-section .filters-row .filter-group .add-payment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed1b2466}.cashier-purchase-container .filters-section .filters-row .filter-group .add-payment-btn:active{transform:translateY(0)}.cashier-purchase-container .vendors-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.cashier-purchase-container .vendors-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.cashier-purchase-container .vendors-section .section-header h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.cashier-purchase-container .vendors-section .vendors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.cashier-purchase-container .vendors-section .vendors-grid .vendor-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;cursor:default}.cashier-purchase-container .vendors-section .vendors-grid .vendor-card:hover{border-color:#ed1b24;box-shadow:0 4px 15px #ed1b241a}.cashier-purchase-container .vendors-section .vendors-grid .vendor-card .vendor-info .vendor-name{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:#2d3748;margin-bottom:.75rem}.cashier-purchase-container .vendors-section .vendors-grid .vendor-card .vendor-info .vendor-name .vendor-icon{color:#ed1b24}.cashier-purchase-container .vendors-section .vendors-grid .vendor-card .vendor-info .vendor-contact{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.cashier-purchase-container .vendors-section .vendors-grid .vendor-card .vendor-info .vendor-contact span{font-size:.9rem;color:#718096}.cashier-purchase-container .vendors-section .vendors-grid .vendor-card .vendor-info .vendor-balance{font-size:1rem;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:.5rem}.cashier-purchase-container .vendors-section .vendors-grid .vendor-card .vendor-info .vendor-balance .credit-label{background:#ed1b24;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.cashier-purchase-container .payments-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a}.cashier-purchase-container .payments-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.cashier-purchase-container .payments-section .section-header h2{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0}.cashier-purchase-container .payments-section .payments-table-container{overflow-x:auto}.cashier-purchase-container .payments-section .payments-table-container .no-payments{text-align:center;padding:4rem 2rem;color:#718096;font-size:1.1rem}.cashier-purchase-container .payments-section .payments-table-container .no-payments .no-payments-icon{font-size:3rem;color:#e2e8f0;margin-bottom:1rem}.cashier-purchase-container .payments-section .payments-table-container .payments-table{width:100%;border-collapse:collapse;font-size:.9rem}.cashier-purchase-container .payments-section .payments-table-container .payments-table thead{background:#f8fafc}.cashier-purchase-container .payments-section .payments-table-container .payments-table thead th{padding:1rem;text-align:left;font-weight:600;color:#2d3748;border-bottom:2px solid #e2e8f0;white-space:nowrap}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr{transition:background-color .2s ease}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr:hover{background:#f8fafc}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#4a5568}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.amount{font-weight:600;color:#ed1b24}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.status-cell .status-icon{margin-right:.5rem}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.status-cell .status-icon.approved{color:#38a169}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.status-cell .status-icon.rejected{color:#e53e3e}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.status-cell .status-icon.pending{color:#d69e2e}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.status-cell .status-text{font-weight:500;text-transform:capitalize}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.status-cell .status-text.approved{color:#38a169}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.status-cell .status-text.rejected{color:#e53e3e}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.status-cell .status-text.pending{color:#d69e2e}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.actions-cell .action-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;margin-right:.5rem}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.actions-cell .action-btn.print-btn{background:#ed1b241a;color:#ed1b24}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.actions-cell .action-btn.print-btn:hover{background:#ed1b2433;transform:translateY(-1px)}.cashier-purchase-container .payments-section .payments-table-container .payments-table tbody tr td.actions-cell .action-btn svg{font-size:1rem}.cashier-purchase-container .payment-modal-overlay,.cashier-purchase-container .print-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.cashier-purchase-container .payment-modal,.cashier-purchase-container .print-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 40px #0003}.cashier-purchase-container .payment-modal .payment-modal-header,.cashier-purchase-container .payment-modal .print-modal-header,.cashier-purchase-container .print-modal .payment-modal-header,.cashier-purchase-container .print-modal .print-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border-radius:12px 12px 0 0}.cashier-purchase-container .payment-modal .payment-modal-header h3,.cashier-purchase-container .payment-modal .print-modal-header h3,.cashier-purchase-container .print-modal .payment-modal-header h3,.cashier-purchase-container .print-modal .print-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.cashier-purchase-container .payment-modal .payment-modal-header .close-btn,.cashier-purchase-container .payment-modal .print-modal-header .close-btn,.cashier-purchase-container .print-modal .payment-modal-header .close-btn,.cashier-purchase-container .print-modal .print-modal-header .close-btn{background:#fff3;border:none;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cashier-purchase-container .payment-modal .payment-modal-header .close-btn:hover,.cashier-purchase-container .payment-modal .print-modal-header .close-btn:hover,.cashier-purchase-container .print-modal .payment-modal-header .close-btn:hover,.cashier-purchase-container .print-modal .print-modal-header .close-btn:hover{background:#ffffff4d}.cashier-purchase-container .payment-modal .payment-modal-header .close-btn svg,.cashier-purchase-container .payment-modal .print-modal-header .close-btn svg,.cashier-purchase-container .print-modal .payment-modal-header .close-btn svg,.cashier-purchase-container .print-modal .print-modal-header .close-btn svg{font-size:1.2rem}.cashier-purchase-container .payment-modal .payment-modal-content,.cashier-purchase-container .payment-modal .print-modal-content,.cashier-purchase-container .print-modal .payment-modal-content,.cashier-purchase-container .print-modal .print-modal-content{padding:1.5rem}.cashier-purchase-container .payment-modal .payment-modal-content .form-row,.cashier-purchase-container .payment-modal .print-modal-content .form-row,.cashier-purchase-container .print-modal .payment-modal-content .form-row,.cashier-purchase-container .print-modal .print-modal-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.cashier-purchase-container .payment-modal .payment-modal-content .form-row,.cashier-purchase-container .payment-modal .print-modal-content .form-row,.cashier-purchase-container .print-modal .payment-modal-content .form-row,.cashier-purchase-container .print-modal .print-modal-content .form-row{grid-template-columns:1fr}}.cashier-purchase-container .payment-modal .payment-modal-content .form-group,.cashier-purchase-container .payment-modal .print-modal-content .form-group,.cashier-purchase-container .print-modal .payment-modal-content .form-group,.cashier-purchase-container .print-modal .print-modal-content .form-group{margin-bottom:1.5rem}.cashier-purchase-container .payment-modal .payment-modal-content .form-group label,.cashier-purchase-container .payment-modal .print-modal-content .form-group label,.cashier-purchase-container .print-modal .payment-modal-content .form-group label,.cashier-purchase-container .print-modal .print-modal-content .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#2d3748;font-size:.9rem}.cashier-purchase-container .payment-modal .payment-modal-content .form-group label .input-icon,.cashier-purchase-container .payment-modal .print-modal-content .form-group label .input-icon,.cashier-purchase-container .print-modal .payment-modal-content .form-group label .input-icon,.cashier-purchase-container .print-modal .print-modal-content .form-group label .input-icon{color:#ed1b24}.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-input,.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-select,.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-textarea,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-input,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-select,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-textarea,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-input,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-select,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-textarea,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-input,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-select,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-input:focus,.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-select:focus,.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-textarea:focus,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-input:focus,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-select:focus,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-textarea:focus,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-input:focus,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-select:focus,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-textarea:focus,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-input:focus,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-select:focus,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-textarea:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-input::placeholder,.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-select::placeholder,.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-textarea::placeholder,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-input::placeholder,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-select::placeholder,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-textarea::placeholder,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-input::placeholder,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-select::placeholder,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-textarea::placeholder,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-input::placeholder,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-select::placeholder,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-textarea::placeholder{color:#a0aec0}.cashier-purchase-container .payment-modal .payment-modal-content .form-group .form-select,.cashier-purchase-container .payment-modal .print-modal-content .form-group .form-select,.cashier-purchase-container .print-modal .payment-modal-content .form-group .form-select,.cashier-purchase-container .print-modal .print-modal-content .form-group .form-select{cursor:pointer}.cashier-purchase-container .payment-modal .payment-modal-content .form-group .radio-group,.cashier-purchase-container .payment-modal .print-modal-content .form-group .radio-group,.cashier-purchase-container .print-modal .payment-modal-content .form-group .radio-group,.cashier-purchase-container .print-modal .print-modal-content .form-group .radio-group{display:flex;gap:1rem;margin-top:.5rem}.cashier-purchase-container .payment-modal .payment-modal-content .form-group .radio-group .radio-label,.cashier-purchase-container .payment-modal .print-modal-content .form-group .radio-group .radio-label,.cashier-purchase-container .print-modal .payment-modal-content .form-group .radio-group .radio-label,.cashier-purchase-container .print-modal .print-modal-content .form-group .radio-group .radio-label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#4a5568;cursor:pointer}.cashier-purchase-container .payment-modal .payment-modal-content .form-group .radio-group .radio-label input[type=radio],.cashier-purchase-container .payment-modal .print-modal-content .form-group .radio-group .radio-label input[type=radio],.cashier-purchase-container .print-modal .payment-modal-content .form-group .radio-group .radio-label input[type=radio],.cashier-purchase-container .print-modal .print-modal-content .form-group .radio-group .radio-label input[type=radio]{accent-color:#ed1b24}.cashier-purchase-container .payment-modal .payment-modal-content .vendor-balance-info,.cashier-purchase-container .payment-modal .print-modal-content .vendor-balance-info,.cashier-purchase-container .print-modal .payment-modal-content .vendor-balance-info,.cashier-purchase-container .print-modal .print-modal-content .vendor-balance-info{margin-bottom:1.5rem}.cashier-purchase-container .payment-modal .payment-modal-content .vendor-balance-info .balance-card,.cashier-purchase-container .payment-modal .print-modal-content .vendor-balance-info .balance-card,.cashier-purchase-container .print-modal .payment-modal-content .vendor-balance-info .balance-card,.cashier-purchase-container .print-modal .print-modal-content .vendor-balance-info .balance-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center}.cashier-purchase-container .payment-modal .payment-modal-content .vendor-balance-info .balance-card h4,.cashier-purchase-container .payment-modal .print-modal-content .vendor-balance-info .balance-card h4,.cashier-purchase-container .print-modal .payment-modal-content .vendor-balance-info .balance-card h4,.cashier-purchase-container .print-modal .print-modal-content .vendor-balance-info .balance-card h4{color:#2d3748;margin-bottom:.5rem;font-size:1rem}.cashier-purchase-container .payment-modal .payment-modal-content .vendor-balance-info .balance-card .balance-amount,.cashier-purchase-container .payment-modal .print-modal-content .vendor-balance-info .balance-card .balance-amount,.cashier-purchase-container .print-modal .payment-modal-content .vendor-balance-info .balance-card .balance-amount,.cashier-purchase-container .print-modal .print-modal-content .vendor-balance-info .balance-card .balance-amount{font-size:1.5rem;font-weight:700;color:#ed1b24;display:flex;align-items:center;justify-content:center;gap:.5rem}.cashier-purchase-container .payment-modal .payment-modal-content .vendor-balance-info .balance-card .balance-amount .credit-text,.cashier-purchase-container .payment-modal .print-modal-content .vendor-balance-info .balance-card .balance-amount .credit-text,.cashier-purchase-container .print-modal .payment-modal-content .vendor-balance-info .balance-card .balance-amount .credit-text,.cashier-purchase-container .print-modal .print-modal-content .vendor-balance-info .balance-card .balance-amount .credit-text{background:#ed1b24;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.cashier-purchase-container .payment-modal .payment-modal-content .receipt-preview,.cashier-purchase-container .payment-modal .print-modal-content .receipt-preview,.cashier-purchase-container .print-modal .payment-modal-content .receipt-preview,.cashier-purchase-container .print-modal .print-modal-content .receipt-preview{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.cashier-purchase-container .payment-modal .payment-modal-content .receipt-preview h4,.cashier-purchase-container .payment-modal .print-modal-content .receipt-preview h4,.cashier-purchase-container .print-modal .payment-modal-content .receipt-preview h4,.cashier-purchase-container .print-modal .print-modal-content .receipt-preview h4{color:#2d3748;margin-bottom:1rem;font-size:1.1rem}.cashier-purchase-container .payment-modal .payment-modal-content .receipt-preview .preview-info p,.cashier-purchase-container .payment-modal .print-modal-content .receipt-preview .preview-info p,.cashier-purchase-container .print-modal .payment-modal-content .receipt-preview .preview-info p,.cashier-purchase-container .print-modal .print-modal-content .receipt-preview .preview-info p{margin:.5rem 0;color:#4a5568;font-size:.9rem}.cashier-purchase-container .payment-modal .payment-modal-content .receipt-preview .preview-info p strong,.cashier-purchase-container .payment-modal .print-modal-content .receipt-preview .preview-info p strong,.cashier-purchase-container .print-modal .payment-modal-content .receipt-preview .preview-info p strong,.cashier-purchase-container .print-modal .print-modal-content .receipt-preview .preview-info p strong{color:#2d3748}.cashier-purchase-container .payment-modal .payment-modal-content .received-by-section .received-by-input,.cashier-purchase-container .payment-modal .print-modal-content .received-by-section .received-by-input,.cashier-purchase-container .print-modal .payment-modal-content .received-by-section .received-by-input,.cashier-purchase-container .print-modal .print-modal-content .received-by-section .received-by-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.cashier-purchase-container .payment-modal .payment-modal-content .received-by-section .received-by-input:focus,.cashier-purchase-container .payment-modal .print-modal-content .received-by-section .received-by-input:focus,.cashier-purchase-container .print-modal .payment-modal-content .received-by-section .received-by-input:focus,.cashier-purchase-container .print-modal .print-modal-content .received-by-section .received-by-input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.cashier-purchase-container .payment-modal .payment-modal-content .received-by-section .received-by-input::placeholder,.cashier-purchase-container .payment-modal .print-modal-content .received-by-section .received-by-input::placeholder,.cashier-purchase-container .print-modal .payment-modal-content .received-by-section .received-by-input::placeholder,.cashier-purchase-container .print-modal .print-modal-content .received-by-section .received-by-input::placeholder{color:#a0aec0}.cashier-purchase-container .payment-modal .payment-modal-actions,.cashier-purchase-container .payment-modal .print-modal-actions,.cashier-purchase-container .print-modal .payment-modal-actions,.cashier-purchase-container .print-modal .print-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.cashier-purchase-container .payment-modal .payment-modal-actions .cancel-btn,.cashier-purchase-container .payment-modal .print-modal-actions .cancel-btn,.cashier-purchase-container .print-modal .payment-modal-actions .cancel-btn,.cashier-purchase-container .print-modal .print-modal-actions .cancel-btn{background:#fff;color:#4a5568;border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cashier-purchase-container .payment-modal .payment-modal-actions .cancel-btn:hover,.cashier-purchase-container .payment-modal .print-modal-actions .cancel-btn:hover,.cashier-purchase-container .print-modal .payment-modal-actions .cancel-btn:hover,.cashier-purchase-container .print-modal .print-modal-actions .cancel-btn:hover{background:#f8fafc;border-color:#cbd5e0}.cashier-purchase-container .payment-modal .payment-modal-actions .submit-btn,.cashier-purchase-container .payment-modal .payment-modal-actions .print-btn,.cashier-purchase-container .payment-modal .print-modal-actions .submit-btn,.cashier-purchase-container .payment-modal .print-modal-actions .print-btn,.cashier-purchase-container .print-modal .payment-modal-actions .submit-btn,.cashier-purchase-container .print-modal .payment-modal-actions .print-btn,.cashier-purchase-container .print-modal .print-modal-actions .submit-btn,.cashier-purchase-container .print-modal .print-modal-actions .print-btn{background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #ed1b244d}.cashier-purchase-container .payment-modal .payment-modal-actions .submit-btn:hover,.cashier-purchase-container .payment-modal .payment-modal-actions .print-btn:hover,.cashier-purchase-container .payment-modal .print-modal-actions .submit-btn:hover,.cashier-purchase-container .payment-modal .print-modal-actions .print-btn:hover,.cashier-purchase-container .print-modal .payment-modal-actions .submit-btn:hover,.cashier-purchase-container .print-modal .payment-modal-actions .print-btn:hover,.cashier-purchase-container .print-modal .print-modal-actions .submit-btn:hover,.cashier-purchase-container .print-modal .print-modal-actions .print-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed1b2466}.cashier-purchase-container .payment-modal .payment-modal-actions .submit-btn:active,.cashier-purchase-container .payment-modal .payment-modal-actions .print-btn:active,.cashier-purchase-container .payment-modal .print-modal-actions .submit-btn:active,.cashier-purchase-container .payment-modal .print-modal-actions .print-btn:active,.cashier-purchase-container .print-modal .payment-modal-actions .submit-btn:active,.cashier-purchase-container .print-modal .payment-modal-actions .print-btn:active,.cashier-purchase-container .print-modal .print-modal-actions .submit-btn:active,.cashier-purchase-container .print-modal .print-modal-actions .print-btn:active{transform:translateY(0)}.cashier-purchase-container .payment-modal .payment-modal-actions .submit-btn:disabled,.cashier-purchase-container .payment-modal .payment-modal-actions .print-btn:disabled,.cashier-purchase-container .payment-modal .print-modal-actions .submit-btn:disabled,.cashier-purchase-container .payment-modal .print-modal-actions .print-btn:disabled,.cashier-purchase-container .print-modal .payment-modal-actions .submit-btn:disabled,.cashier-purchase-container .print-modal .payment-modal-actions .print-btn:disabled,.cashier-purchase-container .print-modal .print-modal-actions .submit-btn:disabled,.cashier-purchase-container .print-modal .print-modal-actions .print-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.cashier-purchase-container{padding:1rem}.cashier-purchase-container .payment-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.cashier-purchase-container .filters-section .filters-row{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.cashier-purchase-container .page-header h1{font-size:2rem}.cashier-purchase-container .payments-table-container .payments-table{min-width:800px}.cashier-purchase-container .payment-modal,.cashier-purchase-container .print-modal{max-width:95%;margin:.5rem}}.purchase-management-container .filters-section .search-input{width:100%;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box;padding:.75rem 1rem .75rem 2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cpath d='m21 21-4.35-4.35'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}.vendor-management-container .filters-section .filters-row .filter-group .search-input{width:100%;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box;padding:.75rem 1rem .75rem 2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cpath d='m21 21-4.35-4.35'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;padding:0;margin:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:Poppins,sans-serif;font-weight:400;font-size:1rem;line-height:1.6;color:#2c2c2c;background-color:ivory;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#1b365d}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}p.lead{font-size:1.125rem;font-weight:500}a{color:#1b365d;text-decoration:none;transition:all .2s ease-in-out}a:hover{color:#d9a5b3}ul,ol{margin-bottom:1rem;padding-left:1.5rem}.btn,.btn-gold,.btn-accent,.btn-secondary,.btn-primary{font-family:Poppins,sans-serif;font-weight:500;text-transform:none}blockquote{font-family:Playfair Display,serif;font-style:italic;font-size:1.125rem;color:#1b365d;border-left:4px solid #d4af37;padding-left:1rem;margin:1.5rem 0}small{font-size:.875rem}::selection{background:#d9a5b3;color:#fff}.product-card__actions .btn,.product-card__actions .btn-gold,.product-card__actions .btn-accent,.product-card__actions .btn-secondary,.product-card__actions .btn-primary{flex:1}.product-card__actions .btn:not(:last-child),.product-card__actions .btn-gold:not(:last-child),.product-card__actions .btn-accent:not(:last-child),.product-card__actions .btn-secondary:not(:last-child),.product-card__actions .btn-primary:not(:last-child){margin-right:.75rem}.site-header .nav-bar .main-nav .dropdown-content .dropdown-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='rgba(255,255,255,0.1)' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.2}.btn,.btn-gold,.btn-accent,.btn-secondary,.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;cursor:pointer;transition:all all .2s ease-in-out ease-in-out;text-align:center}.btn:focus,.btn-gold:focus,.btn-accent:focus,.btn-secondary:focus,.btn-primary:focus{outline:none}.btn i,.btn-gold i,.btn-accent i,.btn-secondary i,.btn-primary i,.btn svg,.btn-gold svg,.btn-accent svg,.btn-secondary svg,.btn-primary svg{margin-right:.5rem}.btn-primary{background-color:#1b365d;color:ivory;border:none}.btn-primary:hover,.btn-primary:focus{background-color:#101f35}.btn-secondary{background-color:transparent;color:#1b365d;border:1px solid #1b365d}.btn-secondary:hover,.btn-secondary:focus{background-color:#1b365d1a}.btn-accent{background-color:#d9a5b3;color:ivory;border:none}.btn-accent:hover,.btn-accent:focus{background-color:#ca8195}.btn-gold{background-color:#d4af37;color:#1b365d;border:none}.btn-gold:hover,.btn-gold:focus{background-color:#b29126}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-block{display:block;width:100%}.btn-link{background:none;border:none;padding:.5rem;color:#1b365d;font-weight:500;text-decoration:none;cursor:pointer}.btn-link:hover,.btn-link:focus{color:#d4af37;text-decoration:underline}.card,.info-card,.featured-card,.product-card{background-color:ivory;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:box-shadow all .2s ease-in-out ease-in-out}.card:hover,.info-card:hover,.featured-card:hover,.product-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.product-card{display:flex;flex-direction:column;height:100%}.product-card__image-container{position:relative;padding-top:100%;overflow:hidden;background-color:#fffff5}.product-card__image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform all .2s ease-in-out ease-in-out}.product-card__image-container .quick-view-btn{position:absolute;bottom:1rem;left:50%;transform:translate(-50%) translateY(1.5rem);opacity:0;transition:all all .2s ease-in-out ease-in-out;background-color:#fffff0e6;color:#1b365d;border:none;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;z-index:2}.product-card__image-container .badge{position:absolute;top:.75rem;right:.75rem;padding:.5rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;z-index:2}.product-card__image-container .badge--sale{background-color:#d9a5b3;color:ivory}.product-card__image-container .badge--new{background-color:#d4af37;color:#1b365d}.product-card__image-container .badge--bestseller{background-color:#1b365d;color:ivory}.product-card:hover .product-card__image-container img{transform:scale(1.05)}.product-card:hover .product-card__image-container .quick-view-btn{transform:translate(-50%) translateY(0);opacity:1}.product-card__content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.product-card__title{font-family:Playfair Display,serif;font-size:1.125rem;font-weight:500;color:#1b365d;margin-bottom:.5rem;line-height:1.2}.product-card__title a{color:inherit;text-decoration:none}.product-card__title a:hover{color:#d4af37}.product-card__category{font-size:.875rem;color:#5f5f5f;margin-bottom:.75rem}.product-card__description{font-size:.875rem;color:#2c2c2c;margin-bottom:1rem;flex-grow:1}.product-card__price-container{display:flex;align-items:center;margin-bottom:1rem}.product-card__price{font-weight:700;color:#1b365d;font-size:1.125rem;margin-right:.75rem}.product-card__original-price{font-size:.875rem;color:#797979;text-decoration:line-through}.product-card__actions{display:flex;justify-content:space-between}.product-card__actions .btn,.product-card__actions .btn-primary,.product-card__actions .btn-secondary,.product-card__actions .btn-accent,.product-card__actions .btn-gold{flex:1}.product-card__actions .btn:not(:last-child),.product-card__actions .btn-primary:not(:last-child),.product-card__actions .btn-secondary:not(:last-child),.product-card__actions .btn-accent:not(:last-child),.product-card__actions .btn-gold:not(:last-child){margin-right:.75rem}.featured-card{display:grid;grid-template-columns:1fr;overflow:hidden}@media (min-width: 768px){.featured-card{grid-template-columns:1fr 1fr}}.featured-card__image{height:100%;min-height:300px;background-size:cover;background-position:center}.featured-card__content{padding:2rem;display:flex;flex-direction:column;justify-content:center}.featured-card__title{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#1b365d;margin-bottom:1rem}.featured-card__description{margin-bottom:1.5rem;color:#2c2c2c;font-size:1.125rem}.info-card{padding:1.5rem;text-align:center}.info-card__icon{margin:0 auto 1rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#d4af37}.info-card__icon svg{width:100%;height:100%}.info-card__title{font-family:Playfair Display,serif;font-size:1.25rem;color:#1b365d;margin-bottom:.75rem}.info-card__description{color:#2c2c2c}.site-header{position:sticky;top:0;z-index:1020;background-color:ivory;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;transform:translateZ(0);-webkit-font-smoothing:antialiased;backface-visibility:hidden;perspective:1000px}.site-header .top-bar{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top;height:38px;opacity:1;visibility:visible;overflow:visible;transform:translateY(0)}.site-header .nav-bar{transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:top;height:55px;opacity:1;visibility:visible;overflow:visible;transform:translateY(0);position:relative;background-color:ivory}.site-header .nav-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#1b365d1a;transform:scaleY(1);transition:transform .3s cubic-bezier(.4,0,.2,1)}.site-header.is-scrolled{box-shadow:0 2px 8px #1b365d14}.site-header.is-scrolled .top-bar,.site-header.is-scrolled .nav-bar{height:0;opacity:0;visibility:hidden;transform:translateY(-100%);margin:0;padding:0;pointer-events:none}.site-header.is-scrolled .nav-bar:after{transform:scaleY(0)}.site-header.is-scrolled .main-header{border-bottom:1px solid rgba(27,54,93,.1);padding:.75rem 0}.site-header .main-header{padding:1rem 0;background-color:ivory;position:relative;z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.site-header .top-bar{background-color:#d4af37;padding:8px 0;height:38px}.site-header .top-bar .container{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}@media (min-width: 640px){.site-header .top-bar .container{padding:0 2rem}}.site-header .top-bar .top-bar-content{display:flex;justify-content:space-between;align-items:center}.site-header .top-bar .top-bar-content .welcome-text{color:#1b365d;font-size:13px;font-weight:500;letter-spacing:.3px}.site-header .top-bar .top-bar-links{display:flex;gap:1.5rem}.site-header .top-bar .top-bar-links a{color:#1b365d;text-decoration:none;font-size:12px;font-weight:500;letter-spacing:.5px;transition:all .2s ease;position:relative}.site-header .top-bar .top-bar-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:#1b365d;transform:scaleX(0);transition:transform .2s ease;transform-origin:right}.site-header .top-bar .top-bar-links a:hover{color:#0a1422}.site-header .top-bar .top-bar-links a:hover:after{transform:scaleX(1);transform-origin:left}.site-header .main-header{padding:1rem 0;background-color:ivory;border-bottom:1px solid rgba(27,54,93,.1)}.site-header .main-header .container{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}@media (min-width: 640px){.site-header .main-header .container{padding:0 2rem}}.site-header .main-header .header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.site-header .main-header .logo h1{font-family:Playfair Display,serif;font-weight:700;font-size:32px;color:#d4af37;margin:0;display:flex;align-items:center;transition:color .3s ease}.site-header .main-header .logo h1 .domain{color:#1b365d;font-size:24px;margin-left:2px;transition:color .3s ease}.site-header .main-header .logo h1:hover{color:#b29126}.site-header .main-header .logo h1:hover .domain{color:#d4af37}.site-header .main-header .logo a{text-decoration:none}.site-header .main-header .search-container{flex:1;max-width:600px;margin:0 auto}.site-header .main-header .search-container .search-box{display:flex;align-items:center;border:2px solid #d4af37;border-radius:8px;overflow:hidden;transition:all .3s all .2s ease-in-out}.site-header .main-header .search-container .search-box:focus-within{border-color:#b29126;box-shadow:0 0 0 4px #d4af3726;transform:translateY(-1px)}.site-header .main-header .search-container .search-box .search-input{flex:1;padding:12px 16px;border:none;outline:none;font-size:1rem;color:#1b365d;background:ivory}.site-header .main-header .search-container .search-box .search-input::placeholder{color:#1b365d80;transition:color .2s ease}.site-header .main-header .search-container .search-box .search-input:focus::placeholder{color:#1b365db3}.site-header .main-header .search-container .search-box .search-button{background:#d4af37;border:none;padding:12px 20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.site-header .main-header .search-container .search-box .search-button svg{color:#1b365d;transition:all .2s ease}.site-header .main-header .search-container .search-box .search-button:hover{background:#c7a22b}.site-header .main-header .search-container .search-box .search-button:hover svg{transform:scale(1.1)}.site-header .nav-bar{background:ivory;border-bottom:1px solid rgba(27,54,93,.1)}.site-header .nav-bar .container{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}@media (min-width: 640px){.site-header .nav-bar .container{padding:0 2rem}}.site-header .nav-bar .nav-inner{display:flex;align-items:center;justify-content:flex-start;height:55px;position:relative}.site-header .nav-bar .nav-inner .header-actions{margin-left:auto}.site-header .nav-bar .main-nav .nav-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.site-header .nav-bar .main-nav .nav-item{position:relative}.site-header .nav-bar .main-nav .nav-item.dropdown:hover .dropdown-content{visibility:visible;opacity:1;transform:translateY(0);z-index:100}.site-header .nav-bar .main-nav .nav-item.dropdown .nav-link{padding-right:18px;position:relative}.site-header .nav-bar .main-nav .nav-item.dropdown .nav-link:after{content:"";position:absolute;right:0;top:50%;margin-top:-3px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .3s ease}.site-header .nav-bar .main-nav .nav-item.dropdown:hover .nav-link:after{transform:rotate(-135deg) translateY(3px)}.site-header .nav-bar .main-nav .nav-link{color:#1b365d;text-decoration:none;font-weight:500;font-size:1rem;padding:14px 0;transition:all .2s ease;position:relative;display:flex;align-items:center}.site-header .nav-bar .main-nav .nav-link:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,#d4af37,#b29126);transform:scaleX(0);transition:transform .25s ease;transform-origin:right}.site-header .nav-bar .main-nav .nav-link:hover,.site-header .nav-bar .main-nav .nav-link.active{color:#d4af37}.site-header .nav-bar .main-nav .nav-link:hover:before,.site-header .nav-bar .main-nav .nav-link.active:before{transform:scaleX(1);transform-origin:left}.site-header .nav-bar .main-nav .dropdown-content{position:absolute;top:calc(100% + 1px);left:-20px;transform:translateY(20px);width:80vw;max-width:1000px;min-width:320px;background:ivory;border-radius:12px;box-shadow:0 12px 30px #1b365d26,0 4px 10px #1b365d1a;padding:0;visibility:hidden;opacity:0;transition:transform .4s all .2s ease-in-out,opacity .3s ease,visibility .3s ease;z-index:-1}.site-header .nav-bar .main-nav .dropdown-content:before{content:"";position:absolute;top:-10px;left:50px;width:20px;height:10px;clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:ivory}@media (max-width: 767px){.site-header .nav-bar .main-nav .dropdown-content:before{left:20px}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-banner{background:linear-gradient(135deg,#d4af37,#9d8022);padding:1rem;border-radius:12px 12px 0 0;color:ivory;text-align:center;box-shadow:0 2px 10px #9d802240;position:relative;overflow:hidden}.site-header .nav-bar .main-nav .dropdown-content .dropdown-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='rgba(255,255,255,0.1)' fill-rule='evenodd'/%3E%3C/svg%3E");opacity:.2}.site-header .nav-bar .main-nav .dropdown-content .dropdown-banner h3{font-family:Playfair Display,serif;font-size:1.25rem;margin:0 0 .5rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.2)}.site-header .nav-bar .main-nav .dropdown-content .dropdown-banner p{margin:0;font-size:.875rem;opacity:.9}.site-header .nav-bar .main-nav .dropdown-content .dropdown-banner.naturals{background:linear-gradient(135deg,#7d9d72,#597350);box-shadow:0 2px 10px #59735040}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel{display:flex;width:100%;min-height:250px;max-height:450px}@media (max-width: 1023px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel{flex-direction:column;max-height:80vh}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list{width:200px;min-width:200px;border-right:1px solid rgba(27,54,93,.1);background:#1b365d08;flex-shrink:0}@media (max-width: 1023px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list{width:100%;border-right:none;border-bottom:1px solid rgba(27,54,93,.1);max-height:200px;background-color:#1b365d0a}}@media (max-width: 767px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list{max-height:150px}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list *{scrollbar-width:none!important;-ms-overflow-style:none!important}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}@media (max-width: 639px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li{margin:0;transition:all .2s ease;position:relative}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li:after{content:"";position:absolute;top:0;right:0;height:100%;width:3px;background:#d4af37;opacity:0;transition:opacity .2s ease}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li:hover,.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li.active{background-color:#1b365d0d}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li:hover:after,.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li.active:after{opacity:1}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li:hover a,.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li.active a{color:#d4af37;padding-left:18px;font-weight:700}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li a{display:block;padding:10px 30px 10px 15px;color:#1b365d;text-decoration:none;font-weight:500;transition:all .2s ease;border-bottom:1px solid rgba(27,54,93,.05);position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li a:after{content:"→";position:absolute;right:15px;top:50%;transform:translateY(-50%);opacity:0;transition:all .2s ease}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li a:hover:after,li.active .site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list ul li a{opacity:1;right:12px}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list .loading-categories,.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .categories-list .no-categories{text-align:center;padding:2rem;color:#1b365db3;font-style:italic}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel{flex:1;padding:1rem 1.5rem;background-color:ivory}@media (max-width: 1023px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel{padding:1rem .75rem}}@media (max-width: 639px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel{padding:1rem .75rem}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel *{scrollbar-width:none!important;-ms-overflow-style:none!important}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container{animation:fadeIn .3s ease;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;height:100%;width:100%;justify-content:flex-start;align-items:flex-start}@media (max-width: 767px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container{padding:.5rem;flex-direction:column}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .category-image{width:150px;max-width:150px;height:130px;border-radius:.375rem;overflow:hidden;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(27,54,93,.1);flex-shrink:0;align-self:flex-start;margin-left:1rem}@media (max-width: 639px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .category-image{height:100px;width:150px;max-width:150px;margin:1rem auto}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .category-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .category-image:hover img{transform:scale(1.05)}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .category-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(212,175,55,.2);text-align:left;width:100%;flex-basis:100%;order:-1}@media (max-width: 767px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .category-header{margin-bottom:.75rem;padding-bottom:.5rem;text-align:center}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .category-description{color:#1b365dcc;margin-bottom:0;font-size:1rem;font-weight:500;line-height:1.5;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list{margin-bottom:1rem;flex-grow:1;background-color:#1b365d05;border-radius:.375rem;padding:1rem;border:1px solid rgba(27,54,93,.08);min-width:250px;max-width:50%;flex-basis:50%}@media (max-width: 767px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list{padding:.75rem;flex-basis:100%;min-width:auto}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list h5{font-weight:500;font-size:1rem;margin:0 0 .75rem;color:#1b365d;border-bottom:1px solid rgba(27,54,93,.1);padding-bottom:8px}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}@media (max-width: 639px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul li{position:relative;margin-bottom:4px}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul li a{display:block;padding:10px 10px 10px 20px;color:#1b365d;text-decoration:none;transition:all .2s ease;font-size:.875rem;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#f5f5f0;border-radius:6px;border:1px solid rgba(27,54,93,.05);box-shadow:0 1px 2px #1b365d05;font-weight:500}@media (max-width: 639px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul li a{padding:12px 10px 12px 20px}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul li a:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:#d4af37;opacity:.7;transition:all .2s ease}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul li a:hover{color:#d4af37;transform:translate(3px);background-color:#1b365d0f;border-color:#1b365d1a}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul li a:hover:before{opacity:1;left:10px;width:7px;height:7px}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul li a:active{transform:translateY(1px);box-shadow:none}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .no-subcategories{color:#1b365d99;font-style:italic;font-size:.875rem;margin-bottom:1rem;padding:1rem;background-color:#1b365d05;border-radius:.25rem;text-align:center}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .view-all-products{display:inline-block;padding:10px 20px;background:#d4af37;color:#fff;text-decoration:none;border-radius:9999px;font-weight:500;font-size:.875rem;transition:all .2s ease;box-shadow:0 2px 6px #d4af3766;align-self:flex-start;margin-top:auto;text-align:center;flex-basis:100%;order:99}@media (max-width: 639px){.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .view-all-products{align-self:center;width:100%;margin-top:1rem}}.site-header .nav-bar .main-nav .dropdown-content .dropdown-panel .view-all-products:hover{background:#b29126;transform:translateY(-2px);box-shadow:0 4px 8px #d4af3780}.site-header .nav-bar .main-nav .dropdown-content .dropdown-footer{display:none}.site-header .nav-bar .header-actions{display:flex;align-items:center;gap:1.5rem}.site-header .nav-bar .header-actions .action-btn{color:#1b365d;display:flex;align-items:center;text-decoration:none;background:none;border:none;padding:8px;cursor:pointer;position:relative;transition:all .2s ease}.site-header .nav-bar .header-actions .action-btn svg{transition:all .2s ease}.site-header .nav-bar .header-actions .action-btn:hover{color:#d4af37}.site-header .nav-bar .header-actions .action-btn:hover svg{transform:scale(1.1)}.site-header .nav-bar .header-actions .action-btn .cart-badge{position:absolute;top:0;right:0;background:#d9a5b3;color:ivory;font-size:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:9px;padding:0 6px;font-weight:700;transform:translate(50%,-50%);box-shadow:0 2px 4px #d9a5b34d}.site-header .nav-bar .header-actions .action-btn .account-badge{position:absolute;top:3px;right:3px;width:8px;height:8px;background:#d4af37;border-radius:50%;border:2px solid #fffff0;box-shadow:0 0 0 1px #d4af37}.site-header .bottom-accent{height:4px;background:linear-gradient(to right,#d4af37,#b29126)}.site-header .menu-toggle{display:none;background:none;border:none;padding:10px;cursor:pointer}@media (max-width: 1023px){.site-header .menu-toggle{display:block}.site-header .menu-toggle .hamburger{display:block;width:24px;height:2px;background:#1b365d;position:relative;transition:all .3s ease}.site-header .menu-toggle .hamburger:before,.site-header .menu-toggle .hamburger:after{content:"";position:absolute;width:24px;height:2px;background:#1b365d;left:0;transition:all .3s ease}.site-header .menu-toggle .hamburger:before{top:-8px}.site-header .menu-toggle .hamburger:after{bottom:-8px}.site-header .menu-toggle .hamburger.is-active{background:transparent}.site-header .menu-toggle .hamburger.is-active:before{transform:rotate(45deg) translate(5px,5px)}.site-header .menu-toggle .hamburger.is-active:after{transform:rotate(-45deg) translate(5px,-5px)}}@media (max-width: 1023px){.site-header .nav-bar .main-nav{display:none}.site-header .nav-bar .main-nav.is-active{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:ivory;padding:80px 20px 20px;border-top:1px solid rgba(27,54,93,.1);box-shadow:0 4px 8px #1b365d1a;animation:fadeIn .3s ease-out forwards;overflow-y:auto;z-index:1050}.site-header .nav-bar .main-nav.is-active .nav-list{flex-direction:column;gap:0}.site-header .nav-bar .main-nav.is-active .nav-item{border-bottom:1px solid rgba(27,54,93,.1)}.site-header .nav-bar .main-nav.is-active .nav-item:last-child{border-bottom:none}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content{display:block;position:static;transform:none;visibility:visible;opacity:1;width:100%;margin-top:10px;margin-bottom:10px;box-shadow:none;max-height:none;border:1px solid rgba(27,54,93,.1);border-radius:8px;overflow:hidden}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content:before{display:none}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-banner{padding:.75rem}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-banner h3{font-size:1.125rem}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel{flex-direction:column;max-height:none}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .categories-list{width:100%;max-height:200px;border-right:none;border-bottom:1px solid rgba(27,54,93,.1)}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .categories-list ul{display:flex;flex-wrap:wrap}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .categories-list ul li{width:50%}}@media (max-width: 1023px) and (max-width: 639px){.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .categories-list ul li{width:100%}}@media (max-width: 1023px){.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .categories-list ul li a{padding:12px 15px;font-size:1rem;white-space:normal}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .subcategories-panel{padding:1rem}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .category-image{height:100px;width:150px;max-width:150px}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container h4{font-size:1.125rem}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list{padding:.75rem}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width: 1023px) and (max-width: 639px){.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 1023px){.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .dropdown-content .dropdown-panel .subcategories-panel .subcategories-container .subcategories-list ul li a{font-size:.875rem;padding:10px 8px 10px 20px;white-space:normal;height:auto}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .nav-link{display:flex;justify-content:space-between}.site-header .nav-bar .main-nav.is-active .nav-item.dropdown .nav-link:after{content:"+";margin-left:auto;font-size:24px;line-height:1;transform:none;border:none}.site-header .nav-bar .main-nav.is-active .nav-item.active .nav-link:after{content:"-"}.site-header .nav-bar .main-nav.is-active .nav-link{display:block;padding:1rem 0;font-size:1.125rem}.site-header .nav-bar .main-nav.is-active .nav-link:before{display:none}.site-header .menu-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:1000}}@media (max-width: 767px){.site-header .top-bar{display:none}.site-header.is-scrolled{transform:translateY(0)}.site-header.is-scrolled .nav-bar{height:0;opacity:0;visibility:hidden;overflow:hidden;padding:0;margin:0;border:none}.site-header .main-header{padding:.75rem 0}.site-header .main-header .header-inner{gap:1rem}.site-header .main-header .logo h1{font-size:24px}.site-header .main-header .logo h1 .domain{font-size:18px}}@media (max-width: 767px) and (max-width: 639px){.site-header .main-header .logo h1 .domain{display:none}}@media (max-width: 767px){.site-header .main-header .search-container{max-width:100%}.site-header .main-header .search-container .search-box .search-input{padding:10px 12px;font-size:.875rem}.site-header .main-header .search-container .search-box .search-button{padding:10px 15px}.site-header .header-actions{position:absolute;right:70px;top:50%;transform:translateY(-50%);gap:.75rem!important}}@media (max-width: 767px) and (max-width: 639px){.site-header .header-actions{right:60px}}.tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%,5px);background-color:#1b365d;color:ivory;padding:.5rem .75rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all all .1s ease-in-out ease-in-out;pointer-events:none;z-index:10;box-shadow:0 4px 12px #1b365d26}.tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%) rotate(45deg);width:8px;height:8px;background-color:#1b365d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html,body,div,nav,ul,ol{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,div::-webkit-scrollbar,nav::-webkit-scrollbar,ul::-webkit-scrollbar,ol::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.select-category-prompt{height:100%;display:flex;align-items:center;justify-content:center;width:100%;min-height:200px}.select-category-prompt p{color:#1b365d80;font-style:italic;font-size:1rem}.subcategory-link{display:block;padding:8px 12px;color:#2d3436;text-decoration:none;transition:all .3s ease;border-radius:4px}.subcategory-link:hover{background-color:#f8f9fa;color:#e63946;transform:translate(5px)}.subcategories-list h5{color:#2d3436;font-size:1rem;margin-bottom:1rem;padding:0 12px}.subcategories-list ul{list-style:none;padding:0;margin:0}.subcategories-list ul li{margin-bottom:4px}.subcategories-list ul li:last-child{margin-bottom:0}.user-menu{display:flex;gap:15px;position:relative}.profile-info,.cashier-management .cashier-card .cashier-details{padding:10px;border-bottom:1px solid #eee}.profile-info .user-name,.cashier-management .cashier-card .cashier-details .user-name{margin:0;font-weight:700}.profile-info .user-email,.cashier-management .cashier-card .cashier-details .user-email{margin:5px 0 0;color:#666;font-size:.9em}.profile-actions,.cashier-management .cashier-card .cashier-actions{padding:10px}.profile-actions .profile-link,.cashier-management .cashier-card .cashier-actions .profile-link{display:block;padding:8px;color:#333;text-decoration:none;border-radius:4px;transition:background-color .2s}.profile-actions .profile-link:hover,.cashier-management .cashier-card .cashier-actions .profile-link:hover{background-color:#f5f5f5}.search-container,.search-box{position:relative}.search-box .clear-search{position:absolute;right:40px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.search-box .clear-search svg{color:#999;transition:color .2s}.search-box .clear-search:hover svg{color:#333}.search-box .search-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 4px 12px #00000026;border-radius:0 0 8px 8px;z-index:1000;max-height:400px;overflow-y:auto}.search-results-dropdown h4{padding:12px 16px;margin:0;border-bottom:1px solid #eee;font-size:14px;color:#333}.search-results-dropdown .search-results-list{padding:8px 0}.search-results-dropdown .search-result-item{display:flex;padding:10px 16px;text-decoration:none;color:inherit;transition:background-color .2s}.search-results-dropdown .search-result-item:hover{background-color:#f5f5f5}.search-results-dropdown .search-result-item .search-result-image{width:50px;height:50px;flex-shrink:0;margin-right:12px}.search-results-dropdown .search-result-item .search-result-image img{width:100%;height:100%;object-fit:cover;border-radius:4px}.search-results-dropdown .search-result-item .search-result-info{flex:1;min-width:0}.search-results-dropdown .search-result-item .search-result-info h5{margin:0 0 5px;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-results-dropdown .search-result-item .search-result-info .search-result-price{margin:0;font-size:14px;font-weight:500;color:#e74c3c}.search-results-dropdown .search-result-item .search-result-info .search-result-price .search-result-original-price{margin-left:8px;font-size:12px;color:#999;text-decoration:line-through;font-weight:400}.search-results-dropdown .search-results-footer{padding:12px 16px;border-top:1px solid #eee;text-align:center}.search-results-dropdown .search-results-footer .view-all-results{background-color:#f5f5f5;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.search-results-dropdown .search-results-footer .view-all-results:hover{background-color:#e0e0e0}.search-results-dropdown.no-results .no-results-message{display:flex;flex-direction:column;align-items:center;padding:24px 16px}.search-results-dropdown.no-results .no-results-message svg{color:#999;margin-bottom:12px}.search-results-dropdown.no-results .no-results-message p{margin:0;color:#666;text-align:center}.site-footer{background-color:#1b365d;color:ivory;padding:2rem 0 1rem}@media (min-width: 640px){.site-footer{padding:4rem 0 2rem}}.site-footer .container{max-width:1200px;margin:0 auto;padding:0 .75rem}@media (min-width: 640px){.site-footer .container{padding:0 1rem}}.site-footer a{color:ivory;text-decoration:none;transition:color all .1s ease-in-out ease}.site-footer a:hover{color:#d4af37}.site-footer .footer-content{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.site-footer .footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 768px){.site-footer .footer-content{grid-template-columns:repeat(4,1fr)}}.site-footer .footer-brand .footer-logo{font-family:Playfair Display,serif;font-weight:700;font-size:1.5rem;color:ivory;margin:0 0 .75rem}.site-footer .footer-brand .footer-logo:after{content:"";display:inline-block;width:8px;height:8px;background-color:#d4af37;border-radius:50%;margin-left:4px;margin-bottom:8px}.site-footer .footer-brand .tagline{font-family:Playfair Display,serif;font-style:italic;color:#d4af37;margin-bottom:1rem;font-size:1rem}.site-footer .footer-brand .footer-desc{margin-bottom:1.5rem;font-size:.875rem;line-height:1.6;max-width:330px;opacity:.8}.site-footer .social-links{display:flex;gap:1rem}.site-footer .social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#fffff01a;transition:all all .2s ease-in-out ease}.site-footer .social-links a:hover{background-color:#d4af37;color:#1b365d;transform:translateY(-3px)}.site-footer .footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem}@media (min-width: 1024px){.site-footer .footer-links{grid-template-columns:repeat(3,1fr)}}.site-footer .footer-col{text-align:center}@media (min-width: 640px){.site-footer .footer-col{text-align:left}}.site-footer .footer-col .footer-heading{font-family:Playfair Display,serif;font-size:1.1rem;color:#d4af37;margin-bottom:1rem;font-weight:700;position:relative;padding-bottom:.5rem}.site-footer .footer-col .footer-heading:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:2rem;height:2px;background-color:#d9a5b3}@media (min-width: 640px){.site-footer .footer-col .footer-heading:after{left:0;transform:none}}.site-footer .footer-col .footer-nav{list-style:none;padding:0;margin:0}.site-footer .footer-col .footer-nav li{margin-bottom:.5rem}.site-footer .footer-col .footer-nav li a{color:#fffff0cc;font-family:Poppins,sans-serif;font-size:.9rem;transition:all all .2s ease-in-out;display:inline-block;padding:.5rem 0}.site-footer .footer-col .footer-nav li a:hover{color:#d9a5b3;transform:translate(5px)}.site-footer .footer-newsletter p{font-size:.875rem;margin-bottom:1rem;opacity:.8;max-width:330px}.site-footer .footer-newsletter .newsletter-form{display:flex;max-width:330px}.site-footer .footer-newsletter .newsletter-form input{flex:1;background-color:#fffff01a;border:none;border-radius:.375rem 0 0 .375rem;padding:.75rem 1rem;font-family:Poppins,sans-serif;font-size:.875rem;color:ivory}.site-footer .footer-newsletter .newsletter-form input::placeholder{color:#fffff080}.site-footer .footer-newsletter .newsletter-form input:focus{outline:none;background-color:#fffff026}.site-footer .footer-newsletter .newsletter-form .btn-subscribe{background-color:#d9a5b3;color:ivory;border:none;border-radius:0 .375rem .375rem 0;padding:.75rem 1.5rem;font-family:Poppins,sans-serif;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color all .1s ease-in-out ease}.site-footer .footer-newsletter .newsletter-form .btn-subscribe:hover{background-color:#ca8195}.site-footer .footer-bottom{border-top:1px solid rgba(255,255,240,.1);padding-top:1rem;margin-top:1rem}.site-footer .footer-bottom .payment-methods{text-align:center;margin-bottom:1rem}.site-footer .footer-bottom .payment-methods .secure-payments{font-family:Playfair Display,serif;font-size:1rem;color:#d4af37;margin-bottom:.75rem}.site-footer .footer-bottom .payment-methods .payment-icons{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.site-footer .footer-bottom .payment-methods .payment-icons .payment-icon{background-color:#fffff01a;padding:.5rem .75rem;border-radius:4px;font-size:.85rem;font-family:Poppins,sans-serif;transition:background-color all .2s ease-in-out}.site-footer .footer-bottom .payment-methods .payment-icons .payment-icon:hover{background-color:#fffff033}.site-footer .footer-bottom .footer-legal{text-align:center}.site-footer .footer-bottom .footer-legal .copyright{font-size:.85rem;color:#fffff0b3;font-family:Poppins,sans-serif}@media (max-width: 768px){.site-footer{padding:3rem 0 1.5rem}.footer-content{gap:1.5rem}.footer-col .footer-heading{font-size:1.1rem}.footer-col .footer-nav li a{font-size:.9rem}}@media (max-width: 480px){.site-footer{padding:2rem 0 1rem}.footer-col{text-align:center}.footer-col .footer-heading:after{left:50%;transform:translate(-50%)}.payment-methods .payment-icons{flex-wrap:wrap;justify-content:center}}.cart-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.cart-sidebar{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:#fff;z-index:1001;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a}.cart-sidebar .cart-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.cart-sidebar .cart-header h2{margin:0;font-size:1.5rem;color:#333}.cart-sidebar .cart-header .close-button{background:none;border:none;padding:5px;cursor:pointer;color:#666;transition:color .2s}.cart-sidebar .cart-header .close-button:hover{color:#333}.cart-sidebar .cart-content{flex:1;overflow-y:auto;padding:20px}.cart-sidebar .cart-content .empty-cart{text-align:center;padding:40px 20px}.cart-sidebar .cart-content .empty-cart svg{color:#ccc;margin-bottom:20px}.cart-sidebar .cart-content .empty-cart p{color:#666;margin-bottom:20px}.cart-sidebar .cart-content .empty-cart .continue-shopping{display:inline-block;padding:12px 24px;background:#333;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s}.cart-sidebar .cart-content .empty-cart .continue-shopping:hover{background:#444}.cart-sidebar .cart-content .cart-items .cart-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #eee}.cart-sidebar .cart-content .cart-items .cart-item:last-child{border-bottom:none}.cart-sidebar .cart-content .cart-items .cart-item .item-image{width:80px;height:80px}.cart-sidebar .cart-content .cart-items .cart-item .item-image img{width:100%;height:100%;object-fit:cover;border-radius:4px}.cart-sidebar .cart-content .cart-items .cart-item .item-details{flex:1}.cart-sidebar .cart-content .cart-items .cart-item .item-details h3{margin:0 0 5px;font-size:1rem;color:#333}.cart-sidebar .cart-content .cart-items .cart-item .item-details .item-price{color:#666;margin-bottom:10px}.cart-sidebar .cart-content .cart-items .cart-item .item-details .quantity-controls{display:flex;align-items:center;gap:10px}.cart-sidebar .cart-content .cart-items .cart-item .item-details .quantity-controls .quantity-btn{background:#f5f5f5;border:none;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.cart-sidebar .cart-content .cart-items .cart-item .item-details .quantity-controls .quantity-btn:hover{background:#eee}.cart-sidebar .cart-content .cart-items .cart-item .item-details .quantity-controls span{min-width:30px;text-align:center}.cart-sidebar .cart-content .cart-items .cart-item .remove-item{background:none;border:none;color:#999;cursor:pointer;padding:5px;transition:color .2s}.cart-sidebar .cart-content .cart-items .cart-item .remove-item:hover{color:#333}.cart-sidebar .cart-content .cart-summary{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.cart-sidebar .cart-content .cart-summary .summary-row{display:flex;justify-content:space-between;margin-bottom:10px;color:#666}.cart-sidebar .cart-content .cart-summary .summary-row.total{font-weight:700;color:#333;font-size:1.1rem;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.cart-sidebar .cart-content .cart-actions{margin-top:20px;display:flex;flex-direction:column;gap:10px}.cart-sidebar .cart-content .cart-actions a{text-align:center;padding:12px;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s}.cart-sidebar .cart-content .cart-actions a.checkout{background:#333;color:#fff}.cart-sidebar .cart-content .cart-actions a.checkout:hover{background:#444}.cart-sidebar .cart-content .cart-actions a.view-cart{background:#f5f5f5;color:#333}.cart-sidebar .cart-content .cart-actions a.view-cart:hover{background:#eee}@media (max-width: 768px){.cart-sidebar{width:100%;right:-100%}}.admin-layout{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Poppins,sans-serif;color:#2c2c2c}.admin-layout.collapsed .admin-sidebar{width:70px}.admin-layout.collapsed .admin-sidebar .logo h2,.admin-layout.collapsed .admin-sidebar .user-info,.admin-layout.collapsed .admin-sidebar .item-text,.admin-layout.collapsed .admin-sidebar .expand-icon,.admin-layout.collapsed .admin-sidebar .menu-item .submenu{display:none}.admin-layout.collapsed .admin-sidebar .menu-item a,.admin-layout.collapsed .admin-sidebar .menu-item .menu-button{padding:.75rem;justify-content:center}.admin-layout.collapsed .admin-sidebar .menu-item a .item-icon,.admin-layout.collapsed .admin-sidebar .menu-item .menu-button .item-icon{margin:0}.admin-layout.collapsed .admin-sidebar .sidebar-footer .logout-btn{padding:.75rem;justify-content:center}.admin-layout.collapsed .admin-sidebar .sidebar-footer .logout-btn span{display:none}.admin-layout.collapsed .admin-content{margin-left:70px}.admin-sidebar{width:250px;background:#2d3436;border-right:1px solid rgba(255,255,255,.1);position:fixed;height:100vh;left:0;top:0;z-index:1000;transition:all .3s ease;display:flex;flex-direction:column}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.admin-sidebar .sidebar-header{padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.admin-sidebar .sidebar-header .logo{display:flex;align-items:center;justify-content:center;gap:.75rem}.admin-sidebar .sidebar-header .logo .logo-image{width:180px;height:60px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 12px #ed1b244d;transition:transform .3s ease}.admin-sidebar .sidebar-header .logo .logo-image:hover{transform:scale(1.1)}.admin-sidebar .sidebar-header .collapse-btn{color:#ed1b24;background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .3s ease}.admin-sidebar .sidebar-header .collapse-btn:hover{transform:scale(1.1)}.admin-sidebar .sidebar-user{padding:1.25rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.admin-sidebar .sidebar-user .user-avatar{width:45px;height:45px;background:linear-gradient(135deg,#ed1b24,#f14a51);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 2px 10px #ed1b244d;transition:transform .3s ease}.admin-sidebar .sidebar-user .user-avatar:hover{transform:scale(1.05)}.admin-sidebar .sidebar-user .user-info .user-name{font-size:1rem;margin:0;color:#fff;font-weight:500}.admin-sidebar .sidebar-user .user-info .user-role{font-size:.85rem;color:#ed1b24;margin-top:.2rem;display:block}.admin-sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.admin-sidebar .sidebar-nav .menu-list{list-style:none;padding:0;margin:0}.admin-sidebar .sidebar-nav .menu-list .menu-item{margin:.25rem 0}.admin-sidebar .sidebar-nav .menu-list .menu-item a,.admin-sidebar .sidebar-nav .menu-list .menu-item .menu-button{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:#ffffffb3;gap:.75rem;font-size:.9rem;width:100%;border:none;background:none;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.admin-sidebar .sidebar-nav .menu-list .menu-item a:hover,.admin-sidebar .sidebar-nav .menu-list .menu-item .menu-button:hover{background:#ed1b241a;color:#ed1b24;border-left-color:#ed1b24;padding-left:1.25rem}.admin-sidebar .sidebar-nav .menu-list .menu-item a .item-icon,.admin-sidebar .sidebar-nav .menu-list .menu-item .menu-button .item-icon{font-size:1.2rem;min-width:24px;display:flex;align-items:center;justify-content:center}.admin-sidebar .sidebar-nav .menu-list .menu-item a .expand-icon,.admin-sidebar .sidebar-nav .menu-list .menu-item .menu-button .expand-icon{margin-left:auto;transition:transform .3s ease}.admin-sidebar .sidebar-nav .menu-list .menu-item.active>a,.admin-sidebar .sidebar-nav .menu-list .menu-item.active>.menu-button{background:#ed1b2426;color:#ed1b24;border-left-color:#ed1b24;font-weight:500}.admin-sidebar .sidebar-nav .menu-list .menu-item .submenu{list-style:none;padding:0;margin:0;background:#2d3436f2}.admin-sidebar .sidebar-nav .menu-list .menu-item .submenu li a{padding:.75rem 1rem .75rem 3.25rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease}.admin-sidebar .sidebar-nav .menu-list .menu-item .submenu li a .item-icon{font-size:1rem;min-width:20px;display:flex;align-items:center;justify-content:center;color:currentColor}.admin-sidebar .sidebar-nav .menu-list .menu-item .submenu li a:hover{background:#ed1b2426;color:#ed1b24}.admin-sidebar .sidebar-nav .menu-list .menu-item .submenu li.active a{background:#ed1b2433;color:#ed1b24;font-weight:500}.admin-sidebar .sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0003;margin-top:auto}.admin-sidebar .sidebar-footer .logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:1px solid rgba(237,27,36,.3);background:#ed1b241a;color:#ed1b24;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.admin-sidebar .sidebar-footer .logout-btn svg{font-size:1.1rem}.admin-sidebar .sidebar-footer .logout-btn:hover{background:#ed1b2433;transform:translateY(-1px);box-shadow:0 2px 8px #ed1b2433}.admin-sidebar .sidebar-footer .logout-btn:active{transform:translateY(0)}.admin-content{flex:1;margin-left:250px;min-height:100vh;background:#f8f9fa;transition:margin-left .3s ease;display:flex;flex-direction:column;max-width:calc(100% - 280px)}.admin-content .admin-header{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #00000005}.admin-content .admin-header .menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#666;padding:.25rem}.admin-content .admin-header .menu-toggle:hover{color:#ed1b24}.admin-content .admin-header .header-user-info{display:flex;align-items:center;gap:.75rem}.admin-content .admin-header .header-user-info .user-name{font-size:.9rem;color:#333;font-weight:500}.admin-content .admin-header .header-user-info .user-role{font-size:.8rem;padding:.25rem .75rem;background:#ed1b241a;color:#ed1b24;border-radius:12px;font-weight:500}.admin-content .admin-header .header-actions{display:flex;align-items:center}.admin-content .admin-header .header-actions .search-bar{position:relative;margin-right:20px}.admin-content .admin-header .header-actions .search-bar svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#0006}.admin-content .admin-header .header-actions .search-bar input{background-color:ivory;border:none;border-radius:20px;padding:8px 15px 8px 35px;font-size:14px;width:220px;transition:all .3s ease}.admin-content .admin-header .header-actions .search-bar input:focus{outline:none;box-shadow:0 0 0 2px #d4af374d;width:280px}.admin-content .admin-header .header-actions .search-bar input::placeholder{color:#0006}.admin-content .admin-header .header-actions .header-notifications .notification-btn{position:relative;background:none;border:none;cursor:pointer;color:#2c2c2c;padding:8px}.admin-content .admin-header .header-actions .header-notifications .notification-btn:hover{color:#d9a5b3}.admin-content .admin-header .header-actions .header-notifications .notification-btn .notification-badge{position:absolute;top:0;right:0;background-color:#d9a5b3;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center}.admin-content .admin-container{flex:1;padding:1.5rem;width:100%;overflow-x:hidden}.admin-content .admin-container h1{font-family:Playfair Display,serif;font-weight:700;color:#1b365d;margin-top:0;margin-bottom:20px}@media (max-width: 768px){.admin-layout .admin-sidebar{transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.admin-layout .admin-content{margin-left:0}.admin-layout .admin-content .admin-header .menu-toggle{display:block}.admin-layout.collapsed .admin-sidebar{transform:translate(0)}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.delete-modal-overlay .delete-modal{background:#fff;padding:2rem;border-radius:16px;width:100%;max-width:400px;text-align:center;box-shadow:0 10px 25px #0000001a;animation:modalFadeIn .3s ease}.delete-modal-overlay .delete-modal .delete-modal-icon{width:64px;height:64px;background-color:#ffe3e3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.delete-modal-overlay .delete-modal .delete-modal-icon svg{font-size:32px;color:#ff6b6b}.delete-modal-overlay .delete-modal h3{color:#2d3436;font-size:1.5rem;margin-bottom:1rem;font-weight:600}.delete-modal-overlay .delete-modal p{color:#636e72;margin-bottom:2rem;line-height:1.6}.delete-modal-overlay .delete-modal .delete-modal-actions{display:flex;gap:1rem;justify-content:center}.delete-modal-overlay .delete-modal .delete-modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.delete-modal-overlay .delete-modal .delete-modal-actions button.cancel-btn{background-color:#f8f9fa;color:#636e72}.delete-modal-overlay .delete-modal .delete-modal-actions button.cancel-btn:hover{background-color:#e9ecef}.delete-modal-overlay .delete-modal .delete-modal-actions button.delete-btn{background-color:#ff6b6b;color:#fff}.delete-modal-overlay .delete-modal .delete-modal-actions button.delete-btn:hover{background-color:#ff3838}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loader-container{width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}.loader-container .loader{display:flex;gap:.5rem}.loader-container .loader .loader-circle{width:12px;height:12px;border-radius:50%;background-color:#4ecdc4;animation:bounce .5s ease-in-out infinite}.loader-container .loader .loader-circle:nth-child(2){animation-delay:.1s}.loader-container .loader .loader-circle:nth-child(3){animation-delay:.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cashier-layout{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Poppins,sans-serif;color:#2d3436}.cashier-layout.collapsed .cashier-sidebar{width:70px}.cashier-layout.collapsed .cashier-sidebar .logo h2,.cashier-layout.collapsed .cashier-sidebar .user-info,.cashier-layout.collapsed .cashier-sidebar .item-text,.cashier-layout.collapsed .cashier-sidebar .expand-icon,.cashier-layout.collapsed .cashier-sidebar .menu-item .submenu{display:none}.cashier-layout.collapsed .cashier-sidebar .menu-item a,.cashier-layout.collapsed .cashier-sidebar .menu-item .menu-button{padding:.75rem;justify-content:center}.cashier-layout.collapsed .cashier-sidebar .menu-item a .item-icon,.cashier-layout.collapsed .cashier-sidebar .menu-item .menu-button .item-icon{margin:0}.cashier-layout.collapsed .cashier-sidebar .sidebar-footer .logout-btn{padding:.75rem;justify-content:center}.cashier-layout.collapsed .cashier-sidebar .sidebar-footer .logout-btn span{display:none}.cashier-layout.collapsed .cashier-content{margin-left:70px}.cashier-sidebar{width:250px;background:linear-gradient(135deg,#1e3e72,#13284a);border-right:1px solid rgba(255,255,255,.1);position:fixed;height:100vh;left:0;top:0;z-index:1000;transition:all .3s ease;display:flex;flex-direction:column}.cashier-sidebar::-webkit-scrollbar{width:6px}.cashier-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.cashier-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.cashier-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.cashier-sidebar .sidebar-header{padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.cashier-sidebar .sidebar-header .logo{display:flex;align-items:center;justify-content:center;gap:.75rem}.cashier-sidebar .sidebar-header .logo .logo-image{width:180px;height:60px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 12px #ed1b244d;transition:transform .3s ease}.cashier-sidebar .sidebar-header .logo .logo-image:hover{transform:scale(1.1)}.cashier-sidebar .sidebar-header .collapse-btn{color:#ed1b24;background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .3s ease}.cashier-sidebar .sidebar-header .collapse-btn:hover{transform:scale(1.1)}.cashier-sidebar .sidebar-user{padding:1.25rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.cashier-sidebar .sidebar-user .user-avatar{width:45px;height:45px;background:linear-gradient(135deg,#ed1b24,#f14a51);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 2px 10px #ed1b244d;transition:transform .3s ease}.cashier-sidebar .sidebar-user .user-avatar:hover{transform:scale(1.05)}.cashier-sidebar .sidebar-user .user-info .user-name{font-size:1rem;margin:0;color:#fff;font-weight:500}.cashier-sidebar .sidebar-user .user-info .user-role{font-size:.85rem;color:#ed1b24;margin-top:.2rem;display:block}.cashier-sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.cashier-sidebar .sidebar-nav .menu-list{list-style:none;padding:0;margin:0}.cashier-sidebar .sidebar-nav .menu-list .menu-item{margin:.25rem 0}.cashier-sidebar .sidebar-nav .menu-list .menu-item a,.cashier-sidebar .sidebar-nav .menu-list .menu-item .menu-button{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:#ffffffb3;gap:.75rem;font-size:.9rem;width:100%;border:none;background:none;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.cashier-sidebar .sidebar-nav .menu-list .menu-item a:hover,.cashier-sidebar .sidebar-nav .menu-list .menu-item .menu-button:hover{background:#ed1b241a;color:#ed1b24;border-left-color:#ed1b24;padding-left:1.25rem}.cashier-sidebar .sidebar-nav .menu-list .menu-item a .item-icon,.cashier-sidebar .sidebar-nav .menu-list .menu-item .menu-button .item-icon{font-size:1.2rem;min-width:24px;display:flex;align-items:center;justify-content:center}.cashier-sidebar .sidebar-nav .menu-list .menu-item a .expand-icon,.cashier-sidebar .sidebar-nav .menu-list .menu-item .menu-button .expand-icon{margin-left:auto;transition:transform .3s ease}.cashier-sidebar .sidebar-nav .menu-list .menu-item.active>a,.cashier-sidebar .sidebar-nav .menu-list .menu-item.active>.menu-button{background:#ed1b2426;color:#ed1b24;border-left-color:#ed1b24;font-weight:500}.cashier-sidebar .sidebar-nav .menu-list .menu-item .submenu{list-style:none;padding:0;margin:0;background:#1e3e72f2}.cashier-sidebar .sidebar-nav .menu-list .menu-item .submenu li a{padding:.75rem 1rem .75rem 3.25rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease}.cashier-sidebar .sidebar-nav .menu-list .menu-item .submenu li a .item-icon{font-size:1rem;min-width:20px;display:flex;align-items:center;justify-content:center;color:currentColor}.cashier-sidebar .sidebar-nav .menu-list .menu-item .submenu li a:hover{background:#ed1b2426;color:#ed1b24}.cashier-sidebar .sidebar-nav .menu-list .menu-item .submenu li.active a{background:#ed1b2433;color:#ed1b24;font-weight:500}.cashier-sidebar .sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0003;margin-top:auto}.cashier-sidebar .sidebar-footer .logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:1px solid rgba(237,27,36,.3);background:#ed1b241a;color:#ed1b24;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.cashier-sidebar .sidebar-footer .logout-btn svg{font-size:1.1rem}.cashier-sidebar .sidebar-footer .logout-btn:hover{background:#ed1b2433;transform:translateY(-1px);box-shadow:0 2px 8px #ed1b2433}.cashier-sidebar .sidebar-footer .logout-btn:active{transform:translateY(0)}.cashier-content{flex:1;margin-left:250px;min-height:100vh;background:#f8f9fa;transition:margin-left .3s ease;display:flex;flex-direction:column;max-width:calc(100% - 280px)}.cashier-content .cashier-header{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #00000005}.cashier-content .cashier-header .menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#666;padding:.25rem}.cashier-content .cashier-header .menu-toggle:hover{color:#ed1b24}.cashier-content .cashier-header .header-user-info{display:flex;align-items:center;gap:.75rem}.cashier-content .cashier-header .header-user-info .user-name{font-size:.9rem;color:#333;font-weight:500}.cashier-content .cashier-header .header-user-info .user-role{font-size:.8rem;padding:.25rem .75rem;background:#ed1b241a;color:#ed1b24;border-radius:12px;font-weight:500}.cashier-content .cashier-container{flex:1;padding:1.5rem;width:100%;overflow-x:hidden}.cashier-content .cashier-container h1,.cashier-content .cashier-container h2{font-family:Playfair Display,serif;font-weight:700;color:#1e3e72;margin-top:0;margin-bottom:20px}.cashier-content .cashier-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(237,27,36,.1)}.cashier-content .cashier-container .page-header h2{color:#1e3e72;margin:0;font-size:1.8rem;font-weight:600}.cashier-content .cashier-container .page-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ed1b24,#c51017);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ed1b2433}.cashier-content .cashier-container .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ed1b244d}.cashier-content .cashier-container .page-header .add-btn:active{transform:translateY(0)}.cashier-content .cashier-container .filters-section{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.cashier-content .cashier-container .filters-section .search-box{position:relative;flex:1;min-width:250px}.cashier-content .cashier-container .filters-section .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#1e3e72;font-size:1.1rem}.cashier-content .cashier-container .filters-section .search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;font-size:.95rem;transition:all .3s ease}.cashier-content .cashier-container .filters-section .search-box input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}.cashier-content .cashier-container .filters-section .search-box input::placeholder{color:#1e3e7280}.cashier-content .cashier-container .filters-section .filter-controls{display:flex;gap:.75rem}.cashier-content .cashier-container .filters-section .filter-controls select{padding:.75rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;background:#fff;color:#1e3e72;font-size:.9rem;cursor:pointer;transition:all .3s ease}.cashier-content .cashier-container .filters-section .filter-controls select:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}@media (max-width: 768px){.cashier-layout .cashier-sidebar{transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.cashier-layout .cashier-content{margin-left:0}.cashier-layout .cashier-content .cashier-header .menu-toggle{display:block}.cashier-layout.collapsed .cashier-sidebar{transform:translate(0)}}.finance-layout{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Poppins,sans-serif;color:#2d3436;transition:all .3s ease}.finance-layout.collapsed .finance-sidebar{width:70px}.finance-layout.collapsed .finance-sidebar .logo h2,.finance-layout.collapsed .finance-sidebar .user-info,.finance-layout.collapsed .finance-sidebar .item-text,.finance-layout.collapsed .finance-sidebar .expand-icon,.finance-layout.collapsed .finance-sidebar .menu-item .submenu{display:none}.finance-layout.collapsed .finance-sidebar .menu-item a,.finance-layout.collapsed .finance-sidebar .menu-item .menu-button{padding:.75rem;justify-content:center}.finance-layout.collapsed .finance-sidebar .menu-item a .item-icon,.finance-layout.collapsed .finance-sidebar .menu-item .menu-button .item-icon{margin:0}.finance-layout.collapsed .finance-sidebar .sidebar-footer .logout-btn{padding:.75rem;justify-content:center}.finance-layout.collapsed .finance-sidebar .sidebar-footer .logout-btn span{display:none}.finance-layout.collapsed .finance-content{margin-left:70px}.finance-sidebar{width:250px;background:linear-gradient(135deg,#1e3e72,#13284a);border-right:1px solid rgba(255,255,255,.1);position:fixed;height:100vh;left:0;top:0;z-index:1000;transition:all .3s ease;display:flex;flex-direction:column}.finance-sidebar::-webkit-scrollbar{width:6px}.finance-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.finance-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.finance-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.finance-sidebar .sidebar-header{padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.finance-sidebar .sidebar-header .logo{display:flex;align-items:center;justify-content:center;gap:.75rem}.finance-sidebar .sidebar-header .logo .logo-image{width:180px;height:60px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 12px #ed1b244d;transition:transform .3s ease}.finance-sidebar .sidebar-header .logo .logo-image:hover{transform:scale(1.1)}.finance-sidebar .sidebar-header .collapse-btn{color:#ed1b24;background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .3s ease}.finance-sidebar .sidebar-header .collapse-btn:hover{transform:scale(1.1)}.finance-sidebar .sidebar-user{padding:1.25rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.finance-sidebar .sidebar-user .user-avatar{width:45px;height:45px;background:linear-gradient(135deg,#ed1b24,#f14a51);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 2px 10px #ed1b244d;transition:transform .3s ease}.finance-sidebar .sidebar-user .user-avatar:hover{transform:scale(1.05)}.finance-sidebar .sidebar-user .user-info .user-name{font-size:1rem;margin:0;color:#fff;font-weight:500}.finance-sidebar .sidebar-user .user-info .user-role{font-size:.85rem;color:#ed1b24;margin-top:.2rem;display:block}.finance-sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.finance-sidebar .sidebar-nav .menu-list{list-style:none;padding:0;margin:0}.finance-sidebar .sidebar-nav .menu-list .menu-item{margin:.25rem 0}.finance-sidebar .sidebar-nav .menu-list .menu-item a,.finance-sidebar .sidebar-nav .menu-list .menu-item .menu-button{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:#ffffffb3;gap:.75rem;font-size:.9rem;width:100%;border:none;background:none;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.finance-sidebar .sidebar-nav .menu-list .menu-item a:hover,.finance-sidebar .sidebar-nav .menu-list .menu-item .menu-button:hover{background:#ed1b241a;color:#ed1b24;border-left-color:#ed1b24;padding-left:1.25rem}.finance-sidebar .sidebar-nav .menu-list .menu-item a .item-icon,.finance-sidebar .sidebar-nav .menu-list .menu-item .menu-button .item-icon{font-size:1.2rem;min-width:24px;display:flex;align-items:center;justify-content:center}.finance-sidebar .sidebar-nav .menu-list .menu-item a .expand-icon,.finance-sidebar .sidebar-nav .menu-list .menu-item .menu-button .expand-icon{margin-left:auto;transition:transform .3s ease}.finance-sidebar .sidebar-nav .menu-list .menu-item.active>a,.finance-sidebar .sidebar-nav .menu-list .menu-item.active>.menu-button{background:#ed1b2426;color:#ed1b24;border-left-color:#ed1b24;font-weight:500}.finance-sidebar .sidebar-nav .menu-list .menu-item .submenu{list-style:none;padding:0;margin:0;background:#1e3e72f2}.finance-sidebar .sidebar-nav .menu-list .menu-item .submenu li a{padding:.75rem 1rem .75rem 3.25rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease}.finance-sidebar .sidebar-nav .menu-list .menu-item .submenu li a .item-icon{font-size:1rem;min-width:20px;display:flex;align-items:center;justify-content:center;color:currentColor}.finance-sidebar .sidebar-nav .menu-list .menu-item .submenu li a:hover{background:#ed1b2426;color:#ed1b24}.finance-sidebar .sidebar-nav .menu-list .menu-item .submenu li.active a{background:#ed1b2433;color:#ed1b24;font-weight:500}.finance-sidebar .sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0003;margin-top:auto}.finance-sidebar .sidebar-footer .logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:1px solid rgba(237,27,36,.3);background:#ed1b241a;color:#ed1b24;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.finance-sidebar .sidebar-footer .logout-btn svg{font-size:1.1rem}.finance-sidebar .sidebar-footer .logout-btn:hover{background:#ed1b2433;transform:translateY(-1px);box-shadow:0 2px 8px #ed1b2433}.finance-sidebar .sidebar-footer .logout-btn:active{transform:translateY(0)}.finance-content{flex:1;margin-left:250px;min-height:100vh;background:#f8f9fa;transition:margin-left .3s ease;display:flex;flex-direction:column;max-width:calc(100% - 280px)}.finance-content .finance-header{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #00000005}.finance-content .finance-header .menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#666;padding:.25rem}.finance-content .finance-header .menu-toggle:hover{color:#ed1b24}.finance-content .finance-header .header-user-info{display:flex;align-items:center;gap:.75rem}.finance-content .finance-header .header-user-info .user-name{font-size:.9rem;color:#333;font-weight:500}.finance-content .finance-header .header-user-info .user-role{font-size:.8rem;padding:.25rem .75rem;background:#ed1b241a;color:#ed1b24;border-radius:12px;font-weight:500}.finance-content .finance-container{flex:1;padding:1.5rem;width:100%;overflow-x:hidden}.finance-content .finance-container h1,.finance-content .finance-container h2{font-family:Playfair Display,serif;font-weight:700;color:#1e3e72;margin-top:0;margin-bottom:20px}.finance-content .finance-container .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(237,27,36,.1)}.finance-content .finance-container .page-header h2{color:#1e3e72;margin:0;font-size:1.8rem;font-weight:600}.finance-content .finance-container .page-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ed1b24,#c51017);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ed1b2433}.finance-content .finance-container .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ed1b244d}.finance-content .finance-container .page-header .add-btn:active{transform:translateY(0)}.finance-content .finance-container .filters-section{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.finance-content .finance-container .filters-section .search-box{position:relative;flex:1;min-width:250px}.finance-content .finance-container .filters-section .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#1e3e72;font-size:1.1rem}.finance-content .finance-container .filters-section .search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;font-size:.95rem;transition:all .3s ease}.finance-content .finance-container .filters-section .search-box input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}.finance-content .finance-container .filters-section .search-box input::placeholder{color:#1e3e7280}.finance-content .finance-container .filters-section .filter-controls{display:flex;gap:.75rem}.finance-content .finance-container .filters-section .filter-controls select{padding:.75rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;background:#fff;color:#1e3e72;font-size:.9rem;cursor:pointer;transition:all .3s ease}.finance-content .finance-container .filters-section .filter-controls select:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}@media (max-width: 768px){.finance-layout .finance-sidebar{transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.finance-layout .finance-content{margin-left:0}.finance-layout .finance-content .finance-header .menu-toggle{display:block}.finance-layout.collapsed .finance-sidebar{transform:translate(0)}}.staff-layout{display:flex;min-height:100vh;background-color:var(--bg-color);transition:all .3s ease}.staff-layout.collapsed .staff-sidebar{width:80px}.staff-layout.collapsed .staff-sidebar .logo h2,.staff-layout.collapsed .staff-sidebar .user-info,.staff-layout.collapsed .staff-sidebar .item-text,.staff-layout.collapsed .staff-sidebar .logout-btn span,.staff-layout.collapsed .staff-sidebar .menu-item .submenu{display:none}.staff-layout.collapsed .staff-content{margin-left:80px}.staff-sidebar{width:260px;background:var(--primary-color);color:var(--text-light);height:100vh;position:fixed;transition:all .3s ease;z-index:1000;box-shadow:2px 0 5px #0000001a}.staff-sidebar .sidebar-header{padding:1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.staff-sidebar .sidebar-header .logo{display:flex;align-items:center;gap:.5rem}.staff-sidebar .sidebar-header .logo .logo-icon{font-size:1.8rem;color:var(--accent-color)}.staff-sidebar .sidebar-header .logo h2{font-size:1.2rem;margin:0;color:var(--text-light)}.staff-sidebar .sidebar-header .collapse-btn{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:1.2rem;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.staff-sidebar .sidebar-header .collapse-btn:hover{transform:scale(1.1)}.staff-sidebar .sidebar-user{padding:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.staff-sidebar .sidebar-user .user-avatar{font-size:2rem;color:var(--accent-color)}.staff-sidebar .sidebar-user .user-info .user-name{font-size:1rem;margin:0;color:var(--text-light)}.staff-sidebar .sidebar-user .user-info .user-role{font-size:.8rem;color:var(--text-light-muted)}.staff-sidebar .sidebar-nav{padding:1rem 0}.staff-sidebar .sidebar-nav .menu-list{list-style:none;padding:0;margin:0}.staff-sidebar .sidebar-nav .menu-list .menu-item{margin:.2rem 0}.staff-sidebar .sidebar-nav .menu-list .menu-item.active{background:#ffffff1a}.staff-sidebar .sidebar-nav .menu-list .menu-item.active>a,.staff-sidebar .sidebar-nav .menu-list .menu-item.active>button{color:var(--accent-color)}.staff-sidebar .sidebar-nav .menu-list .menu-item a,.staff-sidebar .sidebar-nav .menu-list .menu-item .menu-button{display:flex;align-items:center;padding:.8rem 1rem;color:var(--text-light);text-decoration:none;gap:.8rem;transition:all .3s ease;width:100%;border:none;background:none;cursor:pointer;font-size:1rem}.staff-sidebar .sidebar-nav .menu-list .menu-item a:hover,.staff-sidebar .sidebar-nav .menu-list .menu-item .menu-button:hover{background:#ffffff1a;color:var(--accent-color)}.staff-sidebar .sidebar-nav .menu-list .menu-item a .item-icon,.staff-sidebar .sidebar-nav .menu-list .menu-item .menu-button .item-icon{font-size:1.2rem;min-width:1.2rem}.staff-sidebar .sidebar-nav .menu-list .menu-item .menu-button{justify-content:space-between}.staff-sidebar .sidebar-nav .menu-list .menu-item .menu-button .expand-icon{transition:transform .3s ease}.staff-sidebar .sidebar-nav .menu-list .menu-item .menu-button.expanded .expand-icon{transform:rotate(90deg)}.staff-sidebar .sidebar-nav .menu-list .menu-item .submenu{list-style:none;padding-left:3rem;background:#0000001a}.staff-sidebar .sidebar-nav .menu-list .menu-item .submenu li{margin:0}.staff-sidebar .sidebar-nav .menu-list .menu-item .submenu li a{padding:.6rem 1rem;font-size:.9rem}.staff-sidebar .sidebar-footer{position:absolute;bottom:0;width:100%;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.staff-sidebar .sidebar-footer .logout-btn{width:100%;display:flex;align-items:center;gap:.8rem;padding:.8rem;color:var(--text-light);background:none;border:none;cursor:pointer;transition:all .3s ease}.staff-sidebar .sidebar-footer .logout-btn:hover{color:var(--accent-color);background:#ffffff1a}.staff-content{flex:1;margin-left:260px;transition:all .3s ease;min-height:100vh;background:var(--bg-color)}.staff-content .staff-header{background:var(--bg-light);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 5px #0000001a}.staff-content .staff-header .menu-toggle{display:none;background:none;border:none;color:var(--text-dark);font-size:1.2rem;cursor:pointer}@media (max-width: 768px){.staff-content .staff-header .menu-toggle{display:block}}.staff-content .staff-header .header-user-info{display:flex;flex-direction:column;align-items:flex-end}.staff-content .staff-header .header-user-info .user-name{font-size:1rem;font-weight:600;color:var(--text-dark)}.staff-content .staff-header .header-user-info .user-role{font-size:.8rem;color:var(--text-muted)}.staff-content .staff-container{padding:2rem}@media (max-width: 768px){.staff-layout .staff-sidebar{transform:translate(-100%);position:fixed;top:0;left:0}.staff-layout.collapsed .staff-sidebar{transform:translate(0);width:260px}.staff-layout.collapsed .staff-sidebar .logo h2,.staff-layout.collapsed .staff-sidebar .user-info,.staff-layout.collapsed .staff-sidebar .item-text,.staff-layout.collapsed .staff-sidebar .logout-btn span{display:block}.staff-layout .staff-content{margin-left:0}}.purchaser-layout{display:flex;min-height:100vh;background-color:#f8f9fa;font-family:Poppins,sans-serif;color:#2d3436;transition:all .3s ease}.purchaser-layout.collapsed .purchaser-sidebar{width:70px}.purchaser-layout.collapsed .purchaser-sidebar .logo h2,.purchaser-layout.collapsed .purchaser-sidebar .user-info,.purchaser-layout.collapsed .purchaser-sidebar .item-text,.purchaser-layout.collapsed .purchaser-sidebar .expand-icon,.purchaser-layout.collapsed .purchaser-sidebar .menu-item .submenu{display:none}.purchaser-layout.collapsed .purchaser-sidebar .menu-item a,.purchaser-layout.collapsed .purchaser-sidebar .menu-item .menu-button{padding:.75rem;justify-content:center}.purchaser-layout.collapsed .purchaser-sidebar .menu-item a .item-icon,.purchaser-layout.collapsed .purchaser-sidebar .menu-item .menu-button .item-icon{margin:0}.purchaser-layout.collapsed .purchaser-sidebar .sidebar-footer .logout-btn{padding:.75rem;justify-content:center}.purchaser-layout.collapsed .purchaser-sidebar .sidebar-footer .logout-btn span{display:none}.purchaser-layout.collapsed .purchaser-content{margin-left:70px}.purchaser-sidebar{width:250px;background:linear-gradient(135deg,#1e3e72,#13284a);border-right:1px solid rgba(255,255,255,.1);position:fixed;height:100vh;left:0;top:0;z-index:1000;transition:all .3s ease;display:flex;flex-direction:column}.purchaser-sidebar::-webkit-scrollbar{width:6px}.purchaser-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.purchaser-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.purchaser-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}.purchaser-sidebar .sidebar-header{padding:1.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.purchaser-sidebar .sidebar-header .logo{display:flex;align-items:center;justify-content:center;gap:.75rem}.purchaser-sidebar .sidebar-header .logo .logo-image{width:180px;height:60px;object-fit:contain;background:#fff;border-radius:12px;padding:8px;box-shadow:0 4px 12px #ed1b244d;transition:transform .3s ease}.purchaser-sidebar .sidebar-header .logo .logo-image:hover{transform:scale(1.1)}.purchaser-sidebar .sidebar-header .collapse-btn{color:#ed1b24;background:none;border:none;cursor:pointer;padding:.25rem;transition:transform .3s ease}.purchaser-sidebar .sidebar-header .collapse-btn:hover{transform:scale(1.1)}.purchaser-sidebar .sidebar-user{padding:1.25rem 1rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.75rem}.purchaser-sidebar .sidebar-user .user-avatar{width:45px;height:45px;background:linear-gradient(135deg,#ed1b24,#f14a51);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff;box-shadow:0 2px 10px #ed1b244d;transition:transform .3s ease}.purchaser-sidebar .sidebar-user .user-avatar:hover{transform:scale(1.05)}.purchaser-sidebar .sidebar-user .user-info .user-name{font-size:1rem;margin:0;color:#fff;font-weight:500}.purchaser-sidebar .sidebar-user .user-info .user-role{font-size:.85rem;color:#ed1b24;margin-top:.2rem;display:block}.purchaser-sidebar .sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.purchaser-sidebar .sidebar-nav .menu-list{list-style:none;padding:0;margin:0}.purchaser-sidebar .sidebar-nav .menu-list .menu-item{margin:.25rem 0}.purchaser-sidebar .sidebar-nav .menu-list .menu-item a,.purchaser-sidebar .sidebar-nav .menu-list .menu-item .menu-button{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:#ffffffb3;gap:.75rem;font-size:.9rem;width:100%;border:none;background:none;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.purchaser-sidebar .sidebar-nav .menu-list .menu-item a:hover,.purchaser-sidebar .sidebar-nav .menu-list .menu-item .menu-button:hover{background:#ed1b241a;color:#ed1b24;border-left-color:#ed1b24;padding-left:1.25rem}.purchaser-sidebar .sidebar-nav .menu-list .menu-item a .item-icon,.purchaser-sidebar .sidebar-nav .menu-list .menu-item .menu-button .item-icon{font-size:1.2rem;min-width:24px;display:flex;align-items:center;justify-content:center}.purchaser-sidebar .sidebar-nav .menu-list .menu-item a .expand-icon,.purchaser-sidebar .sidebar-nav .menu-list .menu-item .menu-button .expand-icon{margin-left:auto;transition:transform .3s ease}.purchaser-sidebar .sidebar-nav .menu-list .menu-item.active>a,.purchaser-sidebar .sidebar-nav .menu-list .menu-item.active>.menu-button{background:#ed1b2426;color:#ed1b24;border-left-color:#ed1b24;font-weight:500}.purchaser-sidebar .sidebar-nav .menu-list .menu-item .submenu{list-style:none;padding:0;margin:0;background:#1e3e72f2}.purchaser-sidebar .sidebar-nav .menu-list .menu-item .submenu li a{padding:.75rem 1rem .75rem 3.25rem;font-size:.9rem;display:flex;align-items:center;gap:.75rem;color:#ffffffb3;text-decoration:none;transition:all .2s ease}.purchaser-sidebar .sidebar-nav .menu-list .menu-item .submenu li a .item-icon{font-size:1rem;min-width:20px;display:flex;align-items:center;justify-content:center;color:currentColor}.purchaser-sidebar .sidebar-nav .menu-list .menu-item .submenu li a:hover{background:#ed1b2426;color:#ed1b24}.purchaser-sidebar .sidebar-nav .menu-list .menu-item .submenu li.active a{background:#ed1b2433;color:#ed1b24;font-weight:500}.purchaser-sidebar .sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0003;margin-top:auto}.purchaser-sidebar .sidebar-footer .logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:1px solid rgba(237,27,36,.3);background:#ed1b241a;color:#ed1b24;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.purchaser-sidebar .sidebar-footer .logout-btn svg{font-size:1.1rem}.purchaser-sidebar .sidebar-footer .logout-btn:hover{background:#ed1b2433;transform:translateY(-1px);box-shadow:0 2px 8px #ed1b2433}.purchaser-sidebar .sidebar-footer .logout-btn:active{transform:translateY(0)}.purchaser-content{flex:1;margin-left:250px;min-height:100vh;background:#f8f9fa;transition:margin-left .3s ease;display:flex;flex-direction:column;max-width:calc(100% - 280px)}.purchaser-content .purchaser-header{padding:1rem 1.5rem;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #00000005}.purchaser-content .purchaser-header .menu-toggle{display:none;background:none;border:none;cursor:pointer;color:#666;padding:.25rem}.purchaser-content .purchaser-header .menu-toggle:hover{color:#ed1b24}.purchaser-content .purchaser-header .header-user-info{display:flex;align-items:center;gap:.75rem}.purchaser-content .purchaser-header .header-user-info .user-name{font-size:.9rem;color:#333;font-weight:500}.purchaser-content .purchaser-header .header-user-info .user-role{font-size:.8rem;padding:.25rem .75rem;background:#ed1b241a;color:#ed1b24;border-radius:12px;font-weight:500}.purchaser-content .purchaser-container{flex:1;padding:1.5rem;width:100%;overflow-x:hidden}.purchaser-content .purchaser-container h1,.purchaser-content .purchaser-container h2{color:#2d3436;margin-bottom:1rem}@media (max-width: 1024px){.purchaser-layout .purchaser-sidebar{transform:translate(-100%);transition:transform .3s ease}.purchaser-layout .purchaser-sidebar.open{transform:translate(0)}.purchaser-layout .purchaser-content{margin-left:0}.purchaser-layout .purchaser-content .purchaser-header .menu-toggle{display:block}.purchaser-layout.collapsed .purchaser-sidebar{transform:translate(-100%)}.purchaser-layout.collapsed .purchaser-content{margin-left:0}}@media (max-width: 768px){.purchaser-content .purchaser-header{padding:1rem}.purchaser-content .purchaser-header .header-user-info .user-name{display:none}.purchaser-content .purchaser-container{padding:1rem}}.purchaser-form-group{margin-bottom:1.5rem}.purchaser-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2d3436;font-size:.875rem}.purchaser-form-group input,.purchaser-form-group select,.purchaser-form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#fff}.purchaser-form-group input:focus,.purchaser-form-group select:focus,.purchaser-form-group textarea:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.purchaser-form-group input::placeholder,.purchaser-form-group select::placeholder,.purchaser-form-group textarea::placeholder{color:#999}.purchaser-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ed1b24,#c51017);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.purchaser-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ed1b244d}.purchaser-btn:active{transform:translateY(0)}.purchaser-btn.secondary{background:#fff;color:#ed1b24;border:1px solid #ed1b24}.purchaser-btn.secondary:hover{background:#ed1b24;color:#fff}.home-page{min-height:100vh;background:ivory}.home-page .hero-wrapper{width:100%}.home-page .products-section{display:grid;grid-template-columns:1fr;position:relative;min-height:calc(100vh - 100px)}@media (min-width: 640px){.home-page .products-section{grid-template-columns:60px 1fr}}@media (min-width: 768px){.home-page .products-section{grid-template-columns:80px 1fr}}.home-page .products-section .home-sidebar{background:#1b365d;position:fixed;bottom:0;left:0;right:0;height:60px;padding:.5rem;border-top:1px solid rgba(212,175,55,.1);z-index:100}@media (min-width: 640px){.home-page .products-section .home-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid rgba(212,175,55,.1);border-top:none}}.home-page .products-section .home-sidebar .category-nav{height:100%}.home-page .products-section .home-sidebar .category-nav ul{list-style:none;padding:0;margin:0;display:flex;height:100%;flex-direction:row;justify-content:space-around;align-items:center;gap:.5rem}@media (min-width: 640px){.home-page .products-section .home-sidebar .category-nav ul{flex-direction:column;gap:1rem;justify-content:flex-start;padding-top:1.5rem}}.home-page .products-section .home-sidebar .category-nav ul li a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.5rem;color:#fffff0b3;text-decoration:none;font-size:.75rem;border-radius:.375rem;transition:all all .2s ease-in-out;text-align:center}.home-page .products-section .home-sidebar .category-nav ul li a svg{color:#d4af37;transition:transform all .2s ease-in-out;width:20px;height:20px}@media (min-width: 640px){.home-page .products-section .home-sidebar .category-nav ul li a svg{width:24px;height:24px}}.home-page .products-section .home-sidebar .category-nav ul li a span{font-family:Poppins,sans-serif;font-size:10px;display:none}@media (min-width: 640px){.home-page .products-section .home-sidebar .category-nav ul li a span{display:block;font-size:11px}}.home-page .products-section .home-sidebar .category-nav ul li a:hover,.home-page .products-section .home-sidebar .category-nav ul li a.active{color:ivory;background:#d4af371a}.home-page .products-section .home-sidebar .category-nav ul li a:hover svg,.home-page .products-section .home-sidebar .category-nav ul li a.active svg{transform:scale(1.1)}.home-page .products-section .home-sidebar .category-nav ul li a.active{background:#d4af3726;font-weight:700}.home-page .products-section .products-content{padding:.5rem;padding-bottom:80px}@media (min-width: 640px){.home-page .products-section .products-content{padding:1rem}}.home-page .products-section .products-content .container{max-width:1200px;margin:0 auto}@media (max-width: 640px){.home-page .products-section .products-content .container{padding:0}}.home-page .container{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}@media (min-width: 640px){.home-page .container{padding:0 2rem}}.home-page .section-title{font-family:Playfair Display,serif;font-weight:700;font-size:1.5rem;color:#1b365d;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:1rem}@media (min-width: 768px){.home-page .section-title{font-size:1.875rem}}.home-page .section-title:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:2px;background-color:#d4af374d}.home-page .section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:2px;background-color:#d4af37}.home-page .section-header{text-align:center;max-width:700px;margin:0 auto 2rem}.home-page .section-header .section-subtitle{color:#2c2c2c;font-size:1.125rem}.home-page .hero-banner{background-color:ivory;background-image:linear-gradient(#fffff0d9,#fffff0d9),url(/src/assets/images/hero-bg.jpg);background-size:cover;background-position:center;padding:3rem 0;text-align:center}@media (min-width: 768px){.home-page .hero-banner{padding:120px 0;text-align:left}}.home-page .hero-banner .hero-content{max-width:650px;margin:0 auto}@media (min-width: 768px){.home-page .hero-banner .hero-content{margin:0}}.home-page .hero-banner .hero-title{font-family:Playfair Display,serif;font-weight:700;font-size:1.875rem;color:#1b365d;margin-bottom:1rem;line-height:1.2}@media (min-width: 768px){.home-page .hero-banner .hero-title{font-size:2.25rem}}.home-page .hero-banner .hero-subtitle{font-size:1.125rem;color:#2c2c2c;margin-bottom:1.5rem;line-height:1.5}.home-page .hero-banner .hero-cta{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.home-page .hero-banner .hero-cta{flex-direction:row;justify-content:center}}@media (min-width: 768px){.home-page .hero-banner .hero-cta{justify-content:flex-start}}.home-page .hero-banner .hero-cta .btn-primary{display:inline-block;padding:.75rem 2rem;border-radius:9999px;font-family:Poppins,sans-serif;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer;border:none;text-align:center;background-color:#1b365d;color:ivory;padding:1rem 2rem}.home-page .hero-banner .hero-cta .btn-primary:hover{background-color:#101f35;transform:translateY(-2px)}.home-page .hero-banner .hero-cta .btn-secondary{display:inline-block;padding:.75rem 2rem;border-radius:9999px;font-family:Poppins,sans-serif;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer;border:none;text-align:center;background-color:transparent;color:#1b365d;border:2px solid #1b365d;padding:1rem 2rem}.home-page .hero-banner .hero-cta .btn-secondary:hover{background-color:#1b365d;color:ivory;transform:translateY(-2px)}.home-page .featured-categories{background-color:ivory}.home-page .featured-categories .category-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.home-page .featured-categories .category-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.home-page .featured-categories .category-grid{grid-template-columns:repeat(4,1fr)}}.home-page .featured-categories .category-card{background-color:ivory;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out;overflow:hidden;transition:transform all .2s ease-in-out ease}.home-page .featured-categories .category-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.home-page .featured-categories .category-card:hover{transform:translateY(-8px)}.home-page .featured-categories .category-card:hover .category-image{transform:scale(1.05)}.home-page .featured-categories .category-image{height:200px;background-size:cover;background-position:center;transition:transform all .2s ease-in-out ease}.home-page .featured-categories .category-image.personal-care{background-image:linear-gradient(#1b365d33,#1b365d33),url(/src/assets/images/category-personal-care.jpg)}.home-page .featured-categories .category-image.accessories{background-image:linear-gradient(#1b365d33,#1b365d33),url(/src/assets/images/category-accessories.jpg)}.home-page .featured-categories .category-image.home-decor{background-image:linear-gradient(#1b365d33,#1b365d33),url(/src/assets/images/category-home-decor.jpg)}.home-page .featured-categories .category-image.snacks{background-image:linear-gradient(#1b365d33,#1b365d33),url(/src/assets/images/category-snacks.jpg)}.home-page .featured-categories .category-content{padding:1rem}.home-page .featured-categories .category-content h3{font-family:Playfair Display,serif;font-weight:700;font-size:1.125rem;color:#1b365d;margin-bottom:.5rem}.home-page .featured-categories .category-content p{color:#2c2c2c;font-size:.875rem;margin-bottom:1rem}.home-page .featured-categories .category-content .category-link{color:#1b365d;font-weight:500;text-decoration:none;position:relative}.home-page .featured-categories .category-content .category-link:after{content:"→";display:inline-block;margin-left:.5rem;transition:transform all .1s ease-in-out ease}.home-page .featured-categories .category-content .category-link:hover:after{transform:translate(4px)}.home-page .featured-products{background-color:#fff}.home-page .featured-products .product-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.home-page .featured-products .product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.home-page .featured-products .product-grid{grid-template-columns:repeat(4,1fr)}}.home-page .featured-products .product-card{background-color:ivory;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out;position:relative;overflow:hidden}.home-page .featured-products .product-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.home-page .featured-products .product-card:hover .product-image{transform:scale(1.05)}.home-page .featured-products .product-card:hover .add-to-cart{opacity:1;transform:translateY(0)}.home-page .featured-products .product-badge{position:absolute;top:.75rem;left:.75rem;background-color:#d9a5b3;color:ivory;font-size:.75rem;font-weight:500;padding:.5rem .75rem;border-radius:.25rem;z-index:1}.home-page .featured-products .product-badge.new{background-color:#d9a5b3}.home-page .featured-products .product-badge.bestseller{background-color:#d4af37;color:#1b365d}.home-page .featured-products .product-image{height:280px;background-color:#f5f5f5;background-image:url(/src/assets/images/product-placeholder.jpg);background-size:cover;background-position:center;transition:transform all .2s ease-in-out ease}.home-page .featured-products .product-content{padding:1rem;position:relative}.home-page .featured-products .product-title{font-family:Playfair Display,serif;font-weight:700;font-size:1rem;color:#1b365d;margin-bottom:.5rem}.home-page .featured-products .product-price{font-weight:500;color:#2c2c2c;margin-bottom:0}.home-page .featured-products .add-to-cart{position:absolute;bottom:1rem;right:1rem;background-color:#1b365d;color:ivory;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;padding:.5rem .75rem;cursor:pointer;transition:all all .2s ease-in-out ease;opacity:0;transform:translateY(10px)}.home-page .featured-products .add-to-cart:hover{background-color:#d4af37;color:#1b365d}.home-page .featured-products .view-all-wrapper{text-align:center;margin-top:2.5rem}.home-page .featured-products .view-all-link{color:#1b365d;font-weight:500;border-bottom:2px solid #d4af37;padding-bottom:.5rem;text-decoration:none;transition:all all .2s ease-in-out ease}.home-page .featured-products .view-all-link:hover{color:#d4af37}.home-page .benefits-section{padding:3rem 0;background-color:#ffffe6}.home-page .benefits-section .benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media (max-width: 1024px){.home-page .benefits-section .benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.home-page .benefits-section .benefits-grid{grid-template-columns:1fr}}.home-page .benefits-section .benefits-grid .benefit-card{text-align:center;padding:1.5rem;background-color:ivory;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out}.home-page .benefits-section .benefits-grid .benefit-card:hover{transform:translateY(-5px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.home-page .benefits-section .benefits-grid .benefit-card:hover .benefit-icon{background-color:#1b365d;color:ivory}.home-page .benefits-section .benefits-grid .benefit-card .benefit-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background-color:#1b365d1a;color:#1b365d;border-radius:50%;transition:all .2s ease-in-out}.home-page .benefits-section .benefits-grid .benefit-card h3{font-family:Playfair Display,serif;font-size:1.5rem;color:#1b365d;margin-bottom:.75rem}.home-page .benefits-section .benefits-grid .benefit-card p{color:#2c2c2c;font-size:1rem}.home-page .testimonials{padding:3rem 0}.home-page .testimonials .section-title{font-family:Playfair Display,serif;font-size:2.5rem;color:#1b365d;text-align:center;margin-bottom:2rem}.home-page .testimonials .testimonial-slider{max-width:800px;margin:0 auto}.home-page .testimonials .testimonial-slider .testimonial-card{background-color:ivory;padding:2rem;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;text-align:center;position:relative}.home-page .testimonials .testimonial-slider .testimonial-card .quote-mark{font-family:Playfair Display,serif;font-size:4rem;color:#d4af37;position:absolute;top:-20px;left:30px;opacity:.3}.home-page .testimonials .testimonial-slider .testimonial-card .testimonial-text{font-size:1.2rem;color:#2c2c2c;margin-bottom:1.5rem;font-style:italic}.home-page .testimonials .testimonial-slider .testimonial-card .testimonial-author{display:flex;align-items:center;justify-content:center;gap:1rem}.home-page .testimonials .testimonial-slider .testimonial-card .testimonial-author .author-avatar{width:50px;height:50px;border-radius:50%;background-color:#d9a5b3}.home-page .testimonials .testimonial-slider .testimonial-card .testimonial-author .author-info{text-align:left}.home-page .testimonials .testimonial-slider .testimonial-card .testimonial-author .author-info h4{font-family:Playfair Display,serif;color:#1b365d;margin-bottom:5px}.home-page .testimonials .testimonial-slider .testimonial-card .testimonial-author .author-info .stars{color:#d4af37}.home-page .instagram-feed{padding:3rem 0;background-color:#ffffe6}.home-page .instagram-feed .section-header{text-align:center;margin-bottom:2rem}.home-page .instagram-feed .section-header .section-title{font-family:Playfair Display,serif;font-size:2.5rem;color:#1b365d;margin-bottom:.75rem}.home-page .instagram-feed .section-header .section-subtitle{color:#2c2c2c;font-size:1.1rem}.home-page .instagram-feed .instagram-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}@media (max-width: 1024px){.home-page .instagram-feed .instagram-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.home-page .instagram-feed .instagram-grid{grid-template-columns:repeat(2,1fr)}}.home-page .instagram-feed .instagram-grid .instagram-item{aspect-ratio:1;background-color:#d9a5b3;border-radius:.25rem;overflow:hidden;position:relative;cursor:pointer}.home-page .instagram-feed .instagram-grid .instagram-item:hover .instagram-overlay{opacity:1}.home-page .instagram-feed .instagram-grid .instagram-item .instagram-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1b365db3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease-in-out}.home-page .instagram-feed .instagram-grid .instagram-item .instagram-overlay svg{color:ivory;width:30px;height:30px}.home-page .cta-banner{padding:3rem 0;background:linear-gradient(45deg,#1b365d,#101f35);color:ivory}.home-page .cta-banner .cta-content{text-align:center;max-width:800px;margin:0 auto}.home-page .cta-banner .cta-content h2{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:1rem}@media (max-width: 640px){.home-page .cta-banner .cta-content h2{font-size:2rem}}.home-page .cta-banner .cta-content p{font-size:1.2rem;margin-bottom:1.5rem;opacity:.9}@media (max-width: 640px){.home-page .cta-banner .cta-content p{font-size:1rem}}.home-page .cta-banner .cta-content .btn-primary{display:inline-block;padding:1rem 2rem;background-color:#d9a5b3;color:ivory;text-decoration:none;border-radius:9999px;font-family:Poppins,sans-serif;font-weight:500;transition:all .2s ease-in-out}.home-page .cta-banner .cta-content .btn-primary:hover{background-color:#ca8195;transform:translateY(-2px)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;padding:2rem 1rem}.auth-page .container{width:100%;max-width:1200px;margin:0 auto}.auth-page .auth-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 10px 30px #0000001a}.auth-page .auth-card{padding:3rem;display:flex;flex-direction:column;gap:2rem}.auth-page .auth-card .auth-header{text-align:center;margin-bottom:1rem}.auth-page .auth-card .auth-header h1{font-size:2.5rem;color:#1a1a1a;margin-bottom:.5rem}.auth-page .auth-card .auth-header p{color:#666;font-size:1.1rem}.auth-page .auth-card .auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-page .auth-card .auth-form .form-group{display:flex;flex-direction:column;gap:.5rem}.auth-page .auth-card .auth-form .form-group label{font-weight:500;color:#333}.auth-page .auth-card .auth-form .form-group .input-with-icon{position:relative;display:flex;align-items:center}.auth-page .auth-card .auth-form .form-group .input-with-icon svg{position:absolute;left:1rem;color:#666}.auth-page .auth-card .auth-form .form-group .input-with-icon input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;transition:all .3s ease}.auth-page .auth-card .auth-form .form-group .input-with-icon input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.auth-page .auth-card .auth-form .form-group .input-with-icon input:disabled{background-color:#f5f5f5;cursor:not-allowed}.auth-page .auth-card .auth-form .form-group .password-input input{padding-right:3rem}.auth-page .auth-card .auth-form .form-group .password-input .toggle-password{position:absolute;right:1rem;background:none;border:none;color:#666;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.auth-page .auth-card .auth-form .form-group .password-input .toggle-password:hover{color:#4f46e5}.auth-page .auth-card .auth-form .form-extras{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.auth-page .auth-card .auth-form .form-extras .remember-me{display:flex;align-items:center;gap:.5rem}.auth-page .auth-card .auth-form .form-extras .remember-me input[type=checkbox]{width:1rem;height:1rem;accent-color:#4f46e5}.auth-page .auth-card .auth-form .form-extras .forgot-password{color:#4f46e5;text-decoration:none}.auth-page .auth-card .auth-form .form-extras .forgot-password:hover{text-decoration:underline}.auth-page .auth-card .auth-form .auth-button{width:100%;padding:.625rem 1.25rem;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:.75rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;height:2.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #4f46e533}.auth-page .auth-card .auth-form .auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.auth-page .auth-card .auth-form .auth-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e54d}.auth-page .auth-card .auth-form .auth-button:hover:before{left:100%}.auth-page .auth-card .auth-form .auth-button:active{transform:translateY(0)}.auth-page .auth-card .auth-form .auth-button:disabled{background:#a5a5a5;cursor:not-allowed;transform:none;box-shadow:none}.auth-page .auth-card .auth-form .auth-button:disabled:before{display:none}.auth-page .auth-card .auth-form .auth-button svg{transition:transform .3s ease;width:18px;height:18px}.auth-page .auth-card .auth-form .auth-button:hover:not(:disabled) svg{transform:translate(4px)}.auth-page .auth-card .auth-form .auth-button.loading{background:linear-gradient(135deg,#4338ca,#3730a3);cursor:wait}.auth-page .auth-card .auth-form .auth-button.loading .button-loader{display:flex;align-items:center;justify-content:center;height:.875rem}.auth-page .auth-card .auth-form .auth-button.loading .button-loader .loader-dots{display:flex;gap:.25rem;align-items:center}.auth-page .auth-card .auth-form .auth-button.loading .button-loader .loader-dots span{width:.25rem;height:.25rem;background-color:#fff;border-radius:50%;display:inline-block;animation:bounce .5s infinite alternate}.auth-page .auth-card .auth-form .auth-button.loading .button-loader .loader-dots span:nth-child(2){animation-delay:.1s}.auth-page .auth-card .auth-form .auth-button.loading .button-loader .loader-dots span:nth-child(3){animation-delay:.2s}.auth-page .auth-card .auth-footer{text-align:center;margin-top:1rem;color:#666}.auth-page .auth-card .auth-footer a{color:#4f46e5;text-decoration:none;font-weight:500}.auth-page .auth-card .auth-footer a:hover{text-decoration:underline}.auth-page .auth-image{position:relative;background-image:url(/path-to-your-image.jpg);background-size:cover;background-position:center;min-height:600px}.auth-page .auth-image .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#4f46e5e6,#6366f1e6);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;color:#fff;text-align:center}.auth-page .auth-image .overlay .quote{margin-bottom:3rem}.auth-page .auth-image .overlay .quote h2{font-size:2rem;margin-bottom:1rem;font-weight:600}.auth-page .auth-image .overlay .quote p{font-size:1.1rem;opacity:.9}.auth-page .auth-image .overlay .features{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px}.auth-page .auth-image .overlay .features .feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease}.auth-page .auth-image .overlay .features .feature-item:hover{transform:translate(10px)}.auth-page .auth-image .overlay .features .feature-item svg{color:#fff}.auth-page .auth-image .overlay .features .feature-item span{font-size:1rem;font-weight:500}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-2px)}}@media (max-width: 1024px){.auth-wrapper{grid-template-columns:1fr}.auth-image{display:none}}@media (max-width: 640px){.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:2rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.admin-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fffffff2,#ffffffe6);position:relative;overflow:hidden}.admin-auth-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e74c3c' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:-2;opacity:.5}.admin-auth-page:after{content:"";position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:600px;height:600px;background:url(/doctor-bg.jpg) center/contain no-repeat;z-index:-1;animation:float 6s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.auth-container{width:100%;max-width:480px;margin:0 auto;perspective:1000px}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;box-shadow:0 10px 25px #0000001a,0 0 0 1px #ffffff1a;transform-style:preserve-3d;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.auth-card:hover{transform:translateY(-5px) rotateX(2deg);box-shadow:0 15px 30px #0000001f,0 0 0 1px #fff3}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ed1b24,#27ae60);border-radius:20px 20px 0 0}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header .brand-logo{width:80px;height:80px;margin:0 auto 1.5rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:pulse 3s infinite;box-shadow:0 4px 15px #ed1b2433}.auth-header .brand-logo:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #ed1b24;animation:ripple 2s infinite}.auth-header .brand-logo img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.auth-header .brand-logo:hover img{transform:scale(1.1)}.auth-header h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem;font-weight:600;background:linear-gradient(135deg,#2c3e50,#ed1b24);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-header p{color:#666;font-size:1rem}@keyframes ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:0}}.form-group{margin-bottom:1.5rem;position:relative}.form-group.focused label{color:#ed1b24;transform:translateY(-20px) scale(.85)}.form-group.focused .input-wrapper{border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a;transform:translateY(-2px)}.form-group label{display:flex;align-items:center;color:#2c3e50;margin-bottom:.8rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group label .input-icon{margin-right:.8rem;color:#ed1b24;font-size:1.2rem}.form-group .input-wrapper{position:relative;border:2px solid rgba(44,62,80,.1);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffe6}.form-group .input-wrapper input{width:100%;padding:12px 16px;border:none;background:transparent;color:#2c3e50;font-size:1rem}.form-group .input-wrapper input:focus{outline:none}.form-group .input-wrapper input::placeholder{color:#2c3e5080}.form-group .input-wrapper .toggle-password{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#2c3e5099;cursor:pointer;padding:0;font-size:1.1rem;transition:all .2s ease}.form-group .input-wrapper .toggle-password:hover{color:#ed1b24;transform:translateY(-50%) scale(1.05)}.auth-button{width:100%;padding:14px;background:linear-gradient(135deg,#ed1b24,#c51017);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.auth-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.auth-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #ed1b2433}.auth-button:hover:before{animation:shimmer 1.5s infinite}.auth-button:active{transform:translateY(0)}.auth-button.loading{cursor:not-allowed;opacity:.8}@keyframes shimmer{to{transform:translate(100%)}}.button-loader{display:flex;justify-content:center;align-items:center;gap:6px}.button-loader span{width:6px;height:6px;background:#fff;border-radius:50%;animation:loaderDots 1s infinite ease-in-out}.button-loader span:nth-child(2){animation-delay:.2s}.button-loader span:nth-child(3){animation-delay:.4s}.auth-error{background:#ed1b241a;color:#ed1b24;padding:14px 16px;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;font-size:.95rem;animation:shake .5s ease-in-out;border-left:3px solid #ed1b24}.auth-error .error-icon{margin-right:10px;font-size:1.1rem}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.customer-profile .profile-header,.customer-profile .cashier-management .cashier-card .cashier-header,.cashier-management .cashier-card .customer-profile .cashier-header{margin-bottom:1.5rem}.customer-profile .profile-header h1,.customer-profile .cashier-management .cashier-card .cashier-header h1,.cashier-management .cashier-card .customer-profile .cashier-header h1{font-family:Playfair Display,serif;color:#1b365d;font-size:1.5rem;margin-bottom:.5rem}.customer-profile .profile-header p,.customer-profile .cashier-management .cashier-card .cashier-header p,.cashier-management .cashier-card .customer-profile .cashier-header p{color:#4b5563;font-size:.875rem}.customer-profile .profile-content{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:1.5rem}.customer-profile .profile-form .form-section{margin-bottom:2rem}.customer-profile .profile-form .form-section h2{font-family:Playfair Display,serif;color:#1b365d;font-size:1.125rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.customer-profile .profile-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.customer-profile .profile-form .form-grid .form-group.full-width{grid-column:1/-1}.customer-profile .profile-form .form-grid .form-group label{display:block;margin-bottom:.5rem;color:#374151;font-size:.875rem;font-weight:500}.customer-profile .profile-form .form-grid .form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:1rem;transition:all .2s ease-in-out}.customer-profile .profile-form .form-grid .form-group input:focus{outline:none;border-color:#1b365d;box-shadow:0 0 0 2px #1b365d1a}.customer-profile .profile-form .form-grid .form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.customer-profile .profile-form .form-grid .form-group input::placeholder{color:#9ca3af}.customer-profile .profile-form .form-actions{margin-top:2rem;display:flex;justify-content:flex-end}.customer-profile .profile-form .form-actions .btn,.customer-profile .profile-form .form-actions .btn-primary,.customer-profile .profile-form .form-actions .btn-secondary,.customer-profile .profile-form .form-actions .btn-accent,.customer-profile .profile-form .form-actions .btn-gold{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border:none;border-radius:.25rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.customer-profile .profile-form .form-actions .btn.btn-primary,.customer-profile .profile-form .form-actions .btn-primary{background-color:#1b365d;color:#fff}.customer-profile .profile-form .form-actions .btn.btn-primary:hover:not(:disabled),.customer-profile .profile-form .form-actions .btn-primary:hover:not(:disabled){background-color:#152b49}.customer-profile .profile-form .form-actions .btn.btn-primary:disabled,.customer-profile .profile-form .form-actions .btn-primary:disabled{opacity:.7;cursor:not-allowed}.customer-profile .profile-form .form-actions .btn .spinner,.customer-profile .profile-form .form-actions .btn-primary .spinner,.customer-profile .profile-form .form-actions .btn-secondary .spinner,.customer-profile .profile-form .form-actions .btn-accent .spinner,.customer-profile .profile-form .form-actions .btn-gold .spinner{width:20px;height:20px;animation:rotate 2s linear infinite}.customer-profile .profile-form .form-actions .btn .spinner .path,.customer-profile .profile-form .form-actions .btn-primary .spinner .path,.customer-profile .profile-form .form-actions .btn-secondary .spinner .path,.customer-profile .profile-form .form-actions .btn-accent .spinner .path,.customer-profile .profile-form .form-actions .btn-gold .spinner .path{stroke:#fff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@media (max-width: 640px){.customer-profile .profile-content{padding:1rem}.customer-profile .profile-form .form-grid{grid-template-columns:1fr}.customer-profile .profile-form .form-actions .btn,.customer-profile .profile-form .form-actions .btn-primary,.customer-profile .profile-form .form-actions .btn-secondary,.customer-profile .profile-form .form-actions .btn-accent,.customer-profile .profile-form .form-actions .btn-gold{width:100%;justify-content:center}}.sales-management{padding:1.5rem;background:#f8f9fa;min-height:100vh}.sales-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.sales-management .page-header h2{color:#1e3e72;margin:0;font-size:1.8rem;font-weight:600}.sales-management .page-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ed1b24,#c51017);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ed1b2433}.sales-management .page-header .add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ed1b244d}.sales-management .filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.sales-management .filters-section .search-box{position:relative;flex:1;min-width:300px}.sales-management .filters-section .search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#1e3e72;font-size:1.1rem}.sales-management .filters-section .search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;font-size:.95rem;transition:all .3s ease}.sales-management .filters-section .search-box input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}.sales-management .filters-section .filter-controls{display:flex;gap:.75rem}.sales-management .filters-section .filter-controls select{padding:.75rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;background:#fff;color:#1e3e72;font-size:.9rem;cursor:pointer;transition:all .3s ease}.sales-management .filters-section .filter-controls select:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}.sales-management .sales-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1px solid #e0e0e0}.sales-management .sales-table-container .sales-table{width:100%;min-width:1000px}.sales-management .sales-table-container .sales-table .table-header{display:grid;grid-template-columns:120px 200px 180px 120px 120px 120px 180px;background:linear-gradient(135deg,#ed1b24,#dd111a);color:#fff;font-weight:600;padding:1rem 0}.sales-management .sales-table-container .sales-table .table-row .col .customer-info .customer-icon{color:#1e3e72}.sales-management .sales-table-container .sales-table .table-row .col .products-summary .product-count{background:#1e3e721a;color:#1e3e72;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;display:block;margin-bottom:.25rem}.sales-management .sales-table-container .sales-table .table-row .col .products-summary .product-details .product-item{margin-bottom:.1rem}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons button{width:35px;height:35px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sales-management .sales-table-container .sales-table .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.sales-management .form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sales-management .form-container{border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.sales-management .form-container .sales-form .form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#ed1b24,#dd111a);color:#fff;border-radius:12px 12px 0 0}.sales-management .form-container .sales-form .form-header h3{margin:0;font-size:1.5rem;font-weight:600}.sales-management .form-container .sales-form .form-section{padding:2rem;border-bottom:1px solid #e0e0e0}.sales-management .form-container .sales-form .form-section .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.sales-management .form-container .sales-form .form-section .section-header .section-icon{color:#ed1b24;font-size:1.5rem}.sales-management .form-container .sales-form .form-section .section-header h4{margin:0;color:#1e3e72;font-size:1.2rem;font-weight:600;flex:1}.sales-management .form-container .sales-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.sales-management .form-container .sales-form .form-section .form-row{grid-template-columns:1fr}}.sales-management .form-container .sales-form .form-section .form-group label{display:block;margin-bottom:.5rem;color:#1e3e72;font-weight:600;font-size:.9rem}.sales-management .form-container .sales-form .form-section .form-group .input-wrapper{position:relative}.sales-management .form-container .sales-form .form-section .form-group .input-wrapper .input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;font-size:1rem}.sales-management .form-container .sales-form .form-section .form-group .input-wrapper input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s ease}.sales-management .form-container .sales-form .form-section .form-group .input-wrapper input:focus{border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.sales-management .form-container .sales-form .form-section .form-group select{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;outline:none;cursor:pointer;transition:border-color .3s ease}.sales-management .form-container .sales-form .form-section .form-group select:focus{border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .input-wrapper{position:relative}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .input-wrapper .input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666;font-size:.9rem}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .input-wrapper input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;outline:none}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .input-wrapper input:focus{border-color:#ed1b24}@media (max-width: 768px){.sales-management{padding:.5rem}.sales-management .page-header{flex-direction:column;gap:1rem;text-align:center}.sales-management .filters-section{flex-direction:column}.sales-management .filters-section .search-box{min-width:auto}.sales-management .sales-table-container .sales-table{min-width:800px}.sales-management .sales-table-container .sales-table .table-header,.sales-management .sales-table-container .sales-table .table-row{grid-template-columns:80px 120px 100px 80px 80px 80px 120px;font-size:.8rem}.sales-management .form-overlay{padding:.5rem}.sales-management .form-container .form-section{padding:1rem}.sales-management .form-container .form-section .products-table .table-header,.sales-management .form-container .form-section .products-table .table-row{grid-template-columns:1fr;gap:.5rem}.sales-management .form-container .form-section .products-table .table-header .col,.sales-management .form-container .form-section .products-table .table-row .col{margin-bottom:.5rem}}.sales-new .page-header,.loan-entries .page-header,.expense-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(237,27,36,.1)}.sales-new .page-header h2,.loan-entries .page-header h2,.expense-management .page-header h2{color:#1e3e72;margin:0;font-size:1.8rem;font-weight:600}.sales-new .page-header .add-btn,.sales-new .page-header .header-actions .add-btn,.loan-entries .page-header .add-btn,.loan-entries .page-header .header-actions .add-btn,.expense-management .page-header .add-btn,.expense-management .page-header .header-actions .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ed1b24,#c51017);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ed1b2433}.sales-new .page-header .add-btn:hover,.sales-new .page-header .header-actions .add-btn:hover,.loan-entries .page-header .add-btn:hover,.loan-entries .page-header .header-actions .add-btn:hover,.expense-management .page-header .add-btn:hover,.expense-management .page-header .header-actions .add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ed1b244d}.sales-new .page-header .add-btn:active,.sales-new .page-header .header-actions .add-btn:active,.loan-entries .page-header .add-btn:active,.loan-entries .page-header .header-actions .add-btn:active,.expense-management .page-header .add-btn:active,.expense-management .page-header .header-actions .add-btn:active{transform:translateY(0)}.sales-new .filters-section,.loan-entries .filters-section,.expense-management .filters-section{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.sales-new .filters-section .search-box,.loan-entries .filters-section .search-box,.expense-management .filters-section .search-box{position:relative;flex:1;min-width:250px}.sales-new .filters-section .search-box .search-icon,.loan-entries .filters-section .search-box .search-icon,.expense-management .filters-section .search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#1e3e72;font-size:1.1rem}.sales-new .filters-section .search-box input,.loan-entries .filters-section .search-box input,.expense-management .filters-section .search-box input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;font-size:.95rem;transition:all .3s ease}.sales-new .filters-section .search-box input:focus,.loan-entries .filters-section .search-box input:focus,.expense-management .filters-section .search-box input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}.sales-new .filters-section .search-box input::placeholder,.loan-entries .filters-section .search-box input::placeholder,.expense-management .filters-section .search-box input::placeholder{color:#1e3e7280}.sales-new .filters-section .filter-controls,.loan-entries .filters-section .filter-controls,.expense-management .filters-section .filter-controls{display:flex;gap:.75rem}.sales-new .filters-section .filter-controls select,.loan-entries .filters-section .filter-controls select,.expense-management .filters-section .filter-controls select{padding:.75rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;background:#fff;color:#1e3e72;font-size:.9rem;cursor:pointer;transition:all .3s ease}.sales-new .filters-section .filter-controls select:focus,.loan-entries .filters-section .filter-controls select:focus,.expense-management .filters-section .filter-controls select:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}.sales-new .form-container,.loan-entries .form-container,.expense-management .form-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.sales-new .form-container .sales-form,.sales-new .form-container .loan-form,.sales-new .form-container .expense-form,.loan-entries .form-container .sales-form,.loan-entries .form-container .loan-form,.loan-entries .form-container .expense-form,.expense-management .form-container .sales-form,.expense-management .form-container .loan-form,.expense-management .form-container .expense-form{border-radius:12px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.sales-new .form-container .sales-form .form-header,.sales-new .form-container .loan-form .form-header,.sales-new .form-container .expense-form .form-header,.loan-entries .form-container .sales-form .form-header,.loan-entries .form-container .loan-form .form-header,.loan-entries .form-container .expense-form .form-header,.expense-management .form-container .sales-form .form-header,.expense-management .form-container .loan-form .form-header,.expense-management .form-container .expense-form .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(237,27,36,.1)}.sales-new .form-container .sales-form .form-header h3,.sales-new .form-container .loan-form .form-header h3,.sales-new .form-container .expense-form .form-header h3,.loan-entries .form-container .sales-form .form-header h3,.loan-entries .form-container .loan-form .form-header h3,.loan-entries .form-container .expense-form .form-header h3,.expense-management .form-container .sales-form .form-header h3,.expense-management .form-container .loan-form .form-header h3,.expense-management .form-container .expense-form .form-header h3{color:#1e3e72;margin:0;font-size:1.5rem}.sales-new .form-container .sales-form .form-header .close-btn,.sales-new .form-container .loan-form .form-header .close-btn,.sales-new .form-container .expense-form .form-header .close-btn,.loan-entries .form-container .sales-form .form-header .close-btn,.loan-entries .form-container .loan-form .form-header .close-btn,.loan-entries .form-container .expense-form .form-header .close-btn,.expense-management .form-container .sales-form .form-header .close-btn,.expense-management .form-container .loan-form .form-header .close-btn,.expense-management .form-container .expense-form .form-header .close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.sales-new .form-container .sales-form .form-header .close-btn:hover,.sales-new .form-container .loan-form .form-header .close-btn:hover,.sales-new .form-container .expense-form .form-header .close-btn:hover,.loan-entries .form-container .sales-form .form-header .close-btn:hover,.loan-entries .form-container .loan-form .form-header .close-btn:hover,.loan-entries .form-container .expense-form .form-header .close-btn:hover,.expense-management .form-container .sales-form .form-header .close-btn:hover,.expense-management .form-container .loan-form .form-header .close-btn:hover,.expense-management .form-container .expense-form .form-header .close-btn:hover{background:#ed1b241a;color:#ed1b24}.sales-new .form-container .sales-form .form-section,.sales-new .form-container .loan-form .form-section,.sales-new .form-container .expense-form .form-section,.loan-entries .form-container .sales-form .form-section,.loan-entries .form-container .loan-form .form-section,.loan-entries .form-container .expense-form .form-section,.expense-management .form-container .sales-form .form-section,.expense-management .form-container .loan-form .form-section,.expense-management .form-container .expense-form .form-section{margin-bottom:2rem}.sales-new .form-container .sales-form .form-section .section-header,.sales-new .form-container .loan-form .form-section .section-header,.sales-new .form-container .expense-form .form-section .section-header,.loan-entries .form-container .sales-form .form-section .section-header,.loan-entries .form-container .loan-form .form-section .section-header,.loan-entries .form-container .expense-form .form-section .section-header,.expense-management .form-container .sales-form .form-section .section-header,.expense-management .form-container .loan-form .form-section .section-header,.expense-management .form-container .expense-form .form-section .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(30,62,114,.1)}.sales-new .form-container .sales-form .form-section .section-header .section-icon,.sales-new .form-container .loan-form .form-section .section-header .section-icon,.sales-new .form-container .expense-form .form-section .section-header .section-icon,.loan-entries .form-container .sales-form .form-section .section-header .section-icon,.loan-entries .form-container .loan-form .form-section .section-header .section-icon,.loan-entries .form-container .expense-form .form-section .section-header .section-icon,.expense-management .form-container .sales-form .form-section .section-header .section-icon,.expense-management .form-container .loan-form .form-section .section-header .section-icon,.expense-management .form-container .expense-form .form-section .section-header .section-icon{color:#ed1b24;font-size:1.2rem}.sales-new .form-container .sales-form .form-section .section-header h3,.sales-new .form-container .sales-form .form-section .section-header h4,.sales-new .form-container .loan-form .form-section .section-header h3,.sales-new .form-container .loan-form .form-section .section-header h4,.sales-new .form-container .expense-form .form-section .section-header h3,.sales-new .form-container .expense-form .form-section .section-header h4,.loan-entries .form-container .sales-form .form-section .section-header h3,.loan-entries .form-container .sales-form .form-section .section-header h4,.loan-entries .form-container .loan-form .form-section .section-header h3,.loan-entries .form-container .loan-form .form-section .section-header h4,.loan-entries .form-container .expense-form .form-section .section-header h3,.loan-entries .form-container .expense-form .form-section .section-header h4,.expense-management .form-container .sales-form .form-section .section-header h3,.expense-management .form-container .sales-form .form-section .section-header h4,.expense-management .form-container .loan-form .form-section .section-header h3,.expense-management .form-container .loan-form .form-section .section-header h4,.expense-management .form-container .expense-form .form-section .section-header h3,.expense-management .form-container .expense-form .form-section .section-header h4{color:#1e3e72;margin:0;font-size:1.1rem;font-weight:500}.sales-new .form-container .sales-form .form-section .form-row,.sales-new .form-container .loan-form .form-section .form-row,.sales-new .form-container .expense-form .form-section .form-row,.loan-entries .form-container .sales-form .form-section .form-row,.loan-entries .form-container .loan-form .form-section .form-row,.loan-entries .form-container .expense-form .form-section .form-row,.expense-management .form-container .sales-form .form-section .form-row,.expense-management .form-container .loan-form .form-section .form-row,.expense-management .form-container .expense-form .form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.sales-new .form-container .sales-form .form-section .form-row,.sales-new .form-container .loan-form .form-section .form-row,.sales-new .form-container .expense-form .form-section .form-row,.loan-entries .form-container .sales-form .form-section .form-row,.loan-entries .form-container .loan-form .form-section .form-row,.loan-entries .form-container .expense-form .form-section .form-row,.expense-management .form-container .sales-form .form-section .form-row,.expense-management .form-container .loan-form .form-section .form-row,.expense-management .form-container .expense-form .form-section .form-row{grid-template-columns:1fr}}.sales-new .form-container .sales-form .form-section .form-group,.sales-new .form-container .loan-form .form-section .form-group,.sales-new .form-container .expense-form .form-section .form-group,.loan-entries .form-container .sales-form .form-section .form-group,.loan-entries .form-container .loan-form .form-section .form-group,.loan-entries .form-container .expense-form .form-section .form-group,.expense-management .form-container .sales-form .form-section .form-group,.expense-management .form-container .loan-form .form-section .form-group,.expense-management .form-container .expense-form .form-section .form-group{margin-bottom:1rem}.sales-new .form-container .sales-form .form-section .form-group label,.sales-new .form-container .loan-form .form-section .form-group label,.sales-new .form-container .expense-form .form-section .form-group label,.loan-entries .form-container .sales-form .form-section .form-group label,.loan-entries .form-container .loan-form .form-section .form-group label,.loan-entries .form-container .expense-form .form-section .form-group label,.expense-management .form-container .sales-form .form-section .form-group label,.expense-management .form-container .loan-form .form-section .form-group label,.expense-management .form-container .expense-form .form-section .form-group label{display:block;margin-bottom:.5rem;color:#1e3e72;font-weight:500;font-size:.9rem}.sales-new .form-container .sales-form .form-section .form-group .input-wrapper,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper{position:relative}.sales-new .form-container .sales-form .form-section .form-group .input-wrapper .input-icon,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper .input-icon,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper .input-icon,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper .input-icon,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper .input-icon,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper .input-icon,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper .input-icon,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper .input-icon,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#ed1b24;font-size:1rem}.sales-new .form-container .sales-form .form-section .form-group .input-wrapper input,.sales-new .form-container .sales-form .form-section .form-group .input-wrapper select,.sales-new .form-container .sales-form .form-section .form-group .input-wrapper textarea,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper input,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper select,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper textarea,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper input,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper select,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper textarea,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper input,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper select,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper textarea,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper input,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper select,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper textarea,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper input,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper select,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper textarea,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper input,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper select,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper textarea,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper input,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper select,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper textarea,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper input,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper select,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper textarea{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:2px solid rgba(30,62,114,.1);border-radius:8px;font-size:.95rem;transition:all .3s ease}.sales-new .form-container .sales-form .form-section .form-group .input-wrapper input:focus,.sales-new .form-container .sales-form .form-section .form-group .input-wrapper select:focus,.sales-new .form-container .sales-form .form-section .form-group .input-wrapper textarea:focus,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper input:focus,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper select:focus,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper textarea:focus,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper input:focus,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper select:focus,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper textarea:focus,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper input:focus,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper select:focus,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper textarea:focus,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper input:focus,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper select:focus,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper textarea:focus,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper input:focus,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper select:focus,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper textarea:focus,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper input:focus,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper select:focus,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper textarea:focus,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper input:focus,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper select:focus,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper textarea:focus,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper input:focus,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper select:focus,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper textarea:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 2px #ed1b241a}.sales-new .form-container .sales-form .form-section .form-group .input-wrapper input::placeholder,.sales-new .form-container .sales-form .form-section .form-group .input-wrapper select::placeholder,.sales-new .form-container .sales-form .form-section .form-group .input-wrapper textarea::placeholder,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper input::placeholder,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper select::placeholder,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper textarea::placeholder,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper input::placeholder,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper select::placeholder,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper textarea::placeholder,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper input::placeholder,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper select::placeholder,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper textarea::placeholder,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper input::placeholder,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper select::placeholder,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper textarea::placeholder,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper input::placeholder,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper select::placeholder,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper textarea::placeholder,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper input::placeholder,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper select::placeholder,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper textarea::placeholder,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper input::placeholder,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper select::placeholder,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper textarea::placeholder,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper input::placeholder,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper select::placeholder,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper textarea::placeholder{color:#1e3e7280}.sales-new .form-container .sales-form .form-section .form-group .input-wrapper select,.sales-new .form-container .loan-form .form-section .form-group .input-wrapper select,.sales-new .form-container .expense-form .form-section .form-group .input-wrapper select,.loan-entries .form-container .sales-form .form-section .form-group .input-wrapper select,.loan-entries .form-container .loan-form .form-section .form-group .input-wrapper select,.loan-entries .form-container .expense-form .form-section .form-group .input-wrapper select,.expense-management .form-container .sales-form .form-section .form-group .input-wrapper select,.expense-management .form-container .loan-form .form-section .form-group .input-wrapper select,.expense-management .form-container .expense-form .form-section .form-group .input-wrapper select,.sales-new .form-container .sales-form .form-section .form-group input[type=number],.sales-new .form-container .sales-form .form-section .form-group input[type=date],.sales-new .form-container .sales-form .form-section .form-group select,.sales-new .form-container .sales-form .form-section .form-group textarea,.sales-new .form-container .loan-form .form-section .form-group input[type=number],.sales-new .form-container .loan-form .form-section .form-group input[type=date],.sales-new .form-container .loan-form .form-section .form-group select,.sales-new .form-container .loan-form .form-section .form-group textarea,.sales-new .form-container .expense-form .form-section .form-group input[type=number],.sales-new .form-container .expense-form .form-section .form-group input[type=date],.sales-new .form-container .expense-form .form-section .form-group select,.sales-new .form-container .expense-form .form-section .form-group textarea,.loan-entries .form-container .sales-form .form-section .form-group input[type=number],.loan-entries .form-container .sales-form .form-section .form-group input[type=date],.loan-entries .form-container .sales-form .form-section .form-group select,.loan-entries .form-container .sales-form .form-section .form-group textarea,.loan-entries .form-container .loan-form .form-section .form-group input[type=number],.loan-entries .form-container .loan-form .form-section .form-group input[type=date],.loan-entries .form-container .loan-form .form-section .form-group select,.loan-entries .form-container .loan-form .form-section .form-group textarea,.loan-entries .form-container .expense-form .form-section .form-group input[type=number],.loan-entries .form-container .expense-form .form-section .form-group input[type=date],.loan-entries .form-container .expense-form .form-section .form-group select,.loan-entries .form-container .expense-form .form-section .form-group textarea,.expense-management .form-container .sales-form .form-section .form-group input[type=number],.expense-management .form-container .sales-form .form-section .form-group input[type=date],.expense-management .form-container .sales-form .form-section .form-group select,.expense-management .form-container .sales-form .form-section .form-group textarea,.expense-management .form-container .loan-form .form-section .form-group input[type=number],.expense-management .form-container .loan-form .form-section .form-group input[type=date],.expense-management .form-container .loan-form .form-section .form-group select,.expense-management .form-container .loan-form .form-section .form-group textarea,.expense-management .form-container .expense-form .form-section .form-group input[type=number],.expense-management .form-container .expense-form .form-section .form-group input[type=date],.expense-management .form-container .expense-form .form-section .form-group select,.expense-management .form-container .expense-form .form-section .form-group textarea{padding-left:.75rem}.sales-new .form-container .sales-form .form-section .form-group textarea,.sales-new .form-container .loan-form .form-section .form-group textarea,.sales-new .form-container .expense-form .form-section .form-group textarea,.loan-entries .form-container .sales-form .form-section .form-group textarea,.loan-entries .form-container .loan-form .form-section .form-group textarea,.loan-entries .form-container .expense-form .form-section .form-group textarea,.expense-management .form-container .sales-form .form-section .form-group textarea,.expense-management .form-container .loan-form .form-section .form-group textarea,.expense-management .form-container .expense-form .form-section .form-group textarea{resize:vertical;min-height:80px}.sales-new .form-container .sales-form .form-actions,.sales-new .form-container .loan-form .form-actions,.sales-new .form-container .expense-form .form-actions,.loan-entries .form-container .sales-form .form-actions,.loan-entries .form-container .loan-form .form-actions,.loan-entries .form-container .expense-form .form-actions,.expense-management .form-container .sales-form .form-actions,.expense-management .form-container .loan-form .form-actions,.expense-management .form-container .expense-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid rgba(30,62,114,.1)}.sales-new .form-container .sales-form .form-actions .cancel-btn,.sales-new .form-container .loan-form .form-actions .cancel-btn,.sales-new .form-container .expense-form .form-actions .cancel-btn,.loan-entries .form-container .sales-form .form-actions .cancel-btn,.loan-entries .form-container .loan-form .form-actions .cancel-btn,.loan-entries .form-container .expense-form .form-actions .cancel-btn,.expense-management .form-container .sales-form .form-actions .cancel-btn,.expense-management .form-container .loan-form .form-actions .cancel-btn,.expense-management .form-container .expense-form .form-actions .cancel-btn{padding:.75rem 1.5rem;background:transparent;border:2px solid rgba(30,62,114,.2);color:#1e3e72;border-radius:8px;cursor:pointer;transition:all .3s ease}.sales-new .form-container .sales-form .form-actions .cancel-btn:hover,.sales-new .form-container .loan-form .form-actions .cancel-btn:hover,.sales-new .form-container .expense-form .form-actions .cancel-btn:hover,.loan-entries .form-container .sales-form .form-actions .cancel-btn:hover,.loan-entries .form-container .loan-form .form-actions .cancel-btn:hover,.loan-entries .form-container .expense-form .form-actions .cancel-btn:hover,.expense-management .form-container .sales-form .form-actions .cancel-btn:hover,.expense-management .form-container .loan-form .form-actions .cancel-btn:hover,.expense-management .form-container .expense-form .form-actions .cancel-btn:hover{background:#1e3e721a}.sales-new .form-container .sales-form .form-actions .submit-btn,.sales-new .form-container .loan-form .form-actions .submit-btn,.sales-new .form-container .expense-form .form-actions .submit-btn,.loan-entries .form-container .sales-form .form-actions .submit-btn,.loan-entries .form-container .loan-form .form-actions .submit-btn,.loan-entries .form-container .expense-form .form-actions .submit-btn,.expense-management .form-container .sales-form .form-actions .submit-btn,.expense-management .form-container .loan-form .form-actions .submit-btn,.expense-management .form-container .expense-form .form-actions .submit-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ed1b24,#c51017);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.sales-new .form-container .sales-form .form-actions .submit-btn:hover,.sales-new .form-container .loan-form .form-actions .submit-btn:hover,.sales-new .form-container .expense-form .form-actions .submit-btn:hover,.loan-entries .form-container .sales-form .form-actions .submit-btn:hover,.loan-entries .form-container .loan-form .form-actions .submit-btn:hover,.loan-entries .form-container .expense-form .form-actions .submit-btn:hover,.expense-management .form-container .sales-form .form-actions .submit-btn:hover,.expense-management .form-container .loan-form .form-actions .submit-btn:hover,.expense-management .form-container .expense-form .form-actions .submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed1b244d}.sales-new .form-container .sales-form .form-actions .submit-btn:disabled,.sales-new .form-container .loan-form .form-actions .submit-btn:disabled,.sales-new .form-container .expense-form .form-actions .submit-btn:disabled,.loan-entries .form-container .sales-form .form-actions .submit-btn:disabled,.loan-entries .form-container .loan-form .form-actions .submit-btn:disabled,.loan-entries .form-container .expense-form .form-actions .submit-btn:disabled,.expense-management .form-container .sales-form .form-actions .submit-btn:disabled,.expense-management .form-container .loan-form .form-actions .submit-btn:disabled,.expense-management .form-container .expense-form .form-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sales-new .empty-state,.loan-entries .empty-state,.expense-management .empty-state{text-align:center;padding:3rem 1rem;color:#666}.sales-new .empty-state .empty-icon,.loan-entries .empty-state .empty-icon,.expense-management .empty-state .empty-icon{font-size:4rem;color:#1e3e724d;margin-bottom:1rem}.sales-new .empty-state h3,.loan-entries .empty-state h3,.expense-management .empty-state h3{color:#1e3e72;margin-bottom:.5rem}.sales-new .empty-state p,.loan-entries .empty-state p,.expense-management .empty-state p{color:#666}.sales-new .products-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.sales-new .products-table .table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;background:linear-gradient(135deg,#1e3e72,#13284a);color:#fff;font-weight:500}.sales-new .products-table .table-header .col{padding:1rem;text-align:center}.sales-new .products-table .table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 80px;border-bottom:1px solid #e0e0e0}.sales-new .products-table .table-row:last-child{border-bottom:none}.sales-new .products-table .table-row .col{padding:1rem;display:flex;align-items:center;justify-content:center}.sales-new .products-table .table-row .col:first-child{justify-content:flex-start}.sales-new .products-table .table-row .col input{width:100%;padding:.5rem;border:1px solid rgba(30,62,114,.2);border-radius:4px;text-align:center}.sales-new .products-table .table-row .col input:focus{outline:none;border-color:#ed1b24}.sales-new .products-table .table-row .col .input-wrapper{width:100%}.sales-new .products-table .table-row .col .quantity-controls{display:flex;align-items:center;gap:.5rem}.sales-new .products-table .table-row .col .quantity-controls button{width:30px;height:30px;border:1px solid rgba(237,27,36,.3);background:#ed1b241a;color:#ed1b24;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sales-new .products-table .table-row .col .quantity-controls button:hover{background:#ed1b2433}.sales-new .products-table .table-row .col .quantity-controls input{width:60px;text-align:center}.sales-new .products-table .table-row .col .total-display{font-weight:600;color:#ed1b24}.sales-new .products-table .table-row .col .remove-btn{width:35px;height:35px;border:none;background:#e74c3c1a;color:#e74c3c;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sales-new .products-table .table-row .col .remove-btn:hover:not(:disabled){background:#e74c3c33}.sales-new .products-table .table-row .col .remove-btn:disabled{opacity:.5;cursor:not-allowed}.sales-new .payment-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.sales-new .payment-section{grid-template-columns:1fr}}.sales-new .payment-section .total-section .total-display-large{background:linear-gradient(135deg,#ed1b241a,#1e3e721a);padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;border:2px solid rgba(237,27,36,.2)}.sales-new .payment-section .total-section .total-display-large .total-icon{font-size:2rem;color:#ed1b24}.sales-new .payment-section .total-section .total-display-large .total-info .total-label{display:block;color:#666;font-size:.9rem;margin-bottom:.25rem}.sales-new .payment-section .total-section .total-display-large .total-info .total-amount{display:block;font-size:1.5rem;font-weight:700;color:#ed1b24}.loans-list,.expenses-list{display:grid;gap:1rem}.loans-list .loan-card,.loans-list .expense-card,.expenses-list .loan-card,.expenses-list .expense-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.loans-list .loan-card:hover,.loans-list .expense-card:hover,.expenses-list .loan-card:hover,.expenses-list .expense-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.loans-list .loan-card .loan-header,.loans-list .loan-card .expense-header,.loans-list .expense-card .loan-header,.loans-list .expense-card .expense-header,.expenses-list .loan-card .loan-header,.expenses-list .loan-card .expense-header,.expenses-list .expense-card .loan-header,.expenses-list .expense-card .expense-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.loans-list .loan-card .loan-header .loan-info h3,.loans-list .loan-card .loan-header .expense-info h3,.loans-list .loan-card .expense-header .loan-info h3,.loans-list .loan-card .expense-header .expense-info h3,.loans-list .expense-card .loan-header .loan-info h3,.loans-list .expense-card .loan-header .expense-info h3,.loans-list .expense-card .expense-header .loan-info h3,.loans-list .expense-card .expense-header .expense-info h3,.expenses-list .loan-card .loan-header .loan-info h3,.expenses-list .loan-card .loan-header .expense-info h3,.expenses-list .loan-card .expense-header .loan-info h3,.expenses-list .loan-card .expense-header .expense-info h3,.expenses-list .expense-card .loan-header .loan-info h3,.expenses-list .expense-card .loan-header .expense-info h3,.expenses-list .expense-card .expense-header .loan-info h3,.expenses-list .expense-card .expense-header .expense-info h3{color:#1e3e72;margin:0 0 .5rem;font-size:1.2rem}.loans-list .loan-card .loan-header .loan-info .loan-type-badge,.loans-list .loan-card .loan-header .loan-info .expense-date,.loans-list .loan-card .loan-header .expense-info .loan-type-badge,.loans-list .loan-card .loan-header .expense-info .expense-date,.loans-list .loan-card .expense-header .loan-info .loan-type-badge,.loans-list .loan-card .expense-header .loan-info .expense-date,.loans-list .loan-card .expense-header .expense-info .loan-type-badge,.loans-list .loan-card .expense-header .expense-info .expense-date,.loans-list .expense-card .loan-header .loan-info .loan-type-badge,.loans-list .expense-card .loan-header .loan-info .expense-date,.loans-list .expense-card .loan-header .expense-info .loan-type-badge,.loans-list .expense-card .loan-header .expense-info .expense-date,.loans-list .expense-card .expense-header .loan-info .loan-type-badge,.loans-list .expense-card .expense-header .loan-info .expense-date,.loans-list .expense-card .expense-header .expense-info .loan-type-badge,.loans-list .expense-card .expense-header .expense-info .expense-date,.expenses-list .loan-card .loan-header .loan-info .loan-type-badge,.expenses-list .loan-card .loan-header .loan-info .expense-date,.expenses-list .loan-card .loan-header .expense-info .loan-type-badge,.expenses-list .loan-card .loan-header .expense-info .expense-date,.expenses-list .loan-card .expense-header .loan-info .loan-type-badge,.expenses-list .loan-card .expense-header .loan-info .expense-date,.expenses-list .loan-card .expense-header .expense-info .loan-type-badge,.expenses-list .loan-card .expense-header .expense-info .expense-date,.expenses-list .expense-card .loan-header .loan-info .loan-type-badge,.expenses-list .expense-card .loan-header .loan-info .expense-date,.expenses-list .expense-card .loan-header .expense-info .loan-type-badge,.expenses-list .expense-card .loan-header .expense-info .expense-date,.expenses-list .expense-card .expense-header .loan-info .loan-type-badge,.expenses-list .expense-card .expense-header .loan-info .expense-date,.expenses-list .expense-card .expense-header .expense-info .loan-type-badge,.expenses-list .expense-card .expense-header .expense-info .expense-date{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.loans-list .loan-card .loan-header .loan-info .loan-type-badge.loan_given,.loans-list .loan-card .loan-header .expense-info .loan-type-badge.loan_given,.loans-list .loan-card .expense-header .loan-info .loan-type-badge.loan_given,.loans-list .loan-card .expense-header .expense-info .loan-type-badge.loan_given,.loans-list .expense-card .loan-header .loan-info .loan-type-badge.loan_given,.loans-list .expense-card .loan-header .expense-info .loan-type-badge.loan_given,.loans-list .expense-card .expense-header .loan-info .loan-type-badge.loan_given,.loans-list .expense-card .expense-header .expense-info .loan-type-badge.loan_given,.expenses-list .loan-card .loan-header .loan-info .loan-type-badge.loan_given,.expenses-list .loan-card .loan-header .expense-info .loan-type-badge.loan_given,.expenses-list .loan-card .expense-header .loan-info .loan-type-badge.loan_given,.expenses-list .loan-card .expense-header .expense-info .loan-type-badge.loan_given,.expenses-list .expense-card .loan-header .loan-info .loan-type-badge.loan_given,.expenses-list .expense-card .loan-header .expense-info .loan-type-badge.loan_given,.expenses-list .expense-card .expense-header .loan-info .loan-type-badge.loan_given,.expenses-list .expense-card .expense-header .expense-info .loan-type-badge.loan_given{background:#27ae601a;color:#27ae60}.loans-list .loan-card .loan-header .loan-info .loan-type-badge.loan_taken,.loans-list .loan-card .loan-header .expense-info .loan-type-badge.loan_taken,.loans-list .loan-card .expense-header .loan-info .loan-type-badge.loan_taken,.loans-list .loan-card .expense-header .expense-info .loan-type-badge.loan_taken,.loans-list .expense-card .loan-header .loan-info .loan-type-badge.loan_taken,.loans-list .expense-card .loan-header .expense-info .loan-type-badge.loan_taken,.loans-list .expense-card .expense-header .loan-info .loan-type-badge.loan_taken,.loans-list .expense-card .expense-header .expense-info .loan-type-badge.loan_taken,.expenses-list .loan-card .loan-header .loan-info .loan-type-badge.loan_taken,.expenses-list .loan-card .loan-header .expense-info .loan-type-badge.loan_taken,.expenses-list .loan-card .expense-header .loan-info .loan-type-badge.loan_taken,.expenses-list .loan-card .expense-header .expense-info .loan-type-badge.loan_taken,.expenses-list .expense-card .loan-header .loan-info .loan-type-badge.loan_taken,.expenses-list .expense-card .loan-header .expense-info .loan-type-badge.loan_taken,.expenses-list .expense-card .expense-header .loan-info .loan-type-badge.loan_taken,.expenses-list .expense-card .expense-header .expense-info .loan-type-badge.loan_taken{background:#f39c121a;color:#f39c12}.loans-list .loan-card .loan-header .loan-info .expense-date,.loans-list .loan-card .loan-header .expense-info .expense-date,.loans-list .loan-card .expense-header .loan-info .expense-date,.loans-list .loan-card .expense-header .expense-info .expense-date,.loans-list .expense-card .loan-header .loan-info .expense-date,.loans-list .expense-card .loan-header .expense-info .expense-date,.loans-list .expense-card .expense-header .loan-info .expense-date,.loans-list .expense-card .expense-header .expense-info .expense-date,.expenses-list .loan-card .loan-header .loan-info .expense-date,.expenses-list .loan-card .loan-header .expense-info .expense-date,.expenses-list .loan-card .expense-header .loan-info .expense-date,.expenses-list .loan-card .expense-header .expense-info .expense-date,.expenses-list .expense-card .loan-header .loan-info .expense-date,.expenses-list .expense-card .loan-header .expense-info .expense-date,.expenses-list .expense-card .expense-header .loan-info .expense-date,.expenses-list .expense-card .expense-header .expense-info .expense-date{background:#1e3e721a;color:#1e3e72}.loans-list .loan-card .loan-header .loan-amount,.loans-list .loan-card .loan-header .expense-amount,.loans-list .loan-card .expense-header .loan-amount,.loans-list .loan-card .expense-header .expense-amount,.loans-list .expense-card .loan-header .loan-amount,.loans-list .expense-card .loan-header .expense-amount,.loans-list .expense-card .expense-header .loan-amount,.loans-list .expense-card .expense-header .expense-amount,.expenses-list .loan-card .loan-header .loan-amount,.expenses-list .loan-card .loan-header .expense-amount,.expenses-list .loan-card .expense-header .loan-amount,.expenses-list .loan-card .expense-header .expense-amount,.expenses-list .expense-card .loan-header .loan-amount,.expenses-list .expense-card .loan-header .expense-amount,.expenses-list .expense-card .expense-header .loan-amount,.expenses-list .expense-card .expense-header .expense-amount{font-size:1.3rem;font-weight:700;color:#ed1b24}.loans-list .loan-card .loan-details,.loans-list .loan-card .expense-details,.loans-list .expense-card .loan-details,.loans-list .expense-card .expense-details,.expenses-list .loan-card .loan-details,.expenses-list .loan-card .expense-details,.expenses-list .expense-card .loan-details,.expenses-list .expense-card .expense-details{margin-bottom:1rem}.loans-list .loan-card .loan-details .detail-item,.loans-list .loan-card .expense-details .detail-item,.loans-list .expense-card .loan-details .detail-item,.loans-list .expense-card .expense-details .detail-item,.expenses-list .loan-card .loan-details .detail-item,.expenses-list .loan-card .expense-details .detail-item,.expenses-list .expense-card .loan-details .detail-item,.expenses-list .expense-card .expense-details .detail-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.loans-list .loan-card .loan-details .detail-item .label,.loans-list .loan-card .expense-details .detail-item .label,.loans-list .expense-card .loan-details .detail-item .label,.loans-list .expense-card .expense-details .detail-item .label,.expenses-list .loan-card .loan-details .detail-item .label,.expenses-list .loan-card .expense-details .detail-item .label,.expenses-list .expense-card .loan-details .detail-item .label,.expenses-list .expense-card .expense-details .detail-item .label{color:#666;font-size:.9rem}.loans-list .loan-card .loan-details .detail-item .value,.loans-list .loan-card .expense-details .detail-item .value,.loans-list .expense-card .loan-details .detail-item .value,.loans-list .expense-card .expense-details .detail-item .value,.expenses-list .loan-card .loan-details .detail-item .value,.expenses-list .loan-card .expense-details .detail-item .value,.expenses-list .expense-card .loan-details .detail-item .value,.expenses-list .expense-card .expense-details .detail-item .value{color:#1e3e72;font-weight:500}.loans-list .loan-card .loan-details .detail-item .status-badge,.loans-list .loan-card .expense-details .detail-item .status-badge,.loans-list .expense-card .loan-details .detail-item .status-badge,.loans-list .expense-card .expense-details .detail-item .status-badge,.expenses-list .loan-card .loan-details .detail-item .status-badge,.expenses-list .loan-card .expense-details .detail-item .status-badge,.expenses-list .expense-card .loan-details .detail-item .status-badge,.expenses-list .expense-card .expense-details .detail-item .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.loans-list .loan-card .loan-details .detail-item .status-badge.ongoing,.loans-list .loan-card .expense-details .detail-item .status-badge.ongoing,.loans-list .expense-card .loan-details .detail-item .status-badge.ongoing,.loans-list .expense-card .expense-details .detail-item .status-badge.ongoing,.expenses-list .loan-card .loan-details .detail-item .status-badge.ongoing,.expenses-list .loan-card .expense-details .detail-item .status-badge.ongoing,.expenses-list .expense-card .loan-details .detail-item .status-badge.ongoing,.expenses-list .expense-card .expense-details .detail-item .status-badge.ongoing{background:#f39c121a;color:#f39c12}.loans-list .loan-card .loan-details .detail-item .status-badge.completed,.loans-list .loan-card .expense-details .detail-item .status-badge.completed,.loans-list .expense-card .loan-details .detail-item .status-badge.completed,.loans-list .expense-card .expense-details .detail-item .status-badge.completed,.expenses-list .loan-card .loan-details .detail-item .status-badge.completed,.expenses-list .loan-card .expense-details .detail-item .status-badge.completed,.expenses-list .expense-card .loan-details .detail-item .status-badge.completed,.expenses-list .expense-card .expense-details .detail-item .status-badge.completed{background:#27ae601a;color:#27ae60}.loans-list .loan-card .loan-details .detail-item .status-badge.overdue,.loans-list .loan-card .expense-details .detail-item .status-badge.overdue,.loans-list .expense-card .loan-details .detail-item .status-badge.overdue,.loans-list .expense-card .expense-details .detail-item .status-badge.overdue,.expenses-list .loan-card .loan-details .detail-item .status-badge.overdue,.expenses-list .loan-card .expense-details .detail-item .status-badge.overdue,.expenses-list .expense-card .loan-details .detail-item .status-badge.overdue,.expenses-list .expense-card .expense-details .detail-item .status-badge.overdue{background:#e74c3c1a;color:#e74c3c}.loans-list .loan-card .loan-details .expense-description,.loans-list .loan-card .expense-details .expense-description,.loans-list .expense-card .loan-details .expense-description,.loans-list .expense-card .expense-details .expense-description,.expenses-list .loan-card .loan-details .expense-description,.expenses-list .loan-card .expense-details .expense-description,.expenses-list .expense-card .loan-details .expense-description,.expenses-list .expense-card .expense-details .expense-description{color:#2d3436;margin-bottom:.75rem;line-height:1.4}.loans-list .loan-card .loan-details .expense-meta,.loans-list .loan-card .expense-details .expense-meta,.loans-list .expense-card .loan-details .expense-meta,.loans-list .expense-card .expense-details .expense-meta,.expenses-list .loan-card .loan-details .expense-meta,.expenses-list .loan-card .expense-details .expense-meta,.expenses-list .expense-card .loan-details .expense-meta,.expenses-list .expense-card .expense-details .expense-meta{display:flex;gap:1rem;font-size:.9rem}.loans-list .loan-card .loan-details .expense-meta .paid-from,.loans-list .loan-card .loan-details .expense-meta .linked-account,.loans-list .loan-card .expense-details .expense-meta .paid-from,.loans-list .loan-card .expense-details .expense-meta .linked-account,.loans-list .expense-card .loan-details .expense-meta .paid-from,.loans-list .expense-card .loan-details .expense-meta .linked-account,.loans-list .expense-card .expense-details .expense-meta .paid-from,.loans-list .expense-card .expense-details .expense-meta .linked-account,.expenses-list .loan-card .loan-details .expense-meta .paid-from,.expenses-list .loan-card .loan-details .expense-meta .linked-account,.expenses-list .loan-card .expense-details .expense-meta .paid-from,.expenses-list .loan-card .expense-details .expense-meta .linked-account,.expenses-list .expense-card .loan-details .expense-meta .paid-from,.expenses-list .expense-card .loan-details .expense-meta .linked-account,.expenses-list .expense-card .expense-details .expense-meta .paid-from,.expenses-list .expense-card .expense-details .expense-meta .linked-account{color:#666}.loans-list .loan-card .loan-details .expense-meta .paid-from strong,.loans-list .loan-card .loan-details .expense-meta .linked-account strong,.loans-list .loan-card .expense-details .expense-meta .paid-from strong,.loans-list .loan-card .expense-details .expense-meta .linked-account strong,.loans-list .expense-card .loan-details .expense-meta .paid-from strong,.loans-list .expense-card .loan-details .expense-meta .linked-account strong,.loans-list .expense-card .expense-details .expense-meta .paid-from strong,.loans-list .expense-card .expense-details .expense-meta .linked-account strong,.expenses-list .loan-card .loan-details .expense-meta .paid-from strong,.expenses-list .loan-card .loan-details .expense-meta .linked-account strong,.expenses-list .loan-card .expense-details .expense-meta .paid-from strong,.expenses-list .loan-card .expense-details .expense-meta .linked-account strong,.expenses-list .expense-card .loan-details .expense-meta .paid-from strong,.expenses-list .expense-card .loan-details .expense-meta .linked-account strong,.expenses-list .expense-card .expense-details .expense-meta .paid-from strong,.expenses-list .expense-card .expense-details .expense-meta .linked-account strong{color:#1e3e72}.loans-list .loan-card .loan-actions,.loans-list .loan-card .expense-actions,.loans-list .expense-card .loan-actions,.loans-list .expense-card .expense-actions,.expenses-list .loan-card .loan-actions,.expenses-list .loan-card .expense-actions,.expenses-list .expense-card .loan-actions,.expenses-list .expense-card .expense-actions{display:flex;gap:.75rem}.loans-list .loan-card .loan-actions .edit-btn,.loans-list .loan-card .loan-actions .delete-btn,.loans-list .loan-card .expense-actions .edit-btn,.loans-list .loan-card .expense-actions .delete-btn,.loans-list .expense-card .loan-actions .edit-btn,.loans-list .expense-card .loan-actions .delete-btn,.loans-list .expense-card .expense-actions .edit-btn,.loans-list .expense-card .expense-actions .delete-btn,.expenses-list .loan-card .loan-actions .edit-btn,.expenses-list .loan-card .loan-actions .delete-btn,.expenses-list .loan-card .expense-actions .edit-btn,.expenses-list .loan-card .expense-actions .delete-btn,.expenses-list .expense-card .loan-actions .edit-btn,.expenses-list .expense-card .loan-actions .delete-btn,.expenses-list .expense-card .expense-actions .edit-btn,.expenses-list .expense-card .expense-actions .delete-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.loans-list .loan-card .loan-actions .edit-btn,.loans-list .loan-card .expense-actions .edit-btn,.loans-list .expense-card .loan-actions .edit-btn,.loans-list .expense-card .expense-actions .edit-btn,.expenses-list .loan-card .loan-actions .edit-btn,.expenses-list .loan-card .expense-actions .edit-btn,.expenses-list .expense-card .loan-actions .edit-btn,.expenses-list .expense-card .expense-actions .edit-btn{background:#1e3e721a;color:#1e3e72}.loans-list .loan-card .loan-actions .edit-btn:hover,.loans-list .loan-card .expense-actions .edit-btn:hover,.loans-list .expense-card .loan-actions .edit-btn:hover,.loans-list .expense-card .expense-actions .edit-btn:hover,.expenses-list .loan-card .loan-actions .edit-btn:hover,.expenses-list .loan-card .expense-actions .edit-btn:hover,.expenses-list .expense-card .loan-actions .edit-btn:hover,.expenses-list .expense-card .expense-actions .edit-btn:hover{background:#1e3e7233}.loans-list .loan-card .loan-actions .delete-btn,.loans-list .loan-card .expense-actions .delete-btn,.loans-list .expense-card .loan-actions .delete-btn,.loans-list .expense-card .expense-actions .delete-btn,.expenses-list .loan-card .loan-actions .delete-btn,.expenses-list .loan-card .expense-actions .delete-btn,.expenses-list .expense-card .loan-actions .delete-btn,.expenses-list .expense-card .expense-actions .delete-btn{background:#e74c3c1a;color:#e74c3c}.loans-list .loan-card .loan-actions .delete-btn:hover,.loans-list .loan-card .expense-actions .delete-btn:hover,.loans-list .expense-card .loan-actions .delete-btn:hover,.loans-list .expense-card .expense-actions .delete-btn:hover,.expenses-list .loan-card .loan-actions .delete-btn:hover,.expenses-list .loan-card .expense-actions .delete-btn:hover,.expenses-list .expense-card .loan-actions .delete-btn:hover,.expenses-list .expense-card .expense-actions .delete-btn:hover{background:#e74c3c33}.sales-management .sales-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a;border:1px solid #e0e0e0;margin-bottom:2rem}.sales-management .sales-table-container .sales-table{width:100%;overflow-x:auto}.sales-management .sales-table-container .sales-table .table-header{display:grid;grid-template-columns:120px 200px 180px 120px 120px 120px 180px;background:linear-gradient(135deg,#ed1b24,#dd111a);color:#fff;font-weight:600;padding:1rem 0;position:sticky;top:0;z-index:10}.sales-management .sales-table-container .sales-table .table-header .col{padding:0 1rem;display:flex;align-items:center;font-size:.9rem}.sales-management .sales-table-container .sales-table .table-row{display:grid;grid-template-columns:120px 200px 180px 120px 120px 120px 180px;border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.sales-management .sales-table-container .sales-table .table-row:hover{background-color:#ed1b240d}.sales-management .sales-table-container .sales-table .table-row .col{padding:1rem;display:flex;align-items:center;font-size:.9rem}.sales-management .sales-table-container .sales-table .table-row .col .sale-id{font-weight:600;color:#ed1b24;background:#ed1b241a;padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.sales-management .sales-table-container .sales-table .table-row .col .customer-info{display:flex;align-items:center;gap:.5rem}.sales-management .sales-table-container .sales-table .table-row .col .customer-info .customer-icon{color:#1e3e72;font-size:1rem}.sales-management .sales-table-container .sales-table .table-row .col .products-summary .product-count{background:#1e3e721a;color:#1e3e72;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600;display:inline-block;margin-bottom:.5rem}.sales-management .sales-table-container .sales-table .table-row .col .products-summary .product-details{font-size:.8rem;color:#666}.sales-management .sales-table-container .sales-table .table-row .col .products-summary .product-details .product-item{margin-bottom:.2rem}.sales-management .sales-table-container .sales-table .table-row .col .amount{font-weight:600;color:#27ae60;font-size:1rem}.sales-management .sales-table-container .sales-table .table-row .col .status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.sales-management .sales-table-container .sales-table .table-row .col .status-badge.paid{background:#27ae6033;color:#27ae60}.sales-management .sales-table-container .sales-table .table-row .col .status-badge.partial{background:#f39c1233;color:#976008}.sales-management .sales-table-container .sales-table .table-row .col .status-badge.due{background:#e74c3c33;color:#e74c3c}.sales-management .sales-table-container .sales-table .table-row .col .date{color:#666;font-size:.9rem}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons{display:flex;gap:.5rem}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons button{width:35px;height:35px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.9rem}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons button.edit-btn{background:#1e3e7233;color:#1e3e72}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons button.edit-btn:hover{background:#1e3e72;color:#fff}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons button.delete-btn{background:#e74c3c33;color:#e74c3c}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons button.delete-btn:hover{background:#e74c3c;color:#fff}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons button.print-btn{background:#27ae6033;color:#27ae60}.sales-management .sales-table-container .sales-table .table-row .col .action-buttons button.print-btn:hover{background:#27ae60;color:#fff}.sales-management .sales-table-container .sales-table .empty-state{text-align:center;padding:4rem 2rem;color:#666}.sales-management .sales-table-container .sales-table .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.sales-management .sales-table-container .sales-table .empty-state h3{margin-bottom:.5rem;color:#666}.sales-management .sales-table-container .sales-table .empty-state p{margin:0;opacity:.7}.sales-management .form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sales-management .form-container{position:static;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;z-index:1001}.sales-management .form-container .sales-form{padding:0}.sales-management .form-container .sales-form .form-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;margin-bottom:0;border-bottom:2px solid #e0e0e0;background:linear-gradient(135deg,#ed1b24,#dd111a);color:#fff;border-radius:12px 12px 0 0}.sales-management .form-container .sales-form .form-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.sales-management .form-container .sales-form .form-header .close-btn{background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.sales-management .form-container .sales-form .form-header .close-btn:hover{background:#ffffff4d}.sales-management .form-container .sales-form .form-section{padding:2rem;margin-bottom:0;border-bottom:1px solid #e0e0e0}.sales-management .form-container .sales-form .form-section:last-of-type{border-bottom:none}.sales-management .form-container .sales-form .form-section .section-header .add-product-btn{background:#27ae601a;color:#27ae60;border:2px solid #27ae60;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.sales-management .form-container .sales-form .form-section .section-header .add-product-btn:hover{background:#27ae60;color:#fff}.sales-management .form-container .sales-form .form-section .products-table .table-header{display:grid;grid-template-columns:2fr 150px 150px 120px 80px;background:#1e3e721a;padding:1rem;border-radius:8px;font-weight:600;color:#1e3e72;margin-bottom:1rem}.sales-management .form-container .sales-form .form-section .products-table .table-header .col{padding:0 .5rem;font-size:.9rem}.sales-management .form-container .sales-form .form-section .products-table .table-row{display:grid;grid-template-columns:2fr 150px 150px 120px 80px;gap:1rem;padding:1rem 0;border-bottom:1px solid #e0e0e0;align-items:center}.sales-management .form-container .sales-form .form-section .products-table .table-row:last-child{border-bottom:none}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .quantity-controls{display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .quantity-controls button{background:#ed1b241a;color:#ed1b24;border:none;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .quantity-controls button:hover{background:#ed1b2433}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .quantity-controls input{border:none;text-align:center;padding:.5rem;width:60px;outline:none}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .total-display{font-weight:600;color:#27ae60;text-align:center;background:#27ae601a;padding:.5rem;border-radius:6px}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .remove-btn{background:#e74c3c33;color:#e74c3c;border:none;width:35px;height:35px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .remove-btn:hover:not(:disabled){background:#e74c3c;color:#fff}.sales-management .form-container .sales-form .form-section .products-table .table-row .col .remove-btn:disabled{opacity:.5;cursor:not-allowed}.sales-management .form-container .sales-form .form-section .payment-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}@media (max-width: 768px){.sales-management .form-container .sales-form .form-section .payment-section{grid-template-columns:1fr}}.sales-management .form-container .sales-form .form-section .payment-section .total-section .total-display-large{background:linear-gradient(135deg,#ed1b241a,#1e3e721a);padding:1.5rem;border-radius:12px;border:2px solid rgba(237,27,36,.2);display:flex;align-items:center;gap:1rem}.sales-management .form-container .sales-form .form-section .payment-section .total-section .total-display-large .total-icon{color:#ed1b24;font-size:2rem}.sales-management .form-container .sales-form .form-section .payment-section .total-section .total-display-large .total-info .total-label{display:block;color:#666;font-size:.9rem;margin-bottom:.25rem}.sales-management .form-container .sales-form .form-section .payment-section .total-section .total-display-large .total-info .total-amount{font-size:2rem;font-weight:700;color:#ed1b24}.sales-management .form-container .sales-form .form-actions{padding:1.5rem 2rem;background:#f8f9fa80;display:flex;justify-content:flex-end;gap:1rem;border-radius:0 0 12px 12px}.sales-management .form-container .sales-form .form-actions .cancel-btn{background:transparent;color:#666;border:2px solid #e0e0e0;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.sales-management .form-container .sales-form .form-actions .cancel-btn:hover{background:#6666661a;border-color:#666}.sales-management .form-container .sales-form .form-actions .submit-btn{background:linear-gradient(135deg,#ed1b24,#c51017);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ed1b244d}.sales-management .form-container .sales-form .form-actions .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ed1b2466}.sales-management .form-container .sales-form .form-actions .submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 1200px){.sales-management .sales-table-container .sales-table .table-header,.sales-management .sales-table-container .sales-table .table-row{grid-template-columns:100px 180px 160px 100px 100px 100px 160px}}@media (max-width: 768px){.sales-management{padding:.5rem}.sales-management .page-header{flex-direction:column;gap:1rem;align-items:stretch}.sales-management .page-header .add-btn{justify-content:center}.sales-management .filters-section{flex-direction:column}.sales-management .filters-section .search-box{min-width:auto}.sales-management .filters-section .filter-controls{justify-content:space-between}.sales-management .filters-section .filter-controls select{flex:1}.sales-management .sales-table-container .sales-table .table-header,.sales-management .sales-table-container .sales-table .table-row{grid-template-columns:80px 150px 120px 80px 80px 80px 120px;font-size:.8rem}.sales-management .form-overlay{padding:.5rem}.sales-management .form-container .form-section{padding:1rem}.sales-management .form-container .form-section .products-table .table-header,.sales-management .form-container .form-section .products-table .table-row{grid-template-columns:1fr;gap:.5rem}.sales-management .form-container .form-section .products-table .table-header .col,.sales-management .form-container .form-section .products-table .table-row .col{margin-bottom:.5rem}}.product-management .admin-content{overflow:hidden;background-color:transparent;box-shadow:none;max-width:100%;width:100%}.product-management .table-container{width:100%;max-width:100%;min-width:0;overflow-x:auto;background-color:#fff;margin-bottom:1rem;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0}.product-management .table-container .data-table{background-color:#fff;width:100%;table-layout:fixed;border-spacing:0;min-width:1200px}.product-management .table-container .data-table th,.product-management .table-container .data-table td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-management .table-container .data-table .action-buttons{display:flex;justify-content:center;gap:.75rem}.product-management .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:200px}.product-management .loading-state:before{content:"";width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4a90e2;border-radius:50%;margin-bottom:1rem;animation:spin 1s linear infinite}.product-management .loading-state p{color:#2c2c2c;font-size:1rem}.product-management .modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.product-management .modal .modal-content{background-color:#fff;padding:2rem;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.product-management .modal .modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.product-management .modal .modal-content .modal-header h2{margin:0;font-size:1.5rem}.product-management .modal .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;line-height:1}.product-management .modal .modal-content .modal-header .close-btn:hover{color:#dc3545}.product-management .modal .modal-content .form-group{margin-bottom:1.5rem}.product-management .modal .modal-content .form-group label{display:block;margin-bottom:.5rem;font-weight:500}.product-management .modal .modal-content .form-group input[type=text],.product-management .modal .modal-content .form-group input[type=number],.product-management .modal .modal-content .form-group textarea,.product-management .modal .modal-content .form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.product-management .modal .modal-content .form-group input[type=text]:focus,.product-management .modal .modal-content .form-group input[type=number]:focus,.product-management .modal .modal-content .form-group textarea:focus,.product-management .modal .modal-content .form-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.product-management .modal .modal-content .form-group textarea{min-height:100px;resize:vertical}.product-management .modal .modal-content .image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem}.product-management .modal .modal-content .image-preview img{width:100%;height:100px;object-fit:cover;border-radius:4px}.product-management .modal .modal-content .modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.product-management .modal .modal-content .modal-footer button{padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.product-management .modal .modal-content .modal-footer button.btn-secondary{background-color:#6c757d;color:#fff;border:none}.product-management .modal .modal-content .modal-footer button.btn-secondary:hover{background-color:#5a6268}.product-management .modal .modal-content .modal-footer button.btn-primary{background-color:#4a90e2;color:#fff;border:none}.product-management .modal .modal-content .modal-footer button.btn-primary:hover{background-color:#357abd}.product-management .modal .modal-content .modal-footer button.btn-primary:disabled{background-color:#a8c6e8;cursor:not-allowed}.product-management .product-image{width:60px;height:60px;border-radius:4px;overflow:hidden}.product-management .product-image img{width:100%;height:100%;object-fit:cover}.product-management .status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500}.product-management .status-badge.in-stock{background-color:#d4edda;color:#155724}.product-management .status-badge.out-of-stock{background-color:#f8d7da;color:#721c24}.product-management .action-buttons{display:flex;gap:.5rem}.product-management .action-buttons .action-btn{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:4px;transition:all .2s}.product-management .action-buttons .action-btn.edit{color:#4a90e2}.product-management .action-buttons .action-btn.edit:hover{background-color:#4a90e21a}.product-management .action-buttons .action-btn.delete{color:#dc3545}.product-management .action-buttons .action-btn.delete:hover{background-color:#dc35451a}.product-management .error-state,.product-management .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background-color:#fff;border-radius:8px;min-height:200px}.product-management .error-state p,.product-management .empty-state p{color:#6c757d;margin-bottom:1rem;font-size:1rem}.category-management .admin-content{overflow:hidden;background-color:transparent;box-shadow:none;max-width:100%;width:100%}.category-management .table-container{width:100%;max-width:100%;min-width:0;overflow-x:auto;background-color:#fff;margin-bottom:1rem;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0}.category-management .table-container .data-table{background-color:#fff;width:100%;table-layout:fixed;border-spacing:0;min-width:1200px}.category-management .table-container .data-table .category-image{width:50px;height:50px;overflow:hidden;border-radius:4px}.category-management .table-container .data-table .category-image img{width:100%;height:100%;object-fit:cover}.category-management .table-container .data-table .no-image{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px;color:#999;font-size:10px;text-align:center}.category-management .table-container .data-table .subcategory-list{display:flex;flex-direction:column;gap:5px}.category-management .table-container .data-table .subcategory-list span{font-size:.9rem;color:#666}.category-management .table-container .data-table .subcategory-list .subcategory-count{font-weight:500;color:#333}.category-management .table-container .data-table .subcategory-list button{padding:3px 8px;font-size:.8rem;border-radius:4px;border:none;background:#f0f0f0;color:#555;cursor:pointer}.category-management .table-container .data-table .subcategory-list button:hover{background:#e0e0e0}.category-management .table-container .data-table .subcategory-list .add-subcategory-btn{color:#4a90e2;font-weight:500}.category-management .table-container .data-table .category-name-cell{display:flex;flex-direction:column;gap:4px}.category-management .table-container .data-table .category-name-cell .category-name{font-weight:500;color:#333}.category-management .table-container .data-table .category-name-cell .collection-badge{display:inline-block;padding:2px 8px;border-radius:12px;background-color:#f0f0f0;color:#666;font-size:11px;max-width:fit-content}.category-management .table-container .data-table .category-description{max-height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.category-management .tabs-container{display:flex;flex-direction:column;width:100%}.category-management .tabs-container .tabs-header{display:flex;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.category-management .tabs-container .tabs-header button{padding:10px 15px;background:none;border:none;cursor:pointer;font-weight:500;color:#555;position:relative}.category-management .tabs-container .tabs-header button.active{color:#4a90e2}.category-management .tabs-container .tabs-header button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#4a90e2}.category-management .tabs-container .tab-content{flex:1}.category-management .tabs-container .tab-content .tab-pane{display:none}.category-management .tabs-container .tab-content .tab-pane.active{display:block}.category-management .image-preview{margin-top:10px;position:relative;display:inline-block;border-radius:4px;overflow:hidden;max-width:200px}.category-management .image-preview img{max-width:100%;height:auto;display:block}.category-management .image-preview .remove-image{position:absolute;top:5px;right:5px;background:#ff0000b3;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px}.category-management .upload-progress{display:flex;align-items:center;margin:10px 0;padding:10px;border-radius:4px;background-color:#4a90e21a;color:#4a90e2}.category-management .upload-progress .spinner{width:20px;height:20px;border:2px solid rgba(74,144,226,.3);border-top:2px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px}.category-management .subcategories-section .subcategories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.category-management .subcategories-section .subcategories-header h3{margin:0}.category-management .subcategories-section .no-subcategories{padding:20px;background:#f9f9f9;border-radius:4px;text-align:center;color:#999}.category-management .subcategories-section .subcategories-list{display:flex;flex-direction:column;gap:15px}.category-management .subcategories-section .subcategories-list .subcategory-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #eee;border-radius:4px}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-details{display:flex;align-items:center;gap:15px}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-details .subcategory-image{width:60px;height:60px;border-radius:4px;overflow:hidden}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-details .subcategory-image img{width:100%;height:100%;object-fit:cover}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-details .subcategory-info h4{margin:0 0 5px}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-details .subcategory-info p{margin:0;color:#666;font-size:.9rem}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-actions{display:flex;gap:10px}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-actions button{padding:5px 10px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-actions button.btn-edit{background:#f0f0f0;color:#555}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-actions button.btn-edit:hover{background:#e0e0e0}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-actions button.btn-delete{background:#dc35451a;color:#dc3545}.category-management .subcategories-section .subcategories-list .subcategory-item .subcategory-actions button.btn-delete:hover{background:#dc354533}.category-management .save-first-message{padding:20px;background:#f9f9f9;border-radius:4px;text-align:center;color:#999}.category-management .subcategory-modal .modal-content{max-width:500px}.category-management .filter-options{display:flex;gap:15px}.category-management .filter-options select{padding:8px 15px;border:1px solid #ddd;border-radius:4px;background-color:#fff;color:#333;min-width:160px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.category-management .filter-options select:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.category-management td .type-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:500;text-align:center}.category-management td .type-badge.category{background-color:#e3f2fd;color:#1976d2}.category-management td .type-badge.paklay{background-color:#e8f5e9;color:#2e7d32}.category-management .error-state p{color:#dc3545}.category-management .error-state button{margin-top:1rem}.category-management .form-divider{position:relative;text-align:center;margin:20px 0}.category-management .form-divider:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#e0e0e0;z-index:1}.category-management .form-divider span{position:relative;display:inline-block;padding:0 10px;background-color:#fff;color:#666;font-size:14px;z-index:2}.category-management .form-group select,.category-management .form-group input,.category-management .form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.category-management .form-group select:focus,.category-management .form-group input:focus,.category-management .form-group textarea:focus{border-color:#4a90e2;outline:none;box-shadow:0 0 0 2px #4a90e233}.category-management .subcategories-container{margin-bottom:20px}.category-management .subcategories-container .subcategories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.category-management .subcategories-container .subcategories-header h3{margin:0;font-size:16px}.category-management .subcategories-container .subcategories-header .btn-add-more{display:flex;align-items:center;gap:5px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:5px 10px;font-size:13px;color:#4a90e2;cursor:pointer}.category-management .subcategories-container .subcategories-header .btn-add-more:hover{background-color:#e9ecef}.category-management .subcategories-container .subcategories-header .btn-add-more svg{stroke:#4a90e2}.category-management .subcategories-container .subcategory-field{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;margin-bottom:15px}.category-management .subcategories-container .subcategory-field .subcategory-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.category-management .subcategories-container .subcategory-field .subcategory-field-header h4{margin:0;font-size:14px;font-weight:500;color:#333}.category-management .subcategories-container .subcategory-field .subcategory-field-header .btn-remove{display:flex;align-items:center;gap:5px;background:none;border:none;color:#dc3545;font-size:12px;cursor:pointer}.category-management .subcategories-container .subcategory-field .subcategory-field-header .btn-remove:hover{text-decoration:underline}.category-management .subcategories-container .subcategory-field .subcategory-field-header .btn-remove svg{stroke:#dc3545}.category-management .subcategories-container .subcategory-field .form-row{display:flex;gap:15px}.category-management .subcategories-container .subcategory-field .form-row .form-group{flex:1}.category-management .view-modal .modal-content{width:90%;max-width:700px;max-height:90vh;overflow-y:auto}.category-management .view-modal .view-details{padding:15px 0}.category-management .view-modal .view-details .view-image{text-align:center;margin-bottom:20px}.category-management .view-modal .view-details .view-image img{max-width:100%;max-height:200px;border-radius:6px;box-shadow:0 2px 8px #0000001a}.category-management .view-modal .view-details .detail-section{display:flex;flex-direction:column;gap:15px}.category-management .view-modal .view-details .detail-row{display:flex;gap:20px}.category-management .view-modal .view-details .detail-row .detail-group{flex:1}.category-management .view-modal .view-details .detail-group{margin-bottom:5px}.category-management .view-modal .view-details .detail-group label{font-weight:600;color:#555;margin-bottom:8px;display:block;font-size:.9rem}.category-management .view-modal .view-details .detail-group .detail-value{margin:0;color:#333;padding:8px 12px;background-color:#f8f9fa;border-radius:4px;min-height:38px;display:flex;align-items:center}.category-management .view-modal .view-details .detail-group .detail-value.description{min-height:80px;align-items:flex-start;white-space:pre-line;line-height:1.5}.category-management .view-modal .view-details .detail-group .detail-value.date{font-size:.9rem;color:#666}.category-management .view-modal .view-details .detail-group .type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:500}.category-management .view-modal .view-details .detail-group .type-badge.category{background-color:#e3f2fd;color:#1976d2}.category-management .view-modal .view-details .detail-group .type-badge.paklay{background-color:#e8f5e9;color:#2e7d32}.category-management .view-modal .view-details .detail-group .collection-badge.view{display:inline-block;padding:4px 12px;border-radius:20px;background-color:#f0f0f0;color:#555;font-size:.85rem}.category-management .view-modal .subcategories-section{padding:15px 0}.category-management .view-modal .subcategories-section .subcategories-count{margin-bottom:15px}.category-management .view-modal .subcategories-section .subcategories-count span{font-size:.9rem;color:#666}.category-management .view-modal .no-subcategories{padding:30px 0;text-align:center;color:#999;background-color:#f9f9f9;border-radius:6px;margin:15px 0}.customer-management .admin-content{overflow:hidden;background-color:transparent;box-shadow:none;max-width:100%;width:100%}.customer-management .table-container{width:100%;max-width:100%;min-width:0;overflow-x:auto;background-color:#fff;margin-bottom:1rem;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0}.customer-management .table-container::-webkit-scrollbar{height:8px;background-color:#0a1d370d}.customer-management .table-container::-webkit-scrollbar-thumb{background-color:#0a1d3733;border-radius:4px}.customer-management .table-container::-webkit-scrollbar-thumb:hover{background-color:#0a1d374d}.customer-management .table-container .data-table{background-color:#fff;width:100%;table-layout:fixed;border-spacing:0;min-width:1200px}.customer-management .table-container .data-table th,.customer-management .table-container .data-table td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.customer-management .table-container .data-table .action-buttons{display:flex;justify-content:center;gap:.75rem}.customer-management .table-container .data-table .action-buttons .action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:.25rem}.customer-management .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:200px}.customer-management .loading-state:before{content:"";width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4a90e2;border-radius:50%;margin-bottom:1rem;animation:spin 1s linear infinite}.customer-management .loading-state p{color:#2c2c2c;font-size:1rem}.admin-settings .settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-settings .settings-header .title-section h1{margin:0 0 .5rem;font-size:1.75rem;color:#0a1d37}.admin-settings .settings-header .title-section p{margin:0;color:#0a1d37b3}.admin-settings .settings-header .actions{display:flex;gap:1rem}.admin-settings .settings-header .actions .btn,.admin-settings .settings-header .actions .btn-primary,.admin-settings .settings-header .actions .btn-secondary,.admin-settings .settings-header .actions .btn-accent,.admin-settings .settings-header .actions .btn-gold{display:inline-flex;align-items:center;gap:.5rem}.admin-settings .settings-header .actions .btn svg,.admin-settings .settings-header .actions .btn-primary svg,.admin-settings .settings-header .actions .btn-secondary svg,.admin-settings .settings-header .actions .btn-accent svg,.admin-settings .settings-header .actions .btn-gold svg{stroke-width:2}.admin-settings .settings-tabs .tabs-list{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(10,29,55,.1);overflow-x:auto;white-space:nowrap}.admin-settings .settings-tabs .tabs-list .tab-trigger{padding:.75rem 1.25rem;border:none;background:none;font-family:Poppins,sans-serif;font-weight:500;color:#0a1d37b3;cursor:pointer;border-bottom:2px solid transparent;transition:all all .1s ease-in-out ease}.admin-settings .settings-tabs .tabs-list .tab-trigger:hover{color:#0a1d37}.admin-settings .settings-tabs .tabs-list .tab-trigger.active{color:#0a1d37;border-bottom-color:#d4af37}.admin-settings .settings-tabs .tab-content{display:none}.admin-settings .settings-tabs .tab-content.active{display:block}.admin-settings .settings-card{background-color:#fff;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem;overflow:hidden}.admin-settings .settings-card .card-header{padding:1.5rem;border-bottom:1px solid rgba(10,29,55,.1);position:relative}.admin-settings .settings-card .card-header h2{margin:0 0 .5rem;font-size:1.25rem;color:#0a1d37}.admin-settings .settings-card .card-header p{margin:0;color:#0a1d37b3}.admin-settings .settings-card .card-header .btn-primary{position:absolute;top:1.5rem;right:1.5rem}.admin-settings .settings-card .card-content{padding:1.5rem}.admin-settings .settings-card .table-container{width:100%;overflow-x:auto;background-color:#fff;border-radius:.25rem}.admin-settings .settings-card .table-container::-webkit-scrollbar{height:8px;background-color:#0a1d370d}.admin-settings .settings-card .table-container::-webkit-scrollbar-thumb{background-color:#0a1d3733;border-radius:4px}.admin-settings .settings-card .table-container::-webkit-scrollbar-thumb:hover{background-color:#0a1d374d}.admin-settings .settings-card .table-container .data-table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:fixed}.admin-settings .settings-card .table-container .data-table th,.admin-settings .settings-card .table-container .data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(10,29,55,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-settings .settings-card .table-container .data-table th{font-weight:500;color:#0a1d37;background-color:#0a1d3705}.admin-settings .settings-card .table-container .data-table td{color:#2c2c2c}.admin-settings .settings-card .table-container .data-table tbody tr{transition:background-color all .1s ease-in-out ease}.admin-settings .settings-card .table-container .data-table tbody tr:hover{background-color:#0a1d3705}.admin-settings .settings-card .table-container .data-table .action-buttons{display:flex;justify-content:center;gap:.5rem}.admin-settings .settings-card .table-container .data-table .action-buttons .action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:none;border-radius:.25rem;cursor:pointer;transition:all all .1s ease-in-out ease}.admin-settings .settings-card .table-container .data-table .action-buttons .action-btn.edit{color:#0a1d37}.admin-settings .settings-card .table-container .data-table .action-buttons .action-btn.edit:hover{background-color:#0a1d371a}.admin-settings .settings-card .table-container .data-table .action-buttons .action-btn.delete{color:red}.admin-settings .settings-card .table-container .data-table .action-buttons .action-btn.delete:hover{background-color:#ff00001a}.admin-settings .form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.admin-settings .form-group{margin-bottom:1.5rem}.admin-settings .form-group .label{display:block;margin-bottom:.5rem;font-weight:500;color:#0a1d37}.admin-settings .form-group .input{width:100%;padding:.75rem;border:1px solid rgba(10,29,55,.2);border-radius:.25rem;font-family:Poppins,sans-serif}.admin-settings .form-group .input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 2px #d4af371a}.admin-settings .form-group .input.disabled{background-color:#0a1d370d;cursor:not-allowed}.admin-settings .form-group textarea.input{min-height:100px;resize:vertical}.admin-settings .form-group .hint-text{margin-top:.5rem;font-size:.875rem;color:#0a1d37b3}.admin-settings .form-group .select-wrapper{position:relative}.admin-settings .form-group .select-wrapper .select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid rgba(10,29,55,.2);border-radius:.25rem;font-family:Poppins,sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff}.admin-settings .form-group .select-wrapper .select:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 2px #d4af371a}.admin-settings .form-group .select-wrapper .select-icon{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);pointer-events:none;color:#0a1d37}.admin-settings .modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a1d3780;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-settings .modal .modal-content{background-color:#fff;border-radius:.375rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.admin-settings .modal .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid rgba(10,29,55,.1);display:flex;justify-content:space-between;align-items:center}.admin-settings .modal .modal-content .modal-header h2{margin:0;font-size:1.25rem;color:#0a1d37}.admin-settings .modal .modal-content .modal-header .close-btn{border:none;background:none;font-size:1.5rem;color:#0a1d37;cursor:pointer;line-height:1}.admin-settings .modal .modal-content .modal-header .close-btn:hover{color:red}.admin-settings .modal .modal-content form{padding:1.5rem}.admin-settings .modal .modal-content form .modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.admin-settings .toggle-group{display:flex;align-items:flex-start;margin-bottom:1.5rem}.admin-settings .toggle-group .toggle-switch{position:relative;width:50px;height:26px;border-radius:13px;background-color:#0a1d3733;margin-right:1rem;cursor:pointer;flex-shrink:0;transition:all all .1s ease-in-out ease}.admin-settings .toggle-group .toggle-switch:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background-color:#fff;transition:all all .1s ease-in-out ease}.admin-settings .toggle-group .toggle-switch.checked{background-color:#d4af37}.admin-settings .toggle-group .toggle-switch.checked:before{left:27px}.admin-settings .toggle-group .toggle-content .toggle-label{margin:0 0 .25rem;font-weight:500;color:#0a1d37}.admin-settings .toggle-group .toggle-content .toggle-description{margin:0;font-size:.875rem;color:#0a1d37b3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:.5rem}.spinner .path{stroke:#fff;stroke-linecap:round}.admin-page{padding:1rem;max-width:100%}.admin-page .admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-page .admin-page-header h1{font-family:Playfair Display,serif;font-weight:700;color:#0a1d37;margin:0;font-size:1.75rem}.admin-page .admin-page-header .header-actions{display:flex;gap:.75rem}.admin-page .admin-content{background-color:#f9f9f6;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;width:100%;margin-left:0;padding-bottom:1rem}.admin-page .filters-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(10,29,55,.1);background-color:#fff}@media (min-width: 768px){.admin-page .filters-bar{padding:1rem 1.5rem}}.admin-page .filters-bar .search-box{display:flex;align-items:center;background-color:#0a1d370d;border-radius:.375rem;padding:0 .75rem;flex:1;max-width:400px}.admin-page .filters-bar .search-box input{border:none;background:transparent;padding:.75rem;flex:1;outline:none;font-family:Poppins,sans-serif;color:#0a1d37}.admin-page .filters-bar .search-box input::placeholder{color:#0a1d3780}.admin-page .filters-bar .search-box button{background:none;border:none;color:#0a1d37;padding:.5rem;cursor:pointer}.admin-page .filters-bar .filter-options{display:flex;gap:1rem}.admin-page .filters-bar .filter-options select{padding:.75rem 1rem;border:1px solid rgba(10,29,55,.1);border-radius:.25rem;font-family:Poppins,sans-serif;font-size:.875rem;color:#0a1d37;background-color:#fff;outline:none;cursor:pointer}.admin-page .filters-bar .filter-options select:focus{border-color:#d4af37}.admin-page .table-container{overflow-x:auto;width:100%;background-color:#fff;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:0}.admin-page .table-container::-webkit-scrollbar{height:8px;background-color:#0a1d370d}.admin-page .table-container::-webkit-scrollbar-thumb{background-color:#0a1d3733;border-radius:4px}.admin-page .table-container::-webkit-scrollbar-thumb:hover{background-color:#0a1d374d}.admin-page .table-container .data-table{width:100%;border-collapse:collapse;min-width:1200px;table-layout:fixed}.admin-page .table-container .data-table th,.admin-page .table-container .data-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(10,29,55,.1);white-space:nowrap}.admin-page .table-container .data-table td.can-wrap{white-space:normal}.admin-page .table-container .data-table th{font-family:Poppins,sans-serif;font-weight:500;color:#0a1d37;background-color:#0a1d3705}.admin-page .table-container .data-table td{font-family:Poppins,sans-serif;color:#2c2c2c}.admin-page .table-container .data-table tbody tr{transition:background-color all .1s ease-in-out ease}.admin-page .table-container .data-table tbody tr:hover{background-color:#0a1d3705}.admin-page .table-container .data-table .product-image{width:50px;height:50px;border-radius:.25rem;overflow:hidden}.admin-page .table-container .data-table .product-image img{width:100%;height:100%;object-fit:cover}.admin-page .table-container .data-table .status-badge{display:inline-block;padding:.5rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.admin-page .table-container .data-table .status-badge.in-stock{background-color:#0080001a;color:green}.admin-page .table-container .data-table .status-badge.low-stock{background-color:#ffa5001a;color:orange}.admin-page .table-container .data-table .status-badge.out-of-stock{background-color:#ff00001a;color:red}.admin-page .table-container .data-table .status-badge.processing{background-color:#d4af371a;color:#886f1d}.admin-page .table-container .data-table .status-badge.shipped{background-color:#d9a5b31a;color:#bb5d76}.admin-page .table-container .data-table .status-badge.delivered{background-color:#0080001a;color:green}.admin-page .table-container .data-table .status-badge.cancelled{background-color:#ff00001a;color:red}.admin-page .table-container .data-table .action-buttons{display:flex;gap:.75rem}.admin-page .table-container .data-table .action-buttons .action-btn{background:none;border:none;padding:.5rem;cursor:pointer;border-radius:.25rem;transition:all all .1s ease-in-out ease}.admin-page .table-container .data-table .action-buttons .action-btn.edit{color:#0a1d37}.admin-page .table-container .data-table .action-buttons .action-btn.edit:hover{background-color:#0a1d371a}.admin-page .table-container .data-table .action-buttons .action-btn.delete{color:red}.admin-page .table-container .data-table .action-buttons .action-btn.delete:hover{background-color:#ff00001a}.admin-page .pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid rgba(10,29,55,.1)}.admin-page .pagination button{padding:.5rem 1rem;border:1px solid rgba(10,29,55,.1);border-radius:.25rem;background-color:#fff;font-family:Poppins,sans-serif;font-size:.875rem;color:#0a1d37;cursor:pointer;transition:all all .1s ease-in-out ease}.admin-page .pagination button:hover{background-color:#0a1d370d}.admin-page .pagination button:disabled{opacity:.5;cursor:not-allowed}.admin-page .pagination button.active{background-color:#0a1d37;color:#fff;border-color:#0a1d37}.admin-page .pagination .page-numbers{display:flex;gap:.75rem;align-items:center}.product-management .admin-content,.order-management .admin-content,.inventory-management .admin-content,.feedback-management .review-management .admin-content,.analytics-content .admin-content{overflow:visible;background-color:transparent;box-shadow:none;max-width:100%;width:100%}.product-management .table-container,.order-management .table-container,.inventory-management .table-container,.feedback-management .review-management .table-container,.analytics-content .table-container{width:100%;max-width:100%;overflow-x:auto;background-color:#fff;margin-bottom:1rem;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0}.product-management .table-container .data-table,.order-management .table-container .data-table,.inventory-management .table-container .data-table,.feedback-management .review-management .table-container .data-table,.analytics-content .table-container .data-table{background-color:#fff;width:100%;table-layout:fixed;border-spacing:0}.product-management .table-container .data-table th,.product-management .table-container .data-table td,.order-management .table-container .data-table th,.order-management .table-container .data-table td,.inventory-management .table-container .data-table th,.inventory-management .table-container .data-table td,.feedback-management .review-management .table-container .data-table th,.feedback-management .review-management .table-container .data-table td,.analytics-content .table-container .data-table th,.analytics-content .table-container .data-table td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-management .table-container .data-table th:last-child,.product-management .table-container .data-table td:last-child,.order-management .table-container .data-table th:last-child,.order-management .table-container .data-table td:last-child,.inventory-management .table-container .data-table th:last-child,.inventory-management .table-container .data-table td:last-child,.feedback-management .review-management .table-container .data-table th:last-child,.feedback-management .review-management .table-container .data-table td:last-child,.analytics-content .table-container .data-table th:last-child,.analytics-content .table-container .data-table td:last-child{width:120px;padding-right:1rem;text-align:center}.product-management .table-container .data-table .action-buttons,.order-management .table-container .data-table .action-buttons,.inventory-management .table-container .data-table .action-buttons,.feedback-management .review-management .table-container .data-table .action-buttons,.analytics-content .table-container .data-table .action-buttons{display:flex;justify-content:center;gap:.75rem}.product-management .table-container .data-table th:first-child,.product-management .table-container .data-table td:first-child,.order-management .table-container .data-table th:first-child,.order-management .table-container .data-table td:first-child,.inventory-management .table-container .data-table th:first-child,.inventory-management .table-container .data-table td:first-child,.feedback-management .review-management .table-container .data-table th:first-child,.feedback-management .review-management .table-container .data-table td:first-child,.analytics-content .table-container .data-table th:first-child,.analytics-content .table-container .data-table td:first-child{width:40px;padding-left:1rem}.product-management .table-container .data-table th:nth-child(2),.product-management .table-container .data-table td:nth-child(2),.order-management .table-container .data-table th:nth-child(2),.order-management .table-container .data-table td:nth-child(2),.inventory-management .table-container .data-table th:nth-child(2),.inventory-management .table-container .data-table td:nth-child(2),.feedback-management .review-management .table-container .data-table th:nth-child(2),.feedback-management .review-management .table-container .data-table td:nth-child(2),.analytics-content .table-container .data-table th:nth-child(2),.analytics-content .table-container .data-table td:nth-child(2){width:80px}.product-management table th:first-child,.product-management table td:first-child,.order-management table th:first-child,.order-management table td:first-child,.inventory-management table th:first-child,.inventory-management table td:first-child,.feedback-management .review-management table th:first-child,.feedback-management .review-management table td:first-child,.analytics-content table th:first-child,.analytics-content table td:first-child{padding-left:1rem}.product-management table th:last-child,.product-management table td:last-child,.order-management table th:last-child,.order-management table td:last-child,.inventory-management table th:last-child,.inventory-management table td:last-child,.feedback-management .review-management table th:last-child,.feedback-management .review-management table td:last-child,.analytics-content table th:last-child,.analytics-content table td:last-child{padding-right:1rem}.category-management .admin-content{overflow:visible;background-color:transparent;box-shadow:none;max-width:100%;width:100%}.category-management .table-container{width:100%;max-width:100%;min-width:950px;overflow-x:auto;background-color:#fff;margin-bottom:1rem;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:0}.category-management .table-container .data-table{background-color:#fff;width:100%;table-layout:fixed;border-spacing:0}.category-management .table-container .data-table th,.category-management .table-container .data-table td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.category-management .table-container .data-table th:last-child,.category-management .table-container .data-table td:last-child{width:120px;padding-right:1rem;text-align:center}.category-management .table-container .data-table .action-buttons{display:flex;justify-content:center;gap:.75rem}.category-management .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:200px}.category-management .loading-state:before{content:"";width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4a90e2;border-radius:50%;margin-bottom:1rem;animation:spin 1s linear infinite}.category-management .loading-state p{color:#2c2c2c;font-size:1rem}.order-management .status-select{padding:.5rem .75rem;border:1px solid rgba(10,29,55,.1);border-radius:.25rem;font-family:Poppins,sans-serif;font-size:.75rem;color:#0a1d37;background-color:#fff;outline:none;cursor:pointer}.order-management .status-select:focus{border-color:#d4af37}.order-management .email-address{font-size:.75rem;color:#5f5f5f;margin-top:.5rem}.order-management .status-badge{cursor:pointer;transition:all all .1s ease-in-out ease-in-out}.order-management .status-badge:hover{transform:scale(1.05)}.order-management .table-container{width:100%;max-width:100%;min-width:1200px;overflow-x:auto;background-color:#fff;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.order-management .data-table{width:100%;background-color:#fff;table-layout:fixed}.order-management .data-table th,.order-management .data-table td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.order-management .data-table .action-buttons{display:flex;justify-content:center;gap:.75rem}.order-management .data-table .action-buttons .action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:.25rem}.btn,.btn-primary,.btn-secondary,.btn-accent,.btn-gold{padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn.btn-primary,.btn-primary{background-color:#4a90e2;color:#fff}.btn.btn-primary:hover,.btn-primary:hover{background-color:#357abd}.btn.btn-secondary,.btn-secondary{background-color:#6c757d;color:#fff}.btn.btn-secondary:hover,.btn-secondary:hover{background-color:#5a6268}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a1d3780;display:flex;justify-content:center;align-items:center;z-index:1000}.modal .modal-content{background-color:#fff;border-radius:.5rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.modal .modal-content .modal-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(10,29,55,.1);display:flex;justify-content:space-between;align-items:center}.modal .modal-content .modal-header h2{margin:0;font-family:Playfair Display,serif;font-size:1.5rem;color:#0a1d37}.modal .modal-content .modal-header .close-btn{background:none;border:none;font-size:1.5rem;color:#0a1d37;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all all .1s ease-in-out ease}.modal .modal-content .modal-header .close-btn:hover{background-color:#0a1d371a}.modal .modal-content form{padding:1.5rem}.modal .modal-content form .form-group{margin-bottom:1rem}.modal .modal-content form .form-group label{display:block;margin-bottom:.5rem;font-family:Poppins,sans-serif;font-weight:500;color:#0a1d37}.modal .modal-content form .form-group input,.modal .modal-content form .form-group textarea{width:100%;padding:.75rem;border:1px solid rgba(10,29,55,.2);border-radius:.25rem;font-family:Poppins,sans-serif;font-size:1rem;color:#0a1d37;transition:all all .1s ease-in-out ease}.modal .modal-content form .form-group input:focus,.modal .modal-content form .form-group textarea:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 2px #d4af371a}.modal .modal-content form .form-group input::placeholder,.modal .modal-content form .form-group textarea::placeholder{color:#0a1d3766}.modal .modal-content form .form-group textarea{resize:vertical;min-height:100px}.modal .modal-content form .form-group .helper-text{display:block;margin-top:.5rem;font-size:.75rem;color:#0a1d3799}.modal .modal-content .modal-footer{padding:1rem 1.5rem;border-top:1px solid rgba(10,29,55,.1);display:flex;justify-content:flex-end;gap:.75rem}.modal .modal-content .modal-footer button{min-width:100px}.modal .modal-content .modal-footer button:disabled{opacity:.7;cursor:not-allowed}.modal .modal-content .modal-footer button .spinner{width:20px;height:20px;margin-right:.5rem;animation:spin 1s linear infinite}.modal .modal-content .modal-footer button .spinner .path{stroke:currentColor;stroke-linecap:round}@keyframes spin{to{transform:rotate(360deg)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.page-header h2{font-size:1.5rem;color:#333;margin:0}.page-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ff6b6b;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.page-header .add-btn:hover{background:#ff3838;transform:translateY(-1px)}.page-header .add-btn svg{font-size:1.1rem}.filters-section{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filters-section .search-box{flex:1;min-width:200px;position:relative}.filters-section .search-box .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666;font-size:1.1rem}.filters-section .search-box input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.filters-section .search-box input:focus{outline:none;border-color:#ff6b6b}.filters-section .filter-controls{display:flex;gap:.75rem}.filters-section .filter-controls select{padding:.5rem 2rem .5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;color:#444;cursor:pointer;background:#fff}.filters-section .filter-controls select:focus{outline:none;border-color:#ff6b6b}.form-container{background:#00000080;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.form-container form{background:#fff;padding:1.5rem;border-radius:8px;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto}.form-container form h3{font-size:1.25rem;color:#333;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid #eee}.form-container form .form-group{margin-bottom:1rem}.form-container form .form-group label{display:block;font-size:.85rem;color:#555;margin-bottom:.35rem}.form-container form .form-group input,.form-container form .form-group select{width:100%;padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-container form .form-group input:focus,.form-container form .form-group select:focus{outline:none;border-color:#ff6b6b}.form-container form .form-group .current-image{margin:.5rem 0}.form-container form .form-group .current-image img{width:100px;height:100px;object-fit:cover;border-radius:4px}.form-container form .form-group .current-image p{font-size:.8rem;color:#666;margin:.25rem 0}.form-container form .form-actions{display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.form-container form .form-actions button{flex:1;padding:.5rem;border-radius:4px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.form-container form .form-actions button[type=button]{background:#f0f0f0;border:1px solid #ddd;color:#666}.form-container form .form-actions button[type=button]:hover{background:#e5e5e5}.form-container form .form-actions button[type=submit]{background:#ff6b6b;border:none;color:#fff}.form-container form .form-actions button[type=submit]:hover{background:#ff3838}.form-container form .form-actions button[type=submit]:disabled{background:#ffb3b3;cursor:not-allowed}.profile-card,.staff-management .staff-card,.cashier-management .cashier-card,.branch-management .branch-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.profile-card:hover,.staff-management .staff-card:hover,.cashier-management .cashier-card:hover,.branch-management .branch-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.profile-card .profile-header,.staff-management .staff-card .profile-header,.cashier-management .cashier-card .profile-header,.cashier-management .cashier-card .cashier-header,.branch-management .branch-card .profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-card .profile-header .profile-image,.staff-management .staff-card .profile-header .profile-image,.cashier-management .cashier-card .profile-header .profile-image,.cashier-management .cashier-card .cashier-header .profile-image,.cashier-management .cashier-card .cashier-header .cashier-avatar,.branch-management .branch-card .profile-header .profile-image{width:60px;height:60px;border-radius:50%;overflow:hidden;background:#f8f8f8;display:flex;align-items:center;justify-content:center}.profile-card .profile-header .profile-image img,.staff-management .staff-card .profile-header .profile-image img,.cashier-management .cashier-card .profile-header .profile-image img,.cashier-management .cashier-card .cashier-header .profile-image img,.cashier-management .cashier-card .cashier-header .cashier-avatar img,.branch-management .branch-card .profile-header .profile-image img{width:100%;height:100%;object-fit:cover}.profile-card .profile-header .profile-image .image-placeholder,.staff-management .staff-card .profile-header .profile-image .image-placeholder,.cashier-management .cashier-card .profile-header .profile-image .image-placeholder,.cashier-management .cashier-card .cashier-header .profile-image .image-placeholder,.cashier-management .cashier-card .cashier-header .cashier-avatar .image-placeholder,.branch-management .branch-card .profile-header .profile-image .image-placeholder{color:#ccc;font-size:1.5rem}.profile-card .profile-header .profile-title,.staff-management .staff-card .profile-header .profile-title,.cashier-management .cashier-card .profile-header .profile-title,.cashier-management .cashier-card .cashier-header .profile-title,.cashier-management .cashier-card .cashier-header .cashier-info,.branch-management .branch-card .profile-header .profile-title{flex:1}.profile-card .profile-header .profile-title h3,.staff-management .staff-card .profile-header .profile-title h3,.cashier-management .cashier-card .profile-header .profile-title h3,.cashier-management .cashier-card .cashier-header .profile-title h3,.cashier-management .cashier-card .cashier-header .cashier-info h3,.branch-management .branch-card .profile-header .profile-title h3{font-size:1.1rem;color:#333;margin:0 0 .25rem}.profile-card .profile-header .profile-title .status-tag,.staff-management .staff-card .profile-header .profile-title .status-tag,.cashier-management .cashier-card .profile-header .profile-title .status-tag,.cashier-management .cashier-card .cashier-header .profile-title .status-tag,.cashier-management .cashier-card .cashier-header .cashier-info .status-tag,.cashier-management .cashier-card .cashier-header .cashier-info .status-badge,.branch-management .branch-card .profile-header .profile-title .status-tag{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.profile-card .profile-header .profile-title .status-tag.active,.staff-management .staff-card .profile-header .profile-title .status-tag.active,.cashier-management .cashier-card .profile-header .profile-title .status-tag.active,.cashier-management .cashier-card .cashier-header .profile-title .status-tag.active,.cashier-management .cashier-card .cashier-header .cashier-info .status-tag.active,.cashier-management .cashier-card .cashier-header .cashier-info .active.status-badge,.branch-management .branch-card .profile-header .profile-title .status-tag.active{background:#fff1f1;color:#ff6b6b}.profile-card .profile-header .profile-title .status-tag.inactive,.staff-management .staff-card .profile-header .profile-title .status-tag.inactive,.cashier-management .cashier-card .profile-header .profile-title .status-tag.inactive,.cashier-management .cashier-card .cashier-header .profile-title .status-tag.inactive,.cashier-management .cashier-card .cashier-header .cashier-info .status-tag.inactive,.cashier-management .cashier-card .cashier-header .cashier-info .inactive.status-badge,.branch-management .branch-card .profile-header .profile-title .status-tag.inactive{background:#f0f0f0;color:#666}.profile-card .profile-info,.staff-management .staff-card .profile-info,.cashier-management .cashier-card .profile-info,.cashier-management .cashier-card .cashier-details,.branch-management .branch-card .profile-info{font-size:.85rem;color:#666}.profile-card .profile-info p,.staff-management .staff-card .profile-info p,.cashier-management .cashier-card .profile-info p,.cashier-management .cashier-card .cashier-details p,.branch-management .branch-card .profile-info p{margin:.35rem 0;display:flex;align-items:center;gap:.5rem}.profile-card .profile-info p strong,.staff-management .staff-card .profile-info p strong,.cashier-management .cashier-card .profile-info p strong,.cashier-management .cashier-card .cashier-details p strong,.branch-management .branch-card .profile-info p strong{color:#444;min-width:80px}.profile-card .profile-actions,.staff-management .staff-card .profile-actions,.cashier-management .cashier-card .profile-actions,.cashier-management .cashier-card .cashier-actions,.branch-management .branch-card .profile-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.profile-card .profile-actions button,.staff-management .staff-card .profile-actions button,.cashier-management .cashier-card .profile-actions button,.cashier-management .cashier-card .cashier-actions button,.branch-management .branch-card .profile-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.profile-card .profile-actions button.edit-btn,.staff-management .staff-card .profile-actions button.edit-btn,.cashier-management .cashier-card .profile-actions button.edit-btn,.cashier-management .cashier-card .cashier-actions button.edit-btn,.branch-management .branch-card .profile-actions button.edit-btn{background:#fff1f1;border:1px solid #ffcdd2;color:#ff6b6b}.profile-card .profile-actions button.edit-btn:hover,.staff-management .staff-card .profile-actions button.edit-btn:hover,.cashier-management .cashier-card .profile-actions button.edit-btn:hover,.cashier-management .cashier-card .cashier-actions button.edit-btn:hover,.branch-management .branch-card .profile-actions button.edit-btn:hover{background:#ffe8e8}.profile-card .profile-actions button.delete-btn,.staff-management .staff-card .profile-actions button.delete-btn,.cashier-management .cashier-card .profile-actions button.delete-btn,.cashier-management .cashier-card .cashier-actions button.delete-btn,.branch-management .branch-card .profile-actions button.delete-btn{background:#fff;border:1px solid #ddd;color:#666}.profile-card .profile-actions button.delete-btn:hover,.staff-management .staff-card .profile-actions button.delete-btn:hover,.cashier-management .cashier-card .profile-actions button.delete-btn:hover,.cashier-management .cashier-card .cashier-actions button.delete-btn:hover,.branch-management .branch-card .profile-actions button.delete-btn:hover{background:#f8f8f8;color:#ff6b6b;border-color:#ffcdd2}.profile-card .profile-actions button svg,.staff-management .staff-card .profile-actions button svg,.cashier-management .cashier-card .profile-actions button svg,.cashier-management .cashier-card .cashier-actions button svg,.branch-management .branch-card .profile-actions button svg{font-size:1rem}.dashboard{padding:1rem;background-color:#f8f9fa;min-height:100vh}.dashboard .dashboard-header{margin-bottom:1.5rem}.dashboard .dashboard-header h1{color:#2d3436;font-size:1.8rem;font-weight:600;margin-bottom:.3rem}.dashboard .dashboard-header p{color:#636e72;font-size:.9rem;margin:0}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.dashboard .stats-grid .stat-card{background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.dashboard .stats-grid .stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#e74c3c,#c0392b)}.dashboard .stats-grid .stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.dashboard .stats-grid .stat-card .stat-icon{width:45px;height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.dashboard .stats-grid .stat-card .stat-icon svg{font-size:1.2rem;color:#fff}.dashboard .stats-grid .stat-card .stat-content h3{font-size:1.8rem;font-weight:600;margin:0 0 .3rem;color:#2d3436}.dashboard .stats-grid .stat-card .stat-content p{font-size:.85rem;color:#636e72;margin:0 0 .6rem;font-weight:500}.dashboard .stats-grid .stat-card .stat-content .stat-trend{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:500}.dashboard .stats-grid .stat-card .stat-content .stat-trend.up{color:#27ae60}.dashboard .stats-grid .stat-card .stat-content .stat-trend.down{color:#e74c3c}.dashboard .stats-grid .stat-card .stat-content .stat-trend svg{font-size:.8rem}.dashboard .charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.dashboard .charts-grid .chart-section{background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 2px 12px #0000000f}.dashboard .charts-grid .chart-section.full-width{grid-column:1/-1}.dashboard .charts-grid .chart-container h3{color:#2d3436;font-size:1rem;font-weight:600;margin-bottom:1.2rem;text-align:center}.dashboard .charts-grid .bar-chart{display:flex;align-items:end;justify-content:space-between;height:180px;gap:.6rem;padding:.6rem 0}.dashboard .charts-grid .bar-chart .bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.dashboard .charts-grid .bar-chart .bar-item .bar{width:100%;max-width:40px;background:linear-gradient(to top,#e74c3c,#c0392b);border-radius:6px 6px 0 0;position:relative;transition:all .3s ease;min-height:20px}.dashboard .charts-grid .bar-chart .bar-item .bar:hover{transform:scaleY(1.05);box-shadow:0 4px 15px #e74c3c4d}.dashboard .charts-grid .bar-chart .bar-item .bar .bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.65rem;font-weight:600;color:#2d3436;white-space:nowrap}.dashboard .charts-grid .bar-chart .bar-item .bar-label{margin-top:.3rem;font-size:.75rem;color:#636e72;font-weight:500}.dashboard .charts-grid .donut-chart-container{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.dashboard .charts-grid .donut-chart-container .donut-chart{width:150px;height:150px}.dashboard .charts-grid .donut-chart-container .donut-legend{flex:1;display:flex;flex-direction:column;gap:.6rem}.dashboard .charts-grid .donut-chart-container .donut-legend .legend-item{display:flex;align-items:center;gap:.5rem}.dashboard .charts-grid .donut-chart-container .donut-legend .legend-item .legend-color{width:12px;height:12px;border-radius:50%}.dashboard .charts-grid .donut-chart-container .donut-legend .legend-item span{font-size:.75rem;color:#2d3436;font-weight:500}.dashboard .charts-grid .line-chart svg{width:100%;height:180px}.dashboard .quick-actions{background:#fff;border-radius:12px;padding:1.2rem;box-shadow:0 2px 12px #0000000f}.dashboard .quick-actions h3{color:#2d3436;font-size:1rem;font-weight:600;margin-bottom:1rem}.dashboard .quick-actions .action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.8rem}.dashboard .quick-actions .action-buttons .action-btn{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard .quick-actions .action-buttons .action-btn svg{font-size:1rem}.dashboard .quick-actions .action-buttons .action-btn.primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.dashboard .quick-actions .action-buttons .action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c4d}.dashboard .quick-actions .action-buttons .action-btn.secondary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.dashboard .quick-actions .action-buttons .action-btn.secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db4d}.dashboard .quick-actions .action-buttons .action-btn.tertiary{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.dashboard .quick-actions .action-buttons .action-btn.tertiary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2ecc714d}.dashboard .quick-actions .action-buttons .action-btn.quaternary{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.dashboard .quick-actions .action-buttons .action-btn.quaternary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f39c124d}.dashboard .quick-actions .action-buttons .action-btn:active{transform:translateY(0)}@media (max-width: 1200px){.dashboard .charts-grid{grid-template-columns:1fr}.dashboard .charts-grid .chart-section.full-width{grid-column:1}}@media (max-width: 768px){.dashboard{padding:.8rem}.dashboard .dashboard-header{text-align:center}.dashboard .dashboard-header h1{font-size:1.5rem}.dashboard .dashboard-header p{font-size:.8rem}.dashboard .stats-grid{grid-template-columns:1fr;gap:.8rem}.dashboard .charts-grid{gap:.8rem}.dashboard .donut-chart-container{flex-direction:column;text-align:center}.dashboard .quick-actions .action-buttons{grid-template-columns:1fr}}@media (max-width: 480px){.dashboard .stat-card{padding:1rem}.dashboard .stat-card .stat-content h3{font-size:1.5rem}.dashboard .chart-container{padding:.8rem}.dashboard .bar-chart{height:150px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 1.5s ease-in-out infinite}.branch-management{padding:2rem}.branch-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.branch-management .page-header h2{font-size:1.8rem;color:#2d3436}.branch-management .page-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#4ecdc4;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.branch-management .page-header .add-btn:hover{background-color:#33b5ac}.branch-management .filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d}.branch-management .filters-section .search-box{flex:1;min-width:300px;position:relative}.branch-management .filters-section .search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#95a5a6}.branch-management .filters-section .search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #dfe6e9;border-radius:8px;font-size:1rem;background-color:#f8f9fa;transition:all .3s ease}.branch-management .filters-section .search-box input:focus{outline:none;border-color:#4ecdc4;background-color:#fff;box-shadow:0 0 0 3px #4ecdc41a}.branch-management .filters-section .filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.branch-management .filters-section .filter-controls select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #dfe6e9;border-radius:8px;background-color:#f8f9fa;min-width:150px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23636e72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em;transition:all .3s ease}.branch-management .filters-section .filter-controls select:focus{outline:none;border-color:#4ecdc4;background-color:#fff;box-shadow:0 0 0 3px #4ecdc41a}.branch-management .filters-section .filter-controls select:hover{background-color:#fff}.branch-management .branches-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.branch-management .branch-card .profile-header .image-placeholder,.branch-management .branch-card .cashier-management .cashier-card .cashier-header .image-placeholder,.cashier-management .cashier-card .branch-management .branch-card .cashier-header .image-placeholder{color:#ff6b6b;font-size:1.75rem}.branch-management .branch-card .profile-info svg,.branch-management .branch-card .cashier-management .cashier-card .cashier-details svg,.cashier-management .cashier-card .branch-management .branch-card .cashier-details svg{color:#ff6b6b;font-size:1rem}.branch-management .form-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.branch-management .form-container .branch-form{background:#fff;padding:2rem;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.branch-management .form-container .branch-form::-webkit-scrollbar{width:8px}.branch-management .form-container .branch-form::-webkit-scrollbar-track{background:#f1f2f6;border-radius:4px}.branch-management .form-container .branch-form::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.branch-management .form-container .branch-form::-webkit-scrollbar-thumb:hover{background:#a0aec0}.branch-management .form-container .branch-form h3{margin-bottom:1.5rem;color:#2d3436;font-size:1.5rem;font-weight:600}.branch-management .form-container .branch-form .form-group{margin-bottom:1.5rem}.branch-management .form-container .branch-form .form-group label{display:block;margin-bottom:.5rem;color:#2d3436;font-weight:500}.branch-management .form-container .branch-form .form-group input,.branch-management .form-container .branch-form .form-group select{width:100%;padding:.75rem 1rem;border:1px solid #dfe6e9;border-radius:8px;font-size:1rem;background-color:#fff;transition:all .3s ease}.branch-management .form-container .branch-form .form-group input:focus,.branch-management .form-container .branch-form .form-group select:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.branch-management .form-container .branch-form .form-group input:disabled,.branch-management .form-container .branch-form .form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed}.branch-management .form-container .branch-form .form-group .current-image{margin:1.5rem 0;text-align:center}.branch-management .form-container .branch-form .form-group .current-image img{max-width:100%;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 4px 6px #0000001a}.branch-management .form-container .branch-form .form-group .current-image p{margin-top:.75rem;color:#636e72;font-size:.875rem}.branch-management .form-container .branch-form .form-group input[type=file]{padding:.5rem;border:2px dashed #dfe6e9;background-color:#f8f9fa;cursor:pointer}.branch-management .form-container .branch-form .form-group input[type=file]::-webkit-file-upload-button{padding:.5rem 1rem;margin-right:1rem;background-color:#4ecdc4;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.branch-management .form-container .branch-form .form-group input[type=file]::-webkit-file-upload-button:hover{background-color:#33b5ac}.branch-management .form-container .branch-form .form-actions{display:flex;gap:1rem;margin-top:2rem}.branch-management .form-container .branch-form .form-actions button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem}.branch-management .form-container .branch-form .form-actions button:first-child{background-color:#f8f9fa;color:#636e72}.branch-management .form-container .branch-form .form-actions button:first-child:hover{background-color:#e9ecef}.branch-management .form-container .branch-form .form-actions button.submit-btn{background-color:#4ecdc4;color:#fff}.branch-management .form-container .branch-form .form-actions button.submit-btn:hover:not(:disabled){background-color:#33b5ac}.branch-management .form-container .branch-form .form-actions button.submit-btn:disabled{opacity:.7;cursor:not-allowed}.branch-management .branch-select{position:relative}.branch-management .branch-select .branch-select-header{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.9rem;background:#fff}.branch-management .branch-select .branch-select-header:hover{border-color:#ff6b6b}.branch-management .branch-select .branch-select-header .arrow{transition:transform .3s ease;color:#666}.branch-management .branch-select .branch-select-header .arrow.open{transform:rotate(180deg)}.branch-management .branch-select .branch-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:.25rem;box-shadow:0 2px 8px #0000001a;z-index:10}.branch-management .branch-select .branch-dropdown .branch-search{padding:.5rem;border-bottom:1px solid #eee;position:relative}.branch-management .branch-select .branch-dropdown .branch-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;font-size:.9rem}.branch-management .branch-select .branch-dropdown .branch-search input{width:100%;padding:.4rem .75rem .4rem 2rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem}.branch-management .branch-select .branch-dropdown .branch-search input:focus{outline:none;border-color:#ff6b6b}.branch-management .branch-select .branch-dropdown .branch-options{max-height:200px;overflow-y:auto}.branch-management .branch-select .branch-dropdown .branch-options .branch-option{padding:.5rem .75rem;cursor:pointer;font-size:.85rem;transition:all .2s ease}.branch-management .branch-select .branch-dropdown .branch-options .branch-option:hover{background:#fff1f1;color:#ff6b6b}.branch-management .branch-select .branch-dropdown .branch-options .branch-option.selected{background:#ff6b6b;color:#fff}.branch-management .branch-select .branch-dropdown .branch-options .no-branches{padding:.75rem;text-align:center;color:#666;font-size:.85rem}.cashier-management{padding:2rem}.cashier-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.cashier-management .page-header h2{font-size:1.8rem;color:#2d3436}.cashier-management .page-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#4ecdc4;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.cashier-management .page-header .add-btn:hover{background-color:#33b5ac}.cashier-management .filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.cashier-management .filters-section .search-box{flex:1;min-width:300px;position:relative}.cashier-management .filters-section .search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#95a5a6}.cashier-management .filters-section .search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #dfe6e9;border-radius:8px;font-size:1rem}.cashier-management .filters-section .search-box input:focus{outline:none;border-color:#4ecdc4}.cashier-management .filters-section .filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.cashier-management .filters-section .filter-controls select{padding:.75rem 1rem;border:1px solid #dfe6e9;border-radius:8px;background-color:#fff;min-width:150px;cursor:pointer}.cashier-management .filters-section .filter-controls select:focus{outline:none;border-color:#4ecdc4}.cashier-management .cashiers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.cashier-management .cashier-card .cashier-header .cashier-avatar .profile-placeholder{color:#ff6b6b;font-size:1.75rem}.cashier-management .form-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.cashier-management .form-container .cashier-form{padding:2rem;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.cashier-management .form-container .cashier-form h3{margin-bottom:1.5rem;color:#2d3436}.cashier-management .form-container .cashier-form .form-group{margin-bottom:1.5rem}.cashier-management .form-container .cashier-form .form-group label{display:block;margin-bottom:.5rem;color:#2d3436;font-weight:500}.cashier-management .form-container .cashier-form .form-group input,.cashier-management .form-container .cashier-form .form-group select{width:100%;padding:.75rem 1rem;border:1px solid #dfe6e9;border-radius:8px;font-size:1rem}.cashier-management .form-container .cashier-form .form-group input:focus,.cashier-management .form-container .cashier-form .form-group select:focus{outline:none;border-color:#4ecdc4}.cashier-management .form-container .cashier-form .form-group input:disabled,.cashier-management .form-container .cashier-form .form-group select:disabled{background-color:#f5f6fa;cursor:not-allowed}.cashier-management .form-container .cashier-form .form-group .current-image{margin:1.5rem 0;text-align:center}.cashier-management .form-container .cashier-form .form-group .current-image img{max-width:100%;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 4px 6px #0000001a}.cashier-management .form-container .cashier-form .form-group .current-image p{margin-top:.75rem;color:#636e72;font-size:.875rem}.cashier-management .form-container .cashier-form .form-group input[type=file]{padding:.5rem;border:2px dashed #dfe6e9;background-color:#f8f9fa;cursor:pointer}.cashier-management .form-container .cashier-form .form-group input[type=file]::-webkit-file-upload-button{padding:.5rem 1rem;margin-right:1rem;background-color:#4ecdc4;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.cashier-management .form-container .cashier-form .form-group input[type=file]::-webkit-file-upload-button:hover{background-color:#33b5ac}.cashier-management .form-container .cashier-form .form-actions{display:flex;gap:1rem;margin-top:2rem}.cashier-management .form-container .cashier-form .form-actions button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s}.cashier-management .form-container .cashier-form .form-actions button:first-child{background-color:#f5f6fa;color:#636e72}.cashier-management .form-container .cashier-form .form-actions button:first-child:hover{background-color:#dfe6e9}.cashier-management .form-container .cashier-form .form-actions button.submit-btn{background-color:#4ecdc4;color:#fff}.cashier-management .form-container .cashier-form .form-actions button.submit-btn:hover:not(:disabled){background-color:#33b5ac}.cashier-management .form-container .cashier-form .form-actions button.submit-btn:disabled{opacity:.7;cursor:not-allowed}.cashier-management .branch-select{position:relative}.cashier-management .branch-select .branch-select-header{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.9rem;background:#fff}.cashier-management .branch-select .branch-select-header:hover{border-color:#ff6b6b}.cashier-management .branch-select .branch-select-header .arrow{transition:transform .3s ease;color:#666}.cashier-management .branch-select .branch-select-header .arrow.open{transform:rotate(180deg)}.cashier-management .branch-select .branch-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:.25rem;box-shadow:0 2px 8px #0000001a;z-index:10}.cashier-management .branch-select .branch-dropdown .branch-search{padding:.5rem;border-bottom:1px solid #eee;position:relative}.cashier-management .branch-select .branch-dropdown .branch-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;font-size:.9rem}.cashier-management .branch-select .branch-dropdown .branch-search input{width:100%;padding:.4rem .75rem .4rem 2rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem}.cashier-management .branch-select .branch-dropdown .branch-search input:focus{outline:none;border-color:#ff6b6b}.cashier-management .branch-select .branch-dropdown .branch-options{max-height:200px;overflow-y:auto}.cashier-management .branch-select .branch-dropdown .branch-options .branch-option{padding:.5rem .75rem;cursor:pointer;font-size:.85rem;transition:all .2s ease}.cashier-management .branch-select .branch-dropdown .branch-options .branch-option:hover{background:#fff1f1;color:#ff6b6b}.cashier-management .branch-select .branch-dropdown .branch-options .branch-option.selected{background:#ff6b6b;color:#fff}.cashier-management .branch-select .branch-dropdown .branch-options .no-branches{padding:.75rem;text-align:center;color:#666;font-size:.85rem}.staff-management{padding:2rem}.staff-management .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.staff-management .page-header h2{font-size:1.8rem;color:#2d3436}.staff-management .page-header .add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#4ecdc4;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.staff-management .page-header .add-btn:hover{background-color:#33b5ac}.staff-management .filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 4px #0000000d}.staff-management .filters-section .search-box{flex:1;min-width:300px;position:relative}.staff-management .filters-section .search-box .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#95a5a6}.staff-management .filters-section .search-box input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #dfe6e9;border-radius:8px;font-size:1rem;background-color:#f8f9fa;transition:all .3s ease}.staff-management .filters-section .search-box input:focus{outline:none;border-color:#4ecdc4;background-color:#fff;box-shadow:0 0 0 3px #4ecdc41a}.staff-management .filters-section .filter-controls{display:flex;gap:1rem;flex-wrap:wrap}.staff-management .filters-section .filter-controls select{padding:.75rem 2.5rem .75rem 1rem;border:1px solid #dfe6e9;border-radius:8px;background-color:#f8f9fa;min-width:150px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23636e72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em;transition:all .3s ease}.staff-management .filters-section .filter-controls select:focus{outline:none;border-color:#4ecdc4;background-color:#fff;box-shadow:0 0 0 3px #4ecdc41a}.staff-management .filters-section .filter-controls select:hover{background-color:#fff}.staff-management .staff-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem}.staff-management .staff-card .profile-header .image-placeholder,.staff-management .staff-card .cashier-management .cashier-card .cashier-header .image-placeholder,.cashier-management .cashier-card .staff-management .staff-card .cashier-header .image-placeholder{color:#ff6b6b;font-size:1.75rem}.staff-management .staff-card .profile-info p strong,.staff-management .staff-card .cashier-management .cashier-card .cashier-details p strong,.cashier-management .cashier-card .staff-management .staff-card .cashier-details p strong{text-transform:capitalize}.staff-management .form-container{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.staff-management .form-container .staff-form{background:#fff;padding:2rem;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.staff-management .form-container .staff-form::-webkit-scrollbar{width:8px}.staff-management .form-container .staff-form::-webkit-scrollbar-track{background:#f1f2f6;border-radius:4px}.staff-management .form-container .staff-form::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.staff-management .form-container .staff-form::-webkit-scrollbar-thumb:hover{background:#a0aec0}.staff-management .form-container .staff-form h3{margin-bottom:1.5rem;color:#2d3436;font-size:1.5rem;font-weight:600}.staff-management .form-container .staff-form .form-group{margin-bottom:1.5rem}.staff-management .form-container .staff-form .form-group label{display:block;margin-bottom:.5rem;color:#2d3436;font-weight:500}.staff-management .form-container .staff-form .form-group input,.staff-management .form-container .staff-form .form-group select{width:100%;padding:.75rem 1rem;border:1px solid #dfe6e9;border-radius:8px;font-size:1rem;background-color:#fff;transition:all .3s ease}.staff-management .form-container .staff-form .form-group input:focus,.staff-management .form-container .staff-form .form-group select:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc41a}.staff-management .form-container .staff-form .form-group input:disabled,.staff-management .form-container .staff-form .form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed}.staff-management .form-container .staff-form .form-group .current-image{margin:1.5rem 0;text-align:center}.staff-management .form-container .staff-form .form-group .current-image img{max-width:100%;height:200px;object-fit:cover;border-radius:12px;box-shadow:0 4px 6px #0000001a}.staff-management .form-container .staff-form .form-group .current-image p{margin-top:.75rem;color:#636e72;font-size:.875rem}.staff-management .form-container .staff-form .form-group input[type=file]{padding:.5rem;border:2px dashed #dfe6e9;background-color:#f8f9fa;cursor:pointer}.staff-management .form-container .staff-form .form-group input[type=file]::-webkit-file-upload-button{padding:.5rem 1rem;margin-right:1rem;background-color:#4ecdc4;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.staff-management .form-container .staff-form .form-group input[type=file]::-webkit-file-upload-button:hover{background-color:#33b5ac}.staff-management .form-container .staff-form .form-actions{display:flex;gap:1rem;margin-top:2rem}.staff-management .form-container .staff-form .form-actions button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:1rem}.staff-management .form-container .staff-form .form-actions button:first-child{background-color:#f8f9fa;color:#636e72}.staff-management .form-container .staff-form .form-actions button:first-child:hover{background-color:#e9ecef}.staff-management .form-container .staff-form .form-actions button.submit-btn{background-color:#4ecdc4;color:#fff}.staff-management .form-container .staff-form .form-actions button.submit-btn:hover:not(:disabled){background-color:#33b5ac}.staff-management .form-container .staff-form .form-actions button.submit-btn:disabled{opacity:.7;cursor:not-allowed}.staff-management .branch-select{position:relative}.staff-management .branch-select .branch-select-header{padding:.5rem .75rem;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.9rem;background:#fff}.staff-management .branch-select .branch-select-header:hover{border-color:#ff6b6b}.staff-management .branch-select .branch-select-header .arrow{transition:transform .3s ease;color:#666}.staff-management .branch-select .branch-select-header .arrow.open{transform:rotate(180deg)}.staff-management .branch-select .branch-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:.25rem;box-shadow:0 2px 8px #0000001a;z-index:10}.staff-management .branch-select .branch-dropdown .branch-search{padding:.5rem;border-bottom:1px solid #eee;position:relative}.staff-management .branch-select .branch-dropdown .branch-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;font-size:.9rem}.staff-management .branch-select .branch-dropdown .branch-search input{width:100%;padding:.4rem .75rem .4rem 2rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem}.staff-management .branch-select .branch-dropdown .branch-search input:focus{outline:none;border-color:#ff6b6b}.staff-management .branch-select .branch-dropdown .branch-options{max-height:200px;overflow-y:auto}.staff-management .branch-select .branch-dropdown .branch-options .branch-option{padding:.5rem .75rem;cursor:pointer;font-size:.85rem;transition:all .2s ease}.staff-management .branch-select .branch-dropdown .branch-options .branch-option:hover{background:#fff1f1;color:#ff6b6b}.staff-management .branch-select .branch-dropdown .branch-options .branch-option.selected{background:#ff6b6b;color:#fff}.staff-management .branch-select .branch-dropdown .branch-options .no-branches{padding:.75rem;text-align:center;color:#666;font-size:.85rem}.staff-management select[name=department],.staff-management select[name=department] option{text-transform:capitalize}.vendor-management-container{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.vendor-management-container .page-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a}.vendor-management-container .page-header h1{display:flex;align-items:center;justify-content:center;gap:1rem;color:#2d3748;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.vendor-management-container .page-header h1 .header-icon{color:#ed1b24;font-size:2rem}.vendor-management-container .page-header p{color:#718096;font-size:1.1rem;margin:0}.vendor-management-container .loading-spinner{display:flex;justify-content:center;align-items:center;padding:4rem;font-size:1.5rem;color:#ed1b24}.vendor-management-container .vendor-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.vendor-management-container .vendor-stats .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #ed1b24;transition:transform .3s ease,box-shadow .3s ease}.vendor-management-container .vendor-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.vendor-management-container .vendor-stats .stat-card .stat-value{font-size:2rem;font-weight:700;color:#ed1b24;margin-bottom:.5rem}.vendor-management-container .vendor-stats .stat-card .stat-label{color:#718096;font-weight:500;font-size:.9rem}.vendor-management-container .filters-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.vendor-management-container .filters-section .filters-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:end}.vendor-management-container .filters-section .filters-row .filter-group{display:flex;flex-direction:column;gap:.5rem}.vendor-management-container .filters-section .filters-row .filter-group label{font-weight:600;color:#2d3748;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.vendor-management-container .filters-section .filters-row .filter-group label .filter-icon{color:#ed1b24;font-size:1rem}.vendor-management-container .filters-section .filters-row .filter-group .search-input{width:100%;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box;padding:.75rem 1rem .75rem 2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cpath d='m21 21-4.35-4.35'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}.vendor-management-container .filters-section .filters-row .filter-group .search-input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.vendor-management-container .filters-section .filters-row .filter-group .search-input::placeholder{color:#a0aec0}.vendor-management-container .filters-section .filters-row .filter-group .add-vendor-btn{background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 2px 8px #ed1b244d}.vendor-management-container .filters-section .filters-row .filter-group .add-vendor-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed1b2466}.vendor-management-container .filters-section .filters-row .filter-group .add-vendor-btn:active{transform:translateY(0)}.vendor-management-container .vendor-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.vendor-management-container .vendor-table-container .no-vendors{text-align:center;padding:4rem 2rem;color:#718096;font-size:1.1rem}.vendor-management-container .vendor-table-container .no-vendors .no-vendors-icon{font-size:3rem;color:#e2e8f0;margin-bottom:1rem}.vendor-management-container .vendor-table-container .vendor-table{width:100%;border-collapse:collapse}.vendor-management-container .vendor-table-container .vendor-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.vendor-management-container .vendor-table-container .vendor-table thead th{padding:.75rem;text-align:left;font-weight:600;color:#2d3748;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.vendor-management-container .vendor-table-container .vendor-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.vendor-management-container .vendor-table-container .vendor-table tbody tr:hover{background:#f8fafc}.vendor-management-container .vendor-table-container .vendor-table tbody tr td{padding:.75rem;color:#4a5568;font-size:.9rem;vertical-align:middle}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.vendor-name{font-weight:600;color:#2d3748}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.vendor-name .vendor-icon,.vendor-management-container .vendor-table-container .vendor-table tbody tr td.vendor-contact .contact-icon,.vendor-management-container .vendor-table-container .vendor-table tbody tr td.vendor-address .address-icon{color:#ed1b24;margin-right:.5rem}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.actions-cell .action-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;margin-right:.5rem}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.actions-cell .action-btn.view-btn{background:#3b82f61a;color:#3b82f6}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.actions-cell .action-btn.view-btn:hover{background:#3b82f633;transform:translateY(-1px)}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.actions-cell .action-btn.edit-btn{background:#f59e0b1a;color:#f59e0b}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.actions-cell .action-btn.edit-btn:hover{background:#f59e0b33;transform:translateY(-1px)}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.actions-cell .action-btn.delete-btn{background:#ef44441a;color:#ef4444}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.actions-cell .action-btn.delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.vendor-management-container .vendor-table-container .vendor-table tbody tr td.actions-cell .action-btn svg{font-size:1rem}.vendor-management-container .vendor-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.vendor-management-container .vendor-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 40px #0003}.vendor-management-container .vendor-modal .vendor-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border-radius:12px 12px 0 0}.vendor-management-container .vendor-modal .vendor-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.vendor-management-container .vendor-modal .vendor-modal-header .close-btn{background:#fff3;border:none;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.vendor-management-container .vendor-modal .vendor-modal-header .close-btn:hover{background:#ffffff4d}.vendor-management-container .vendor-modal .vendor-modal-header .close-btn svg{font-size:1.2rem}.vendor-management-container .vendor-modal .vendor-modal-content{padding:1.5rem}.vendor-management-container .vendor-modal .vendor-modal-content .form-group{margin-bottom:1.5rem}.vendor-management-container .vendor-modal .vendor-modal-content .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#2d3748;font-size:.9rem}.vendor-management-container .vendor-modal .vendor-modal-content .form-group label .input-icon{color:#ed1b24}.vendor-management-container .vendor-modal .vendor-modal-content .form-group .form-input,.vendor-management-container .vendor-modal .vendor-modal-content .form-group .form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.vendor-management-container .vendor-modal .vendor-modal-content .form-group .form-input:focus,.vendor-management-container .vendor-modal .vendor-modal-content .form-group .form-textarea:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.vendor-management-container .vendor-modal .vendor-modal-content .form-group .form-input::placeholder,.vendor-management-container .vendor-modal .vendor-modal-content .form-group .form-textarea::placeholder{color:#a0aec0}.vendor-management-container .vendor-modal .vendor-modal-content .form-group .form-textarea{resize:vertical;min-height:80px}.vendor-management-container .vendor-modal .vendor-modal-content .form-group .view-field{padding:.75rem 1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;color:#4a5568;font-size:.9rem}.vendor-management-container .vendor-modal .vendor-modal-content .vendor-meta{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0;margin-top:1rem}.vendor-management-container .vendor-modal .vendor-modal-content .vendor-meta p{margin:.5rem 0;color:#4a5568;font-size:.9rem}.vendor-management-container .vendor-modal .vendor-modal-content .vendor-meta p strong{color:#2d3748}.vendor-management-container .vendor-modal .vendor-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.vendor-management-container .vendor-modal .vendor-modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.vendor-management-container .vendor-modal .vendor-modal-actions button.cancel-btn{background:transparent;border:2px solid #e2e8f0;color:#4a5568}.vendor-management-container .vendor-modal .vendor-modal-actions button.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e0}.vendor-management-container .vendor-modal .vendor-modal-actions button.save-btn{background:linear-gradient(135deg,#ed1b24,#c41319);border:none;color:#fff;box-shadow:0 2px 8px #ed1b244d}.vendor-management-container .vendor-modal .vendor-modal-actions button.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ed1b2466}.vendor-management-container .vendor-modal .vendor-modal-actions button.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vendor-management-container .vendor-modal .vendor-modal-actions button.save-btn svg{font-size:1rem}@media (max-width: 768px){.vendor-management-container{padding:1rem}.vendor-management-container .page-header{padding:1.5rem}.vendor-management-container .page-header h1{font-size:2rem;flex-direction:column;gap:.5rem}.vendor-management-container .page-header p{font-size:1rem}.vendor-management-container .vendor-stats{grid-template-columns:1fr}.vendor-management-container .filters-section .filters-row{grid-template-columns:1fr;gap:1rem}.vendor-management-container .vendor-table-container{overflow-x:auto}.vendor-management-container .vendor-table-container .vendor-table{min-width:600px}.vendor-management-container .vendor-modal{margin:1rem;max-width:calc(100% - 2rem)}}.sales-history-container{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.sales-history-container .page-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a}.sales-history-container .page-header h1{display:flex;align-items:center;justify-content:center;gap:1rem;color:#2d3748;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.sales-history-container .page-header h1 .header-icon{color:#ed1b24;font-size:2rem}.sales-history-container .page-header p{color:#718096;font-size:1.1rem;margin:0}.sales-history-container .loading-spinner{display:flex;justify-content:center;align-items:center;padding:4rem;font-size:1.5rem;color:#ed1b24}.sales-history-container .sales-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.sales-history-container .sales-stats .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #ed1b24;transition:transform .3s ease,box-shadow .3s ease}.sales-history-container .sales-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.sales-history-container .sales-stats .stat-card .stat-value{font-size:2rem;font-weight:700;color:#ed1b24;margin-bottom:.5rem}.sales-history-container .sales-stats .stat-card .stat-label{color:#718096;font-weight:500;font-size:.9rem}.sales-history-container .filters-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.sales-history-container .filters-section .filters-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:end}.sales-history-container .filters-section .filters-row .filter-group{display:flex;flex-direction:column;gap:.5rem}.sales-history-container .filters-section .filters-row .filter-group label{font-weight:600;color:#2d3748;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.sales-history-container .filters-section .filters-row .filter-group label .filter-icon{color:#ed1b24;font-size:1rem}.sales-history-container .filters-section .filters-row .filter-group .search-input,.sales-history-container .filters-section .filters-row .filter-group .date-input,.sales-history-container .filters-section .filters-row .filter-group .select-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.sales-history-container .filters-section .filters-row .filter-group .search-input:focus,.sales-history-container .filters-section .filters-row .filter-group .date-input:focus,.sales-history-container .filters-section .filters-row .filter-group .select-input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.sales-history-container .filters-section .filters-row .filter-group .search-input::placeholder,.sales-history-container .filters-section .filters-row .filter-group .date-input::placeholder,.sales-history-container .filters-section .filters-row .filter-group .select-input::placeholder{color:#a0aec0}.sales-history-container .filters-section .filters-row .filter-group .search-input{padding-left:2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cpath d='m21 21-4.35-4.35'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}.sales-history-container .filters-section .filters-row .filter-group .date-input{position:relative;cursor:pointer}.sales-history-container .filters-section .filters-row .filter-group .date-input::-webkit-calendar-picker-indicator{color:#ed1b24;cursor:pointer}.sales-history-container .filters-section .filters-row .filter-group .select-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}.sales-history-container .sales-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.sales-history-container .sales-table-container .no-sales{text-align:center;padding:4rem 2rem;color:#718096;font-size:1.1rem}.sales-history-container .sales-table-container .no-sales .no-sales-icon{font-size:3rem;color:#e2e8f0;margin-bottom:1rem}.sales-history-container .sales-table-container .sales-table{width:100%;border-collapse:collapse}.sales-history-container .sales-table-container .sales-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.sales-history-container .sales-table-container .sales-table thead th{padding:.75rem;text-align:left;font-weight:600;color:#2d3748;font-size:.8rem;border-bottom:2px solid #e2e8f0}.sales-history-container .sales-table-container .sales-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.sales-history-container .sales-table-container .sales-table tbody tr:hover{background:#f8fafc}.sales-history-container .sales-table-container .sales-table tbody tr td{padding:.75rem;color:#4a5568;font-size:.8rem}.sales-history-container .sales-table-container .sales-table tbody tr td.amount{font-weight:600;color:#ed1b24}.sales-history-container .sales-table-container .sales-table tbody tr td.payment-method{display:flex;align-items:center;gap:.5rem}.sales-history-container .sales-table-container .sales-table tbody tr td.payment-method .payment-icon{color:#ed1b24}.sales-history-container .sales-table-container .sales-table tbody tr td.actions-cell .action-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;margin-right:.5rem}.sales-history-container .sales-table-container .sales-table tbody tr td.actions-cell .action-btn.print-btn{background:#27ae601a;color:#27ae60}.sales-history-container .sales-table-container .sales-table tbody tr td.actions-cell .action-btn.print-btn:hover{background:#27ae6033;transform:translateY(-1px)}.sales-history-container .sales-table-container .sales-table tbody tr td.actions-cell .action-btn svg{font-size:1rem}.sales-history-container .print-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sales-history-container .print-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 40px #0003}.sales-history-container .print-modal .print-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border-radius:12px 12px 0 0}.sales-history-container .print-modal .print-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.sales-history-container .print-modal .print-modal-header .close-btn{background:#fff3;border:none;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sales-history-container .print-modal .print-modal-header .close-btn:hover{background:#ffffff4d}.sales-history-container .print-modal .print-modal-header .close-btn svg{font-size:1.2rem}.sales-history-container .print-modal .print-modal-content{padding:1.5rem}.sales-history-container .print-modal .print-modal-content .receipt-preview{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.sales-history-container .print-modal .print-modal-content .receipt-preview h4{margin:0 0 1rem;color:#2d3748;font-size:1.1rem;font-weight:600}.sales-history-container .print-modal .print-modal-content .receipt-preview .preview-info p{margin:.5rem 0;color:#4a5568;font-size:.9rem}.sales-history-container .print-modal .print-modal-content .receipt-preview .preview-info p strong{color:#2d3748}.sales-history-container .print-modal .print-modal-content .received-by-section label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#2d3748;font-size:.9rem}.sales-history-container .print-modal .print-modal-content .received-by-section label .input-icon{color:#ed1b24}.sales-history-container .print-modal .print-modal-content .received-by-section .received-by-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.sales-history-container .print-modal .print-modal-content .received-by-section .received-by-input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.sales-history-container .print-modal .print-modal-content .received-by-section .received-by-input::placeholder{color:#a0aec0}.sales-history-container .print-modal .print-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}.sales-history-container .print-modal .print-modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.sales-history-container .print-modal .print-modal-actions button.cancel-btn{background:transparent;border:2px solid #e2e8f0;color:#4a5568}.sales-history-container .print-modal .print-modal-actions button.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e0}.sales-history-container .print-modal .print-modal-actions button.print-btn{background:linear-gradient(135deg,#ed1b24,#c41319);border:none;color:#fff;box-shadow:0 2px 8px #ed1b244d}.sales-history-container .print-modal .print-modal-actions button.print-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ed1b2466}.sales-history-container .print-modal .print-modal-actions button.print-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.sales-history-container .print-modal .print-modal-actions button.print-btn svg{font-size:1rem}@media (max-width: 1024px){.sales-history-container .filters-section .filters-row{grid-template-columns:1fr;gap:1rem}.sales-history-container .sales-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}}@media (max-width: 768px){.sales-history-container{padding:1rem}.sales-history-container .page-header{padding:1.5rem;margin-bottom:1.5rem}.sales-history-container .page-header h1{font-size:2rem;flex-direction:column;gap:.5rem}.sales-history-container .filters-section{padding:1rem}.sales-history-container .filters-section .filters-row{grid-template-columns:1fr;gap:1rem}.sales-history-container .sales-table-container{overflow-x:auto}.sales-history-container .sales-table-container .sales-table{min-width:600px}}@media (max-width: 480px){.sales-history-container{padding:.5rem}.sales-history-container .page-header{padding:1rem}.sales-history-container .page-header h1{font-size:1.8rem}.sales-history-container .filters-section{padding:.75rem}.sales-history-container .sales-stats{grid-template-columns:1fr}}.purchase-management-container{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.purchase-management-container .page-header{text-align:center;margin-bottom:2rem;padding:2rem;background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a}.purchase-management-container .page-header h1{display:flex;align-items:center;justify-content:center;gap:1rem;color:#2d3748;font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.purchase-management-container .page-header h1 .header-icon{color:#ed1b24;font-size:2rem}.purchase-management-container .page-header p{color:#718096;font-size:1.1rem;margin:0}.purchase-management-container .loading-spinner{display:flex;justify-content:center;align-items:center;padding:4rem;font-size:1.5rem;color:#ed1b24}.purchase-management-container .purchase-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.purchase-management-container .purchase-stats .stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;border-left:4px solid #ed1b24;transition:transform .3s ease,box-shadow .3s ease}.purchase-management-container .purchase-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.purchase-management-container .purchase-stats .stat-card .stat-value{font-size:2rem;font-weight:700;color:#ed1b24;margin-bottom:.5rem}.purchase-management-container .purchase-stats .stat-card .stat-label{color:#718096;font-weight:500;font-size:.9rem}.purchase-management-container .filters-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.purchase-management-container .filters-section .filters-row{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.purchase-management-container .filters-section .filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.purchase-management-container .filters-section .filter-group:last-child{flex:none}.purchase-management-container .filters-section .add-purchase-btn{min-width:200px;width:auto}.purchase-management-container .filters-section label{font-weight:600;color:#2d3748;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.purchase-management-container .filters-section label .filter-icon{color:#ed1b24;font-size:1rem}.purchase-management-container .filters-section .search-input{width:100%;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box;padding:.75rem 1rem .75rem 2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cpath d='m21 21-4.35-4.35'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:.75rem center;background-size:1rem}.purchase-management-container .filters-section .search-input:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.purchase-management-container .filters-section .search-input::placeholder{color:#a0aec0}.purchase-management-container .filters-section .add-purchase-btn{background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 2px 8px #ed1b244d}.purchase-management-container .filters-section .add-purchase-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed1b2466}.purchase-management-container .filters-section .add-purchase-btn:active{transform:translateY(0)}.purchase-management-container .purchase-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.purchase-management-container .purchase-table-container .no-purchases{text-align:center;padding:4rem 2rem;color:#718096;font-size:1.1rem}.purchase-management-container .purchase-table-container .no-purchases .no-purchases-icon{font-size:3rem;color:#e2e8f0;margin-bottom:1rem}.purchase-management-container .purchase-table-container .purchase-table{width:100%;border-collapse:collapse}.purchase-management-container .purchase-table-container .purchase-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.purchase-management-container .purchase-table-container .purchase-table thead th{padding:.75rem;text-align:left;font-weight:600;color:#2d3748;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0}.purchase-management-container .purchase-table-container .purchase-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.purchase-management-container .purchase-table-container .purchase-table tbody tr:hover{background:#f8fafc}.purchase-management-container .purchase-table-container .purchase-table tbody tr td{padding:.75rem;color:#4a5568;font-size:.9rem;vertical-align:middle}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.vendor-name{font-weight:600;color:#2d3748}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.vendor-name .vendor-icon,.purchase-management-container .purchase-table-container .purchase-table tbody tr td.invoice-no .invoice-icon{color:#ed1b24;margin-right:.5rem}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.total-amount{font-weight:600;color:#2d3748}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.total-amount .amount-icon,.purchase-management-container .purchase-table-container .purchase-table tbody tr td .product-icon{color:#ed1b24;margin-right:.5rem}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.actions-cell .action-btn{background:none;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;margin-right:.5rem}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.actions-cell .action-btn.view-btn{background:#3b82f61a;color:#3b82f6}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.actions-cell .action-btn.view-btn:hover{background:#3b82f633;transform:translateY(-1px)}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.actions-cell .action-btn.edit-btn{background:#f59e0b1a;color:#f59e0b}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.actions-cell .action-btn.edit-btn:hover{background:#f59e0b33;transform:translateY(-1px)}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.actions-cell .action-btn.delete-btn{background:#ef44441a;color:#ef4444}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.actions-cell .action-btn.delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.purchase-management-container .purchase-table-container .purchase-table tbody tr td.actions-cell .action-btn svg{font-size:1rem}.purchase-management-container .purchase-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.purchase-management-container .purchase-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 40px #0003}.purchase-management-container .purchase-modal .purchase-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border-radius:12px 12px 0 0}.purchase-management-container .purchase-modal .purchase-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.purchase-management-container .purchase-modal .purchase-modal-header .close-btn{background:#fff3;border:none;color:#fff;width:35px;height:35px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.purchase-management-container .purchase-modal .purchase-modal-header .close-btn:hover{background:#ffffff4d}.purchase-management-container .purchase-modal .purchase-modal-header .close-btn svg{font-size:1.2rem}.purchase-management-container .purchase-modal .purchase-modal-content{padding:1.5rem}.purchase-management-container .purchase-modal .purchase-modal-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.purchase-management-container .purchase-modal .purchase-modal-content .form-row{grid-template-columns:1fr}}.purchase-management-container .purchase-modal .purchase-modal-content .form-group{margin-bottom:1.5rem}.purchase-management-container .purchase-modal .purchase-modal-content .form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;color:#2d3748;font-size:.9rem}.purchase-management-container .purchase-modal .purchase-modal-content .form-group label .input-icon{color:#ed1b24}.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-input,.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-select,.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-input:focus,.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-select:focus,.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-textarea:focus{outline:none;border-color:#ed1b24;box-shadow:0 0 0 3px #ed1b241a}.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-input::placeholder,.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-select::placeholder,.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-textarea::placeholder{color:#a0aec0}.purchase-management-container .purchase-modal .purchase-modal-content .form-group .form-select{cursor:pointer}.purchase-management-container .purchase-modal .purchase-modal-content .form-group .view-field{padding:.75rem 1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:1rem}.purchase-management-container .purchase-modal .purchase-modal-content .purchase-meta{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #ed1b24}.purchase-management-container .purchase-modal .purchase-modal-content .purchase-meta p{margin:.5rem 0;font-size:.9rem;color:#4a5568}.purchase-management-container .purchase-modal .purchase-modal-content .purchase-meta p strong{color:#2d3748}.purchase-management-container .purchase-modal .purchase-modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.purchase-management-container .purchase-modal .purchase-modal-actions .cancel-btn{background:#fff;color:#4a5568;border:2px solid #e2e8f0;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.purchase-management-container .purchase-modal .purchase-modal-actions .cancel-btn:hover{background:#f8fafc;border-color:#cbd5e0}.purchase-management-container .purchase-modal .purchase-modal-actions .save-btn{background:linear-gradient(135deg,#ed1b24,#c41319);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #ed1b244d}.purchase-management-container .purchase-modal .purchase-modal-actions .save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ed1b2466}.purchase-management-container .purchase-modal .purchase-modal-actions .save-btn:active{transform:translateY(0)}.purchase-management-container .purchase-modal .purchase-modal-actions .save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.purchase-management-container{padding:1rem}.purchase-management-container .purchase-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.purchase-management-container .filters-section .filters-row{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.purchase-management-container .page-header h1{font-size:2rem}.purchase-management-container .purchase-table-container{overflow-x:auto}.purchase-management-container .purchase-table-container .purchase-table{min-width:800px}.purchase-management-container .purchase-modal{max-width:95%;margin:.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f9f9f6;color:#2c2c2c;line-height:1.6}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}@media (max-width: 640px){.container{padding:0 1rem}}.profile-header,.cashier-management .cashier-card .cashier-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-header .profile-image,.cashier-management .cashier-card .cashier-header .profile-image,.cashier-management .cashier-card .cashier-header .cashier-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #e0e0e0;background:#f5f5f5;flex-shrink:0}.profile-header .profile-image img,.cashier-management .cashier-card .cashier-header .profile-image img,.cashier-management .cashier-card .cashier-header .cashier-avatar img{width:100%;height:100%;object-fit:cover}.profile-header .profile-image .image-placeholder,.cashier-management .cashier-card .cashier-header .profile-image .image-placeholder,.cashier-management .cashier-card .cashier-header .cashier-avatar .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0;color:#666;font-size:2rem}.profile-header .profile-title,.cashier-management .cashier-card .cashier-header .profile-title,.cashier-management .cashier-card .cashier-header .cashier-info{flex:1}.profile-header .profile-title h3,.cashier-management .cashier-card .cashier-header .profile-title h3,.cashier-management .cashier-card .cashier-header .cashier-info h3{margin:0;font-size:1.2rem;color:#333}.profile-header .profile-title .status-tag,.cashier-management .cashier-card .cashier-header .profile-title .status-tag,.cashier-management .cashier-card .cashier-header .cashier-info .status-tag,.cashier-management .cashier-card .cashier-header .cashier-info .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;margin-top:.5rem}.profile-header .profile-title .status-tag.active,.cashier-management .cashier-card .cashier-header .profile-title .status-tag.active,.cashier-management .cashier-card .cashier-header .cashier-info .status-tag.active,.cashier-management .cashier-card .cashier-header .cashier-info .active.status-badge{background-color:#e3fcef;color:#00a650}.profile-header .profile-title .status-tag.inactive,.cashier-management .cashier-card .cashier-header .profile-title .status-tag.inactive,.cashier-management .cashier-card .cashier-header .cashier-info .status-tag.inactive,.cashier-management .cashier-card .cashier-header .cashier-info .inactive.status-badge{background-color:#ffe5e5;color:#ff4d4d}.profile-info,.cashier-management .cashier-card .cashier-details{margin:1rem 0}.profile-info p,.cashier-management .cashier-card .cashier-details p{margin:.5rem 0;color:#666;display:flex;align-items:center;gap:.5rem}.profile-info p strong,.cashier-management .cashier-card .cashier-details p strong{color:#333;min-width:100px}.profile-actions,.cashier-management .cashier-card .cashier-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.profile-actions button,.cashier-management .cashier-card .cashier-actions button{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:.25rem;border:none;cursor:pointer;font-size:.9rem;transition:all .2s}.profile-actions button.edit-btn,.cashier-management .cashier-card .cashier-actions button.edit-btn{background-color:#e3fcef;color:#00a650}.profile-actions button.edit-btn:hover,.cashier-management .cashier-card .cashier-actions button.edit-btn:hover{background-color:#d0f7e6}.profile-actions button.delete-btn,.cashier-management .cashier-card .cashier-actions button.delete-btn{background-color:#ffe5e5;color:#ff4d4d}.profile-actions button.delete-btn:hover,.cashier-management .cashier-card .cashier-actions button.delete-btn:hover{background-color:#ffd1d1}.staff-card,.branch-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d;border:1px solid #eee;transition:transform .2s,box-shadow .2s}.staff-card:hover,.branch-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}