@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";
:root{--primary:#002142;--accent:#e64051;--page-bg:#f8fafc;--text-color:#1e293b;--border-color:#eef4f8;--card-bg:#fff;--muted:#94a3b8}html,body{background-color:var(--page-bg);width:100%;height:100%;color:var(--text-color)}.app-container{width:100%;min-height:100vh;display:flex}.main-content{flex:1;width:100%;min-width:0;min-height:100vh;overflow-y:auto}@media (max-width:991px){.app-container{flex-direction:column}.main-content{width:100%;height:auto;min-height:calc(100vh - 58px);overflow-x:hidden}}.table-wrapper,.table-responsive,.customer-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.app-container{min-height:100vh;display:flex}.main-content{flex-grow:1;min-width:0;height:100vh;overflow-y:auto}@media (max-width:991px){.app-container{flex-direction:column}.main-content{width:100%;height:auto;min-height:calc(100vh - 58px);overflow-x:hidden}}.branch-form{padding:1rem 0}.premium-input{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;transition:all .2s;box-shadow:0 1px 2px #00000005}.premium-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-floating>label{color:#64748b;font-size:.95rem}.submit-btn{border-radius:8px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #0d6efd33}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0d6efd4d}.submit-btn:disabled{opacity:.7}.branch-list-container{width:100%}.branch-table-wrapper{scrollbar-width:none;-ms-overflow-style:none;border:1px solid #0000000d;border-radius:12px;overflow-x:auto}.branch-table-wrapper::-webkit-scrollbar{display:none}.table{margin-bottom:0}.table th{text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding:1rem;font-size:.8rem;font-weight:600;color:#0f172a!important;background-color:#f1f5f9!important}.table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem}.action-btn-group{border-radius:6px;display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.action-btn{background:#fff;justify-content:center;align-items:center;padding:.35rem .6rem;font-size:.9rem;transition:all .2s;display:flex}.action-btn-edit{color:#0d6efd;border:1px solid #0d6efd;border-right:none;border-top-left-radius:6px;border-bottom-left-radius:6px}.action-btn-edit:hover{background:#f0f7ff}.action-btn-delete{color:#dc3545;border:1px solid #dc3545;border-top-right-radius:6px;border-bottom-right-radius:6px}.action-btn-delete:hover{background:#fff5f5}.pagination-controls select{color:#475569;border-color:#e2e8f0}.empty-state{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}@media (max-width:768px){.table th,.table td{padding:.75rem .5rem;font-size:.85rem}.custom-pagination-container{flex-direction:column;gap:.75rem;align-items:flex-end!important}.page-num-btn{border-radius:4px;width:26px;height:26px;font-size:.7rem}.page-nav-btn{border-radius:4px;padding:.2rem .5rem;font-size:.65rem}}@media (max-width:576px){.table th,.table td{white-space:nowrap}.action-btn{padding:.25rem .5rem;font-size:.8rem}}.cart-items-list{flex-direction:column;gap:10px;display:flex}.cart-item{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%)!important;border:2px solid #e0e7ef!important;border-radius:10px!important;margin-bottom:0!important;padding:12px 14px!important;transition:all .3s!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 12px #00214214!important}.cart-item:before{content:""!important;background:linear-gradient(#e64051 0%,#c23544 100%)!important;width:4px!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important}.cart-item:hover{border-color:#e64051!important;transform:translate(4px)!important;box-shadow:0 6px 20px #e6405126!important}.cart-item h6{color:#002142!important;margin-bottom:0!important;font-size:.95rem!important;font-weight:700!important;line-height:1.2!important}.cart-item p{color:#e64051!important;margin-bottom:0!important;font-size:1rem!important;font-weight:700!important;line-height:1.2!important}.cart-item span{color:#002142!important;text-align:center!important;min-width:32px!important;font-size:.95rem!important;font-weight:700!important}.cart-item .btn-danger{color:#fff!important;background:linear-gradient(135deg,#e64051 0%,#c23544 100%)!important;border:none!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;min-width:32px!important;height:32px!important;padding:5px 10px!important;font-weight:600!important;transition:all .3s!important;display:flex!important;box-shadow:0 2px 8px #e6405140!important}.cart-item .btn-danger:hover{background:linear-gradient(135deg,#c23544 0%,#a82d3a 100%)!important;transform:scale(1.08)!important;box-shadow:0 4px 14px #e6405159!important}.cart-item .btn-danger:active{transform:scale(.98)!important}.cart-item .btn-danger:disabled{opacity:.5!important;cursor:not-allowed!important;background:linear-gradient(135deg,#e64051 0%,#c23544 100%)!important;transform:none!important}.cart-item .btn-primary{color:#fff!important;background:linear-gradient(135deg,#002142 0%,#003a5c 100%)!important;border:none!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;min-width:32px!important;height:32px!important;padding:5px 10px!important;font-weight:600!important;transition:all .3s!important;display:flex!important;box-shadow:0 2px 8px #00214240!important}.cart-item .btn-primary:hover{background:linear-gradient(135deg,#003a5c 0%,#004d76 100%)!important;transform:scale(1.08)!important;box-shadow:0 4px 14px #00214259!important}.cart-item .btn-primary:active{transform:scale(.98)!important}.cart-item .btn-sm{font-size:.85rem!important;line-height:1!important}.cart-item .btn-sm i{font-size:.9rem!important}.cart-items-section .p-3{padding:0!important}.cart-items-section p.text-dark{text-align:center;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px dashed #cbd5e1;border-radius:12px;margin:0;padding:10px 20px;font-size:1rem;font-style:italic;color:#64748b!important}.cart-item .d-flex.align-items-center.gap-2{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)!important;border:2px solid #e0e7ef!important;border-radius:8px!important;gap:6px!important;padding:4px 8px!important;transition:all .3s!important}.cart-item .d-flex.align-items-center.gap-2:hover{border-color:#cbd5e1!important;box-shadow:0 2px 6px #00214214!important}.cart-item .d-flex.justify-content-between.align-items-center{margin-bottom:0!important}.cart-item .d-flex.justify-content-between.align-items-center.mb-2{border-bottom:1px solid #f1f5f9!important;margin-bottom:8px!important;padding-bottom:8px!important}.cart-item button[style*="width: auto"]{width:auto!important;height:32px!important;padding:5px 10px!important}.custom-price-input{border:1px solid #e0e7ef!important;border-radius:6px!important;padding:4px 8px!important;font-size:.85rem!important;transition:all .2s!important}.custom-price-input:focus{border-color:#002142!important;outline:none!important;box-shadow:0 0 0 2px #0021421a!important}@media (max-width:768px){.cart-item{padding:12px!important}.cart-item h6{font-size:.95rem!important}.cart-item p{font-size:1rem!important}.cart-item .btn-danger,.cart-item .btn-primary{min-width:32px!important;padding:5px 10px!important}.cart-item span{min-width:30px!important;font-size:.95rem!important}.cart-item .d-flex.align-items-center.gap-2{gap:6px!important;padding:5px 8px!important}.custom-price-input{width:70px!important;font-size:.8rem!important}}.cart-summary-section{flex-direction:column;gap:0;padding-top:16px;display:flex}.cart-summary-container{padding-top:0}.cart-summary-container p,.cart-summary-container h5,.cart-summary-section p,.cart-summary-section h5{color:#002142!important;margin-bottom:8px!important;font-weight:600!important}.cart-summary-details{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%)!important;border:2px solid #e0e7ef!important;border-radius:12px!important;margin-bottom:16px!important;padding:16px!important;box-shadow:0 4px 12px #00214214!important}.cart-summary-details .d-flex{margin-bottom:12px!important}.cart-summary-details .d-flex:last-child{border-top:2px solid #e0e7ef!important;margin-bottom:0!important;padding-top:12px!important}.cart-summary-details span{color:#002142!important;font-size:.95rem!important}.cart-summary-details .text-dark{color:#002142!important;font-weight:600!important}.tax-input{color:#002142!important;text-align:center!important;border:2px solid #cbd5e1!important;border-radius:6px!important;width:70px!important;padding:6px 10px!important;font-size:.9rem!important;font-weight:600!important;transition:all .3s!important}.compact-payment-container{flex-direction:row;gap:0;display:flex}.payment-controls-row{flex-wrap:nowrap;align-items:center;gap:12px;width:100%;display:flex}.payment-method-compact{flex:none;align-items:center;gap:8px;display:flex}.payment-label-compact{color:#002142;white-space:nowrap;margin:0;font-size:.85rem;font-weight:600}.dropdown-wrapper-compact{min-width:140px;position:relative}.payment-dropdown-compact{cursor:pointer;appearance:none;width:100%;min-height:38px;padding:8px 32px 8px 12px;transition:all .2s;color:#002142!important;background:#fff!important;border:2px solid #cbd5e1!important;border-radius:6px!important;font-size:.9rem!important;font-weight:500!important}.payment-dropdown-compact:focus{border-color:#e64051!important;outline:none!important;box-shadow:0 0 0 2px #e640511a!important}.payment-dropdown-compact:disabled{cursor:not-allowed;opacity:.6;background-color:#f1f5f9!important}.dropdown-arrow-compact{pointer-events:none;color:#64748b;font-size:.85rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.credit-checkbox-compact{align-items:center;display:flex}.credit-checkbox-label-compact{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin:0;display:flex}.credit-checkbox-compact-input{cursor:pointer;accent-color:#e64051;width:16px;height:16px;margin:0}.credit-label-text-compact{color:#002142;font-size:.85rem;font-weight:500}.place-order-btn-compact{text-transform:uppercase;letter-spacing:.5px;flex:none;min-width:140px;min-height:38px;margin-left:auto;border-radius:6px!important;padding:8px 20px!important;font-size:.9rem!important;font-weight:700!important;transition:all .2s!important}.place-order-btn-compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ffc10766!important}.place-order-btn-compact:disabled{opacity:.6;cursor:not-allowed}.credit-details-compact{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:2px solid #f59e0b;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.credit-detail-item{white-space:nowrap;box-sizing:border-box;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:2px solid #f59e0b;border-radius:6px;flex:none;justify-content:space-between;align-items:center;gap:8px;width:150px;min-height:38px;padding:6px 10px;display:flex}.credit-label-compact{color:#78350f;white-space:nowrap;flex-shrink:0;font-size:.85rem;font-weight:600}.credit-value-compact{color:#002142;white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:700}.credit-input-compact{box-sizing:border-box;flex:1;min-width:0;height:26px;transition:all .2s;color:#002142!important;background:#fff!important;border:2px solid #f59e0b!important;border-radius:6px!important;padding:6px 8px!important;font-size:.85rem!important;font-weight:600!important}.credit-input-compact:focus{border-color:#d97706!important;outline:none!important;box-shadow:0 0 0 2px #f59e0b33!important}.credit-balance-compact{color:#dc2626;white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:700}.simple-payment-container{flex-direction:row;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.payment-dropdown-wrapper{flex-direction:column;flex:1;gap:6px;display:flex}.payment-label{color:#002142;margin:0;font-size:.9rem;font-weight:600}.dropdown-wrapper{width:100%;position:relative}.payment-dropdown{cursor:pointer;appearance:none;width:100%;padding:10px 40px 10px 14px;transition:all .3s;color:#002142!important;background:#fff!important;border:2px solid #cbd5e1!important;border-radius:8px!important;font-size:.95rem!important;font-weight:500!important}.payment-dropdown:focus{border-color:#e64051!important;outline:none!important;box-shadow:0 0 0 3px #e640511a!important}.payment-dropdown:disabled{cursor:not-allowed;opacity:.6;background-color:#f1f5f9!important}.payment-dropdown:hover:not(:disabled){border-color:#e64051!important}.dropdown-arrow{pointer-events:none;color:#64748b;font-size:1rem;transition:color .3s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.payment-dropdown:focus+.dropdown-arrow{color:#e64051}.credit-option-wrapper{align-items:center;padding-bottom:6px;display:flex}.credit-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin:0;display:flex}.credit-checkbox{cursor:pointer;accent-color:#e64051;width:18px;height:18px}.credit-label-text{color:#002142;font-size:.9rem;font-weight:500}.cart-summary-section .d-flex.gap-3{gap:10px!important;margin-bottom:10px!important}.cart-summary-section .d-flex.gap-3:last-child{margin-bottom:0!important}.cart-summary-section .flex-grow-1{flex:1!important}.cart-summary-container .btn,.cart-summary-section .btn,.modern-btn{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;min-height:42px!important;padding:12px 16px!important;font-size:.85rem!important;font-weight:700!important;transition:all .3s!important;display:flex!important}.cart-summary-container .btn-success,.cart-summary-section .btn-success{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:0 4px 12px #10b98140!important}.cart-summary-container .btn-success:hover,.cart-summary-section .btn-success:hover{transform:translateY(-2px);background:linear-gradient(135deg,#059669 0%,#047857 100%)!important;box-shadow:0 6px 20px #10b98159!important}.cart-summary-container .btn-primary,.cart-summary-section .btn-primary{color:#fff!important;background:linear-gradient(135deg,#002142 0%,#003a5c 100%)!important;box-shadow:0 4px 12px #00214240!important}.cart-summary-container .btn-primary:hover,.cart-summary-section .btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#003a5c 0%,#004d76 100%)!important;box-shadow:0 6px 20px #00214259!important}.cart-summary-container .btn-info,.cart-summary-section .btn-info{color:#fff!important;background:linear-gradient(135deg,#002142 0%,#003a5c 100%)!important;box-shadow:0 4px 12px #00214240!important}.cart-summary-container .btn-info:hover,.cart-summary-section .btn-info:hover{transform:translateY(-2px);background:linear-gradient(135deg,#003a5c 0%,#004d76 100%)!important;box-shadow:0 6px 20px #00214259!important}.cart-summary-container .btn-warning,.cart-summary-section .btn-warning{color:#fff!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;box-shadow:0 4px 12px #f59e0b40!important}.cart-summary-container .btn-warning:hover,.cart-summary-section .btn-warning:hover{transform:translateY(-2px);background:linear-gradient(135deg,#d97706 0%,#b45309 100%)!important;box-shadow:0 6px 20px #f59e0b59!important}.cart-summary-container .btn-danger,.cart-summary-section .btn-danger{color:#fff!important;background:linear-gradient(135deg,#e64051 0%,#c23544 100%)!important;box-shadow:0 4px 12px #e6405140!important}.cart-summary-container .btn-danger:hover,.cart-summary-section .btn-danger:hover{transform:translateY(-2px);background:linear-gradient(135deg,#c23544 0%,#a82d3a 100%)!important;box-shadow:0 6px 20px #e6405159!important}.cart-summary-container .btn-secondary,.cart-summary-section .btn-secondary{color:#fff!important;background:linear-gradient(135deg,#64748b 0%,#475569 100%)!important;box-shadow:0 4px 12px #64748b40!important}.cart-summary-container .btn-secondary:hover,.cart-summary-section .btn-secondary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#475569 0%,#334155 100%)!important;box-shadow:0 6px 20px #64748b59!important}.cart-summary-container .btn-outline-secondary,.cart-summary-section .btn-outline-secondary{color:#64748b!important;background:0 0!important;border:2px solid #64748b!important}.cart-summary-container .btn-outline-secondary:hover,.cart-summary-section .btn-outline-secondary:hover{color:#fff!important;background:linear-gradient(135deg,#64748b 0%,#475569 100%)!important;border-color:#64748b!important}.cart-summary-container .btn:disabled,.cart-summary-section .btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.cart-summary-section .mt-2{margin-top:0!important}.cart-summary-section .py-1{padding-top:0!important;padding-bottom:0!important}.cart-summary-section .mt-2.py-1{margin-top:10px!important}.cart-summary-details div[style*="display: flex"]{align-items:center!important;gap:8px!important;display:flex!important}.cart-summary-details span[style*="color: #666"]{color:#475569!important;font-size:.9rem!important;font-weight:600!important}.confirm-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:9999!important;background:#002142b3!important;justify-content:center!important;align-items:center!important;padding:2rem!important;animation:.3s fadeIn!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.confirm-box{text-align:center!important;background:linear-gradient(135deg,#fff 0%,#fafbfc 100%)!important;border:3px solid #e0e7ef!important;border-radius:16px!important;flex-direction:column!important;align-items:center!important;gap:16px!important;min-width:400px!important;max-width:90%!important;padding:32px 28px!important;animation:.42s cubic-bezier(.22,.9,.26,1) forwards slideDown!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 20px 60px #0021424d!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.confirm-box:before{content:""!important;z-index:1!important;background:linear-gradient(90deg,#e64051 0%,#002142 50%,#e64051 100%)!important;height:5px!important;position:absolute!important;top:0!important;left:0!important;right:0!important}.confirm-box h4{color:#002142!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin:0!important;font-size:1.3rem!important;font-weight:700!important}.confirm-box p{color:#64748b!important;margin:0!important;font-size:1rem!important;font-weight:500!important}.confirm-box .btn{min-width:120px!important;margin:0 6px!important;padding:10px 24px!important}.confirm-box .d-flex{margin-top:8px!important}.cart-summary-container select.form-select,.cart-summary-container select.form-control{color:#002142;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #cbd5e1;border-radius:8px;padding:10px 14px;font-size:.95rem;font-weight:600;transition:all .3s}.cart-summary-container select.form-select:focus,.cart-summary-container select.form-control:focus{border-color:#e64051;outline:none;box-shadow:0 0 0 3px #e640511a}.cart-summary-container select.form-select:hover,.cart-summary-container select.form-control:hover{border-color:#e64051;box-shadow:0 2px 8px #e6405126}.cart-summary-details .align-items-center{align-items:center!important}.cart-summary-details .mb-2{margin-bottom:12px!important}.cart-summary-details .mb-2:last-child{border-top:2px solid #e64051!important;margin-bottom:0!important;padding-top:12px!important}.cart-summary-details .justify-content-between{justify-content:space-between!important}.cart-summary-section h5{color:#e64051!important;text-shadow:0 2px 4px #e640511a!important;margin:0!important;font-size:1.3rem!important;font-weight:800!important}.credit-payment-box{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:2px solid #f59e0b;border-radius:12px;margin-top:16px;margin-bottom:12px;padding:16px;animation:.3s slideDown;box-shadow:0 4px 12px #f59e0b26}.credit-box-header{border-bottom:2px solid #fbbf24;margin-bottom:12px;padding-bottom:8px}.credit-box-title{color:#92400e;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.credit-box-title i{color:#f59e0b;font-size:1.2rem}.credit-box-content{flex-direction:column;gap:12px;display:flex}.credit-amount-row{justify-content:space-between;align-items:center;display:flex}.credit-amount-row label{color:#78350f;font-size:.95rem;font-weight:600}.credit-amount-value{color:#002142;font-size:1.1rem;font-weight:700}.credit-balance-value{color:#dc2626;font-size:1.1rem;font-weight:700}.credit-input-row{flex-direction:column;gap:6px;display:flex}.credit-input-row label{color:#78350f;font-size:.9rem;font-weight:600}.credit-amount-input{transition:all .3s;color:#002142!important;background:#fff!important;border:2px solid #f59e0b!important;border-radius:8px!important;padding:10px 14px!important;font-size:1rem!important;font-weight:600!important}.credit-amount-input:focus{border-color:#d97706!important;outline:none!important;box-shadow:0 0 0 3px #f59e0b33!important}.credit-amount-input:disabled{cursor:not-allowed;opacity:.7;background-color:#fef3c7!important}@media (max-width:768px){.payment-controls-row{flex-wrap:wrap;gap:10px}.payment-method-compact{flex:auto;min-width:150px}.dropdown-wrapper-compact{width:100%;min-width:unset}.credit-checkbox-compact{flex:none}.place-order-btn-compact{width:100%;min-width:unset;margin-left:0}.credit-detail-item{flex:auto;min-width:100px}.credit-input-compact{width:70px}.simple-payment-container{flex-direction:column;align-items:stretch;gap:12px}.payment-dropdown-wrapper{flex:none}.credit-option-wrapper{padding-bottom:0}.payment-dropdown{padding:8px 36px 8px 12px;font-size:.9rem}.dropdown-arrow{font-size:.9rem;right:12px}.cart-summary-details{padding:14px!important}.cart-summary-section .btn{padding:10px 12px!important;font-size:.8rem!important}.tax-input{width:60px!important;padding:4px 8px!important;font-size:.85rem!important}.confirm-box{min-width:320px!important;padding:24px 20px!important}.confirm-box h4{font-size:1.1rem!important}.confirm-box .btn{min-width:100px!important;padding:8px 16px!important;font-size:.8rem!important}}@media (max-width:480px){.payment-label,.credit-label-text{font-size:.85rem}}.qr-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#002142cc;justify-content:center;align-items:center;padding:20px;animation:.3s qrFadeIn;display:flex;position:fixed;inset:0}@keyframes qrFadeIn{0%{opacity:0}to{opacity:1}}.qr-modal-content{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:3px solid #e64051;border-radius:20px;width:100%;max-width:600px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) qrSlideUp;overflow-y:auto;box-shadow:0 20px 60px #0021424d}@keyframes qrSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.qr-modal-header{background:linear-gradient(135deg,#002142 0%,#004080 100%);border-bottom:2px solid #e2e8f0;border-radius:17px 17px 0 0;justify-content:space-between;align-items:center;padding:25px 30px;display:flex}.qr-modal-header h3{color:#fff;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:800;display:flex}.qr-modal-header h3 i{color:#e64051;font-size:1.8rem}.qr-close-btn{color:#fff;cursor:pointer;background:#e6405133;border:2px solid #e64051;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex}.qr-close-btn:hover{background:#e64051;transform:rotate(90deg)scale(1.1)}.qr-modal-body{padding:30px}.upi-options-modal .qr-modal-body{padding:35px 30px}.upi-options-subtitle{text-align:center;color:#64748b;margin-bottom:25px;font-size:1rem;font-weight:500}.upi-options-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.upi-option-card{cursor:pointer;text-align:center;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;transition:all .3s;display:flex}.upi-option-card:hover:not(:disabled){border-color:#e64051;transform:translateY(-5px);box-shadow:0 10px 30px #e6405133}.upi-option-card:disabled{opacity:.5;cursor:not-allowed}.upi-option-icon{background:linear-gradient(135deg,#e64051 0%,#d32f3f 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:10px;display:flex;box-shadow:0 8px 20px #e640514d}.upi-option-icon i{color:#fff;font-size:2.5rem}.upi-option-card h4{color:#002142;margin:0;font-size:1.2rem;font-weight:800}.upi-option-card p{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.qr-warning{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:12px;align-items:center;gap:12px;padding:15px 20px;font-size:.9rem;font-weight:600;display:flex}.qr-warning i{color:#f59e0b;font-size:1.5rem}.qr-display-modal{max-width:500px}.qr-amount-display{text-align:center;background:linear-gradient(135deg,#002142 0%,#004080 100%);border-radius:15px;margin-bottom:25px;padding:20px;box-shadow:0 8px 20px #00214233}.qr-code-display{background:#fff;border:3px solid #e64051;border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;padding:25px;display:flex;box-shadow:0 10px 30px #00214226}.qr-instruction{text-align:center;color:#64748b;background:linear-gradient(135deg,#e6f2ff 0%,#dbeafe 100%);border:2px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin:20px 0;padding:15px;font-size:1rem;font-weight:600;display:flex}.qr-action-buttons{gap:15px;margin-top:25px;display:flex}.btn-qr-received,.btn-qr-cancel{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 25px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.btn-qr-received{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 20px #10b9814d}.btn-qr-received:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.btn-qr-received:disabled,.btn-qr-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-qr-received i,.btn-qr-cancel i{font-size:1.3rem}@media (max-width:768px){.qr-modal-content{border-radius:15px;max-width:95%}.qr-modal-header{padding:20px}.qr-modal-header h3{font-size:1.2rem}.qr-modal-header h3 i{font-size:1.5rem}.qr-modal-body{padding:20px}.upi-options-grid{grid-template-columns:1fr}.upi-option-icon{width:70px;height:70px}.upi-option-icon i,.qr-amount-value{font-size:2rem}.qr-code-display{padding:20px}.qr-code-display img{max-width:260px}.qr-action-buttons{flex-direction:column}.btn-qr-received,.btn-qr-cancel{width:100%}}@media (max-width:480px){.qr-modal-header h3{gap:8px;font-size:1rem}.qr-close-btn{width:35px;height:35px}.upi-option-card{padding:25px 15px}.qr-amount-value{font-size:1.8rem}.qr-code-display img{max-width:220px}.qr-instruction{padding:12px;font-size:.9rem}}.category-hover{transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00214214;border:2px solid #0000!important}.category-hover:before{content:"";background:linear-gradient(#e64051 0%,#c23544 100%);width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.category-hover:hover{transform:translateY(-5px);box-shadow:0 8px 24px #e6405133;border:2px solid #e64051!important}.category-hover:hover:before{width:4px}.category-hover h6{font-size:.95rem;font-weight:600;transition:color .3s;color:#002142!important}.category-hover:hover h6{color:#e64051!important}.category-hover p{font-size:.85rem;color:#64748b!important}.active-category{background:linear-gradient(135deg,#e64051 0%,#c23544 100%);border-radius:50%;width:14px;height:14px;animation:2s ease-in-out infinite pulse-active;position:absolute;top:50%;right:16px;transform:translateY(-50%);box-shadow:0 0 0 3px #e6405133}@keyframes pulse-active{0%,to{box-shadow:0 0 0 3px #e6405133}50%{box-shadow:0 0 0 6px #e640511a}}.category-image{border:3px solid #e0e7ef;border-radius:12px;width:64px;height:64px;transition:all .3s;box-shadow:0 2px 8px #0021421a}.category-hover:hover .category-image{border-color:#e64051;transform:scale(1.05);box-shadow:0 4px 12px #e6405133}.category-list-container{height:100%;padding-right:8px;overflow:hidden auto}.category-list-container .search-box{margin-bottom:20px;position:relative}.category-list-container .search-input{color:#0f1724;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #cbd5e1;border-radius:10px 0 0 10px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .3s;box-shadow:0 2px 6px #0000000d}.category-list-container .search-input:focus{background:#fff;border-color:#e64051;outline:none;box-shadow:0 0 0 3px #e640511a}.category-list-container .search-input::placeholder{color:#94a3b8;font-style:italic}.category-list-container .search-icon{color:#fff;background:linear-gradient(135deg,#e64051 0%,#c23544 100%);border:2px solid #e64051;border-left:none;border-radius:0 10px 10px 0;justify-content:center;align-items:center;padding:12px 20px;transition:all .3s;display:flex;box-shadow:0 2px 6px #e6405133}.category-list-container .search-icon i{font-size:1.2rem;transition:transform .3s}.category-list-container .input-group:hover .search-icon{background:linear-gradient(135deg,#c23544 0%,#a12a38 100%);box-shadow:0 4px 12px #e640514d}.category-list-container .input-group:hover .search-icon i{transform:scale(1.1)}.category-card{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%)!important;border:2px solid #e0e7ef!important;border-radius:12px!important;max-width:100%!important;padding:16px!important;transition:all .3s!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 16px #0000000f!important}.category-card:before{content:"";background:linear-gradient(#e64051 0%,#002142 100%);width:4px;height:100%;position:absolute;top:0;left:0}.category-card:hover{border-color:#e64051!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px #e6405126!important}.category-card h5{color:#002142!important;text-transform:capitalize!important;margin-bottom:6px!important;font-size:1.1rem!important;font-weight:700!important}.category-card p{color:#64748b!important;margin-bottom:0!important;font-size:.9rem!important;font-weight:500!important}.category-image{object-fit:cover;border:3px solid #e0e7ef;border-radius:12px;width:60px;height:60px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.category-card:hover .category-image{border-color:#e64051;transform:scale(1.05);box-shadow:0 4px 12px #e6405133}.category-card .btn-danger{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:2px solid #ef4444!important;border-radius:8px!important;padding:8px 16px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 2px 8px #ef444433!important}.category-card .btn-danger:hover{color:#fff!important;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;border-color:#dc2626!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #ef444459!important}.category-card .btn-danger i{font-size:1.1rem;transition:transform .3s}.category-card .btn-danger:hover i{transform:scale(1.15)}.category-card .btn-danger:active{transform:translateY(0)!important}.category-list-container .empty-state{text-align:center;color:#94a3b8;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px dashed #cbd5e1;border-radius:12px;margin-top:20px;padding:40px 20px;font-size:1rem;font-style:italic}.category-list-container .empty-state i{color:#cbd5e1;margin-bottom:12px;font-size:3rem}@media (max-width:768px){.category-card{border-radius:10px!important;padding:12px!important}.category-card h5{font-size:1rem!important}.category-card p{font-size:.85rem!important}.category-image{width:50px;height:50px}.category-card .btn-danger{padding:6px 12px!important}.category-card .btn-danger i{font-size:1rem}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172abf;justify-content:center;align-items:center;padding:1rem;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.confirm-modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:480px;animation:.25s slideUp;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a59}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:22px 28px;display:flex}.confirm-modal-icon{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex;box-shadow:0 4px 12px #0284c74d}.confirm-modal-content:has(.btn-danger) .confirm-modal-icon{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef444459}.confirm-modal-header h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700}.confirm-modal-body{padding:24px 28px}.confirm-modal-body p{color:#475569;margin:0;font-size:1.02rem;line-height:1.55}.confirm-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:18px 28px;display:flex}.confirm-modal-btn-cancel,.confirm-modal-btn-confirm{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.confirm-modal-btn-cancel{color:#475569;background:#fff;border:1.5px solid #cbd5e1}.confirm-modal-btn-cancel:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.confirm-modal-btn-confirm{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.confirm-modal-btn-confirm:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 6px 16px #10b98173}.confirm-modal-btn-confirm.btn-danger{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;box-shadow:0 4px 14px #ef444459!important}.confirm-modal-btn-confirm.btn-danger:hover{transform:translateY(-1px);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;box-shadow:0 6px 18px #ef444480!important}@media (max-width:576px){.confirm-modal-content{max-width:92%}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-btn-cancel,.confirm-modal-btn-confirm{width:100%}}@media (max-width:768px){.user-form-card{padding:1rem}}@media (max-width:576px){.form-action-footer{flex-direction:column-reverse}.btn-form-cancel,.btn-form-submit{justify-content:center;width:100%}}.customers-list-container{width:100%}.customer-avatar-initials{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#002952 0%,#004d99 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 2px 6px #00295233}@keyframes scaleIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:576px){.search-input-wrapper{width:100%}.data-table th,.data-table td{padding:.65rem .75rem;font-size:.8rem}}.display-category-container,.display-category-container .row{width:100%;margin:0}.display-category-container .col-md-3,.display-category-container .col-sm-6{margin-bottom:16px;padding:0 10px}.display-category-container .category-hover{animation:.4s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.display-category-container .col-md-3:first-child .category-hover{animation-delay:50ms}.display-category-container .col-md-3:nth-child(2) .category-hover{animation-delay:.1s}.display-category-container .col-md-3:nth-child(3) .category-hover{animation-delay:.15s}.display-category-container .col-md-3:nth-child(4) .category-hover{animation-delay:.2s}.display-category-container .col-md-3:nth-child(5) .category-hover{animation-delay:.25s}.display-category-container .col-md-3:nth-child(6) .category-hover{animation-delay:.3s}.display-items-container{padding:16px}.display-items-container .row{gap:16px 0}.display-items-container .row.g-3{margin:0}.display-items-container .d-flex.justify-content-between{border-bottom:2px solid #e0e7ef;margin-bottom:20px;padding-bottom:12px}.display-items-container .no-items{text-align:center;color:#64748b;padding:40px 20px;font-size:1.1rem;font-style:italic}.employee-form-container{padding:.5rem 0}.custom-form .form-label{color:#334155;margin-bottom:.35rem;font-size:.825rem;font-weight:600}.custom-form .input-group-text{color:#64748b;background-color:#f8fafc;border-color:#cbd5e1;font-size:.9rem}.custom-form .form-control,.custom-form .form-select{border-color:#cbd5e1;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.custom-form .form-control:focus,.custom-form .form-select:focus{border-color:#0d6efd;box-shadow:0 0 0 .2rem #0d6efd26}.file-upload-card{text-align:center;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;padding:1.25rem 1rem;transition:all .25s}.file-upload-card:hover{background-color:#f0f7ff;border-color:#0d6efd}.file-upload-label{cursor:pointer;width:100%;margin:0;display:inline-block}.form-actions{border-top:1px solid #eef4f8;padding-top:1rem}@media (max-width:576px){.employee-form-container{padding:0}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.employee-avatar-img{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:40px;height:40px;transition:transform .2s;box-shadow:0 2px 4px #0000000d}.employee-avatar-img:hover{transform:scale(1.08)}.employee-avatar-initials{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#002952 0%,#004d99 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 2px 6px #00295233}.branch-badge{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:.25rem .55rem;font-size:.78rem;font-weight:500;display:inline-flex}.btn-download-resume{color:#0284c7;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;align-items:center;padding:.3rem .65rem;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-download-resume:hover{color:#0369a1;background-color:#e0f2fe;border-color:#7dd3fc;transform:translateY(-1px)}@keyframes spin{to{transform:rotate(360deg)}}.custom-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172480;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-modal-content{background-color:#fff;border:none;border-radius:12px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.custom-modal-header{background-color:#fff;border-bottom:1px solid #eef4f8;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.custom-modal-header.warning{color:#ef4444}.custom-modal-header h4{color:#ef4444;margin:0;font-size:1.1rem;font-weight:600}.custom-modal-body{color:#334155;text-align:left;background-color:#fff;padding:1.5rem;font-size:.9rem}.custom-modal-body p{margin:0 0 .5rem}.custom-modal-warning-text{color:#ef4444;font-size:.85rem;font-weight:500}.custom-modal-actions{background-color:#f8fafc;border-top:1px solid #eef4f8;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}@media (max-width:768px){.particular-list-container{border-radius:8px}.list-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.list-title{font-size:1rem}.data-table th,.data-table td{padding:.5rem;font-size:.75rem}.data-table th{font-size:.65rem}.actions-col{width:80px}.btn-icon{width:28px;height:28px}.status-btn{padding:.2rem .5rem;font-size:.7rem}.data-badge{padding:.2rem .4rem;font-size:.7rem}.pagination{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.page-btn{justify-content:center;width:100%}.custom-modal-content{max-width:90%;margin:0 1rem}}@media (max-width:480px){.list-header{padding:.75rem}.data-table th,.data-table td{padding:.4rem;font-size:.7rem}.data-table th{letter-spacing:.03em;font-size:.6rem}.actions-col{width:70px}.btn-icon{width:26px;height:26px}.status-btn{padding:.15rem .4rem;font-size:.65rem}.data-badge{padding:.15rem .35rem;font-size:.65rem}.meta-badge{padding:.1rem .5rem;font-size:.75rem}.custom-modal-content{max-width:95%}.custom-modal-header,.custom-modal-body,.custom-modal-actions{padding:1rem}.custom-modal-header h4{font-size:1rem}.custom-modal-body{font-size:.85rem}}.ops-badge{color:#fff!important;background:#002142!important}.ops-icon{color:#002142!important}.ops-switch-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:16px 20px}.ops-switch-icon{color:#002142;background:#f0f4f8;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex}.text-emerald-active{color:#002142}.btn-form-submit-ops{color:#fff;cursor:pointer;background:#002142;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 24px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #00214259}.btn-form-submit-ops:hover:not(:disabled){color:#fff;background:#001730;transform:translateY(-2px);box-shadow:0 6px 18px #00214280}.btn-form-submit-ops:disabled{opacity:.6;cursor:not-allowed}.expense-item-list-container{width:100%}.expense-table-wrapper{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 4px 16px #00000008}.expense-table-wrapper::-webkit-scrollbar{display:none}.table-hover tbody tr{transition:background-color .2s}.table-hover tbody tr:hover{background-color:#f0f4f8!important}.ops-row-number{color:#002142;background-color:#f0f4f8;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:700;display:inline-flex}.badge-ops-daily,.badge-ops-monthly{color:#002142;background-color:#f0f4f8;border:1px solid #cbd5e1;border-radius:20px;align-items:center;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-ops-included{color:#15803d;background-color:#ecfdf5;border:1px solid #bbf7d0;border-radius:20px;align-items:center;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-ops-excluded{color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.btn-icon{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;transition:all .2s;display:flex}.btn-edit{color:#002142;border-color:#cbd5e1}.btn-edit:hover{color:#fff;background-color:#002142;border-color:#002142;transform:translateY(-1px)}.btn-delete{color:#ef4444;border-color:#fecaca}.btn-delete:hover{color:#b91c1c;background-color:#fef2f2;transform:translateY(-1px)}.custom-pagination-container{padding:12px 4px}.page-nav-btn:hover:not(:disabled){color:#002142!important;border-color:#002142!important}.item-card{transition:all .3s;position:relative;overflow:hidden;background:#fff!important;border:2px solid #e0e7ef!important;box-shadow:0 4px 12px #00214214!important}.item-card:before{content:"";background:#002142;width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.item-card:hover{transform:translateY(-5px);border:2px solid #002142!important;box-shadow:0 12px 32px #00214226!important}.item-card:hover:before{width:4px}.item-card h6{font-size:.95rem;font-weight:600;transition:color .3s;color:#002142!important}.item-card:hover h6{color:#002142!important}.item-card .btn-outline-dark{color:#002142;background:0 0;border:2px solid #002142;font-weight:600;transition:all .3s}.item-card .btn-outline-dark:hover{color:#fff;background:#002142;border-color:#002142;transform:translateY(-2px);box-shadow:0 4px 12px #00214240}.item-card .btn-success{background:#002142;border:none;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #00214233}.item-card .btn-success:hover{background:#001730;transform:scale(1.1);box-shadow:0 4px 12px #0021424d}.item-card .text-warning{transition:all .3s;color:#e64051!important}.item-card:hover .text-warning{filter:drop-shadow(0 2px 4px #e640514d);transform:scale(1.1)}.item-image{border:3px solid #e0e7ef;border-radius:12px;width:80px;height:80px;transition:all .3s;box-shadow:0 2px 8px #0021421a}.item-list-container{height:100%;padding-right:8px;overflow:hidden auto}.item-list-container .search-box{margin-bottom:20px;position:relative}.item-list-container .search-input{color:#0f1724;background:#fff;border:2px solid #cbd5e1;border-radius:10px 0 0 10px;padding:12px 16px;font-size:.95rem;font-weight:500;transition:all .3s;box-shadow:0 2px 6px #0000000d}.item-list-container .search-input:focus{background:#fff;border-color:#002142;outline:none;box-shadow:0 0 0 3px #0021421a}.item-list-container .search-input::placeholder{color:#94a3b8;font-style:italic}.item-list-container .search-icon{color:#fff;background:#002142;border:2px solid #002142;border-left:none;border-radius:0 10px 10px 0;justify-content:center;align-items:center;padding:12px 20px;transition:all .3s;display:flex;box-shadow:0 2px 6px #00214233}.item-list-container .search-icon i{font-size:1.2rem;transition:transform .3s}.item-list-container .input-group:hover .search-icon{background:#001730;box-shadow:0 4px 12px #0021424d}.item-list-container .input-group:hover .search-icon i{transform:scale(1.1)}.item-card{background:#fff!important;border:2px solid #e0e7ef!important;border-radius:12px!important;max-width:100%!important;padding:16px!important;transition:all .3s!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 16px #0000000f!important}.item-card:before{content:"";background:#002142;width:4px;height:100%;position:absolute;top:0;left:0}.item-card:hover{border-color:#002142!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px #00214226!important}.item-card h6{color:#002142!important;text-transform:capitalize!important;margin-bottom:6px!important;font-size:1.05rem!important;font-weight:700!important}.item-card p{color:#64748b!important;margin-bottom:0!important;font-size:.85rem!important;font-weight:500!important}.item-image{object-fit:cover;border:3px solid #e0e7ef;border-radius:12px;width:60px;height:60px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.item-card:hover .item-image{border-color:#002142;transform:scale(1.05);box-shadow:0 4px 12px #00214233}.item-card .badge{border:2px solid #0000!important;border-radius:8px!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:600!important;transition:all .3s!important}.item-card .text-bg-warning{color:#fff!important;background:#f59e0b!important;border-color:#f59e0b!important;box-shadow:0 2px 8px #f59e0b33!important}.item-card .text-bg-warning:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #f59e0b4d!important}.item-card .text-bg-info{color:#fff!important;background:#002142!important;border-color:#002142!important;box-shadow:0 2px 8px #00214233!important}.item-card .text-bg-info:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #0021424d!important}.item-card .btn-danger{color:#fff!important;background:#dc2626!important;border:2px solid #dc2626!important;border-radius:8px!important;padding:8px 16px!important;font-weight:600!important;transition:all .3s!important;box-shadow:0 2px 8px #dc262633!important}.item-card .btn-danger:hover{color:#fff!important;background:#b91c1c!important;border-color:#b91c1c!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #dc262659!important}.item-card .btn-danger i{font-size:1.1rem;transition:transform .3s}.item-card .btn-danger:hover i{transform:scale(1.15)}.item-card .btn-danger:active{transform:translateY(0)!important}.item-list-container .empty-state{text-align:center;color:#94a3b8;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;margin-top:20px;padding:40px 20px;font-size:1rem;font-style:italic}@media (max-width:768px){.item-card{border-radius:10px!important;padding:12px!important}.item-card h6{font-size:.95rem!important}.item-card p{font-size:.8rem!important}.item-image{width:50px;height:50px}.item-card .badge{padding:6px 12px!important;font-size:.75rem!important}.item-card .btn-danger{padding:6px 12px!important}.item-card .btn-danger i{font-size:1rem}}.rich-loader-container{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:2rem 1rem;display:flex}.rich-loader-wrapper{justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.rich-loader-ring{border:3px solid #002142;border-color:#002142 #002142 #0000 #0000;border-radius:50%;width:100%;height:100%;animation:1.1s linear infinite spinRing;position:absolute}.ring-inner{border-radius:50%;width:100%;height:100%}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rich-loader-badge{color:#fff;z-index:2;background:#002142;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;animation:1.8s ease-in-out infinite alternate pulseBadge;display:flex;box-shadow:0 4px 12px #0021424d}@keyframes pulseBadge{0%{transform:scale(.92);box-shadow:0 2px 8px #00214233}to{transform:scale(1.08);box-shadow:0 6px 18px #00214273}}.rich-loader-text-box{color:#334155;letter-spacing:.02em;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.rich-loader-text{color:#002142;font-weight:700}@keyframes shineText{to{background-position:200%}}.loading-dots{color:#004d99;margin-left:2px;font-weight:800;display:inline-flex}.loading-dots .dot{opacity:0;animation:1.4s infinite dotPulse}.loading-dots .dot1{animation-delay:0s}.loading-dots .dot2{animation-delay:.2s}.loading-dots .dot3{animation-delay:.4s}@keyframes dotPulse{0%,to{opacity:0}50%{opacity:1}}.rich-loader-container.small .rich-loader-wrapper{width:44px;height:44px}.rich-loader-container.small .rich-loader-badge{width:24px;height:24px;font-size:.8rem}.rich-loader-container.small .rich-loader-text-box{font-size:.8rem}.status-switch-card{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;height:44px;padding:.65rem 1rem;display:flex}.role-switch-check{cursor:pointer;width:2.5em!important;height:1.25em!important}@media (max-width:576px){.form-action-footer{flex-direction:column-reverse}.btn-form-cancel,.btn-form-submit{justify-content:center;width:100%}}.machine-category-list-container{width:100%}.machine-category-list-container .search-input-wrapper{width:280px;position:relative}.machine-category-list-container .search-input{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;padding-left:2.2rem!important;padding-right:2rem!important;font-size:.825rem!important;transition:all .2s!important}.machine-category-list-container .search-input:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd26!important}.machine-category-list-container .search-icon{color:#94a3b8!important;pointer-events:none!important;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.85rem!important;position:absolute!important;top:50%!important;left:.75rem!important;transform:translateY(-50%)!important}.machine-category-list-container .btn-search-clear{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:50%!important;right:.5rem!important;transform:translateY(-50%)!important}.category-icon-box,.category-avatar-badge{color:#fff;background:#002142;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;box-shadow:0 2px 6px #00214233}@media (max-width:576px){.machine-category-list-container .search-input-wrapper{width:100%}}@media (max-width:576px){.form-action-footer{flex-direction:column-reverse}.btn-form-cancel,.btn-form-submit{justify-content:center;width:100%}}.machine-list-container{width:100%}.machine-list-container .search-input-wrapper{width:280px;position:relative}.machine-list-container .search-input{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;padding-left:2.2rem!important;padding-right:2rem!important;font-size:.825rem!important;transition:all .2s!important}.machine-list-container .search-input:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd26!important}.machine-list-container .search-icon{color:#94a3b8!important;pointer-events:none!important;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.85rem!important;position:absolute!important;top:50%!important;left:.75rem!important;transform:translateY(-50%)!important}.machine-list-container .btn-search-clear{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:50%!important;right:.5rem!important;transform:translateY(-50%)!important}.machine-icon-box,.machine-avatar-badge{color:#fff;background:#002142;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;box-shadow:0 2px 6px #00214233}.branch-pill-badge{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.2rem .6rem;font-size:.775rem;font-weight:600}.serial-pill-badge{color:#475569;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-size:.775rem}@media (max-width:576px){.search-input-wrapper{width:100%}}.sidebar{z-index:1000;background-color:#fff;border-right:1px solid #eef4f8;flex-direction:column;flex-shrink:0;width:200px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow-x:hidden;box-shadow:2px 0 6px #0f17240a}.sidebar.collapsed{width:76px}.sidebar-header{border-bottom:1px solid #eef4f8;justify-content:space-between;align-items:center;height:55px;padding:0 1.25rem;display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.logo-container{opacity:1;white-space:nowrap;align-items:center;transition:opacity .2s,width .2s;display:flex;overflow:hidden}.sidebar.collapsed .logo-container{opacity:0;width:0}.sidebar-logo{object-fit:contain;border-radius:50%;width:42px;height:42px;box-shadow:0 2px 6px #0021421a}.hamburger-btn{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;font-size:1.5rem;transition:background-color .2s;display:flex}.hamburger-btn:hover{color:#0f1724;background-color:#f1f5f9}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.15rem;padding:.5rem 0;display:flex;overflow:hidden auto}.sidebar-heading{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;white-space:nowrap;opacity:1;padding:.5rem 1rem .15rem;font-size:.65rem;font-weight:700;transition:opacity .2s,height .2s,padding .2s}.sidebar.collapsed .sidebar-heading{opacity:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.sidebar-link{color:#334155;white-space:nowrap;border-right:3px solid #0000;align-items:center;padding:.35rem 1rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-link{justify-content:flex-start;padding:.35rem 1rem}.link-text{opacity:1;transition:opacity .2s}.sidebar.collapsed .link-text{opacity:0}.sidebar-link i{text-align:center;min-width:1.25rem;margin-right:.5rem;font-size:1rem;transition:margin .2s}.sidebar.collapsed .sidebar-link i{margin-right:.5rem}.sidebar-link:hover{color:#0f1724;background-color:#f8fafc;text-decoration:none}.sidebar-link.active{color:#002142;background-color:#f0f4f8;border-right-color:#002142}.sidebar-footer{border-top:1px solid #eef4f8;flex-direction:column;gap:.15rem;padding:.5rem 0;display:flex}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:0 0}.sidebar-menu::-webkit-scrollbar-thumb{background:0 0;border-radius:4px}.sidebar-menu:hover::-webkit-scrollbar-thumb{background:#cbd5e1}.nav-group{margin-top:.25rem}.nav-chevron{transition:transform .2s}.submenu-wrapper{grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;display:grid}.submenu-wrapper.open{grid-template-rows:1fr}.submenu{background-color:#f8fafc;border-left:2px solid #e2e8f0;border-radius:0 0 6px 6px;flex-direction:column;margin-left:1.5rem;margin-right:.5rem;display:flex;overflow:hidden}.submenu-content{flex-direction:column;padding:.25rem 0;display:flex}.submenu-link{color:#475569;border-right:none;padding:.35rem .75rem;font-size:.75rem}.submenu-link i{min-width:1rem;margin-right:.4rem;font-size:.85rem}.submenu-link:hover{color:#002142;background-color:#0000}.submenu-link.active{color:#002142;background-color:#0000;font-weight:700}.sidebar.collapsed .submenu{display:none}.sidebar-profile{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;margin:.25rem .5rem;padding:.5rem 1rem;transition:background-color .2s;display:flex}.sidebar-profile:hover{background-color:#f1f5f9}.profile-info{align-items:center;gap:.75rem;display:flex;overflow:hidden}.profile-icon{color:#64748b;font-size:1.75rem;line-height:1}.profile-details{flex-direction:column;justify-content:center;display:flex}.profile-name{color:#1e293b;font-size:.85rem;font-weight:600;line-height:1.2}.profile-role{color:#64748b;margin-top:.1rem;font-size:.7rem;font-weight:500}.profile-toggle{color:#94a3b8;font-size:.85rem}.sidebar.collapsed .sidebar-profile{justify-content:center;margin:.25rem;padding:.5rem}.sidebar.collapsed .profile-icon{margin:0}.logout-btn{color:#ef4444;border-radius:6px;margin:0 .5rem}.logout-btn:hover{color:#dc2626;background-color:#fef2f2}.logout-btn i{color:#ef4444}.sidebar.collapsed .logout-btn{justify-content:center;margin:0 .25rem}.mobile-topbar,.mobile-close-btn{display:none}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1090;background:#00214273;animation:.2s ease-out fadeIn;position:fixed;inset:0}@media (max-width:991px){.mobile-topbar{z-index:1020;background:#fff;border-bottom:1px solid #eef4f8;justify-content:space-between;align-items:center;height:58px;padding:.6rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0f17240f}.mobile-topbar-left{align-items:center;gap:.85rem;display:flex}.mobile-hamburger-btn{color:#002142;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex}.mobile-hamburger-btn svg{width:22px;height:22px;display:block}.mobile-hamburger-btn:active{background:#f1f5f9;transform:scale(.95)}.mobile-logo{object-fit:contain;border-radius:50%;width:38px;height:38px;box-shadow:0 2px 6px #0021421a}.mobile-topbar-right{align-items:center;gap:.5rem;display:flex}.mobile-user-title{color:#002142;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:.8rem;font-weight:700}.mobile-user-icon{color:#e64051;font-size:1.4rem}.sidebar{pointer-events:none;visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 25px #0021422e;z-index:1100!important;width:270px!important;max-width:80vw!important;height:100vh!important;position:fixed!important;overflow-x:hidden!important}.sidebar.mobile-open{pointer-events:auto;visibility:visible;transform:translate(0)!important}.sidebar.collapsed{width:270px!important}.sidebar.collapsed .link-text,.sidebar.collapsed .logo-container,.sidebar.collapsed .sidebar-heading{opacity:1!important;width:auto!important;height:auto!important;padding-top:initial!important}.hamburger-btn{display:none}.mobile-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}}@media (max-width:576px){.form-action-footer{flex-direction:column-reverse}.btn-form-cancel,.btn-form-submit{justify-content:center;width:100%}}.paper-category-list-container-scoped{width:100%}.paper-category-list-container-scoped .search-input-wrapper{width:280px;position:relative}.paper-category-list-container-scoped .search-input{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;padding-left:2.2rem!important;padding-right:2rem!important;font-size:.825rem!important;transition:all .2s!important}.paper-category-list-container-scoped .search-input:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd26!important}.paper-category-list-container-scoped .search-icon{color:#94a3b8!important;pointer-events:none!important;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.85rem!important;position:absolute!important;top:50%!important;left:.75rem!important;transform:translateY(-50%)!important}.paper-category-list-container-scoped .btn-search-clear{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:50%!important;right:.5rem!important;transform:translateY(-50%)!important}.paper-cat-icon-box,.paper-cat-avatar-badge{color:#fff;background:#002142;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;box-shadow:0 2px 6px #00214233}@media (max-width:576px){.paper-category-list-container-scoped .search-input-wrapper{width:100%}}@media (max-width:576px){.form-action-footer{flex-direction:column-reverse}.btn-form-cancel,.btn-form-submit{justify-content:center;width:100%}}.rich-form-control:focus{border-color:#002142;outline:none;box-shadow:0 0 0 4px #0021421f}.btn-form-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;padding:.6rem 1.35rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-form-cancel:hover{color:#0f172a;background-color:#f1f5f9}.btn-form-submit{color:#fff;cursor:pointer;background:#002142;border:none;border-radius:8px;align-items:center;padding:.65rem 1.6rem;font-size:.88rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #00214240}.btn-form-submit:hover{color:#fff;background:#001730;transform:translateY(-2px)}@media (max-width:576px){.form-action-footer{flex-direction:column-reverse}.btn-form-cancel,.btn-form-submit{justify-content:center;width:100%}}.paper-group-list-container-scoped{width:100%}.paper-group-list-container-scoped .search-input-wrapper{width:280px;position:relative}.paper-group-list-container-scoped .search-input{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;padding-left:2.2rem!important;padding-right:2rem!important;font-size:.825rem!important;transition:all .2s!important}.paper-group-list-container-scoped .search-input:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd26!important}.paper-group-list-container-scoped .search-icon{color:#94a3b8!important;pointer-events:none!important;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.85rem!important;position:absolute!important;top:50%!important;left:.75rem!important;transform:translateY(-50%)!important}.paper-group-list-container-scoped .btn-search-clear{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:50%!important;right:.5rem!important;transform:translateY(-50%)!important}.paper-grp-icon-box,.paper-grp-avatar-badge{color:#fff;background:#002142;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;box-shadow:0 2px 6px #00214233}@media (max-width:576px){.paper-group-list-container-scoped .search-input-wrapper{width:100%}}.paper-item-list-container-scoped{width:100%}.paper-item-list-container-scoped .search-input-wrapper{width:300px;position:relative}.paper-item-list-container-scoped .search-input{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;padding-left:2.2rem!important;padding-right:2rem!important;font-size:.825rem!important;transition:all .2s!important}.paper-item-list-container-scoped .search-input:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd26!important}.paper-item-list-container-scoped .search-icon{color:#94a3b8!important;pointer-events:none!important;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important;font-size:.85rem!important;position:absolute!important;top:50%!important;left:.75rem!important;transform:translateY(-50%)!important}.paper-item-list-container-scoped .btn-search-clear{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;position:absolute!important;top:50%!important;right:.5rem!important;transform:translateY(-50%)!important}.paper-item-icon-box,.paper-item-avatar-badge{color:#fff;background:#002142;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;box-shadow:0 2px 6px #00214233}.category-pill-badge{color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:.2rem .6rem;font-size:.775rem;font-weight:600}.group-pill-badge{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:.2rem .6rem;font-size:.775rem;font-weight:600}.reading-count-badge{color:#475569;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-size:.775rem}.badge-status-active{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.badge-status-inactive{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.page-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.page-nav-btn:hover:not(:disabled){color:#0d6efd;background-color:#eff6ff;border-color:#0d6efd}.page-numbers{gap:.25rem;display:flex}.page-num-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.page-num-btn:hover:not(.active){color:#0d6efd;border-color:#0d6efd}.empty-state{background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:2.5rem 1rem}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem}.btn-modal-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600}.btn-modal-delete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #dc262640}@media (max-width:576px){.paper-item-list-container-scoped .search-input-wrapper{width:100%}}.particular-form-container{background-color:#fff;border:1px solid #eef4f8;border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 16px #0f17240a}.form-header{border-bottom:1px solid #eef4f8;margin-bottom:1.5rem;padding-bottom:1rem}.form-title{color:#0f1724;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.form-subtitle{color:#64748b;margin:0;font-size:.85rem}.particular-form{flex-direction:column;gap:1.5rem;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.form-column{flex-direction:column;gap:1rem;display:flex}.form-row.split-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group label{color:#334155;justify-content:space-between;font-size:.8rem;font-weight:600;display:flex}.required{color:#ef4444}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon i{color:#94a3b8;pointer-events:none;font-size:.9rem;position:absolute;left:.75rem}.input-with-icon input,.input-with-icon select{color:#1e293b;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.6rem .75rem .6rem 2.2rem;font-family:inherit;font-size:.85rem;transition:all .2s}.input-with-icon input:focus,.input-with-icon select:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-with-icon input:disabled{cursor:not-allowed;color:#64748b;background-color:#e2e8f0}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem!important}.form-footer{border-top:1px solid #eef4f8;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:1rem;display:flex}.status-toggle{align-items:center;gap:.75rem;display:flex}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#10b981}input:focus+.slider{box-shadow:0 0 1px #10b981}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.status-label{color:#334155;font-size:.85rem;font-weight:500}.form-actions{gap:.75rem;display:flex}.btn-submit,.btn-cancel{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-submit{color:#fff;background-color:#2563eb;box-shadow:0 2px 6px #2563eb33}.btn-submit:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-cancel{color:#475569;background-color:#f1f5f9}.btn-cancel:hover{color:#1e293b;background-color:#e2e8f0}@media (max-width:900px){.form-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width:600px){.form-row.split-2{grid-template-columns:1fr}}.particular-list-container{background-color:#fff;border:1px solid #eef4f8;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0f17240a}.list-header{background-color:#f8fafc;border-bottom:1px solid #eef4f8;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.list-title{color:#0f1724;margin:0;font-size:1.1rem;font-weight:600}.list-meta{color:#64748b;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.meta-badge{color:#334155;background-color:#e2e8f0;border-radius:12px;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table th,.data-table td{text-align:left;color:#334155;white-space:nowrap;border-bottom:1px solid #eef4f8;padding:.75rem;font-size:.85rem}.data-table tbody tr.inactive-row td{color:#94a3b8}.fw-500{color:#1e293b;font-weight:500}.data-badge{border-radius:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-blue{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.badge-purple{color:#9333ea;background-color:#faf5ff;border:1px solid #e9d5ff}.badge-gray{color:#475569;background-color:#f1f5f9;border:1px solid #cbd5e1}.text-muted{color:#94a3b8}.status-btn{cursor:pointer;border:1px solid #0000;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.status-btn.active{color:#10b981;background-color:#ecfdf5;border-color:#a7f3d0}.status-btn.active:hover{background-color:#d1fae5;border-color:#34d399}.status-btn.inactive{color:#ef4444;background-color:#fef2f2;border-color:#fecaca}.status-btn.inactive:hover{background-color:#fee2e2;border-color:#f87171}.actions-col{width:100px;text-align:right!important}.action-buttons{justify-content:flex-end;gap:.5rem;display:flex}.btn-edit:hover{background-color:#eff6ff}.btn-delete:hover{background-color:#fef2f2}.pagination{background-color:#f8fafc;border-top:1px solid #eef4f8;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.page-info{color:#64748b;font-size:.85rem}.page-btn{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.page-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc}.loading-state,.empty-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:30px;height:30px;margin-bottom:1rem;animation:1s linear infinite spin}.empty-state i{color:#cbd5e1;margin-bottom:1rem;font-size:3rem}.modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172480;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 10px 25px #0000001a}.modal-header{border-bottom:1px solid #eef4f8;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.modal-header.warning{color:#ef4444}.modal-header h4{margin:0;font-size:1.1rem;font-weight:600}.modal-body{color:#334155;padding:1.5rem;font-size:.9rem}.modal-body p{margin:0 0 .5rem}.modal-warning-text{color:#ef4444;font-size:.85rem;font-weight:500}.modal-actions{background-color:#f8fafc;border-top:1px solid #eef4f8;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-modal-cancel,.btn-modal-delete{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background-color .2s}.btn-modal-cancel{color:#475569;background-color:#fff;border:1px solid #cbd5e1}.btn-modal-cancel:hover{background-color:#f1f5f9}.btn-modal-delete{color:#fff;background-color:#ef4444}.btn-modal-delete:hover{background-color:#dc2626}.page-nav-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc}.page-num-btn{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .2s;display:flex}@media (max-width:768px){.particular-list-container{border-radius:8px}.list-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.list-title{font-size:1rem}.data-table th,.data-table td{padding:.5rem;font-size:.75rem}.data-table th{font-size:.65rem}.actions-col{width:80px}.btn-icon{width:28px;height:28px}.status-btn{padding:.2rem .5rem;font-size:.7rem}.data-badge{padding:.2rem .4rem;font-size:.7rem}.pagination{flex-direction:column;gap:.75rem;padding:.75rem 1rem}.page-btn{justify-content:center;width:100%}.modal-content{max-width:90%;margin:0 1rem}}@media (max-width:480px){.list-header{padding:.75rem}.data-table th,.data-table td{padding:.4rem;font-size:.7rem}.data-table th{letter-spacing:.03em;font-size:.6rem}.actions-col{width:70px}.btn-icon{width:26px;height:26px}.status-btn{padding:.15rem .4rem;font-size:.65rem}.data-badge{padding:.15rem .35rem;font-size:.65rem}.meta-badge{padding:.1rem .5rem;font-size:.75rem}.modal-content{max-width:95%}.modal-header,.modal-body,.modal-actions{padding:1rem}.modal-header h4{font-size:1rem}.modal-body{font-size:.85rem}}.payment-summary-container{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border:2px solid #e0e7ef;border-radius:12px;flex-direction:column;height:100%;padding:16px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00214214}.payment-summary-header{border-bottom:2px solid #e0e7ef;flex-shrink:0;margin-bottom:12px;padding-bottom:8px}.payment-summary-header h5{color:#002142;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:700}.payment-summary-details{flex-direction:column;flex:1;gap:8px;display:flex;overflow:hidden}.summary-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;min-height:28px;padding:6px 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row-tax{align-items:center}.tax-control-wrapper{flex:1;align-items:center;gap:6px;display:flex}.tax-input{text-align:center;margin:0;border:2px solid #cbd5e1!important;border-radius:4px!important;width:60px!important;padding:4px 6px!important;font-size:.75rem!important;font-weight:600!important}.tax-input:focus{border-color:#e64051!important;outline:none!important;box-shadow:0 0 0 2px #e640511a!important}.tax-percent-symbol{color:#64748b;margin-left:2px;font-size:.7rem;font-weight:500}.summary-row-total{border-top:2px solid #e0e7ef;border-bottom:none;margin-top:4px;padding-top:10px;padding-bottom:0}.summary-label{color:#64748b;text-align:left;flex:1;font-size:.75rem;font-weight:500}.summary-label-total{color:#002142;text-align:left;flex:1;font-size:.85rem;font-weight:700}.summary-value{color:#002142;text-align:right;white-space:nowrap;min-width:70px;font-size:.7rem;font-weight:600}.summary-value-total{color:#e64051;text-align:right;white-space:nowrap;min-width:70px;font-size:.95rem;font-weight:800}.summary-row-gst-type{align-items:center}.gst-radio-group{align-items:center;gap:12px;display:flex}.gst-radio-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.gst-radio-input{cursor:pointer;accent-color:#e64051;width:14px;height:14px;margin:0}.gst-radio-text{color:#002142;font-size:.7rem;font-weight:500}.payment-summary-container::-webkit-scrollbar{width:6px}.payment-summary-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.payment-summary-container::-webkit-scrollbar-thumb{background:linear-gradient(#e64051 0%,#002142 100%);border-radius:10px}.payment-summary-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c23544 0%,#001a34 100%)}.pending-credit-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#002142bf;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.pending-credit-modal-content{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0021424d}.pending-credit-modal-header{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-bottom:2px solid #e2e8f0;border-radius:16px 16px 0 0;align-items:center;gap:16px;padding:24px 24px 20px;display:flex}.pending-credit-modal-icon{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.pending-credit-modal-header h3{color:#92400e;margin:0;font-size:1.5rem;font-weight:700}.pending-credit-modal-body{padding:24px}.pending-credit-warning-text{color:#92400e;text-align:center;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:20px;padding:12px;font-size:1.1rem;font-weight:600}.pending-credit-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px}.pending-credit-detail-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.pending-credit-detail-row:last-child{border-bottom:none}.detail-label{color:#475569;font-size:.95rem;font-weight:600}.detail-value{color:#1e293b;text-align:right;font-size:1rem;font-weight:500}.detail-value.highlight{color:#dc2626;font-size:1.1rem;font-weight:700}.detail-value.amount{font-size:1.3rem}.pending-credit-notice{color:#1e40af;background:#dbeafe;border-left:4px solid #3b82f6;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.pending-credit-notice i{color:#3b82f6;flex-shrink:0;margin-top:2px;font-size:1.2rem}.pending-credit-notice span{font-size:.95rem;line-height:1.5}.pending-credit-modal-footer{background:#f8fafc;border-top:2px solid #e2e8f0;border-radius:0 0 16px 16px;gap:12px;padding:20px 24px;display:flex}.pending-credit-btn-cancel,.pending-credit-btn-proceed{border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.pending-credit-btn-cancel{color:#fff;background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.pending-credit-btn-cancel:hover{background:linear-gradient(135deg,#475569 0%,#334155 100%);transform:translateY(-2px);box-shadow:0 4px 12px #4755694d}.pending-credit-btn-proceed{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.pending-credit-btn-proceed:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.pending-orders-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:20px;padding:20px}.pending-orders-list-title{color:#1e293b;border-bottom:2px solid #e2e8f0;margin:0 0 16px;padding-bottom:12px;font-size:1.1rem;font-weight:700}.pending-orders-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.pending-orders-table{border-collapse:collapse;background:#fff;width:100%}.pending-orders-table thead{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.pending-orders-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #cbd5e1;padding:12px 16px;font-size:.9rem;font-weight:700}.pending-orders-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.95rem}.pending-orders-table tbody tr:hover{background:#f8fafc}.pending-orders-table tbody tr:last-child td{border-bottom:none}.pending-amount-cell{color:#dc2626;font-size:1rem;font-weight:700}@media (max-width:768px){.pending-credit-modal-content{max-width:95%;margin:1rem}.pending-credit-modal-header{padding:20px}.pending-credit-modal-header h3{font-size:1.2rem}.pending-credit-modal-body{padding:20px}.pending-credit-modal-footer{flex-direction:column}.pending-credit-btn-cancel,.pending-credit-btn-proceed{width:100%}.pending-orders-table-wrapper{overflow-x:scroll}.pending-orders-table th,.pending-orders-table td{padding:10px 12px;font-size:.85rem}}.receipt-popup-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.receipt-popup{background-color:#fff;border:1px solid #000;border-radius:0;width:520px;max-width:90%;max-height:90vh;padding:24px;font-family:Courier New,Courier,monospace;overflow-y:auto;box-shadow:0 8px 24px #00000040;text-transform:uppercase!important;font-weight:700!important}.receipt-popup *,#receipt-print-area,#receipt-print-area *{font-family:Courier New,Courier,monospace;text-transform:uppercase!important;color:#000!important;font-weight:700!important}.receipt-company-header{text-align:center;margin-bottom:12px}.company-logo-name{justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.company-logo{object-fit:contain;width:65px;height:65px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-filter:contrast(250%)brightness(75%)!important}.company-name{color:#000;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1.4rem;font-weight:800}.company-address{color:#000;margin-bottom:3px;font-size:.85rem;line-height:1.3}.company-contact,.company-gstin,.customer-gstin{color:#000;margin-bottom:3px;font-size:.85rem}.pos-dashed-line{border-bottom:1.5px dashed #000;width:100%;margin:8px 0}.pos-transaction-details{margin:10px 0}.pos-transaction-row{justify-content:space-between;align-items:center;margin:4px 0;font-size:.9rem;display:flex}.pos-left{text-align:left}.pos-right{text-align:right}.pos-items-container{margin:10px 0}.pos-item-row{align-items:center;padding:4px 0;font-size:.85rem;line-height:1.3;display:flex}.pos-header-row{font-weight:800!important}.pos-col-item{text-align:left;word-break:break-word;flex:2.5;padding-right:4px}.pos-col-qty{text-align:center;flex:.8}.pos-col-rate{text-align:right;flex:1.2;padding-right:4px}.pos-col-gst{text-align:right;flex:.8;padding-right:4px}.pos-col-amt{text-align:right;flex:1.3}.pos-col-item-nongst{text-align:left;word-break:break-word;flex:3.2;padding-right:4px}.pos-summary{margin:10px 0}.pos-summary-row{justify-content:space-between;padding:4px 0;font-size:.9rem;display:flex}.pos-total-row{font-size:1.1rem;font-weight:800!important}.pos-footer{text-align:center;margin-top:10px}.pos-footer-message{letter-spacing:.5px;margin:0;font-size:.85rem}.non-gst-header{text-align:center;margin-bottom:8px}.bill-estimate-title{color:#000;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.5rem;font-weight:800}.d-flex{display:flex}.justify-content-center{justify-content:center}.gap-3{gap:15px}.mt-4{margin-top:20px}.btn{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:1rem;font-weight:700}.btn-warning{background-color:#000;border:1px solid #000;color:#fff!important}.btn-danger{background-color:#d9534f;border:1px solid #d9534f;color:#fff!important}.no-print{display:flex}@media print{@page{size:70mm auto;margin:0}html,body{width:70mm;margin:0!important;padding:0!important;overflow:hidden!important}body *{visibility:hidden}#receipt-print-area,#receipt-print-area *{visibility:visible}#receipt-print-area{box-sizing:border-box;width:70mm;max-width:70mm;margin:0;padding:1.5mm;font-family:Courier New,Courier,monospace;font-size:9px;line-height:1.2;position:fixed;top:0;left:0;overflow:hidden;text-transform:uppercase!important;color:#000!important;font-weight:700!important}#receipt-print-area *{box-sizing:border-box;text-transform:uppercase!important;color:#000!important;font-weight:700!important}.receipt-popup-overlay{background-color:#0000;width:auto;height:auto;display:block;position:static}.receipt-popup{box-shadow:none;border:0;width:70mm;max-width:70mm;max-height:none;padding:0;overflow:visible}.no-print{display:none!important}.company-logo{object-fit:contain;width:32px;height:32px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-filter:contrast(300%)brightness(60%)!important}.company-logo-name{gap:4px;margin-bottom:2px}.company-name{letter-spacing:.2px;font-size:11px}.company-address,.company-contact,.company-gstin,.customer-gstin{margin-bottom:1px;font-size:7.5px;line-height:1.1}.pos-dashed-line{border-bottom:1px dashed #000;margin:3px 0}.pos-transaction-row{margin:2px 0;font-size:8px}.pos-item-row{padding:1px 0;font-size:8px}.pos-summary-row{padding:1px 0;font-size:8.5px}.pos-total-row{font-size:10px}.bill-estimate-title{margin:0;font-size:11px}.pos-footer-message{font-size:8px}}.search-box-container{width:300px;max-width:100%;position:relative}.search-box-container .search-input{color:#334155;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #cbd5e1;border-radius:12px;padding:10px 45px 10px 16px;font-size:.95rem;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #0021420f}.search-box-container .search-input:focus{background:#fff;border-color:#e64051;outline:none;box-shadow:0 0 0 3px #e640511a,0 4px 12px #e6405126}.search-box-container .search-input:hover{border-color:#e64051;box-shadow:0 4px 12px #e640511a}.search-box-container .search-input::placeholder{color:#94a3b8;font-style:italic}.search-box-container .search-icon{color:#fff;pointer-events:none;background:linear-gradient(135deg,#e64051 0%,#c23544 100%);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 2px 6px #e6405140}.search-box-container .search-input:focus~.search-icon{background:linear-gradient(135deg,#002142 0%,#003a5c 100%);transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #0021424d}.search-box-container .search-icon i{font-size:1rem}@media (max-width:768px){.search-box-container{width:100%}}.user-form-wrapper{width:100%;padding:.25rem 0}.user-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem;box-shadow:0 8px 30px #0f172a0a}.form-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:.85rem;padding-bottom:1rem;display:flex}.form-header-badge{color:#fff;background:#002142;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex;box-shadow:0 3px 8px #00214233}.form-section-title{color:#0f172a;font-size:1.1rem;font-weight:700}.form-section-subtitle{color:#64748b;font-size:.825rem}.rich-form-group{flex-direction:column;display:flex}.rich-form-label{color:#475569;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.rich-input-icon{color:#94a3b8;z-index:4;pointer-events:none;align-items:center;font-size:.95rem;display:flex;position:absolute;left:.9rem}.rich-form-control{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.65rem 1rem .65rem 2.6rem;font-size:.88rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.rich-form-control::placeholder{color:#94a3b8;font-size:.85rem}.rich-form-control:focus{background-color:#fff;border-color:#0d6efd;outline:none;box-shadow:0 0 0 4px #0d6efd1f}.btn-password-toggle{color:#94a3b8;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:6px;padding:.35rem .55rem;font-size:.9rem;transition:all .2s;position:absolute;right:.75rem}.btn-password-toggle:hover{color:#0f172a;background-color:#f1f5f9}.role-select-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:.75rem;height:100%;padding:.9rem;transition:all .25s;display:flex;position:relative}.role-select-card:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a0d}.role-select-card.selected{background:#f0f7ff;border-color:#0d6efd;box-shadow:0 4px 14px #0d6efd26}.role-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.user-icon{color:#2563eb;background-color:#eff6ff}.manager-icon{color:#d97706;background-color:#fffbe0}.admin-icon{color:#dc2626;background-color:#fef2f2}.role-card-info{padding-right:1.25rem}.role-card-title{color:#0f172a;margin-bottom:.15rem;font-size:.88rem;font-weight:700}.role-card-desc{color:#64748b;margin-bottom:0;font-size:.75rem;line-height:1.3}.role-card-check{color:#0d6efd;opacity:0;font-size:1.1rem;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:.65rem;right:.65rem;transform:scale(.5)}.role-select-card.selected .role-card-check{opacity:1;transform:scale(1)}.form-action-footer{border-top:1px solid #eef4f8;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1.25rem;display:flex}.btn-form-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;padding:.6rem 1.35rem;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-form-cancel:hover{color:#0f172a;background-color:#f1f5f9;border-color:#94a3b8}.btn-form-submit{color:#fff;cursor:pointer;background:#002142;border:none;border-radius:8px;align-items:center;padding:.65rem 1.6rem;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #00214240}.btn-form-submit:hover{color:#fff;background:#001730;transform:translateY(-2px);box-shadow:0 6px 18px #00214259}.btn-form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:768px){.user-form-card{padding:1rem}.form-section-header{gap:.65rem}.form-header-badge{width:38px;height:38px;font-size:1.1rem}.form-section-title{font-size:1rem}.role-select-card{padding:.75rem}}@media (max-width:576px){.form-action-footer{flex-direction:column-reverse}.btn-form-cancel,.btn-form-submit{justify-content:center;width:100%}}.users-list-container{width:100%}.list-title{color:#0f172a;font-size:1.1rem;font-weight:700}.search-input{border:1px solid #cbd5e1!important;border-radius:20px!important;padding-left:2.2rem!important;padding-right:2rem!important;font-size:.825rem!important;transition:all .2s!important}.search-input:focus{border-color:#0d6efd!important;box-shadow:0 0 0 .2rem #0d6efd26!important}.search-icon{color:#94a3b8;pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.btn-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.btn-search-clear:hover{color:#64748b}.user-avatar-initials{color:#fff;letter-spacing:.5px;background:#002142;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 2px 6px #00214233}.data-badge{border-radius:6px;align-items:center;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-role-admin{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.badge-role-manager{color:#d97706;background-color:#fffbe0;border:1px solid #fde68a}.badge-role-user{color:#2563eb;background-color:#eff6ff;border:1px solid #bfdbfe}.table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;overflow-x:auto}.table-wrapper::-webkit-scrollbar{width:0;height:0;display:none}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef4f8;padding:.85rem 1rem;font-size:.85rem}.data-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;font-size:.75rem;font-weight:700}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#f8fafc}.action-buttons{align-items:center;gap:.4rem;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-edit{color:#2563eb}.btn-edit:hover{color:#1d4ed8;background-color:#eff6ff}.btn-delete{color:#dc2626}.btn-delete:hover{color:#b91c1c;background-color:#fef2f2}.custom-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.custom-modal-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:450px;overflow:hidden;box-shadow:0 20px 40px #0f172a33}.modal-header-danger{background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:.85rem;padding:1.2rem 1.5rem;display:flex}.modal-icon-badge{color:#dc2626;background-color:#fef2f2;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex;box-shadow:0 2px 6px #dc262626}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;transition:all .2s}.btn-close-modal:hover{color:#475569;background-color:#f1f5f9}.modal-body-content{padding:1.25rem 1.5rem}.modal-message-text{color:#334155;font-size:.925rem;line-height:1.5}.user-delete-preview-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1rem}.warning-notice-box{background-color:#fffbe0;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;padding:.75rem 1rem;display:flex}.modal-footer-actions{background-color:#f8fafc;border-top:1px solid #eef4f8;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-modal-cancel:hover{color:#1e293b;background-color:#f1f5f9;border-color:#94a3b8}.btn-modal-delete{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #dc262640}.btn-modal-delete:hover{color:#fff;background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-1px);box-shadow:0 6px 16px #dc262659}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif!important}html,body,#root{background-color:var(--page-bg);height:100%;color:var(--text-color)}.table-wrapper,.table-responsive,.customer-table-wrapper{-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;overflow-x:auto!important}.hide-scrollbar{-webkit-overflow-scrolling:touch;scrollbar-width:none!important;-ms-overflow-style:none!important;overflow-x:auto!important}.hide-scrollbar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.table-responsive::-webkit-scrollbar{height:6px!important}.table-wrapper::-webkit-scrollbar{height:6px!important}.customer-table-wrapper::-webkit-scrollbar{height:6px!important}.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:4px!important}.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:4px!important}.customer-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:4px!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}.rich-input-group{align-items:center!important;width:100%!important;display:flex!important;position:relative!important}.rich-input-group .rich-input-icon{color:#94a3b8!important;z-index:4!important;pointer-events:none!important;justify-content:center!important;align-items:center!important;font-size:.95rem!important;display:flex!important;position:absolute!important;top:50%!important;left:.9rem!important;transform:translateY(-50%)!important}.rich-input-group .rich-input-icon+.rich-form-control,.rich-input-group .rich-input-icon+input,.rich-input-group .rich-input-icon+select,.rich-input-group .rich-input-icon~.rich-form-control,.rich-input-group .rich-input-icon~input,.rich-input-group .rich-input-icon~select{padding-left:2.6rem!important}.ops-currency-addon{color:#475569;-webkit-user-select:none;user-select:none;background-color:#f1f5f9;border-right:1px solid #cbd5e1;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-size:.9rem;font-weight:700;display:flex}.ops-light-addon{color:#475569!important;background-color:#f1f5f9!important;border-color:#cbd5e1!important}@media (max-width:768px){.add-daily-expenses-container{padding:1rem}.daily-expenses-header{padding:16px 20px}.ops-card{padding:16px}.expense-items-grid{grid-template-columns:1fr}}.add-monthly-expenses-container{scrollbar-width:none;-ms-overflow-style:none;background:#f8fafc;min-height:calc(100vh - 4.5rem);padding:1.5rem;position:relative;overflow:hidden auto}.add-monthly-expenses-container::-webkit-scrollbar{display:none}.monthly-expenses-header{color:#fff;z-index:2;background:#002142;border:1px solid #ffffff2e;border-radius:20px;margin-bottom:1.5rem;padding:26px 36px;position:relative;box-shadow:0 12px 35px -5px #00214259,0 4px 12px #0000001a}.monthly-expenses-header h2{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 4px #00000026;margin-bottom:4px;font-size:1.75rem;font-weight:800}.monthly-expenses-header p{color:#93c5fd;font-size:.95rem;font-weight:500}.ops-amount-group{background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;align-items:stretch;transition:all .2s;display:flex;overflow:hidden}.ops-amount-group:focus-within{border-color:#002142;box-shadow:0 0 0 3px #00214226}.ops-amount-addon{color:#fff;-webkit-user-select:none;user-select:none;background-color:#002142;flex-shrink:0;justify-content:center;align-items:center;padding:0 10px;font-size:.88rem;font-weight:800;display:flex}.ops-amount-input{color:#0f172a;background:0 0;width:100%;padding:6px 10px;font-size:.9rem;font-weight:700;box-shadow:none!important;border:none!important;outline:none!important}.monthly-expenses-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.ops-monthly-item-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;transition:all .25s;overflow:hidden;box-shadow:0 4px 16px #0021420d}.ops-monthly-item-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 24px #0021421f}.ops-card-header-bar{background:#f0f4f8;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.ops-item-title{color:#002142;font-size:.98rem;font-weight:700}.status-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.status-pill.paid{color:#002142;background-color:#f0f4f8;border:1px solid #cbd5e1}.status-pill.unpaid{color:#b91c1c;background-color:#fef2f2;border:1px solid #fca5a5}.ops-card-body-content{padding:18px}@media (max-width:768px){.add-monthly-expenses-container{padding:1rem}.monthly-expenses-header{padding:20px}.monthly-expenses-grid{grid-template-columns:1fr}}.add-daily-expenses-container{scrollbar-width:none;-ms-overflow-style:none;background:#f8fafc;min-height:calc(100vh - 4.5rem);padding:1.5rem;position:relative;overflow:hidden auto}.add-daily-expenses-container::-webkit-scrollbar{display:none}.daily-expenses-header{color:#fff;z-index:2;background:#002142;border:1px solid #ffffff1a;border-radius:14px;margin-bottom:1.5rem;padding:22px 30px;position:relative;box-shadow:0 4px 20px #00214226}.daily-expenses-header h2{letter-spacing:-.01em;color:#fff;margin-bottom:4px;font-size:1.5rem;font-weight:700}.daily-expenses-header p{color:#93c5fd;font-size:.9rem;font-weight:400}.total-cash-widget{background:#ffffff1f;border:1px solid #fff3;border-radius:10px;min-width:220px;padding:10px 16px}.widget-label{color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.75rem;font-weight:600}.widget-input-group{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;display:flex;overflow:hidden}.currency-prefix{color:#475569;background-color:#f1f5f9;border-right:1px solid #cbd5e1;justify-content:center;align-items:center;padding:6px 12px;font-size:1rem;font-weight:700;display:flex}.widget-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:6px 12px;font-size:1.1rem;font-weight:700}.ops-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px 24px;box-shadow:0 2px 8px #0000000a}.ops-card-title{color:#0f172a;border-bottom:1.5px solid #f1f5f9;margin-bottom:18px;padding-bottom:10px;font-size:1.1rem;font-weight:700}.ops-subcard-title{color:#1e293b;font-size:.95rem;font-weight:700}.add-daily-expenses-container .rich-form-group{margin-bottom:0}.add-daily-expenses-container .rich-form-label{color:#334155;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.add-daily-expenses-container .rich-input-group{align-items:center;display:flex;position:relative}.add-daily-expenses-container .rich-form-control{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 13px;font-size:.92rem;font-weight:500;transition:all .15s ease-in-out}.add-daily-expenses-container .rich-form-control:focus{border-color:#002142;box-shadow:0 0 0 3px #0021421a}.custom-file-upload-box{cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.custom-file-upload-box:hover{background:#f1f5f9;border-color:#002142}.upload-text-box{flex-direction:column;display:flex}.upload-title{color:#1e293b;font-size:.88rem;font-weight:600}.upload-sub{color:#64748b;font-size:.78rem}.expense-items-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.ops-item-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.ops-item-label{color:#1e293b;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.ops-dynamic-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;transition:all .15s}.ops-dynamic-row:hover{background:#f1f5f9}.ops-inner-input{color:#0f172a;border:1px solid #cbd5e1;border-radius:6px;font-size:.88rem}.ops-inner-input:focus{border-color:#002142;box-shadow:0 0 0 3px #0021421a}.btn-trash-icon{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:.95rem;transition:all .15s}.btn-trash-icon:hover{color:#dc2626;background:#fef2f2}.btn-ops-outline{color:#002142;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.btn-ops-outline:hover{color:#fff;background:#002142;border-color:#002142}.btn-ops-primary{color:#fff!important;background-color:#002142!important;border:none!important;border-radius:12px!important;padding:12px 32px!important;font-weight:700!important;transition:all .2s ease-in-out!important;box-shadow:0 4px 14px #00214240!important}.btn-ops-primary:hover{transform:translateY(-1px);color:#fff!important;background-color:#001730!important;box-shadow:0 6px 18px #00214259!important}.bg-emerald-badge{background-color:#f1f5f9;border:1px solid #cbd5e1;font-size:.82rem;font-weight:600;color:#002142!important}.ops-diff-badge{text-align:center;border-radius:6px;width:100%;padding:6px 8px;line-height:1.2;display:block;box-shadow:0 1px 3px #00214226;color:#fff!important;background-color:#002142!important;font-size:.85rem!important;font-weight:700!important}@media (max-width:768px){.add-daily-expenses-container{padding:1rem}.daily-expenses-header{padding:16px 20px}.ops-card{padding:16px}.expense-items-grid{grid-template-columns:1fr}}.analytics-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:calc(100vh - 70px);padding:20px;position:relative;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}.analytics-header{background:linear-gradient(135deg,#002142 0%,#003a6b 100%);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0021421a;margin-bottom:10px!important;padding:8px 14px!important}.header-content{align-items:center;gap:10px;display:flex}.header-title-icon{color:#e64051;background:#e6405126;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;display:flex}.header-text h1{color:#fff;letter-spacing:.3px;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.header-subtitle{color:#94a3b8;margin:0;font-size:.725rem;font-weight:500}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.header-filter-select{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;outline:none;padding:4px 10px;font-size:.8rem;font-weight:600;transition:all .2s}.header-filter-select:hover,.header-filter-select:focus{background:#fff3;border-color:#e6405199}.header-filter-select option{color:#fff;background:#002142}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;width:100%;height:100%;padding:16px 20px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #0021420f}.metric-card:before{display:none!important}.metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0021421a}.metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:flex}.metric-card.primary .metric-icon{color:#fff;background:linear-gradient(135deg,#e64051 0%,#c23544 100%);box-shadow:0 3px 10px #e6405140}.metric-card.secondary .metric-icon{color:#fff;background:linear-gradient(135deg,#002142 0%,#003a6b 100%);box-shadow:0 3px 10px #00214240}.metric-card.success .metric-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 3px 10px #10b98140}.metric-card.warning .metric-icon{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 3px 10px #f59e0b40}.metric-content{flex:1;min-width:0}.metric-content h3{color:#64748b;text-transform:uppercase;letter-spacing:.4px;white-space:normal;word-break:break-word;margin:0 0 3px;font-size:.75rem;font-weight:700;line-height:1.2}.metric-value{color:#002142;margin:0;font-size:1.45rem;font-weight:800;line-height:1.2}.metric-label{color:#94a3b8;font-size:.8rem;font-weight:500}.charts-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px;transition:all .25s;box-shadow:0 3px 14px #0021420f}.chart-card.wide{grid-column:1/-1}.chart-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0021421a}.chart-header{border-bottom:2px solid #e2e8f0;margin-bottom:18px;padding-bottom:10px}.chart-header h3{color:#002142;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.chart-header h3 i{color:#e64051;font-size:1.15rem}.bar-chart{justify-content:space-around;align-items:flex-end;gap:12px;height:200px;padding:10px 5px 5px;display:flex}.bar-chart.employee-chart{justify-content:center;gap:20px}.bar-item{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;max-width:80px;display:flex}.bar-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:150px;display:flex;position:relative}.bar-value-above{color:#002142;text-align:center;white-space:nowrap;z-index:2;pointer-events:none;margin-bottom:4px;font-size:.75rem;font-weight:800;line-height:1}.bar{background:linear-gradient(#e64051 0%,#c23544 100%);border-radius:6px 6px 0 0;width:100%;max-width:44px;min-height:6px;max-height:calc(100% - 20px);transition:all .3s;position:relative;box-shadow:0 -3px 10px #e6405133}.bar.employee-bar{background:linear-gradient(#002142 0%,#003a6b 100%);box-shadow:0 -3px 10px #00214233}.bar:hover{background:linear-gradient(#c23544 0%,#a12a38 100%);transform:scaleY(1.03)}.bar.employee-bar:hover{background:linear-gradient(#003a6b 0%,#005094 100%)}.bar-label{color:#475569;text-transform:uppercase;text-align:center;width:100%;margin-top:4px;font-size:.725rem;font-weight:700;line-height:1.25;white-space:normal!important;word-break:break-word!important}.pie-chart-container{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;padding:8px;display:flex}.pie-chart-wrapper{flex-shrink:0}.pie-chart{border-radius:50%;width:160px;height:160px;transition:transform .3s;position:relative;box-shadow:0 6px 20px #00214226}.pie-chart:hover{transform:scale(1.03)}.pie-chart-center{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e64051;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 14px #0021421f}.pie-chart-total{text-align:center;flex-direction:column;gap:2px;display:flex}.pie-total-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.pie-total-value{color:#002142;font-size:1.05rem;font-weight:800}.pie-chart-legend{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.legend-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .2s;display:flex}.legend-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0021421a}.legend-marker{border-radius:4px;flex-shrink:0;width:14px;height:14px}.legend-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.legend-header{justify-content:space-between;align-items:center;display:flex}.legend-label{color:#002142;text-transform:uppercase;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.legend-percentage{color:#e64051;font-size:.85rem;font-weight:800}.legend-value{color:#64748b;font-size:.775rem;font-weight:600}.analytics-container .tables-grid{grid-template-columns:1fr;gap:20px;display:grid}.analytics-container .table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:100%;transition:all .25s;overflow:hidden;box-shadow:0 3px 14px #0021420f}.analytics-container .table-card:hover{box-shadow:0 6px 20px #0021421a}.analytics-container .table-header{background:linear-gradient(135deg,#002142 0%,#003a6b 100%);padding:12px 16px;position:relative}.analytics-container .table-header h3{color:#fff;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.analytics-container .table-header h3 i{color:#e64051;font-size:1.15rem}.analytics-container .table-content{padding:10px}.analytics-container .table-responsive{width:100%;overflow-x:auto}.analytics-container .data-table{border-collapse:collapse;width:100%}.analytics-container .data-table thead th{color:#002142;text-transform:uppercase;letter-spacing:.3px;text-align:center;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 16px;font-size:.8rem;font-weight:700}.analytics-container .data-table th:first-child,.analytics-container .data-table td:first-child{text-align:center;width:15%}.analytics-container .data-table th:nth-child(2),.analytics-container .data-table td:nth-child(2){text-align:center;width:45%}.analytics-container .data-table th:nth-child(3),.analytics-container .data-table td:nth-child(3){text-align:center;width:40%}.analytics-container .data-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s}.analytics-container .data-table tbody tr:hover{background-color:#f8fafc}.analytics-container .data-table tbody td{color:#334155;vertical-align:middle;text-align:center;padding:10px 16px;font-size:.825rem;font-weight:500}.analytics-container .data-table tbody td.revenue-cell{text-align:center}.rank-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:inline-flex}.rank-badge.rank-1{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.rank-badge.rank-2{background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%)}.rank-badge.rank-3{background:linear-gradient(135deg,#fb923c 0%,#f97316 100%)}.rank-badge.rank-4,.rank-badge.rank-5,.rank-badge.rank-other{background:linear-gradient(135deg,#e64051 0%,#c23544 100%)}.customer-name,.employee-name,.product-name{color:#002142;font-weight:600}.revenue-cell{color:#e64051;font-weight:700}.empty-data{text-align:center;color:#94a3b8;padding:30px 15px}.empty-data i{color:#e64051;opacity:.5;margin-bottom:8px;font-size:2.2rem;display:block}.empty-data p{margin:0;font-size:.875rem;font-weight:600}.loading-state,.error-state{text-align:center;background:#fff;border-radius:12px;padding:60px 20px;box-shadow:0 4px 16px #00214214}.loading-state i,.error-state i{color:#e64051;margin-bottom:14px;font-size:3rem;animation:2s ease-in-out infinite pulse;display:block}.loading-state p,.error-state p{color:#002142;margin:0;font-size:1.1rem;font-weight:600}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(3,1fr);gap:12px}.charts-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:1}}@media (max-width:991px){.analytics-container{padding:12px}.analytics-header{margin-bottom:14px;padding:10px 14px}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{gap:12px;padding:14px 16px}.metric-icon{width:40px;height:40px;font-size:1.15rem}.metric-content h3{font-size:.725rem}.metric-value{font-size:1.25rem}.analytics-container .data-table th:first-child,.analytics-container .data-table td:first-child{width:44px!important}.analytics-container .data-table th:nth-child(2),.analytics-container .data-table td:nth-child(2){width:calc(100% - 154px)!important}.analytics-container .data-table th:nth-child(3),.analytics-container .data-table td:nth-child(3){width:110px!important}}@media (max-width:575px){.analytics-container{padding:8px 6px!important}.analytics-header{margin-bottom:8px!important;padding:6px 10px!important}.header-text h1{font-size:.9rem!important}.header-subtitle{font-size:.65rem!important}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.metric-card{gap:10px;padding:12px 14px}.metric-icon{width:36px;height:36px;font-size:1rem}.metric-content h3{font-size:.65rem}.metric-value{font-size:1.1rem}.chart-card{padding:12px}.pie-chart-container{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;padding:4px 0!important}.pie-chart-wrapper{flex-shrink:0!important}.pie-chart{width:115px!important;height:115px!important}.pie-chart-center{border-width:2px!important;width:65px!important;height:65px!important}.pie-total-label{font-size:.625rem!important}.pie-total-value{font-size:.8rem!important}.pie-chart-legend{flex:1!important;gap:6px!important;min-width:0!important}.legend-item{border-radius:6px!important;padding:6px 8px!important}.legend-label{font-size:.725rem!important}.legend-percentage{font-size:.75rem!important}.legend-value{font-size:.7rem!important}.rank-badge{width:20px!important;height:20px!important;font-size:.675rem!important}}.analytics-content-wrapper{min-height:300px;position:relative}.analytics-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#f8fafca6;border-radius:12px;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:absolute;inset:0}.analytics-spinner-wrapper{text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:18px 28px;display:flex;box-shadow:0 8px 24px #0021421f}.analytics-spinner{border:3px solid #f1f5f9;border-color:#e64051 #f1f5f9 #002142;border-radius:50%;width:36px;height:36px;animation:1.2s linear infinite spinLoader}.blur-content{filter:blur(3px);opacity:.5;pointer-events:none}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bill-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background-color:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.bill-modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:650px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-top-ribbon{background:#002142;width:100%;height:6px}.bill-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.icon-circle{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.bg-primary-subtle{background-color:#e0f2fe}.text-primary{color:#0284c7}.tracking-wide{letter-spacing:.5px}.btn-close-modal{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.btn-close-modal:hover{color:#0f172a;background:#e2e8f0;transform:rotate(90deg)}.bill-modal-body{max-height:calc(100vh - 60px);padding:16px 24px;overflow-y:auto}.bill-info-grid{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 16px;display:grid}.info-card{flex-direction:column;gap:2px;display:flex}.info-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;font-size:.7rem;font-weight:600}.info-value{color:#334155;font-size:.9rem}.modal-table-container{box-shadow:0 1px 2px #0000000d;border-color:#e2e8f0!important}.bill-items-table{border-collapse:collapse;width:100%}.bill-items-table th{color:#64748b;letter-spacing:.5px;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-size:.7rem;font-weight:600}.bill-items-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:.9rem}.item-row:last-child td{border-bottom:none}.item-row:hover{background-color:#fcfcfd}.qty-badge{color:#475569;background-color:#f1f5f9;border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:600}.bill-summary-section{justify-content:flex-end;display:flex}.horizontal-summary{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-around;align-items:center;width:100%;max-width:400px;padding:12px 20px;display:flex}.summary-col{flex-direction:column;align-items:center;gap:4px;display:flex}.summary-divider-vertical{background-color:#e2e8f0;width:1px;height:40px}.summary-label{text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.summary-value{font-size:1.1rem}.fade-out{animation:.3s ease-in forwards fadeOut}.scale-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleIn}.scale-out{animation:.3s cubic-bezier(.16,1,.3,1) forwards scaleOut}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.95)}}.bill-modal-body::-webkit-scrollbar{width:6px}.bill-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.bill-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}@media (max-width:576px){.bill-modal-overlay{padding:10px}.bill-modal-content{border-radius:10px;max-height:94vh}.bill-modal-header{padding:14px 16px}.bill-modal-header h5{font-size:1rem}.icon-circle{width:34px;height:34px;font-size:1.05rem}.bill-modal-body{max-height:calc(94vh - 60px);padding:12px 14px}.bill-info-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.info-label{font-size:.65rem}.info-value{font-size:.825rem}.horizontal-summary{gap:6px;max-width:100%;padding:10px 12px}.summary-col .summary-label{font-size:.675rem}.summary-col .summary-value{font-size:.95rem!important}.summary-divider-vertical{height:28px}}.create-bill-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.page-header h2{color:#002142;margin-bottom:20px;font-weight:700}.bill-card{background-color:#fff;border-top:4px solid #e11d48;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000000d}.bill-row{flex-wrap:wrap;gap:20px;margin-bottom:25px;display:flex}.bill-row.row-1{border-bottom:1px solid #eee;padding-bottom:20px}.form-group{flex-direction:column;flex:1;min-width:200px;display:flex}.customer-search-wrapper{flex-direction:column;flex:2;align-items:stretch;position:relative}.customer-search-wrapper input{flex:1;width:100%}.customer-dropdown-list li{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:10px 15px;font-size:.9rem}.customer-dropdown-list li:hover{background-color:#f8fafc}.customer-dropdown-list li.no-results:hover{background-color:#fff}.form-group label{color:#4b5563;margin-bottom:8px;font-size:.85rem;font-weight:600}.form-control,.form-select{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:.95rem;transition:all .2s}.form-control:focus,.form-select:focus{border-color:#1e3a8a;outline:none;box-shadow:0 0 0 3px #1e3a8a1a}.disabled-input{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6}.bill-number-text{color:#1e3a8a;font-weight:700}.row-3{align-items:flex-start;gap:30px;display:flex}.particulars-section{border:1px solid #e5e7eb;border-radius:8px;flex:7;overflow:hidden}.summary-section{background-color:#fafaf9;border:1px solid #e5e7eb;border-radius:8px;flex:3;padding:20px}.particulars-table{border-collapse:collapse;width:100%}.particulars-table th{color:#fff;text-align:left;letter-spacing:.5px;background-color:#0f172a;padding:12px 15px;font-size:.85rem;font-weight:600}.particulars-table td{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:15px}.particulars-table tr:last-child td{border-bottom:none}.type-select{width:100%;min-width:110px;padding:6px 10px;font-size:.85rem}.qty-control{align-items:center;gap:10px;display:flex}.qty-control button{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;transition:background-color .2s;display:flex}.qty-control button:hover{background-color:#dc2626}.qty-control span{text-align:center;min-width:20px;font-weight:600}.price-input{width:100px;padding:6px 10px}.particular-add-input{width:100%;font-size:.9rem;font-style:italic}.summary-title{color:#1e293b;letter-spacing:.5px;border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:10px;font-size:.9rem;font-weight:700}.summary-details{flex-direction:column;gap:15px;display:flex}.summary-item{color:#475569;justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.gst-row{border-bottom:1px solid #e5e7eb;margin-bottom:5px;padding-bottom:15px}.gst-input-wrapper{align-items:center;display:flex}.gst-input{text-align:center;width:60px;height:30px;margin-right:5px;padding:2px 8px}.total-pay{border-top:2px solid #e5e7eb;margin-top:10px;padding-top:15px;font-size:1.1rem}.total-pay .text-danger{font-size:1.3rem;color:#e11d48!important}.payment-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #002142;border-radius:8px;align-items:center;margin-top:20px;padding:15px 20px;display:flex}.payment-type-group{align-items:center;display:flex}.payment-select{width:150px}.credit-checkbox-group{align-items:center;display:flex}.credit-checkbox-group .form-check-input{cursor:pointer;accent-color:#e11d48;width:20px;height:20px}.payment-total-box,.payment-paid-box{color:#92400e;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:6px;align-items:center;padding:8px 15px;display:flex}.payment-total-box{justify-content:space-between;min-width:150px}.paid-input{border-color:#fcd34d;width:100px;height:32px;padding:4px 8px}.paid-input:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.bill-actions{border-top:1px solid #eee;justify-content:flex-end;padding-top:20px;display:flex}.btn-primary{background-color:#1e3a8a;border-color:#1e3a8a}.btn-primary:hover{background-color:#1e40af;border-color:#1e40af}.btn-secondary{background-color:#64748b;border-color:#64748b}.btn-secondary:hover{background-color:#475569;border-color:#475569}.credit-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1050;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.credit-modal-card{background:#fff;border-radius:24px;width:100%;max-width:440px;padding:36px 32px 32px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards modalSpringIn;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}@keyframes modalSpringIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.credit-modal-close-btn{color:#64748b;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.credit-modal-close-btn:hover{color:#0f172a;background-color:#e2e8f0;transform:rotate(90deg)}.credit-icon-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:2.2rem;display:flex}.credit-icon-badge.badge-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:2s infinite badgePulse;box-shadow:0 12px 24px -6px #ef444466}.credit-icon-badge.badge-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 12px 24px -6px #10b98166}@keyframes badgePulse{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.credit-status-pill{letter-spacing:.5px;text-transform:uppercase;border-radius:50px;align-items:center;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.pill-danger{color:#dc2626;background-color:#fef2f2;border:1px solid #fecdd3}.pill-success{color:#059669;background-color:#ecfdf5;border:1px solid #a7f3d0}.credit-modal-heading{color:#0f172a;margin-top:12px;margin-bottom:6px;font-size:1.25rem;font-weight:800}.credit-modal-subtext{color:#64748b;margin-bottom:24px;font-size:.9rem}.customer-highlight{color:#002142;font-weight:700}.credit-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex}.credit-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000000f}.credit-kpi-card.kpi-balance{background:linear-gradient(145deg,#fff5f5 0%,#fff 100%);border-color:#fecdd3}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;font-size:1.2rem;display:flex}.kpi-icon.icon-orders{color:#475569;background-color:#e2e8f0}.kpi-icon.icon-balance{color:#dc2626;background-color:#fee2e2}.kpi-info{flex-direction:column;align-items:center;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:4px;font-size:.72rem;font-weight:700}.kpi-value{color:#0f172a;letter-spacing:-.5px;font-size:1.35rem;font-weight:800}.credit-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#002142 0%,#003870 100%);border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 10px 20px -5px #00214259}.credit-btn-primary:hover{background:linear-gradient(135deg,#001730 0%,#002142 100%);transform:translateY(-2px);box-shadow:0 14px 24px -4px #00214273}.credit-btn-primary:active{transform:translateY(0)}.credit-loader-wrapper{justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex;position:relative}.credit-spinner{border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:64px;height:64px;animation:.9s linear infinite spin}.credit-loader-icon{color:#2563eb;font-size:1.5rem;position:absolute}.fade-in-content{animation:.3s ease-out forwards fadeIn}@media (max-width:991px){.create-bill-container{padding:12px!important}.bill-card{border-radius:8px!important;padding:15px!important}.bill-row{flex-direction:column!important;gap:12px!important;margin-bottom:15px!important}.bill-row.row-1{padding-bottom:15px!important}.form-group{width:100%!important;min-width:100%!important}.row-3{flex-direction:column!important;gap:20px!important}.particulars-section{-webkit-overflow-scrolling:touch!important;flex:none!important;width:100%!important;overflow-x:auto!important}.particulars-table{min-width:650px!important}.summary-section{flex:none!important;width:100%!important;padding:15px!important}.payment-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.payment-type-group{flex-wrap:wrap!important;gap:10px!important}.bill-actions{flex-direction:column!important;gap:10px!important}.bill-actions button{width:100%!important}}.today-bills-container{background-color:#f8fafc;min-height:100%;padding:1rem}.today-banner{background:linear-gradient(135deg,#002142 0%,#001229 100%);border-top:3px solid #e64051;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0021421f;margin-bottom:1rem!important;padding:.75rem 1rem!important}.today-banner h4{color:#fff;letter-spacing:1px;font-size:1.15rem}.filter-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;margin-bottom:1rem!important;padding:.5rem .85rem!important}.filter-card h6{font-size:.88rem!important}.filter-card small{font-size:.72rem!important}.filter-card input{border-radius:6px!important;padding:.35rem .6rem!important;font-size:.82rem!important}.today-bills-container .table-responsive{border:1px solid #edf2f7;border-radius:10px;width:100%;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;overflow-x:auto!important}.today-bills-container .table-responsive::-webkit-scrollbar{height:6px}.today-bills-container .table-responsive::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.today-bills-container .table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.today-bills-container .table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}.today-bills-container .bills-table{min-width:750px;margin-bottom:0}.today-bills-container .bills-table thead,.today-bills-container .bills-table th{text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #001730;padding:.75rem .85rem;font-size:.76rem;font-weight:700;color:#fff!important;box-shadow:none!important;background:#002142!important}.today-bills-container .bills-table td{vertical-align:middle;padding:.75rem .85rem;font-size:.86rem}.today-bills-container .table-row-hover:hover{background-color:#f8fafc}.modern-action-btn:hover{transform:translateY(-1px)}@keyframes premium-spin{to{transform:rotate(360deg)}}.search-input-container{max-width:380px}@media (min-width:1600px){.kpi-cards-grid{grid-template-columns:repeat(6,1fr);gap:16px}}@media (min-width:1024px) and (max-width:1599px){.kpi-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:768px) and (max-width:1023px){.today-bills-container{padding:.75rem!important}.kpi-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:.85rem!important}.kpi-card{border-radius:10px!important;gap:10px!important;padding:12px 14px!important}.kpi-icon-wrapper{border-radius:8px!important;width:36px!important;height:36px!important;font-size:1.1rem!important}.kpi-value{font-size:1.25rem!important;line-height:1.1!important}.kpi-label{font-size:.75rem!important}.filter-card{margin-bottom:.85rem!important;padding:.45rem .75rem!important}.today-bills-container .bills-table th{color:#fff!important;box-shadow:none!important;background:#002142!important;padding:.6rem .65rem!important;font-size:.72rem!important}.today-bills-container .bills-table td{padding:.6rem .65rem!important;font-size:.82rem!important}.badge{padding:3px 6px!important;font-size:.72rem!important}.modern-action-btn{width:28px!important;height:28px!important;font-size:.8rem!important}}@media (max-width:767px){.today-bills-container{padding:.5rem!important}.today-banner{margin-bottom:.65rem!important;padding:.65rem .75rem!important}.today-banner h4{font-size:.92rem!important}.today-banner p{font-size:.7rem!important}.kpi-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:.75rem!important}.kpi-card{border-radius:10px!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;padding:12px 14px!important;display:flex!important;overflow:hidden!important}.kpi-icon-wrapper{border-radius:8px!important;flex-shrink:0!important;width:34px!important;height:34px!important;font-size:1.05rem!important}.kpi-content{width:100%!important;min-width:0!important;overflow:hidden!important}.kpi-value{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:1.2rem!important;font-weight:700!important;line-height:1.1!important;overflow:hidden!important}.kpi-label{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.72rem!important;font-weight:500!important;overflow:hidden!important}.filter-card{margin-bottom:.75rem!important;padding:.4rem .6rem!important}.filter-card .flex-grow-1{width:100%!important;max-width:100%!important;margin-left:0!important}.filter-card .input-group{flex-direction:row!important;align-items:center!important;width:100%!important;display:flex!important}.filter-card .input-group-text{justify-content:center!important;align-items:center!important;padding:.35rem .6rem!important;display:flex!important}.filter-card input{padding:.35rem .6rem!important;font-size:.8rem!important}.table-responsive{border-radius:8px!important;margin-bottom:.75rem!important}.bills-table{min-width:600px!important}.today-bills-container .bills-table th{color:#fff!important;box-shadow:none!important;background:#002142!important;padding:.5rem!important;font-size:.68rem!important}.today-bills-container .bills-table td{padding:.5rem!important;font-size:.78rem!important}.badge{padding:2px 5px!important;font-size:.65rem!important}.modern-action-btn{width:26px!important;height:26px!important;font-size:.75rem!important}.custom-pagination-container{flex-direction:column!important;align-items:center!important;gap:.5rem!important;padding:.4rem!important}.custom-pagination{flex-wrap:wrap!important;justify-content:center!important}}.view-bills-container{background-color:#f8fafc;min-height:100%;padding:1rem}.machine-banner{background:linear-gradient(135deg,#002142 0%,#001229 100%);border-top:3px solid #e64051;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0021421f;margin-bottom:1rem!important;padding:.75rem 1rem!important}.machine-banner h4{color:#fff;letter-spacing:1px;font-size:1.15rem}.filter-card{background:#fff;border:1px solid #edf2f7;border-radius:10px;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s;animation:.4s ease-out slideDown;display:flex;box-shadow:0 2px 10px #00000008;margin-bottom:1rem!important;padding:.5rem .85rem!important}.filter-card:hover{box-shadow:0 4px 15px #0000000d}.filter-card h6,.filter-title{font-size:.88rem!important}.filter-card small,.filter-subtitle,.filter-card label{font-size:.72rem!important}.filter-card select,.filter-card input{border-radius:6px!important;padding:.35rem .6rem!important;font-size:.82rem!important}.filter-icon-box{width:34px!important;height:34px!important}.filter-group{align-items:center;gap:8px;display:flex}.filter-divider{background-color:#e2e8f0;width:1px;height:24px}.filter-label{color:#475569;white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:flex}.modern-select{color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;transition:all .3s}.modern-select:focus{border-color:#002142;box-shadow:0 0 0 .2rem #00214226}.table-responsive{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;border:1px solid #edf2f7;border-radius:10px;width:100%;overflow-y:visible;overflow-x:auto!important}.data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:750px;margin-bottom:0}.data-table thead,.data-table th{text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #001730;padding:.75rem .85rem;font-size:.76rem;font-weight:700;color:#fff!important;box-shadow:none!important;background:#002142!important}.data-table td{vertical-align:middle;color:#2d3748;border-bottom:1px solid #edf2f7;padding:.75rem .85rem;font-size:.86rem}.modern-action-btn{border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:.85rem;transition:all .2s ease-in-out;display:flex}.modern-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.premium-loader-container{background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;justify-content:center;align-items:center;padding:50px 0;display:flex}.premium-loader{border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;position:relative}.premium-loader:before,.premium-loader:after{content:"";box-sizing:border-box;border:4px solid #e2e8f0;border-radius:50%;animation:2s linear infinite prixClipFix;position:absolute;inset:0}.premium-loader:after{border-color:#002142;inset:6px;transform:rotate3d(90,90,0,180deg)}.loader-text{color:#64748b;letter-spacing:1px;font-size:.85rem;font-weight:600;animation:1.5s ease-in-out infinite pulseText}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.5}}.custom-pagination-container select{cursor:pointer;border-radius:6px}.page-nav-btn{color:#495057;transition:all .2s;border-radius:6px!important}.page-nav-btn:hover:not(:disabled){color:#212529;background-color:#e9ecef}.page-nav-btn:disabled{opacity:.6;cursor:not-allowed}.page-numbers .btn{border-radius:6px;transition:all .2s}.page-numbers .btn-primary{background-color:#002142;border-color:#002142}.page-numbers .btn-primary:hover{background-color:#001730;border-color:#001730}.customer-search-wrapper{width:220px;position:relative}.customer-dropdown-list{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;max-height:200px;margin:4px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.customer-dropdown-list li{cursor:pointer;color:#334155;border-bottom:1px solid #f3f4f6;padding:7px 10px;font-size:.8rem}.customer-dropdown-list li:last-child{border-bottom:none}.customer-dropdown-list li:hover{color:#0f172a;background-color:#f1f5f9}.customer-dropdown-list li.no-results{color:#64748b;cursor:default;font-style:italic}.customer-dropdown-list li.no-results:hover{color:#64748b;background-color:#fff}.customer-search-wrapper .modern-select{padding-right:28px}.kpi-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:1.25rem;display:grid}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;transition:all .25s;box-shadow:0 4px 15px #00000005;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;padding:15px 18px!important;display:flex!important}.kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.kpi-content{min-width:0;text-align:left!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;display:flex!important}.kpi-value{white-space:nowrap;color:#0f172a!important;margin:0!important;font-size:1.35rem!important;font-weight:700!important;line-height:1.15!important}.kpi-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#64748b!important;text-transform:none!important;letter-spacing:0!important;margin-top:2px!important;margin-bottom:0!important;font-size:.78rem!important;font-weight:500!important}.icon-green{color:#059669;background-color:#10b9811a}.icon-blue{color:#2563eb;background-color:#3b82f61a}.icon-purple{color:#7c3aed;background-color:#8b5cf61a}.icon-orange{color:#d97706;background-color:#f59e0b1a}.icon-cyan{color:#0891b2;background-color:#06b6d41a}.icon-red{color:#dc2626;background-color:#ef44441a}#dateFilter.modern-select{width:160px}@media (min-width:1600px){.kpi-cards-grid{grid-template-columns:repeat(6,1fr);gap:16px}}@media (min-width:1024px) and (max-width:1599px){.kpi-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:768px) and (max-width:1023px){.view-bills-container{padding:.75rem!important}.kpi-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:.85rem!important}.kpi-card{border-radius:10px!important;gap:10px!important;padding:12px 14px!important}.kpi-icon-wrapper{border-radius:8px!important;width:36px!important;height:36px!important;font-size:1.1rem!important}.kpi-value{font-size:1.25rem!important;line-height:1.1!important}.kpi-label{font-size:.75rem!important}.filter-card{margin-bottom:.85rem!important;padding:.45rem .75rem!important}.data-table th{color:#fff!important;box-shadow:none!important;background:#002142!important;padding:.6rem .65rem!important;font-size:.72rem!important}.data-table td{padding:.6rem .65rem!important;font-size:.82rem!important}.badge{padding:3px 6px!important;font-size:.72rem!important}.modern-action-btn{width:28px!important;height:28px!important;font-size:.8rem!important}}@media (max-width:767px){.view-bills-container{padding:.5rem!important}.machine-banner{margin-bottom:.65rem!important;padding:.65rem .75rem!important}.machine-banner h4{font-size:.92rem!important}.machine-banner p{font-size:.7rem!important}.kpi-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:.75rem!important}.kpi-card{border-radius:10px!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;padding:12px 14px!important;display:flex!important;overflow:hidden!important}.kpi-icon-wrapper{border-radius:8px!important;flex-shrink:0!important;width:34px!important;height:34px!important;font-size:1.05rem!important}.kpi-content{width:100%!important;min-width:0!important;overflow:hidden!important}.kpi-value{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:1.2rem!important;font-weight:700!important;line-height:1.1!important;overflow:hidden!important}.kpi-label{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.72rem!important;font-weight:500!important;overflow:hidden!important}.filter-card{margin-bottom:.75rem!important;padding:.4rem .6rem!important}.customer-search-wrapper{width:100%!important}.filter-card select,.filter-card input{padding:.35rem .6rem!important;font-size:.8rem!important}.table-responsive{border-radius:8px!important;margin-bottom:.75rem!important}.bills-table{min-width:600px!important}.data-table th{color:#fff!important;box-shadow:none!important;background:#002142!important;padding:.5rem!important;font-size:.68rem!important}.data-table td{padding:.5rem!important;font-size:.78rem!important}.badge{padding:2px 5px!important;font-size:.65rem!important}.modern-action-btn{width:26px!important;height:26px!important;font-size:.75rem!important}.custom-pagination-container{flex-direction:column!important;align-items:center!important;gap:.5rem!important;padding:.4rem!important}.custom-pagination{flex-wrap:wrap!important;justify-content:center!important}}.credit-mgmt-container{box-sizing:border-box;background-color:#f8fafc;width:100%;max-width:100%;min-height:100%;margin:0;padding:1.25rem}.credit-header-card{color:#fff;background:linear-gradient(135deg,#002142 0%,#001933 50%,#001224 100%);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.9rem 1.35rem;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 18px -4px #0f172a33}.credit-header-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#fff0 70%);border-radius:50%;width:250px;height:250px;position:absolute;top:-50%;right:-20%}.credit-header-info h2{letter-spacing:-.02em;align-items:center;margin-bottom:.2rem;font-size:1.25rem;font-weight:700;display:flex}.credit-header-info p{color:#94a3b8;margin-bottom:0;font-size:.825rem;line-height:1.3}.credit-kpi-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;margin-bottom:1rem;display:grid}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:.65rem .85rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 5px -1px #0000000a}.kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.total-bills-kpi .kpi-icon{color:#4f46e5;background-color:#e0e7ff}.total-amount-kpi .kpi-icon{color:#0284c7;background-color:#e0f2fe}.paid-amount-kpi .kpi-icon{color:#16a34a;background-color:#dcfce7}.balance-kpi .kpi-icon{color:#dc2626;background-color:#fee2e2}.kpi-details{flex-direction:column;width:100%;min-width:0;display:flex}.kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;white-space:normal;word-break:break-word;margin-bottom:.1rem;font-size:.7rem;font-weight:700;line-height:1.25}.kpi-value{color:#0f172a;white-space:nowrap;margin-bottom:0;font-size:1.15rem;font-weight:700;line-height:1.25}.kpi-subtext{color:#94a3b8;white-space:nowrap;margin-top:.1rem;font-size:.65rem}.credit-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 2px 4px #00000005}.filter-item{flex-direction:column;gap:.25rem;min-width:140px;display:flex}.filter-item.search-filter{flex-grow:1;min-width:200px}.filter-label{color:#475569;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper input{padding-right:2.2rem}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-search-btn:hover{color:#64748b}.credit-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000a}.credit-table{border-collapse:collapse;width:100%;min-width:900px}.credit-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.75rem .85rem;font-size:.775rem;font-weight:600}.credit-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.65rem .85rem;font-size:.85rem}.credit-row-hover:hover{background-color:#f8fafc}.bill-num-badge{color:#4f46e5;white-space:nowrap;background-color:#f5f3ff;border:1px solid #c7d2fe;border-radius:6px;padding:.2rem .5rem;font-size:.825rem;font-weight:700;display:inline-block}.customer-cell{flex-direction:column;display:flex}.customer-name{color:#0f172a;font-weight:600}.customer-phone{color:#64748b;font-size:.75rem}.payment-mode-pill{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border:1.5px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.payment-mode-pill.payment-upi{color:#4f46e5;background-color:#f5f3ff;border-color:#818cf8;box-shadow:0 1px 3px #6366f11f}.payment-mode-pill.payment-cash{color:#15803d;background-color:#f0fdf4;border-color:#4ade80;box-shadow:0 1px 3px #22c55e1f}.payment-mode-pill.payment-card{color:#0284c7;background-color:#f0f9ff;border-color:#38bdf8;box-shadow:0 1px 3px #0ea5e91f}.payment-mode-pill.payment-cheque{color:#b45309;background-color:#fffbeb;border-color:#fbbf24;box-shadow:0 1px 3px #f59e0b1f}.payment-mode-pill.payment-credit{color:#475569;background-color:#f8fafc;border-color:#cbd5e1}.balance-due-text{color:#dc2626}.balance-settled-text{color:#16a34a}.status-pill{letter-spacing:.03em;border-radius:20px;align-items:center;padding:.25rem .65rem;font-size:.725rem;font-weight:700;display:inline-flex}.status-credit{color:#b45309;background-color:#fef3c7;border:1px solid #fde68a}.status-paid{color:#15803d;background-color:#dcfce7;border:1px solid #bbf7d0}.action-buttons-group{white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;display:flex}.btn-action{border-radius:6px;justify-content:center;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.775rem;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.view-btn{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #0369a1;box-shadow:0 2px 6px #0284c74d,inset 0 1px #ffffff4d}.view-btn:hover{color:#fff;background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px)scale(1.03);box-shadow:0 4px 10px #0284c766}.view-btn:active{transform:translateY(0)scale(.97)}.settle-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #059669;box-shadow:0 2px 6px #10b9814d,inset 0 1px #ffffff4d}.settle-btn:hover{color:#fff;background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)scale(1.03);box-shadow:0 4px 10px #10b98166}.settle-btn:active{transform:translateY(0)scale(.97)}.print-icon-btn{color:#0f172a;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border:1px solid #64748b;box-shadow:0 2px 6px #0f172a14,inset 0 1px #fffc}.print-icon-btn:hover{color:#4f46e5;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-color:#4f46e5;transform:translateY(-1px)scale(1.03);box-shadow:0 4px 10px #4f46e533}.print-icon-btn:active{transform:translateY(0)scale(.97)}.custom-pagination-container{background-color:#fff;border-top:1px solid #eef4f8;padding:.75rem 1.25rem}.custom-pagination{align-items:center;gap:.4rem;display:flex}.page-nav-btn{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.page-nav-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.page-nav-btn:disabled{color:#e2e8f0;cursor:not-allowed;background-color:#fff;border-color:#f1f5f9}.page-numbers{gap:.35rem;margin:0 .35rem;display:flex}.page-num-btn{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.825rem;font-weight:700;transition:all .2s ease-in-out;display:flex}.page-num-btn:hover:not(.active){background-color:#f8fafc;border-color:#cbd5e1}.page-num-btn.active{color:#fff;background-color:#091e36;border-color:#091e36;box-shadow:0 3px 8px #091e3640}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settle-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:92vh;animation:.25s ease-out modalSlideUp;overflow:hidden auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header-custom{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.header-title-container{align-items:center;gap:.75rem;display:flex}.header-icon{color:#a5b4fc;font-size:1.5rem}.sub-header{color:#c7d2fe;font-size:.775rem}.btn-close-custom{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:color .15s}.btn-close-custom:hover{color:#fff}.modal-body-custom{padding:1.25rem}.settle-summary-cards{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem;display:grid}.summary-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:.6rem .5rem;display:flex}.summary-box.highlight-box{background:#fef2f2;border-color:#fecaca}.box-title{color:#64748b;text-transform:uppercase;margin-bottom:.15rem;font-size:.675rem;font-weight:600}.box-value{color:#0f172a;font-size:1rem;font-weight:700}.status-selector-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.status-btn{color:#64748b;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .4rem;font-size:.775rem;font-weight:600;transition:all .15s;display:flex}.status-btn.active-paid{color:#15803d;background-color:#f0fdf4;border-color:#22c55e}.status-btn.active-credit{color:#b45309;background-color:#fffbeb;border-color:#f59e0b}.btn-link-quick{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline}.btn-link-quick:hover{color:#3730a3}.live-calc-box{background:#f1f5f9;border-radius:8px;flex-direction:column;gap:.3rem;padding:.75rem .85rem;font-size:.8rem;display:flex}.calc-row{justify-content:space-between;align-items:center;display:flex}.modal-footer-custom{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.6rem;padding:.85rem 1.25rem;display:flex}@media (max-width:1200px){.credit-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width:768px){.credit-mgmt-container{padding:.75rem}.credit-header-card{padding:.75rem 1rem}.credit-header-info h2{font-size:1.1rem}.credit-header-info p{font-size:.775rem;line-height:1.3}.credit-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.kpi-card{gap:.6rem;padding:.55rem .7rem}.kpi-icon{width:34px;height:34px;font-size:.95rem}.kpi-label{white-space:normal;word-break:break-word;font-size:.675rem}.kpi-value{font-size:1rem}.credit-filter-card{gap:.6rem;padding:.65rem .85rem}.filter-item{min-width:100%}.custom-pagination-container{flex-direction:column;align-items:center;gap:.65rem}}@media (max-width:480px){.credit-header-card{padding:.65rem .85rem}.credit-kpi-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.kpi-card{align-items:center;gap:.45rem;padding:.55rem .6rem}.kpi-icon{width:32px;height:32px;font-size:.9rem}.kpi-label{white-space:normal;word-break:break-word;font-size:.65rem;font-weight:700;line-height:1.15}.kpi-value{font-size:.95rem}.kpi-subtext{font-size:.6rem}.settle-summary-cards,.status-selector-grid{grid-template-columns:1fr}}.customer-view-container{max-width:1400px;margin:0 auto;padding:24px}.custom-pagination-container{background-color:#0000}.premium-loader-container{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.premium-loader{border:4px solid #0000001a;border-left-color:#0d6efd;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.dashboard-wrapper{background:#f8f9fa;flex-direction:column;width:100%;min-height:100%;display:flex}.dashboard-container{color:#0f1724;background-color:#f8f9fa;width:100%;min-height:100%;padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;margin-bottom:24px;display:grid}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #acc7da;border-radius:10px;align-items:center;padding:16px 20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 6px 18px #0f17240d}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0f172412}.stat-icon{color:#e64051;background:#e6405114;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;margin-right:18px;font-size:1.8rem;display:flex}.stat-content h3,.stat-card .stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:.82rem;font-weight:700}.stat-content p,.stat-card .stat-value{margin:0;font-size:1.6rem;font-weight:800;line-height:1.2;color:#002142!important}.stat-card .stat-sub{color:#64748b;margin-top:4px;font-size:.78rem;font-weight:500}.header-section{border-bottom:2px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;display:flex}.recent-orders-title{color:#0f1724;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.recent-orders-title i{color:#e64051;font-size:1.8rem;animation:10s linear infinite rotate}.revenue-display{align-items:center;gap:20px;display:flex}.revenue-item{background:linear-gradient(135deg,#fff5f7 0%,#ffe8eb 100%);border:2px solid #ffb3be;border-radius:12px;flex-direction:column;align-items:flex-end;padding:14px 20px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #e6405126}.revenue-item:before{content:"";background:linear-gradient(#e64051 0%,#c23544 100%);width:4px;height:100%;position:absolute;top:0;left:0}.revenue-label{color:#475569;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:.8rem;font-weight:600}.revenue-value{color:#002142;text-shadow:0 2px 4px #e640511a;font-size:1.4rem;font-weight:800}.export-section{background:linear-gradient(135deg,#fff5f7 0%,#ffe8eb 100%);border:2px solid #ffb3be;border-radius:12px;margin-bottom:25px;padding:20px;transition:all .3s;box-shadow:0 4px 16px #e640511a}.export-section:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e6405126}.export-label{color:#0f1724;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.export-label i{color:#e64051;font-size:1.2rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.export-buttons{flex-wrap:wrap;gap:12px;display:flex}.export-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:2px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.export-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.export-btn:hover:before{left:100%}.export-btn i{font-size:1.2rem;transition:transform .3s}.export-btn:hover i{transform:scale(1.2)rotate(5deg)}.export-btn:active{transform:translateY(2px);box-shadow:0 2px 6px #0000001a}.pdf-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444}.pdf-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#dc2626;transform:translateY(-3px);box-shadow:0 8px 20px #ef44444d}.doc-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-color:#3b82f6}.doc-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-color:#2563eb;transform:translateY(-3px);box-shadow:0 8px 20px #3b82f64d}.csv-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981}.csv-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#059669;transform:translateY(-3px);box-shadow:0 8px 20px #10b9814d}.filter-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:2px solid #cbd5e1;border-radius:12px;margin-bottom:25px;padding:20px;box-shadow:0 4px 16px #0000000f}.filter-label{color:#0f1724;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.quick-filters{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.filter-select{color:#334155;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #cbd5e1;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 6px #0000000d}.filter-select:hover{border-color:#e64051;box-shadow:0 4px 12px #e6405126}.filter-select:focus{border-color:#e64051;outline:none;box-shadow:0 0 0 3px #e640511a}.customer-search-container{flex:1;min-width:200px;max-width:300px;position:relative}.customer-search-input{color:#334155;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #cbd5e1;border-radius:8px;width:100%;padding:10px 40px 10px 16px;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 6px #0000000d}.customer-search-input:hover{border-color:#e64051;box-shadow:0 4px 12px #e6405126}.customer-search-input:focus{border-color:#e64051;outline:none;box-shadow:0 0 0 3px #e640511a}.customer-search-clear{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.customer-search-clear:hover{color:#e64051;background:#e640511a;transform:translateY(-50%)scale(1.1)}.customer-search-clear i{font-size:1rem}.filter-btn,.apply-btn,.reset-btn{color:#334155;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000d}.filter-btn:hover,.apply-btn:hover{color:#fff;background:linear-gradient(135deg,#e64051 0%,#c23544 100%);border-color:#e64051;transform:translateY(-3px);box-shadow:0 6px 16px #e640514d}.apply-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-btn{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;box-shadow:0 2px 8px #ef444433}.reset-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#dc2626;transform:translateY(-3px);box-shadow:0 6px 16px #dc262659}.custom-date-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-input{color:#334155;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #cbd5e1;border-radius:8px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 6px #0000000d}.date-input:hover:not(:disabled){border-color:#e64051;box-shadow:0 4px 12px #e6405126}.date-input:focus{border-color:#e64051;outline:none;box-shadow:0 0 0 3px #e640511a}.date-input:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.date-separator{color:#475569;font-size:1.2rem;font-weight:700}.orders-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 4px 20px #00000014}.orders-table-container::-webkit-scrollbar{height:8px}.orders-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.orders-table-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#e64051 0%,#002142 100%);border-radius:10px}.orders-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#c23544 0%,#001a34 100%)}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px;margin-bottom:25px;display:grid}.analytics-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e0e7ef;border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f17240f}.analytics-card:before{content:"";background:linear-gradient(#e64051 0%,#c23544 100%);width:4px;height:100%;position:absolute;top:0;left:0}.analytics-card:hover{border-color:#e64051;transform:translateY(-4px);box-shadow:0 8px 24px #e6405126}.analytics-card.muted{opacity:.75}.analytics-card.muted:before{background:linear-gradient(#9ca3af 0%,#d1d5db 100%)}.analytics-title{color:#0f1724;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:16px;font-size:.95rem;font-weight:600;display:flex}.analytics-title i{color:#e64051;font-size:1.2rem}.analytics-content .row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:10px 0;display:flex}.analytics-content .row:last-child{border-bottom:none}.analytics-content .label{color:#64748b;font-size:.9rem;font-weight:500}.analytics-content .value{color:#0f1724;font-size:1rem;font-weight:700}.payment-breakdown-section{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border:1px solid #e0e7ef;border-radius:12px;margin-bottom:25px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172414}.payment-breakdown-section:before{content:"";background:linear-gradient(90deg,#e64051 0%,#002142 50%,#e64051 100%);height:4px;position:absolute;top:0;left:0;right:0}.breakdown-title{color:#002142;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin:0 0 20px;font-size:1.1rem;font-weight:700;display:flex}.breakdown-title i{color:#e64051;font-size:1.3rem}.payment-breakdown-table{border-collapse:separate;border-spacing:0;width:100%}.payment-breakdown-table th{color:#475569;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #cbd5e1;padding:14px 18px;font-size:.85rem;font-weight:700}.payment-breakdown-table th:first-child{border-top-left-radius:8px}.payment-breakdown-table th:last-child{border-top-right-radius:8px}.payment-breakdown-table tbody tr{transition:all .3s}.payment-breakdown-table tbody tr:hover{background-color:#f8fafc;transform:scale(1.01)}.payment-breakdown-table td{color:#334155;border-bottom:1px solid #e5e7eb;padding:16px 18px}.payment-breakdown-table tbody tr:last-child td{border-bottom:none}.payment-breakdown-table .amount{color:#e64051;text-align:right;font-size:1.25rem;font-weight:700}.payment-mode-badge{border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.payment-mode-badge:hover{transform:translate(4px)}.payment-mode-badge.cash{color:#002142;background:linear-gradient(135deg,#e8f4ff 0%,#d0e7ff 100%);border:1px solid #a3d0ff}.payment-mode-badge.upi{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac}.payment-mode-badge.card{color:#c23544;background:linear-gradient(135deg,#ffe8eb 0%,#ffd0d6 100%);border:1px solid #ffb3be}.orders-table{border-collapse:separate;border-spacing:0;width:100%;margin-top:20px}.orders-table th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.8px;z-index:10;background:linear-gradient(135deg,#002142 0%,#003a5c 100%);padding:16px 18px;font-size:.85rem;font-weight:700;position:sticky;top:0;box-shadow:0 2px 8px #e6405126}.orders-table th:first-child{border-top-left-radius:10px}.orders-table th:last-child{border-top-right-radius:10px}.orders-table tbody tr{background:#fff;transition:all .3s}.orders-table tbody tr:nth-child(2n){background:#f8fafc}.orders-table tbody tr:hover{background:linear-gradient(90deg,#fff5f7 0%,#ffe8eb 100%);transform:scale(1.005);box-shadow:0 4px 12px #e640511a}.orders-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px 18px;font-size:.95rem}.orders-table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.orders-table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.no-data{text-align:center;color:#94a3b8;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);font-size:1.05rem;font-style:italic;padding:60px 20px!important}.orders-table .payment-method{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-block}.orders-table .payment-method.cash{color:#002142;background:linear-gradient(135deg,#e8f4ff 0%,#d0e7ff 100%);border:1px solid #a3d0ff}.orders-table .payment-method.upi{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:1px solid #86efac}.orders-table .payment-method.card{color:#c23544;background:linear-gradient(135deg,#ffe8eb 0%,#ffd0d6 100%);border:1px solid #ffb3be}.orders-table .payment-method:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.status-badge.completed,.status-badge.success,.status-badge.paid{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border:1px solid #6ee7b7}.status-badge.completed:before,.status-badge.success:before,.status-badge.paid:before{background-color:#10b981}.status-badge.credit{color:#854d0e;background:linear-gradient(135deg,#fef08a 0%,#fde047 100%);border:1px solid #eab308}.status-badge.credit:before{background-color:#ca8a04}.status-badge.pending,.status-badge.processing{color:#9a3412;background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);border:1px solid #fb923c}.status-badge.pending:before,.status-badge.processing:before{background-color:#f97316}.status-badge.failed,.status-badge.cancelled{color:#991b1b;background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);border:1px solid #f87171}.status-badge.failed:before,.status-badge.cancelled:before{background-color:#ef4444}.status-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.print-invoice-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e64051 0%,#c23544 100%);border:2px solid #e64051;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #e6405133}.print-invoice-btn i{font-size:1.1rem;transition:transform .3s}.print-invoice-btn:hover{background:linear-gradient(135deg,#c23544 0%,#a12a38 100%);border-color:#c23544;transform:translateY(-2px);box-shadow:0 4px 16px #e6405159}.print-invoice-btn:hover i{animation:.5s ease-in-out printer-pulse;transform:scale(1.15)}.print-invoice-btn:active{transform:translateY(0);box-shadow:0 2px 8px #e6405133}@keyframes printer-pulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.3)}}.loading,.error,.dashboard-loading,.dashboard-error{color:#0f1724;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.pagination-container{justify-content:center;align-items:center;gap:12px;margin-top:30px;padding:20px 0;display:flex}.pagination-btn{color:#475569;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000d}.pagination-btn:active:not(:disabled){transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.page-number:hover{background:linear-gradient(135deg,#fff5f7 0%,#ffe8eb 100%);border-color:#e64051;transform:translateY(-2px);box-shadow:0 4px 12px #e6405133}@media (max-width:768px){.dashboard-container{padding:15px}.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{text-align:left;flex-direction:row;padding:20px}.stat-icon{width:50px;height:50px;margin-bottom:0;margin-right:15px;font-size:1.5rem}.recent-orders-card{border-radius:12px;padding:20px}.recent-orders-title{font-size:1.2rem}.recent-orders-title i{font-size:1.4rem}.header-section{flex-direction:column;align-items:flex-start;gap:15px;padding-bottom:15px}.revenue-display{flex-flow:wrap;gap:12px;width:100%}.revenue-item{flex:1;align-items:center;min-width:140px;padding:12px 16px}.revenue-label{font-size:.75rem}.revenue-value{font-size:1.2rem}.export-section{padding:15px}.export-label{margin-bottom:12px;font-size:.95rem}.export-buttons{flex-direction:column;gap:10px}.export-btn{justify-content:center;width:100%;padding:10px 20px}.filter-section{padding:15px}.filter-label{margin-bottom:12px;font-size:.95rem}.quick-filters{flex-direction:column;gap:10px}.filter-select{width:100%}.custom-date-filters{flex-direction:column;gap:10px;width:100%}.date-input{width:100%}.apply-btn,.reset-btn{justify-content:center;width:100%}.analytics-grid{grid-template-columns:1fr;gap:15px}.analytics-card{padding:16px}.payment-breakdown-section{padding:18px}.breakdown-title{font-size:1rem}.orders-table-container{border-radius:0;margin:0 -20px}.orders-table th,.orders-table td{padding:12px 10px;font-size:.85rem}.orders-table th{font-size:.75rem}.print-invoice-btn{padding:6px 12px;font-size:.85rem}.print-invoice-btn i{font-size:.95rem}.pagination-container{flex-wrap:wrap;gap:8px;padding:15px 0}.pagination-btn{padding:8px 14px;font-size:.85rem}.page-number{min-width:38px;padding:8px 12px;font-size:.85rem}}.loading-spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;padding:80px 20px;display:flex}.loading-spinner{border:5px solid #f0f0f0;border-top-color:#e64051;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.loading-spinner-container p{color:#666;letter-spacing:.5px;font-size:16px;font-weight:500}.employee-view-container{max-width:1440px;margin:0 auto;padding:1.5rem}.premium-loader-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.premium-loader{border:4px solid #f1f5f9;border-top-color:#002142;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@media (max-width:768px){.employee-view-container{padding:1rem}.employee-view-header{padding:18px 20px}.header-badge-title h2{font-size:1.15rem}.emp-custom-table thead th,.emp-custom-table tbody td{padding:10px 12px;font-size:.85rem}}.explore-container-new{box-sizing:border-box;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);flex-direction:column;gap:20px;height:calc(100vh - 5rem);padding:24px;display:flex;overflow-y:auto}.explore-row{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border:2px solid #e0e7ef;border-radius:16px;padding:20px;position:relative;box-shadow:0 8px 32px #00214214}.explore-row:before{content:"";background:linear-gradient(90deg,#e64051 0%,#002142 50%,#e64051 100%);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.explore-row-top{flex-shrink:0}.customer-info-grid{grid-template-columns:repeat(5,1fr);align-items:end;gap:16px;display:grid}.customer-field{flex-direction:column;gap:6px;display:flex}.customer-label{color:#002142;margin:0;font-size:.9rem;font-weight:600}.explore-row-middle{flex-direction:column;flex:1;min-height:400px;display:flex}.table-summary-container{grid-template-columns:1.5fr 1fr;gap:20px;height:100%;display:grid}.table-container{background:#fff;border:1px solid #e0e7ef;border-radius:12px;overflow-y:auto}.cart-items-table{border-collapse:collapse;width:100%}.cart-items-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#002142 0%,#003a5c 100%);position:sticky;top:0}.cart-items-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:12px;font-size:.9rem;font-weight:700}.cart-items-table td{color:#002142;border-bottom:1px solid #e0e7ef;padding:12px}.cart-items-table tbody tr:hover{background-color:#f8f9fa}.particular-name{color:#002142;font-weight:600}.quantity-controls{align-items:center;gap:8px;display:flex}.quantity-value{text-align:center;color:#002142;min-width:30px;font-weight:600}.price-input{width:100px}.total-price{color:#e64051;font-size:1rem;font-weight:700}.empty-cart-message{text-align:center;color:#64748b;padding:40px 20px;font-style:italic}.particular-input{text-align:center;width:100%}.particular-input::placeholder{color:#94a3b8;font-style:italic}.add-row-cell{text-align:center;background-color:#f8f9fa;padding:16px!important}.add-row-btn{align-items:center;gap:6px;font-weight:600;display:inline-flex}.add-row-message{color:#64748b;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-style:italic;display:flex}.add-row-message i{color:#3b82f6}.summary-container{flex-direction:column;height:100%;display:flex;overflow:hidden}.explore-row-bottom{flex-shrink:0;padding:16px 20px}.payment-controls-container{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.payment-method-wrapper{flex:1;min-width:200px}.payment-label{color:#002142;margin-bottom:8px;font-size:.95rem;font-weight:600;display:block}.payment-dropdown{width:100%}.credit-checkbox-wrapper{align-items:center;display:flex}.credit-checkbox-label{cursor:pointer;color:#002142;align-items:center;gap:8px;font-weight:500;display:flex}.credit-checkbox{cursor:pointer;width:18px;height:18px}.credit-label-text{-webkit-user-select:none;user-select:none}.credit-details-wrapper{flex:1;min-width:300px}.credit-details-box{background:#f8f9fa;border:2px solid #e0e7ef;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.credit-detail-row{justify-content:space-between;align-items:center;display:flex}.credit-detail-row label{color:#002142;font-size:.9rem;font-weight:600}.credit-amount-input{width:150px}.credit-amount-value,.credit-balance-value{color:#e64051;font-size:1.1rem;font-weight:700}.place-order-wrapper{flex-shrink:0}.place-order-btn{text-transform:uppercase;letter-spacing:.5px;min-width:150px;padding:12px 24px;font-size:1.1rem;font-weight:700}.table-container::-webkit-scrollbar{width:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(#e64051 0%,#002142 100%);border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#c23544 0%,#001a34 100%)}.explore-qr-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#002142cc;justify-content:center;align-items:center;padding:10px;animation:.3s exploreQRFadeIn;display:flex;z-index:10000!important;position:fixed!important;inset:0!important}@keyframes exploreQRFadeIn{0%{opacity:0}to{opacity:1}}.explore-qr-modal-content{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e64051;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:95vh;animation:.4s cubic-bezier(.16,1,.3,1) exploreQRSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0021424d}@keyframes exploreQRSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.explore-qr-modal-header{background:linear-gradient(135deg,#002142 0%,#004080 100%);border-bottom:2px solid #e2e8f0;border-radius:14px 14px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.explore-qr-modal-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:800;display:flex}.explore-qr-modal-header h3 i{color:#e64051;font-size:1.1rem}.explore-qr-close-btn{color:#fff;cursor:pointer;background:#e6405133;border:2px solid #e64051;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .3s;display:flex}.explore-qr-close-btn:hover{background:#e64051;transform:rotate(90deg)scale(1.1)}.explore-qr-modal-body{flex-direction:column;flex:1;padding:12px;display:flex;overflow-y:auto}.qr-amount-display{text-align:center;background:linear-gradient(135deg,#002142 0%,#004080 100%);border-radius:8px;flex-shrink:0;margin-bottom:10px;padding:8px 12px;box-shadow:0 4px 12px #00214233}.qr-amount-label{color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.65rem;font-weight:600;display:block}.qr-amount-value{color:#e64051;font-size:1.4rem;font-weight:800;display:block}.qr-code-display{background:#fff;border:2px solid #e64051;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;padding:10px;display:flex;box-shadow:0 4px 16px #0021421f}.qr-code-display img{border-radius:6px;width:100%;max-width:180px;height:auto}.qr-instruction{text-align:center;color:#64748b;background:linear-gradient(135deg,#e6f2ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin:6px 0;padding:6px 10px;font-size:.7rem;font-weight:600;display:flex}.qr-instruction i{color:#3b82f6;font-size:.9rem}.qr-action-buttons{flex-direction:column;flex-shrink:0;gap:8px;margin-top:8px;display:flex}.btn-qr-proceed,.btn-qr-cancel{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.btn-qr-proceed{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 6px 20px #10b9814d}.btn-qr-proceed:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #10b98166}.btn-qr-cancel{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 6px 20px #ef44444d}.btn-qr-cancel:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ef444466}.explore-receipt-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;overflow-y:auto;z-index:10001!important;position:fixed!important;inset:0!important}@media (max-width:1200px){.customer-info-grid{grid-template-columns:repeat(3,1fr)}.table-summary-container{grid-template-columns:1fr}}@media (max-width:768px){.explore-container-new{height:auto;min-height:calc(100vh - 5rem);padding:16px}.customer-info-grid{grid-template-columns:1fr;gap:12px}.table-summary-container{grid-template-columns:1fr}.payment-controls-container{flex-direction:column;align-items:stretch}.payment-method-wrapper,.credit-details-wrapper{width:100%;min-width:unset}}.customer-suggestions{z-index:1000;background:#fff;border:2px solid #e64051;border-radius:8px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #00000026}.suggestion-item{cursor:pointer;border-bottom:1px solid #e0e7ef;padding:10px 12px;transition:all .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:linear-gradient(135deg,#f8fafc 0%,#e9ecef 100%);transform:translate(4px)}.suggestion-name{color:#002142;margin-bottom:2px;font-size:.95rem;font-weight:600}.suggestion-phone{color:#64748b;font-size:.85rem}.customer-suggestions::-webkit-scrollbar{width:4px}.customer-suggestions::-webkit-scrollbar-track{background:0 0}.customer-suggestions::-webkit-scrollbar-thumb{background:#e640514d;border-radius:2px}.customer-suggestions::-webkit-scrollbar-thumb:hover{background:#e6405180}.customer-suggestions{scrollbar-width:thin;scrollbar-color:#e640514d transparent}.login-container{background:linear-gradient(135deg,#002142 0%,#004080 50%,#002142 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-animation{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.circle{background:radial-gradient(circle,#e6405126,#0000);border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.circle-1{width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.circle-2{width:300px;height:300px;animation-delay:5s;bottom:-50px;right:-50px}.circle-3{width:250px;height:250px;animation-delay:10s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{opacity:.5;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(30px,-30px)scale(1.1)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffffa;border:1px solid #e6405114;border-radius:16px;flex-direction:row;width:100%;max-width:900px;animation:.5s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000040}.login-form-side{flex-direction:column;flex:1;justify-content:center;gap:12px;max-width:450px;margin:0 auto;padding:16px 24px;display:flex}.login-image-side{background-color:#fdf6f0;flex:1;display:none;position:relative}@media (min-width:800px){.login-image-side{display:block}.login-form-side{padding-right:40px}}@media (max-height:700px){.login-container{padding:10px}.login-form-side{gap:8px;padding:16px 24px}.form-input{padding:8px 38px 8px 12px;font-size:.85rem}.login-btn{padding:10px}.brand-icon{margin-bottom:0}}.login-header{text-align:center}.brand-icon{justify-content:center;align-items:center;margin:0 auto 4px;display:flex}.brand-title{color:#002142;text-transform:uppercase;letter-spacing:.8px;font-size:1rem;font-weight:800;margin-bottom:0!important}.brand-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:1.2px;font-size:.6rem;font-weight:600;margin-bottom:0!important}.login-toggle-container{background:#e2e8f0;border-radius:8px;margin-top:2px;padding:3px;display:flex;position:relative;box-shadow:inset 0 2px 6px #0000001a}.toggle-btn{z-index:2;color:#64748b;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .3s;display:flex;position:relative}.toggle-btn i{font-size:.95rem;transition:all .3s}.toggle-btn.active{color:#fff}.toggle-slider{z-index:1;background:linear-gradient(135deg,#e64051 0%,#d32f3f 100%);border-radius:6px;width:calc(50% - 3px);height:calc(100% - 6px);transition:all .4s cubic-bezier(.68,-.55,.27,1.55);position:absolute;top:3px;left:3px;box-shadow:0 4px 15px #e6405166}.toggle-slider.right{transform:translate(calc(100% + 3px))}.login-form-container{flex-direction:column;gap:4px;animation:.5s fadeIn;display:flex}.form-header{text-align:center}.form-header h2{color:#002142;font-size:.95rem;font-weight:800;margin-bottom:0!important}.form-header p{color:#64748b;font-size:.65rem;font-weight:500;margin-bottom:0!important}.login-form{flex-direction:column;gap:6px;display:flex}.form-group{margin-bottom:0}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.4px;justify-content:space-between;align-items:center;gap:5px;margin-bottom:2px;font-size:.65rem;font-weight:700;display:flex}.input-wrapper{position:relative}.form-input{color:#002142;background:#fff;border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:6px 32px 6px 10px;font-size:.8rem;font-weight:500;transition:all .2s}.form-input:focus{border-color:#e64051;box-shadow:0 0 0 4px #e640511a}.form-input::placeholder{color:#cbd5e1;font-weight:400}.input-icon{color:#94a3b8;pointer-events:none;font-size:.9rem;transition:all .3s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.form-input:focus+.input-icon{color:#e64051}.form-options{justify-content:space-between;align-items:center;margin-top:-2px;font-size:.65rem;display:flex}.remember-me{cursor:pointer;color:#475569;align-items:center;gap:5px;font-weight:600;display:flex;margin-bottom:0!important}.remember-me input[type=checkbox]{cursor:pointer;accent-color:#e64051;width:12px;height:12px}.forgot-password{color:#e64051;font-weight:700;text-decoration:none;transition:all .3s}.forgot-password:hover{color:#d32f3f;text-decoration:underline}.login-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#e64051 0%,#d32f3f 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:.85rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 20px #e640514d}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #e6405166}.login-btn:active:not(:disabled){transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-btn i.rotating{animation:1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-text{color:#64748b;text-align:center;background:linear-gradient(135deg,#e6f2ff 0%,#dbeafe 100%);border:2px solid #bfdbfe;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin:0;padding:8px;font-size:.7rem;font-weight:600;display:flex}.info-text i{color:#3b82f6;font-size:.9rem}.security-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;z-index:1;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.security-badge i{color:#10b981;font-size:1.1rem;animation:2s infinite glow}@keyframes glow{0%,to{filter:drop-shadow(0 0 3px #10b981)}50%{filter:drop-shadow(0 0 8px #10b981)}}@media (max-width:768px){.login-card{max-width:420px;padding:12px}.brand-icon{width:44px;height:44px}.brand-title{font-size:1.2rem}.form-input{padding:8px 36px 8px 10px}}@media (max-width:480px){.login-container{padding:15px}.login-card{border-radius:12px;max-width:360px;padding:12px}.brand-icon{width:42px;height:42px;margin:0 auto 8px}.brand-title{margin-bottom:2px;font-size:1.15rem}.form-input{padding:8px 34px 8px 10px;font-size:.84rem}.form-group{margin-bottom:8px}}.branches-page{background-color:var(--bg-color,#f8f9fa);border-radius:12px;min-height:calc(100vh - 80px);padding:1.5rem}.add-branch-btn{color:#fff;background:#002142;border:none;border-radius:8px;align-items:center;gap:8px;padding:.65rem 1.35rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #00214240}.add-branch-btn:hover{color:#fff;background:#001730;transform:translateY(-2px);box-shadow:0 6px 18px #00214259}.branch-form-section,.branch-list-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 8px 30px #0000000a}.tracking-wider{letter-spacing:1.5px}@media (max-width:768px){.branches-header{flex-direction:column;align-items:flex-start;gap:1rem}.branch-form-section,.branch-list-section{padding:1rem}.manage-header-card{padding:.75rem 1rem}.btn-premium-add{justify-content:center;width:100%;padding:.5rem 1rem;font-size:.8rem}}.branch-banner{border-top:3px solid #e64051;color:#fff!important;background:linear-gradient(135deg,#002142 0%,#001229 100%)!important}@media (max-width:576px){.branch-banner{padding:1.5rem 1rem!important}.branches-page{padding:.75rem}}.category-container{box-sizing:border-box;color:#0f1724;background:#f8fafc;gap:24px;height:calc(100vh - 5rem);padding:24px;display:flex;position:relative;overflow:hidden}.category-container:before{content:"";z-index:1;background:#002142;height:4px;position:absolute;top:0;left:0;right:0}.left-column{box-sizing:border-box;background:#fff;border:2px solid #e0e7ef;border-radius:16px;flex-direction:column;flex:.7;height:100%;padding:28px;transition:all .3s;display:flex;position:relative;overflow:hidden auto;box-shadow:0 8px 32px #00000014}.left-column:before{content:"";background:#002142;width:5px;height:100%;position:absolute;top:0;left:0}.left-column:hover{border-color:#002142;transform:translateY(-2px);box-shadow:0 12px 40px #0021421f}.right-column{box-sizing:border-box;background:#fff;border:2px solid #e0e7ef;border-radius:16px;flex:.3;height:100%;padding:28px;transition:all .3s;position:relative;overflow:hidden auto;box-shadow:0 8px 32px #00000014}.right-column:before{content:"";background:#002142;width:5px;height:100%;position:absolute;top:0;left:0}.right-column:hover{border-color:#002142;transform:translateY(-2px);box-shadow:0 12px 40px #0021421f}.left-column::-webkit-scrollbar{width:8px}.right-column::-webkit-scrollbar{width:8px}.left-column::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.right-column::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.left-column::-webkit-scrollbar-thumb{background:#002142;border-radius:10px}.right-column::-webkit-scrollbar-thumb{background:#002142;border-radius:10px}.left-column::-webkit-scrollbar-thumb:hover{background:#001730}.right-column::-webkit-scrollbar-thumb:hover{background:#001730}.category-container .left-column>h3,.category-container .right-column>h3{color:#002142;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid #002142;flex-shrink:0;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:12px;padding-left:12px;font-size:1.3rem;font-weight:700;display:flex;position:relative}.category-form-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.category-form-wrapper .row{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.category-form-wrapper .form-container{min-height:0;box-shadow:none;background:0 0;border:none;flex-direction:column;flex:1;margin:0;display:flex}.category-form-wrapper .card-body{flex:1;min-height:0;padding:0;overflow:hidden auto}.category-container .left-column>h3 i,.category-container .right-column>h3 i{color:#002142;font-size:1.5rem;animation:2s ease-in-out infinite icon-pulse}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.category-container .left-column>h3:before,.category-container .right-column>h3:before{content:"";background:#002142;border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:0}@media (max-width:992px){.category-container{flex-direction:column;gap:20px;height:auto;min-height:calc(100vh - 5rem);padding:20px}.left-column,.right-column{flex:1;min-height:400px;padding:20px}.category-container .left-column>h3,.category-container .right-column>h3{margin-bottom:20px;font-size:1.1rem}}@media (max-width:768px){.category-container{gap:16px;padding:16px}.left-column,.right-column{border-radius:12px;padding:16px}.category-container .left-column>h3,.category-container .right-column>h3{margin-bottom:16px;font-size:1rem}}.customers-page{background-color:#f8fafc;min-height:calc(100vh - 4rem);padding:1.25rem}.customer-form-section,.customer-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 10px #0f172a0d}.customer-management-banner{color:#fff;background:#002142;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex;box-shadow:0 4px 14px #00214226}@media (max-width:768px){.customers-page{padding:.75rem}.manage-header-card{padding:.85rem 1rem}.header-icon-badge{width:36px;height:36px;font-size:1rem}.customer-management-banner{flex-direction:column;align-items:flex-start;padding:1rem 1.15rem}.banner-stat-badge{align-self:flex-start}.btn-premium-add{justify-content:center;width:100%}}@media (max-width:576px){.manage-header-card{flex-direction:column;align-items:stretch}}.manage-page{width:100%;max-width:1400px;margin:0 auto;padding:1.25rem}.employee-management-banner{color:#fff;background:#002142;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00214226}.employee-management-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#fff0 70%);width:300px;height:300px;position:absolute;top:-50%;right:-10%}.form-section{background:#fff;border:1px solid #eef4f8;border-radius:12px;padding:1.25rem;box-shadow:0 4px 16px #0f172a0a}@media (max-width:768px){.manage-page{padding:.75rem}.manage-header-card{padding:.75rem 1rem}.header-icon-badge{width:36px;height:36px;font-size:1.1rem}.header-text h4{font-size:1.05rem}.btn-premium-add{justify-content:center;width:100%;padding:.6rem 1rem}.employee-management-banner{flex-direction:column;align-items:flex-start;padding:1rem}.banner-stat-badge{align-self:flex-start;padding:.4rem .9rem}}@media (max-width:480px){.manage-header-card{flex-direction:column;align-items:stretch}.banner-title-text{font-size:.95rem}.banner-subtitle-text{font-size:.75rem}}.expense-item-container{color:#0f172a;scrollbar-width:none;-ms-overflow-style:none;background:#f8fafc;min-height:calc(100vh - 4.5rem);padding-bottom:2rem;font-family:inherit;position:relative;overflow:hidden auto}.expense-item-container::-webkit-scrollbar{display:none}.expense-item-banner{color:#fff;z-index:2;background:#002142;border:1px solid #ffffff2e;border-radius:20px;flex-flow:wrap;justify-content:space-between;align-items:center;gap:20px;margin:1.5rem 1.5rem 0;padding:22px 30px;display:flex;position:relative;box-shadow:0 12px 35px -5px #00214259,0 4px 12px #0000001a}.banner-content{flex-direction:row;align-items:center;gap:16px;display:flex}.banner-icon-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#6ee7b7;background:#ffffff24;border:1px solid #ffffff40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex;box-shadow:0 8px 20px #0003}.banner-text-box{flex-direction:column;display:flex}.banner-text-box h2{letter-spacing:-.02em;color:#fff;margin:0 0 2px;font-size:1.55rem;font-weight:800;line-height:1.2}.banner-text-box p{color:#a7f3d0;margin:0;font-size:.9rem;font-weight:500}.banner-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.total-items-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;white-space:nowrap;background:#ffffff29;border:1px solid #ffffff40;border-radius:12px;align-items:center;padding:10px 18px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0000001a}.expense-item-banner .btn-ops-primary,.add-item-btn{cursor:pointer;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1);color:#002142!important;background:#fff!important;border:none!important;border-radius:12px!important;align-items:center!important;gap:8px!important;padding:10px 20px!important;font-size:.92rem!important;font-weight:800!important;display:inline-flex!important;box-shadow:0 4px 15px #00000040!important}.expense-item-banner .btn-ops-primary:hover,.add-item-btn:hover{transform:translateY(-2px);color:#001730!important;background:#f8fafc!important;box-shadow:0 8px 22px #00000059!important}.expense-item-content{z-index:2;padding:1.5rem;position:relative}.ops-filter-card{background:#fff;border:1px solid #ccfbf1;border-radius:16px;padding:20px 24px;box-shadow:0 4px 20px #0d94880f}.ops-filter-label{text-transform:uppercase;letter-spacing:.05em;color:#0f766e;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.ops-input-wrapper{align-items:center;display:flex;position:relative}.ops-input-icon{color:#0d9488;pointer-events:none;font-size:1.05rem;position:absolute;left:14px}.ops-input,.ops-select{color:#0f172a;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;height:44px;font-size:.92rem;font-weight:500;transition:all .2s;padding-left:42px!important}.ops-input:focus,.ops-select:focus{background-color:#fff;border-color:#0d9488;outline:none;box-shadow:0 0 0 4px #0d94881f}.btn-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.1rem;transition:color .2s;position:absolute;right:12px}.btn-clear-search:hover{color:#0f766e}@media (max-width:768px){.expense-item-banner{flex-direction:column;align-items:flex-start;gap:16px;margin:1rem 1rem 0;padding:20px}.expense-item-content{padding:1rem}}.items-container{box-sizing:border-box;color:#0f1724;background:#f8fafc;gap:24px;height:calc(100vh - 5rem);padding:24px;display:flex;position:relative;overflow:hidden}.items-container:before{content:"";z-index:1;background:#002142;height:4px;position:absolute;top:0;left:0;right:0}.items-container .left-column{box-sizing:border-box;background:#fff;border:2px solid #e0e7ef;border-radius:16px;flex-direction:column;flex:.7;height:100%;padding:28px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014}.items-container .left-column:before{content:"";background:#002142;width:5px;height:100%;position:absolute;top:0;left:0}.items-container .left-column:hover{border-color:#002142;transform:translateY(-2px);box-shadow:0 12px 40px #0021421f}.items-container .right-column{box-sizing:border-box;background:#fff;border:2px solid #e0e7ef;border-radius:16px;flex:.3;height:100%;padding:28px;transition:all .3s;position:relative;overflow:hidden auto;box-shadow:0 8px 32px #00000014}.items-container .right-column:before{content:"";background:#002142;width:5px;height:100%;position:absolute;top:0;left:0}.items-container .right-column:hover{border-color:#002142;transform:translateY(-2px);box-shadow:0 12px 40px #0021421f}.items-container .right-column::-webkit-scrollbar{width:8px}.items-container .right-column::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.items-container .right-column::-webkit-scrollbar-thumb{background:#002142;border-radius:10px}.items-container .right-column::-webkit-scrollbar-thumb:hover{background:#001730}.items-container .left-column>h3,.items-container .right-column>h3{color:#002142;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid #002142;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:12px;padding-left:12px;font-size:1.3rem;font-weight:700;display:flex;position:relative}.items-container .left-column>h3 i,.items-container .right-column>h3 i{color:#002142;font-size:1.5rem;animation:2s ease-in-out infinite icon-pulse}.items-container .left-column>h3:before,.items-container .right-column>h3:before{content:"";background:#002142;border-radius:2px;width:4px;height:100%;position:absolute;top:0;left:0}@media (max-width:992px){.items-container{flex-direction:column;gap:20px;height:auto;min-height:calc(100vh - 5rem);padding:20px}.items-container .left-column,.items-container .right-column{flex:1;min-height:400px;padding:20px}.items-container .left-column>h3,.items-container .right-column>h3{margin-bottom:20px;font-size:1.1rem}}@media (max-width:768px){.items-container{gap:16px;padding:16px}.items-container .left-column,.items-container .right-column{border-radius:12px;padding:16px}.items-container .left-column>h3,.items-container .right-column>h3{margin-bottom:16px;font-size:1rem}}.machines-page{background-color:#f8fafc;min-height:calc(100vh - 4rem);padding:1.25rem}.machine-form-section,.machine-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 10px #0f172a0d}.machine-management-banner{color:#fff;background:#002142;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex;box-shadow:0 4px 14px #00214226}@media (max-width:768px){.machines-page{padding:.75rem}.manage-header-card{padding:.85rem 1rem}.machine-management-banner{flex-direction:column;align-items:flex-start;padding:1rem 1.15rem}.btn-premium-add{justify-content:center;width:100%}}@media (max-width:576px){.manage-header-card{flex-direction:column;align-items:stretch}}.machine-categories-page{background-color:#f8fafc;min-height:calc(100vh - 4rem);padding:1.25rem}.btn-premium-add:active{transform:translateY(0)}.category-form-section,.category-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 10px #0f172a0d}.category-management-banner{color:#fff;background:#002142;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex;box-shadow:0 4px 14px #00214226}@media (max-width:768px){.machine-categories-page{padding:.75rem}.manage-header-card{padding:.85rem 1rem}.category-management-banner{flex-direction:column;align-items:flex-start;padding:1rem 1.15rem}.btn-premium-add{justify-content:center;width:100%}}@media (max-width:576px){.manage-header-card{flex-direction:column;align-items:stretch}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}input:checked+.premium-slider{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:inset 0 2px 4px #0000001a}input:focus+.premium-slider{box-shadow:0 0 0 3px #10b98133}input:checked+.premium-slider:before{transform:translate(22px)}input:disabled+.premium-slider{opacity:.6;cursor:not-allowed}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:3px solid #0021421a;border-top-color:#002142;border-radius:50%;width:44px;height:44px;margin-bottom:16px;animation:1s ease-in-out infinite spin}.text-center{text-align:center!important}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{gap:10px;padding:10px 12px}.stat-icon{width:36px;height:36px;font-size:1.1rem}.stat-info h3{font-size:1.25rem}.stat-info span{font-size:.75rem}.control-bar{flex-direction:column;align-items:stretch;gap:12px}.search-box{width:100%}.filter-tabs{justify-content:space-between;gap:6px;width:100%;display:flex}.tab-btn{text-align:center;flex:1 1 0;min-width:0;padding:7px 4px;font-size:.82rem}}@media (max-width:768px){.manage-page-access-container{padding:12px}.security-banner{border-radius:12px;margin-bottom:12px;padding:14px 16px}.banner-top-row{gap:6px;margin-bottom:8px}.console-security-badge{padding:3px 8px;font-size:.7rem}.status-badge{padding:3px 8px;font-size:.75rem}.security-banner h1{margin-bottom:4px;font-size:1.25rem}.security-banner p{font-size:.78rem;line-height:1.35}.stats-grid{gap:10px;margin-bottom:12px;grid-template-columns:repeat(2,1fr)!important}.stat-card{border-radius:10px;gap:10px;padding:10px 12px!important}.stat-icon{border-radius:8px;width:34px!important;height:34px!important;font-size:1.05rem!important}.stat-info h3{line-height:1.1;font-size:1.2rem!important}.stat-info span{font-size:.72rem!important}.control-bar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px;padding:10px}.search-box{width:100%;min-width:0}.search-box input{padding:8px 30px 8px 36px;font-size:.85rem}.filter-tabs{box-sizing:border-box;justify-content:space-between;gap:4px;width:100%;padding:3px;display:flex}.tab-btn{text-align:center;white-space:nowrap;flex:1 1 0;min-width:0;padding:6px 2px;font-size:.78rem}.table-responsive{overflow-x:hidden}.premium-table{table-layout:fixed;width:100%!important;min-width:0!important}.premium-table th:first-child{width:44%}.premium-table th:nth-child(2),.premium-table th:nth-child(3),.premium-table th:nth-child(4){width:18.6%}.premium-table th{letter-spacing:0;text-align:center;padding:10px 4px;font-size:.72rem}.premium-table th:first-child{text-align:left;padding-left:8px}.premium-table th i{font-size:.78rem;margin-right:3px!important}.premium-table td{padding:10px 4px}.premium-table td:first-child{padding-left:8px}.page-info{gap:8px;min-width:0}.icon-box{border-radius:6px;flex-shrink:0;width:30px;height:30px;font-size:.9rem}.page-details{gap:1px;min-width:0}.page-name{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.page-id{white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 4px;font-size:.6rem;overflow:hidden}.premium-switch{width:40px;height:22px}.premium-slider:before{width:16px;height:16px;bottom:3px;left:3px}input:checked+.premium-slider:before{transform:translate(18px)}}@media (max-width:480px){.manage-page-access-container{padding:8px}.security-banner{padding:12px 14px}.security-banner h1{font-size:1.15rem}.security-banner p{font-size:.75rem}.stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.stat-card{gap:8px;padding:8px 10px!important}.stat-icon{width:30px!important;height:30px!important;font-size:.95rem!important}.stat-info h3{font-size:1.1rem!important}.stat-info span{font-size:.68rem!important}.filter-tabs{gap:2px;padding:2px}.tab-btn{padding:5px 2px;font-size:.72rem}.icon-box{display:none}.premium-table th:first-child{width:46%}.premium-table th:nth-child(2),.premium-table th:nth-child(3),.premium-table th:nth-child(4){width:18%}.premium-switch{width:36px;height:20px}.premium-slider:before{width:14px;height:14px;bottom:3px;left:3px}input:checked+.premium-slider:before{transform:translate(16px)}}.paper-page{background-color:#f8fafc;min-height:calc(100vh - 4rem);padding:1.25rem}@media (max-width:768px){.paper-page{padding:.75rem}.manage-header-card{padding:.85rem 1rem}.paper-management-banner{flex-direction:column;align-items:flex-start;padding:1rem 1.15rem}.btn-premium-add{justify-content:center;width:100%}}@media (max-width:576px){.manage-header-card{flex-direction:column;align-items:stretch}}.paper-category-page{background-color:#f8fafc;min-height:calc(100vh - 4rem);padding:1.25rem}@media (max-width:768px){.paper-category-page{padding:.75rem}.manage-header-card{padding:.85rem 1rem}.paper-management-banner{flex-direction:column;align-items:flex-start;padding:1rem 1.15rem}.btn-premium-add{justify-content:center;width:100%}}@media (max-width:576px){.manage-header-card{flex-direction:column;align-items:stretch}}.paper-group-page{background-color:#f8fafc;min-height:calc(100vh - 4rem);padding:1.25rem}.btn-premium-add{color:#fff;cursor:pointer;background:#002142;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #00214233}.paper-form-section,.paper-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;box-shadow:0 2px 10px #0f172a0d}.paper-management-banner{color:#fff;background:#002142;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.5rem;display:flex;box-shadow:0 4px 14px #00214226}.banner-content{flex-direction:column;gap:.2rem;display:flex}.banner-title{letter-spacing:.05em;color:#fff;text-transform:uppercase;margin:0;font-size:1.05rem;font-weight:800}.banner-subtitle{color:#ffffffbf;margin:0;font-size:.8rem}.banner-stat-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.03em;white-space:nowrap;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:12px;padding:.25rem .65rem;font-size:.7rem;font-weight:600}@media (max-width:768px){.paper-group-page{padding:.75rem}.manage-header-card{padding:.85rem 1rem}.paper-management-banner{flex-direction:column;align-items:flex-start;padding:1rem 1.15rem}.btn-premium-add{justify-content:center;width:100%}}@media (max-width:576px){.manage-header-card{flex-direction:column;align-items:stretch}}.manage-page{flex-direction:column;height:100%;padding:1.5rem 1rem 0;display:flex}.btn-primary{color:#fff;cursor:pointer;background-color:#002142;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #00214240}.btn-primary:hover{color:#fff;background-color:#001730;transform:translateY(-2px);box-shadow:0 6px 18px #00214259}.page-content{flex:1;gap:1.5rem;min-height:0;transition:all .3s;display:flex}.list-section{flex:1;min-width:0;transition:flex .3s}.page-content.split-view .list-section{flex:.55}.form-section{flex:.45;min-width:450px}.slide-in-right{animation:.3s cubic-bezier(.16,1,.3,1) slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (max-width:1200px){.page-content.split-view{flex-direction:column}.page-content.split-view .list-section,.form-section{flex:1;width:100%;min-width:0}}@media (max-width:768px){.manage-page{padding:1rem .75rem 0}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.page-header h4{font-size:1.25rem}.btn-primary{justify-content:center;width:100%;padding:.5rem 1rem;font-size:.85rem}.form-section{min-width:100%}.machine-banner{padding:.75rem!important}.machine-banner h5{font-size:.9rem!important}.machine-banner p{font-size:.75rem!important}}@media (max-width:480px){.manage-page{padding:.75rem .5rem 0}.page-header{margin-bottom:.75rem}.page-header h4{font-size:1.1rem}.btn-primary{padding:.45rem .85rem;font-size:.8rem}.btn-sm{padding:.35rem .7rem;font-size:.75rem}.machine-banner{padding:.5rem!important}.machine-banner h5{font-size:.8rem!important}.machine-banner p{font-size:.7rem!important}}.users-page{width:100%;max-width:1400px;margin:0 auto;padding:1.25rem}.manage-header-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.25rem;display:flex;box-shadow:0 2px 10px #0f172a0d}.header-title-box{align-items:center;gap:.85rem;display:flex}.header-icon-badge{color:#fff;background:#002142;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.25rem;display:flex;box-shadow:0 3px 8px #00214233}.header-text h4{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:1.2rem;font-weight:700}.header-text p{color:#64748b;margin:0;font-size:.825rem}.btn-premium-add{color:#fff;cursor:pointer;letter-spacing:.3px;white-space:nowrap;background:#002142;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.88rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #00214240}.btn-premium-add:hover{color:#fff;background:#001730;transform:translateY(-2px);box-shadow:0 6px 18px #00214259}.btn-premium-add:active{transform:translateY(0);box-shadow:0 2px 6px #00214233}.btn-premium-add i{font-size:1.1rem}.user-management-banner{color:#fff;background:#002142;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00214226}.user-management-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#fff0 70%);width:300px;height:300px;position:absolute;top:-50%;right:-10%}.banner-title-text{letter-spacing:.05em;text-transform:uppercase;margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.banner-subtitle-text{color:#fffc;margin-bottom:0;font-size:.825rem}.banner-stat-badge{color:#0f172a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#fffffff5;border:1px solid #ffffff80;border-radius:50px;align-items:center;gap:.6rem;padding:.5rem 1.15rem;display:inline-flex;box-shadow:0 4px 12px #0000001f}.banner-stat-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.banner-stat-value{color:#0d6efd;font-size:1.2rem;font-weight:800;line-height:1}.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) fadeIn}.user-form-section{background:#fff;border:1px solid #eef4f8;border-radius:12px;padding:1.25rem;box-shadow:0 4px 16px #0f172a0a}@media (max-width:768px){.users-page{padding:.75rem}.manage-header-card{padding:.75rem 1rem}.header-icon-badge{width:36px;height:36px;font-size:1.1rem}.header-text h4{font-size:1.05rem}.btn-premium-add{justify-content:center;width:100%;padding:.6rem 1rem}.user-management-banner{flex-direction:column;align-items:flex-start;padding:1rem}.banner-stat-badge{align-self:flex-start;padding:.4rem .9rem}}@media (max-width:480px){.manage-header-card{flex-direction:column;align-items:stretch}.banner-title-text{font-size:.95rem}.banner-subtitle-text{font-size:.75rem}}.not-found-container{text-align:center;background-color:#f8f9fa;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;overflow-y:hidden!important}.not-found-content{background:#fff;border-radius:10px;max-width:600px;padding:40px;box-shadow:0 4px 6px #0000001a}.not-found-title{color:#dc3545;margin:0;font-size:120px;font-weight:700;line-height:1}.not-found-subtitle{color:#343a40;margin:20px 0 10px;font-size:32px}.not-found-message{color:#6c757d;margin-bottom:30px;font-size:18px}.not-found-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:12px 24px;font-size:16px;transition:background-color .3s}.not-found-button:hover{background-color:#0056b3}@media (max-width:768px){.not-found-title{font-size:80px}.not-found-subtitle{font-size:24px}}.orders-history-container{box-sizing:border-box;background:#f8fafc;min-height:calc(100vh - 5rem);padding:30px;position:relative}.orders-history-container:before{content:"";z-index:1;background:#002142;height:4px;position:absolute;top:0;left:0;right:0}.orders-history-container h2{color:#002142;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:12px;margin-bottom:25px;padding-left:15px;font-size:2rem;font-weight:700;display:flex;position:relative}.orders-history-container h2:before{content:"";background:#002142;border-radius:3px;width:5px;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.orders-history-container h2 i{color:#002142;font-size:1.8rem;animation:2s ease-in-out infinite pulse}.table-responsive{background:#fff;border:1px solid #cbd5e1;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0021421a}.table-responsive:before{content:"";z-index:1;background:#002142;height:3px;position:absolute;top:0;left:0;right:0}.table{border-collapse:separate;border-spacing:0;margin:0}.table thead{background:#002142;position:relative}.table thead:after{content:"";background:#001730;height:2px;position:absolute;bottom:0;left:0;right:0}.table thead th{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none;padding:18px 15px;font-size:.85rem;font-weight:700}.table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0;transition:all .3s}.table tbody tr:hover{background:#f8fafc;transform:translate(5px);box-shadow:0 4px 12px #00214214}.table tbody tr:last-child{border-bottom:none}.table td{vertical-align:middle;color:#334155;border:none;padding:16px 15px;font-size:.95rem;font-weight:500}.table td:first-child{color:#002142;font-weight:700}.table td small{color:#64748b;font-size:.85rem}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0000001a}.badge.bg-success{color:#fff;border:2px solid #10b981;background:#10b981!important}.badge.bg-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.badge.bg-warning{border:2px solid #f59e0b;color:#fff!important;background:#f59e0b!important}.badge.bg-warning:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.pagination-container{background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:30px;padding:20px 0;display:flex;box-shadow:0 4px 15px #00214214}.pagination-btn{color:#002142;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff;border:2px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.pagination-btn:hover:not(:disabled){color:#fff;background:#002142;border-color:#002142;transform:translateY(-3px);box-shadow:0 6px 20px #00214259}.pagination-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #00214240}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;color:#94a3b8;background:#e2e8f0;border-color:#cbd5e1}.pagination-btn i{font-size:1rem;transition:transform .3s}.pagination-btn:hover:not(:disabled) i{transform:scale(1.2)}.page-numbers{align-items:center;gap:10px;display:flex}.page-number{color:#002142;cursor:pointer;text-align:center;background:#fff;border:2px solid #cbd5e1;border-radius:10px;min-width:45px;padding:10px 16px;font-size:.95rem;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0000000d}.page-number:hover{color:#fff;background:#001730;border-color:#001730;transform:translateY(-3px);box-shadow:0 6px 20px #0021424d}.page-number.active{color:#fff;background:#002142;border-color:#002142;font-weight:700;transform:scale(1.1);box-shadow:0 4px 15px #00214266}.page-number.active:hover{background:#001730;border-color:#001730}.loading-state,.empty-state{text-align:center;color:#002142;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:60px 20px;font-size:1.2rem;font-weight:600;box-shadow:0 4px 20px #0021421a}.loading-state i,.empty-state i{color:#002142;margin-bottom:15px;font-size:3rem;animation:2s ease-in-out infinite pulse;display:block}@media (max-width:1024px){.orders-history-container{padding:20px}.orders-history-container h2{font-size:1.6rem}.table thead th{padding:14px 12px;font-size:.8rem}.table td{padding:12px;font-size:.9rem}}@media (max-width:768px){.orders-history-container{padding:15px}.orders-history-container h2{gap:8px;font-size:1.4rem}.orders-history-container h2 i{font-size:1.4rem}.table-responsive{border-radius:8px;overflow-x:auto}.table td,.table th{white-space:nowrap;padding:10px 8px;font-size:.85rem}.table thead th{padding:12px 8px;font-size:.75rem}.badge{padding:4px 8px;font-size:.7rem}.pagination-container{flex-wrap:wrap;gap:8px;padding:15px 10px}.pagination-btn{gap:5px;padding:8px 14px;font-size:.8rem}.pagination-btn i{font-size:.85rem}.page-number{min-width:38px;padding:8px 12px;font-size:.85rem}}@media (max-width:480px){.orders-history-container{padding:10px}.orders-history-container h2{letter-spacing:.5px;font-size:1.2rem}.table td,.table th{padding:8px 6px;font-size:.75rem}.pagination-btn{padding:6px 10px;font-size:.75rem}.page-number{min-width:34px;padding:6px 10px;font-size:.8rem}}.daily-expense-container{scrollbar-width:none;-ms-overflow-style:none;background-color:#f8fafc;min-height:calc(100vh - 4.5rem);padding:1.5rem;position:relative;overflow:hidden auto}.kpi-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:124px;padding:22px 26px;transition:all .25s;display:flex;box-shadow:0 4px 18px #0f172a0d}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0029521f}@media (max-width:992px){.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.daily-expense-container,.fullpage-expense-view{padding:1rem}.daily-report-banner,.fullpage-view-header{padding:18px 20px}.dashboard-kpi-grid,.fp-details-grid{grid-template-columns:1fr}.search-action-group{flex-direction:column;height:auto}.btn-search-royal,.btn-reset-royal{width:100%}}.settings-container{background:#f8fafc;min-height:100vh;padding:20px;position:relative}.settings-container:before{content:"";z-index:0;background:#002142;border-radius:0 0 50px 50px;height:300px;position:absolute;top:0;left:0;right:0}.admin-management-section{background:#fff;border-radius:10px;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:2rem;display:grid;box-shadow:0 2px 10px #0000001a}.admin-form-container,.admin-list-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.admin-form-container h3,.admin-list-container h3{color:#002142;border-bottom:2px solid #e64051;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.25rem;font-weight:600}@media (max-width:768px){.admin-management-section{grid-template-columns:1fr}}.settings-header{z-index:1;margin-bottom:30px;position:relative}.header-content{text-align:center;color:#fff;padding:20px}.header-content h1{color:#fff;justify-content:center;align-items:center;gap:15px;margin-bottom:10px;font-size:2.5rem;font-weight:800;display:flex}.header-content h1 i{color:#e64051;animation:3s linear infinite rotate}.header-content p{color:#ffffffe6;font-size:1.1rem;font-weight:500}.settings-content{z-index:1;max-width:1400px;margin:0 auto;position:relative}.settings-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:15px;gap:10px;margin-bottom:30px;padding:5px;display:flex;overflow-x:auto}.tab-btn{cursor:pointer;color:#002142;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;min-width:180px;padding:18px 25px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.tab-btn i{color:#64748b;font-size:1.3rem;transition:all .3s}.tab-btn:hover{border-color:#e640514d;transform:translateY(-3px);box-shadow:0 8px 20px #00214226}.tab-btn:hover i{color:#e64051;transform:scale(1.1)}.tab-btn.active{color:#fff;background:#002142;border-color:#002142;box-shadow:0 6px 20px #0021424d}.tab-btn.active i{color:#fff;animation:2s infinite pulse}.settings-panel{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:40px;box-shadow:0 10px 40px #0021421a}.tab-content{animation:.5s fadeIn}.section-header{border-bottom:3px solid #e2e8f0;margin-bottom:30px;padding-bottom:20px;position:relative}.section-header:after{content:"";background:#002142;width:100px;height:3px;position:absolute;bottom:-3px;left:0}.section-header h2{color:#002142;align-items:center;gap:12px;margin-bottom:10px;font-size:1.8rem;font-weight:800;display:flex}.section-header h2 i{color:#e64051;font-size:2rem}.section-header p{color:#64748b;margin-left:45px;font-size:1rem}.settings-form{flex-direction:column;gap:25px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#002142;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.form-group label i{color:#e64051;font-size:1.1rem}.form-group input,.form-group textarea,.form-group select{color:#002142;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:14px 16px;font-size:1rem;font-weight:500;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#e64051;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #e640511a}.form-group textarea{resize:vertical;font-family:inherit}.divider{align-items:center;gap:15px;margin:30px 0 20px;display:flex}.divider:before,.divider:after{content:"";background:#e2e8f0;flex:1;height:2px}.divider span{color:#002142;text-transform:uppercase;letter-spacing:1px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:20px;padding:5px 15px;font-size:1rem;font-weight:700}.logo-upload-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;align-items:center;gap:30px;margin-bottom:20px;padding:30px;display:flex}.logo-preview{border:3px solid #e64051;border-radius:15px;flex-shrink:0;width:150px;height:150px;overflow:hidden;box-shadow:0 8px 20px #00214226}.logo-preview img{object-fit:cover;width:100%;height:100%}.logo-placeholder{color:#64748b;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.logo-placeholder i{color:#cbd5e1;margin-bottom:10px;font-size:3rem}.logo-upload-controls{flex-wrap:wrap;gap:15px;display:flex}.btn-upload,.btn-remove{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.btn-upload{color:#fff;background:#10b981;box-shadow:0 4px 15px #10b9814d}.btn-upload:hover{transform:translateY(-3px);box-shadow:0 6px 20px #10b98166}.btn-remove{color:#fff;background:#dc2626;box-shadow:0 4px 15px #dc26264d}.btn-remove:hover{transform:translateY(-3px);box-shadow:0 6px 20px #dc262666}.payment-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;margin-bottom:25px;padding:30px}.payment-section h3{color:#002142;border-bottom:2px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;font-size:1.3rem;font-weight:800;display:flex}.payment-section h3 i{color:#e64051;font-size:1.5rem}.qr-upload-section{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;align-items:center;gap:30px;margin-top:20px;padding:25px;display:flex}.qr-preview{border:3px solid #10b981;border-radius:12px;flex-shrink:0;width:200px;height:200px;overflow:hidden;box-shadow:0 8px 20px #10b98133}.qr-preview img{object-fit:contain;background:#fff;width:100%;height:100%}.qr-placeholder{color:#64748b;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.qr-placeholder i{color:#cbd5e1;margin-bottom:10px;font-size:4rem}.qr-upload-controls{flex-wrap:wrap;gap:15px;display:flex}.toggle-group{flex-direction:column;gap:20px;display:flex}.toggle-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 25px;transition:all .3s;display:flex}.toggle-item:hover{border-color:#0021424d;transform:translate(5px);box-shadow:0 6px 20px #0021421a}.toggle-info{flex-direction:column;gap:5px;display:flex}.toggle-info label{color:#002142;text-transform:none;letter-spacing:normal;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:700;display:flex}.toggle-info label i{color:#002142;font-size:1.2rem}.toggle-info span{color:#64748b;margin-left:32px;font-size:.9rem;font-weight:500}.toggle-switch{flex-shrink:0;width:60px;height:30px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{cursor:pointer;background:#cbd5e1;border-radius:30px;transition:all .4s;position:absolute;inset:0}.toggle-switch .slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s;position:absolute;bottom:4px;left:4px;box-shadow:0 2px 6px #0003}.toggle-switch input:checked+.slider{background:#10b981}.toggle-switch input:checked+.slider:before{transform:translate(30px)}.form-actions{border-top:2px solid #e2e8f0;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:25px;display:flex}.btn-save{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#002142;border:none;border-radius:12px;align-items:center;gap:10px;padding:15px 40px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 20px #0021424d}.btn-save:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #e6405166}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save i.rotating{animation:1s linear infinite rotate}@media (max-width:768px){.settings-container{padding:15px}.header-content h1{font-size:2rem}.header-content p{font-size:1rem}.settings-tabs{flex-direction:column}.tab-btn{min-width:100%}.settings-panel{padding:25px}.section-header h2{font-size:1.5rem}.form-row{grid-template-columns:1fr}.logo-upload-section,.qr-upload-section{text-align:center;flex-direction:column}.logo-upload-controls,.qr-upload-controls,.form-actions{justify-content:center}.btn-save{justify-content:center;width:100%}.toggle-item{text-align:center;flex-direction:column;gap:15px}.toggle-info span{margin-left:0}}@media (max-width:480px){.header-content h1{gap:10px;font-size:1.8rem}.settings-panel{padding:20px}.section-header h2{flex-direction:column;align-items:flex-start;gap:8px;font-size:1.3rem}.section-header p{margin-left:0}.logo-preview,.qr-preview{width:120px;height:120px}.btn-upload,.btn-remove{justify-content:center;width:100%}}.shortcut-cards-container{flex-direction:column;gap:20px;display:flex}.shortcut-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 15px #0021420d}.shortcut-card:hover{border-color:#e6405166;transform:translateY(-2px);box-shadow:0 8px 25px #0021421a}.shortcut-card.disabled{opacity:.6;background:#f1f5f9}.shortcut-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.shortcut-info{flex-direction:column;gap:6px;display:flex}.shortcut-category-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#002142;border-radius:20px;align-self:flex-start;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.shortcut-info h4{color:#002142;margin:0;font-size:1.15rem;font-weight:800}.shortcut-info p{color:#64748b;margin:0;font-size:.9rem;line-height:1.4}.shortcut-card-body{border-top:1px dashed #cbd5e1;padding-top:16px}.shortcut-key-display{flex-direction:column;gap:8px;display:flex}.shortcut-key-display label{color:#002142;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.shortcut-key-display label i{color:#e64051}.key-input-wrapper{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.shortcut-key-input{color:#002142;background:#fff;border:2px solid #cbd5e1;border-radius:10px;max-width:200px;padding:10px 14px;font-size:.95rem;font-weight:700;transition:all .3s}.shortcut-key-input:focus{border-color:#e64051;outline:none;box-shadow:0 0 0 3px #e6405126}.kbd-preview{align-items:center;gap:6px;display:flex}.kbd-badge{color:#002142;background:#fff;border:2px solid #cbd5e1;border-bottom:4px solid #94a3b8;border-radius:8px;padding:6px 12px;font-family:monospace;font-size:.9rem;font-weight:700;display:inline-block;box-shadow:0 2px 4px #0000001a}.kbd-plus{color:#e64051;margin:0 2px;font-weight:800}.btn-reset-shortcuts{color:#64748b;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.btn-reset-shortcuts:hover{color:#002142;background:#f8fafc;border-color:#002142;transform:translateY(-2px)}.modal-backdrop,.modal-backdrop-custom{-webkit-backdrop-filter:blur(8px)!important;z-index:10500!important;opacity:1!important;background-color:#0f172aa6!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.modal-box,.modal-box-custom{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;width:100%!important;max-width:500px!important;max-height:90vh!important;margin:auto!important;padding:28px!important;position:relative!important;overflow-y:auto!important;box-shadow:0 25px 50px -12px #00000040!important}.manage-page-access-container{color:#1e293b;box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif}.animate-fade-in{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeIn}.security-banner{color:#fff;background:linear-gradient(135deg,#002142 0%,#001224 100%);border:1px solid #ffffff14;border-radius:16px;margin-bottom:16px;padding:16px 20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00214226}.banner-glow{pointer-events:none;background:radial-gradient(circle,#10b98126 0%,#10b98100 70%);width:400px;height:400px;position:absolute;top:-150px;right:-150px}.banner-top-row{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex;position:relative}.console-security-badge{color:#e2e8f0;letter-spacing:.4px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .3s;display:inline-flex}.console-security-badge:hover{background:#ffffff26;border-color:#ffffff40}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.status-active{color:#34d399;background:#10b98126}.status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.security-banner-content{z-index:2;position:relative}.security-banner h1{letter-spacing:-.02em;color:#fff;margin:0 0 4px;font-size:1.5rem;font-weight:700}.security-banner p{color:#94a3b8;max-width:680px;margin:0;font-size:.85rem;line-height:1.4}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .25s;display:flex;box-shadow:0 4px 15px #00000005}.stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.stat-card.active{background:#00214205;border-color:#002142;box-shadow:0 4px 12px #0021420f}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.stat-card.total .stat-icon{color:#64748b;background:#64748b1a}.stat-card.admin .stat-icon{color:#059669;background:#10b9811a}.stat-card.manager .stat-icon{color:#2563eb;background:#3b82f61a}.stat-card.employee .stat-icon{color:#d97706;background:#f59e0b1a}.stat-info{flex-direction:column;min-width:0;display:flex}.stat-info h3{color:#0f172a;margin:0;font-size:1.35rem;font-weight:700;line-height:1.15}.stat-info span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.control-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:14px 16px;display:flex}.search-box{flex:1;min-width:240px;position:relative}.search-box i{color:#94a3b8;font-size:.95rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-box input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 36px 9px 40px;font-size:.9rem;transition:all .2s}.search-box input:focus{background:#fff;border-color:#002142;box-shadow:0 0 0 3px #00214214}.clear-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.clear-btn:hover{color:#94a3b8}.filter-tabs{box-sizing:border-box;background:#f1f5f9;border-radius:8px;gap:6px;padding:4px;display:flex}.tab-btn{color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:auto;min-width:0;padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:#0f172a}.tab-btn.active{color:#002142;background:#fff;box-shadow:0 2px 6px #0000000f}.glass-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000005}.premium-table{border-collapse:collapse;text-align:left;width:100%}.premium-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 20px;font-size:.82rem;font-weight:600}.premium-table td{vertical-align:middle;background-color:#fff;border-bottom:1px solid #f1f5f9;padding:14px 20px;transition:background-color .2s}.premium-table tbody tr:hover td{background-color:#f8fafc}.premium-table tbody tr:last-child td{border-bottom:none}.page-info{align-items:center;gap:14px;display:flex}.icon-box{color:#002142;background:linear-gradient(135deg,#00214214 0%,#00214208 100%);border:1px solid #00214214;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.premium-table tbody tr:hover .icon-box{color:#fff;background:linear-gradient(135deg,#002142 0%,#001730 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #00214226}.page-details{flex-direction:column;gap:2px;display:flex}.page-name{color:#0f172a;letter-spacing:-.01em;font-size:.98rem;font-weight:600}.page-id{color:#475569;letter-spacing:.02em;background:#0021420a;border:1px solid #00214214;border-radius:4px;width:max-content;padding:1px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.7rem;display:inline-block}.toggle-wrapper{justify-content:center;display:flex}.premium-switch{width:48px;height:26px;display:inline-block;position:relative}.premium-switch input{opacity:0;width:0;height:0}.premium-slider{cursor:pointer;background-color:#e2e8f0;border-radius:34px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 2px 4px #0000000d}.premium-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #0003}.premium-switch input:checked+.premium-slider,input:checked+.premium-slider{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;box-shadow:inset 0 2px 4px #00000026!important}.premium-switch input:focus+.premium-slider,input:focus+.premium-slider{box-shadow:0 0 0 3px #10b98140!important}.premium-switch input:checked+.premium-slider:before,input:checked+.premium-slider:before{transform:translate(22px)!important}.premium-switch input:disabled+.premium-slider,input:disabled+.premium-slider{opacity:.55!important;cursor:not-allowed!important}.security-empty-state{text-align:center;color:#64748b;background:#f8fafc;border:2px dashed #00214233;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:16px;padding:50px 20px;display:flex}.security-empty-state i{color:#cbd5e1;margin-bottom:12px;font-size:2.5rem;display:block}.security-empty-state h4{color:#1e293b;margin-bottom:6px;font-weight:600}.security-empty-state p{color:#64748b;margin:0;font-size:.9rem}@media (max-width:768px){.manage-page-access-container{padding:12px}.security-banner{border-radius:12px;margin-bottom:12px;padding:12px 16px}.security-banner h1{margin-bottom:2px;font-size:1.1rem}.security-banner p{font-size:.75rem;line-height:1.3}.banner-top-row{gap:6px;margin-bottom:8px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{gap:10px;padding:10px}.stat-icon{width:32px;height:32px;font-size:1rem}.stat-info h3{font-size:1.15rem}.table-responsive{overflow-x:hidden}.premium-table{table-layout:fixed;width:100%!important;min-width:0!important}.premium-table th:first-child{width:43%}.premium-table th:nth-child(2),.premium-table th:nth-child(3),.premium-table th:nth-child(4){width:19%}.premium-table th{letter-spacing:0;text-align:center;padding:10px 2px;font-size:.65rem}.premium-table th:first-child{text-align:left;padding-left:6px}.premium-table th i{display:none}.premium-table td{padding:8px 2px}.premium-table td:first-child{padding-left:6px}.page-name{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.premium-switch{width:32px;height:18px}.premium-slider:before{width:12px;height:12px;bottom:3px;left:3px}.premium-switch input:checked+.premium-slider:before,input:checked+.premium-slider:before{transform:translate(14px)!important}.page-info{gap:6px}.icon-box{border-radius:6px;width:30px;height:30px;font-size:.9rem}}.daily-expense-container{scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;background-color:#f8fafc;width:100%;max-width:100%;min-height:calc(100vh - 4.5rem);padding:1.5rem;position:relative;overflow:hidden auto}.daily-expense-container::-webkit-scrollbar{display:none}.daily-report-banner{color:#fff;z-index:2;background:#002142;border:1px solid #ffffff2e;border-radius:20px;padding:24px 32px;position:relative;box-shadow:0 10px 30px -5px #00214259,0 4px 12px #0000001a}.banner-icon-badge-blue{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#60a5fa;background:#ffffff26;border:1px solid #ffffff4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.55rem;display:flex;box-shadow:0 6px 16px #0003}.daily-report-banner h2{letter-spacing:-.01em;color:#fff;margin-bottom:4px;font-size:1.65rem;font-weight:800}.daily-report-banner p{color:#93c5fd;font-size:.92rem;font-weight:500}.btn-banner-excel{letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:1px solid #ffffff59;border-radius:12px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #10b98159;color:#fff!important}.btn-banner-excel:hover{background:linear-gradient(135deg,#047857 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 8px 24px #10b98173;color:#fff!important}.btn-banner-excel:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-kpi-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.kpi-card.kpi-earned{border-left:6px solid #004d99}.kpi-card.kpi-spent{border-left:6px solid #dc2626}.kpi-card.kpi-cash{border-left:6px solid #0284c7}.kpi-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-title-text{text-transform:uppercase;letter-spacing:.05em;color:#475569;font-size:.8rem;font-weight:800}.kpi-badge-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex}.kpi-badge-icon.blue{color:#004d99;background:#eff6ff}.kpi-badge-icon.red{color:#dc2626;background:#fef2f2}.kpi-badge-icon.cyan{color:#0284c7;background:#f0f9ff}.kpi-main-amount{letter-spacing:-.02em;margin-bottom:4px;font-size:1.8rem;font-weight:800;line-height:1.1}.kpi-bottom-subtext{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.filter-card-blue{background:#fff;border:1px solid #e2e8f0;border-top:4px solid #004d99;border-radius:18px;padding:22px 26px;box-shadow:0 4px 20px #0f172a0f}.filter-label{text-transform:uppercase;letter-spacing:.04em;color:#334155;align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:800;display:flex}.filter-label i{color:#004d99;font-size:.95rem}.filter-input{color:#0f172a;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:10px;height:42px;padding:9px 14px;font-size:.9rem;font-weight:600;transition:all .2s}.filter-input:focus{border-color:#004d99;outline:none;box-shadow:0 0 0 3.5px #004d9926}.search-action-group{align-items:center;gap:10px;height:42px;display:flex}.btn-search-royal{letter-spacing:.02em;cursor:pointer;background:#002142;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 24px;font-size:.9rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #00214240;color:#fff!important}.btn-search-royal:hover{background:#001730;transform:translateY(-1px);box-shadow:0 6px 18px #00214259;color:#fff!important}.btn-reset-royal{cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;color:#475569!important}.btn-reset-royal:hover{background:#e2e8f0;border-color:#94a3b8;color:#0f172a!important}.quick-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.pill-filter-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:20px;padding:5px 14px;font-size:.78rem;font-weight:700;transition:all .2s}.pill-filter-btn:hover,.pill-filter-btn.active{color:#fff;background:#002142;border-color:#002142;box-shadow:0 2px 8px #00214240}.table-card-container{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #0f172a0f}.daily-ledger-table{width:100%;margin-bottom:0}.daily-ledger-table th{color:#fff!important;text-transform:uppercase!important;letter-spacing:.05em!important;vertical-align:middle!important;white-space:nowrap!important;background:#002142!important;border:none!important;padding:16px 18px!important;font-size:.82rem!important;font-weight:700!important}.daily-ledger-table td{vertical-align:middle!important;color:#334155!important;border-bottom:1px solid #f1f5f9!important;padding:15px 18px!important;font-size:.9rem!important}.daily-ledger-table tbody tr{transition:background-color .2s}.daily-ledger-table tbody tr:hover{background-color:#f8fafc!important}.btn-view-details{color:#002142;cursor:pointer;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:9px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-view-details:hover{color:#fff;background:#002142;border-color:#002142;box-shadow:0 4px 12px #00214240}.btn-excel-row-redesigned{color:#047857;cursor:pointer;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:9px;align-items:center;gap:4px;padding:6px 11px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-excel-row-redesigned:hover{color:#fff;background:#059669;border-color:#059669;box-shadow:0 4px 12px #05966940}.btn-pdf-red-redesigned{color:#e64051;cursor:pointer;background:#fef2f2;border:1.5px solid #fca5a5;border-radius:9px;align-items:center;gap:4px;padding:6px 11px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-pdf-red-redesigned:hover{color:#fff;background:#e64051;border-color:#e64051;box-shadow:0 4px 12px #e6405140}.totals-row-blue td{color:#0f172a!important;background:#f1f5f9!important;border-top:2.5px solid #cbd5e1!important;font-size:.92rem!important;font-weight:800!important}.fullpage-expense-view{scrollbar-width:none;-ms-overflow-style:none;background-color:#f8fafc;min-height:calc(100vh - 4.5rem);padding:1.5rem;position:relative;overflow:hidden auto}.fullpage-expense-view::-webkit-scrollbar{display:none}.fullpage-view-header{color:#fff;background:#002142;border:1px solid #ffffff2e;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:24px 32px;display:flex;box-shadow:0 10px 30px -5px #00214259}.btn-back-link{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-back-link:hover{color:#fff;background:#ffffff47;transform:translate(-3px)}.fp-summary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:1.5rem;display:grid}.fp-stat-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:18px;padding:22px 26px;display:flex;box-shadow:0 4px 18px #0f172a0d}.fp-stat-card.earned{border-left:6px solid #004d99}.fp-stat-card.cash{border-left:6px solid #0284c7}.fp-stat-card.spent{border-left:6px solid #dc2626}.fp-stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.fp-stat-icon.blue{color:#004d99;background:#eff6ff}.fp-stat-icon.cyan{color:#0284c7;background:#f0f9ff}.fp-stat-icon.red{color:#dc2626;background:#fef2f2}.fp-stat-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:2px;font-size:.8rem;font-weight:800}.fp-stat-value{color:#0f172a;font-size:1.7rem;font-weight:800;line-height:1.1}.fp-details-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;margin-bottom:1.5rem;display:grid}.fp-detail-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 4px 18px #0f172a0a}.fp-detail-card-title{color:#0f172a;border-bottom:2px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;font-size:1.05rem;font-weight:800;display:flex}.fp-detail-card-title i{font-size:1.25rem}.fp-mini-item{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 16px;transition:all .2s;display:flex}.fp-mini-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #00000008}.fp-item-label{color:#334155;font-size:.9rem;font-weight:700}.fp-item-value{font-size:1rem;font-weight:800}@media (max-width:992px){.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.daily-expense-container,.fullpage-expense-view{padding:1rem}.daily-report-banner,.fullpage-view-header{padding:18px 20px}.dashboard-kpi-grid,.fp-details-grid{grid-template-columns:1fr}.search-action-group{flex-direction:column;height:auto}.btn-search-royal,.btn-reset-royal{width:100%}}.customer-view-container{box-sizing:border-box;max-width:100%;margin:0;padding:1.5rem}.customer-banner{background:linear-gradient(135deg,#002142 0%,#001224 100%);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.customer-banner:after{content:"";pointer-events:none;background:url("data:image/svg+xml;utf8,<svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"dots\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"/></pattern></defs><rect width=\"100%\" height=\"100%\" fill=\"url(#dots)\"/></svg>");width:100%;height:100%;position:absolute;top:0;right:0}.customer-banner h4{color:#fff;letter-spacing:1px}.customers-table th{color:#fff;white-space:nowrap;background-color:#002142;border-bottom:2px solid #dee2e6;padding:12px 16px;font-weight:600}.customers-table td{vertical-align:middle;padding:12px 16px}.table-row-hover:hover{background-color:#f8f9fa;transition:background-color .2s}.employee-view-container{box-sizing:border-box;max-width:100%;margin:0;padding:1.5rem}.employee-view-header{color:#fff;background:linear-gradient(135deg,#001730 0%,#002142 50%,#0d3b66 100%);border:1px solid #ffffff1a;border-radius:14px;margin-bottom:1.5rem;padding:24px 30px;position:relative;overflow:hidden;box-shadow:0 8px 24px #00214233}.employee-view-header:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.header-badge-title{align-items:center;gap:12px;display:flex}.header-icon-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#93c5fd;background:#ffffff26;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.35rem;display:flex}.header-badge-title h2{letter-spacing:.04em;color:#fff;font-size:1.35rem;font-weight:800}.text-blue-light{color:#93c5fd;font-size:.9rem}.header-quick-stats{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:8px 18px}.quick-stat-item{flex-direction:column;align-items:flex-end;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:#93c5fd;font-size:.72rem;font-weight:600}.stat-value{color:#fff;font-size:1.3rem;font-weight:800}.emp-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;transition:all .2s ease-in-out;display:flex;box-shadow:0 2px 10px #0000000a}.emp-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00214214}.emp-kpi-card.kpi-blue{border-left:4px solid #002142}.emp-kpi-card.kpi-emerald{border-left:4px solid #10b981}.emp-kpi-card.kpi-amber{border-left:4px solid #f59e0b}.emp-kpi-card.kpi-rose{border-left:4px solid #ef4444}.kpi-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.kpi-blue .kpi-icon-wrapper{color:#002142;background:#eff6ff}.kpi-emerald .kpi-icon-wrapper{color:#10b981;background:#ecfdf5}.kpi-amber .kpi-icon-wrapper{color:#f59e0b;background:#fffbeb}.kpi-rose .kpi-icon-wrapper{color:#ef4444;background:#fef2f2}.kpi-content{flex-direction:column;display:flex}.kpi-label{color:#64748b;letter-spacing:.04em;margin-bottom:2px;font-size:.72rem;font-weight:700}.kpi-value{margin-bottom:2px;font-size:1.25rem;font-weight:800}.text-blue-dark{color:#002142}.text-emerald{color:#059669}.text-amber{color:#d97706}.text-rose{color:#dc2626}.kpi-subtext{color:#94a3b8;font-size:.75rem}.filter-card-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000008}.filter-header-bar{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 16px;font-size:.88rem}.ops-select,.ops-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 12px;font-size:.88rem}.ops-select:focus,.ops-input:focus{border-color:#002142;box-shadow:0 0 0 3px #0021421a}.emp-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.emp-custom-table{border-collapse:separate;border-spacing:0}.emp-custom-table thead th{color:#fff;letter-spacing:.05em;white-space:nowrap;background-color:#002142;border:none;padding:14px 18px;font-size:.82rem;font-weight:700}.emp-custom-table tbody tr{transition:background-color .15s ease-in-out}.emp-custom-table tbody tr:hover{background-color:#00214206}.emp-custom-table tbody td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:.92rem}.text-navy{color:#002142!important}.emp-avatar-icon{color:#002142;background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;display:flex}.badge-bills{border-radius:6px;display:inline-block;color:#0f172a!important;background-color:#e2e8f0!important;border:1px solid #cbd5e1!important;padding:6px 14px!important;font-size:.88rem!important;font-weight:800!important}.badge-credit-active{border-radius:6px;display:inline-block;color:#991b1b!important;background-color:#fee2e2!important;border:1px solid #fca5a5!important;padding:6px 14px!important;font-size:.88rem!important;font-weight:800!important}.badge-credit-zero{border-radius:6px;display:inline-block;color:#475569!important;background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;padding:6px 14px!important;font-size:.88rem!important;font-weight:700!important}.btn-outline-navy{color:#002142;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 14px}.btn-outline-navy:hover:not(:disabled){color:#fff;background:#002142;border-color:#002142}.btn-navy-active{color:#fff!important;background-color:#002142!important;border:1px solid #002142!important;border-radius:8px!important}.btn-outline-navy-num{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.btn-outline-navy-num:hover{color:#002142;background:#f1f5f9}