@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&family=Open+Sans:wght@300;400;500;600;700&display=swap";body{margin:0}:root{--sidebar-bg:#5a3ec8;--page-bg:#f4f6ff;--active-text:#4b37c4;--inactive-text:#fff;--red:#e74c3c}#sidebar{z-index:2000;background:#5a3ec8;border-top-right-radius:22px;border-bottom-right-radius:22px;width:235px;height:100%;transition:width .3s,left .3s;position:fixed;top:0;left:0}#sidebar.hide{width:63px}#sidebar .logo{justify-content:space-between;align-items:center;padding:20px;display:flex}#sidebar .side-menu{scrollbar-width:none;max-height:calc(100% - 120px);margin:15px 0;padding:0 0 40px 10px;list-style:none;overflow-y:auto}#sidebar .side-menu::-webkit-scrollbar{display:none}#sidebar .side-menu li{margin:2px 0;position:relative}#sidebar .side-menu li a{color:#fff;background:0 0;border-radius:0;align-items:center;gap:19px;height:44px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}#sidebar .side-menu li a:hover{color:#fff}#sidebar .side-menu li a svg{color:#fff;flex-shrink:0;font-size:18px}#sidebar .side-menu li.logout-menu-item{margin-top:20px;padding:0 14px 0 4px}#sidebar .dropdown-item .dropdown-trigger{color:#fff;cursor:pointer;border-radius:0;align-items:center;gap:19px;height:44px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex;position:relative}#sidebar .dropdown-item .dropdown-trigger:hover{color:#fff;background:#ffffff26}#sidebar .dropdown-item .dropdown-trigger .menu-icon{color:#fff;flex-shrink:0;align-items:center;font-size:18px;display:flex}#sidebar .dropdown-item .dropdown-trigger .menu-title{flex:1}#sidebar .dropdown-item .dropdown-trigger .dropdown-arrow{color:#fff9;align-items:center;font-size:14px;transition:transform .3s;display:flex}#sidebar .dropdown-item.active-parent .dropdown-trigger{color:#fff}#sidebar .dropdown-item .dropdown-menu{background:#ffffff14;border-radius:8px;max-height:0;margin:0 0 0 10px;padding:0;list-style:none;transition:max-height .3s,padding .3s;overflow:hidden}#sidebar .dropdown-item .dropdown-menu.open{max-height:500px;padding:5px 0}#sidebar .dropdown-item .dropdown-menu li a{color:#fffc;height:38px;padding:8px 14px 8px 20px;font-size:14px;font-weight:500}#sidebar .dropdown-item .dropdown-menu li a:hover{color:#fff;background:#ffffff26}#sidebar .dropdown-item .dropdown-menu li a svg{font-size:15px}#sidebar .dropdown-item .dropdown-menu li a.active{color:#4b37c4;background:#dfeafb;border-radius:25px 0 0 25px;width:calc(100% - 10px);margin-left:10px;padding-left:45px}#sidebar .dropdown-item .dropdown-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:20px;height:20px;padding:3px}#sidebar.hide .side-menu li a{justify-content:center;padding:10px}#sidebar.hide .side-menu li a .menu-title{display:none}#sidebar.hide .logout-menu-item{padding:0}#sidebar.hide .sidebar-logout-btn{background:0 0;border:none;justify-content:center;width:auto;padding:10px}#sidebar.hide .sidebar-logout-btn span{display:none}#sidebar.hide .dropdown-item .dropdown-trigger{justify-content:center;padding:10px}#sidebar.hide .dropdown-item .dropdown-trigger .menu-title,#sidebar.hide .dropdown-item .dropdown-trigger .dropdown-arrow{display:none}#sidebar.hide .dropdown-item .dropdown-menu{max-height:0;padding:0;overflow:hidden}#sidebar.hide .dropdown-item .dropdown-menu.open{max-height:0}#sidebar.hide .dropdown-item.active-parent .dropdown-trigger .menu-icon svg{color:#4b37c4;background:#fff;border-radius:50%;width:22px;height:22px;padding:4px}#sidebar:not(.hide) .side-menu li.active a,#sidebar:not(.hide) .side-menu li a.active{color:#4b37c4;z-index:1;background:#dfeafb;border-radius:25px 0 0 25px;width:calc(100% - 10px);margin-left:10px;padding-left:24px;font-weight:600;position:relative;box-shadow:4px 0 10px #0000000f}#sidebar:not(.hide) .side-menu li.active a svg,#sidebar:not(.hide) .side-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:22px;height:22px;padding:4px}#sidebar:not(.hide) .side-menu li.active:before,#sidebar:not(.hide) .side-menu li.active:after{content:"";z-index:2;background:#5a3ec8;width:20px;height:20px;position:absolute;right:0}#sidebar:not(.hide) .side-menu li.active:before{border-bottom-right-radius:20px;top:-20px;box-shadow:10px 10px #dfeafb}#sidebar:not(.hide) .side-menu li.active:after{border-top-right-radius:20px;bottom:-20px;box-shadow:10px -10px #dfeafb}#sidebar:not(.hide) .dropdown-menu li.active a,#sidebar:not(.hide) .dropdown-menu li a.active{color:#4b37c4;background:#dfeafb;border-radius:25px 0 0 25px;width:calc(100% - 10px);margin-left:10px;padding-left:45px;box-shadow:4px 0 10px #0000000f}#sidebar:not(.hide) .dropdown-menu li.active a svg,#sidebar:not(.hide) .dropdown-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:20px;height:20px;padding:3px}#sidebar:not(.hide) .dropdown-item.active-parent .dropdown-trigger{color:#fff;position:relative}#sidebar:not(.hide) .dropdown-item.active-parent .dropdown-trigger:after{content:"";background:#ffffff4d;border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}#sidebar.hide .side-menu li.active a svg,#sidebar.hide .side-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:22px;height:22px;padding:4px}#sidebar .side-menu li a.logout{color:#e74c3c}.sidebar-logout-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:12px;width:100%;height:44px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sidebar-logout-btn:hover{background:#ffffff1f}.sidebar-logout-btn svg{flex-shrink:0;font-size:18px}.logoText{color:#fff;font-family:Roboto,sans-serif;font-size:24px;font-weight:700}.logoBox{justify-content:space-between;align-items:center;width:100%;display:flex}.sidebar-logo{object-fit:contain;max-width:150px;height:auto}.menuIconHidden{color:#fff;cursor:pointer;font-size:18px}#content{background-color:#dfeafb;width:calc(100% - 220px);transition:left .3s,width .3s;position:relative;left:220px}#content nav{z-index:1000;background:#fff;border-radius:0 0 25px 25px;justify-content:space-between;align-items:center;width:95%;height:65px;margin:0 auto;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 6px 22px #97aad229}#content nav .menuIcon{cursor:pointer;color:#333;font-size:20px;display:none}#sidebar.hide~#content{background-color:#dfeafb;width:calc(100% - 60px);left:60px}.profile{align-items:center;gap:12px;display:flex}.profile-icon{color:#5a3ec8;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:18px;display:inline-flex;box-shadow:0 2px 6px #0000000f}.icon-button{color:#fff;cursor:pointer;background:#4b37c4;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.icon-button:hover{background:#5a3ec8;transform:scale(1.05)}.nav-main{align-items:center;gap:25px;display:flex}.page-title{color:#2d2f87;letter-spacing:.3px;text-transform:none;background:linear-gradient(135deg,#2d2f87 0%,#5a3ec8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;padding:8px 0;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;transition:all .3s;animation:.5s ease-out slideInTitle;position:relative}.page-title:hover{background:linear-gradient(135deg,#5a3ec8 0%,#8b7ad6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;transform:translateY(-1px)}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.page-title{-webkit-text-fill-color:initial;color:#2d2f87;background:0 0}}@keyframes slideInTitle{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){#sidebar{width:220px}#content{width:calc(100% - 220px);left:220px}}@media (width<=600px){#sidebar{border-radius:0;width:100%;transition:all .2s ease-out}#sidebar.hide{width:0}#sidebar .dropdown-item .dropdown-trigger .dropdown-arrow{display:flex!important}#sidebar .dropdown-item .dropdown-menu{max-height:0;transition:max-height .3s;overflow:hidden}#sidebar .dropdown-item .dropdown-menu.open{max-height:500px}#sidebar.hide .side-menu li.active a,#sidebar.hide .side-menu li a.active,#sidebar .side-menu li.active a,#sidebar .side-menu li a.active{color:#4b37c4;background:#dfeafb;border-radius:25px 0 0 25px;width:auto;margin-left:-10px;padding-left:24px;font-weight:600;box-shadow:4px 0 10px #0000000f}#sidebar.hide .side-menu li.active a svg,#sidebar.hide .side-menu li a.active svg,#sidebar .side-menu li.active a svg,#sidebar .side-menu li a.active svg{color:#4b37c4;background:#fff;border-radius:50%;width:22px;height:22px;padding:4px}#sidebar.hide .logout-menu-item,#sidebar .logout-menu-item{padding:0 14px 0 4px}#sidebar.hide .sidebar-logout-btn,#sidebar .sidebar-logout-btn{background:#ffffff0f;border:1px solid #ffffff1f;justify-content:flex-start;width:100%;padding:10px 14px}#sidebar.hide .sidebar-logout-btn span,#sidebar .sidebar-logout-btn span{display:inline}#sidebar.hide .dropdown-item .dropdown-trigger,#sidebar .dropdown-item .dropdown-trigger{justify-content:flex-start;padding:10px 14px}#sidebar.hide .dropdown-item .dropdown-trigger .menu-title,#sidebar .dropdown-item .dropdown-trigger .menu-title{display:inline}#sidebar.hide .dropdown-item .dropdown-trigger .dropdown-arrow,#sidebar .dropdown-item .dropdown-trigger .dropdown-arrow{display:flex}#sidebar.hide .dropdown-item .dropdown-menu,#sidebar .dropdown-item .dropdown-menu{max-height:0;overflow:hidden}#sidebar.hide .dropdown-item .dropdown-menu.open,#sidebar .dropdown-item .dropdown-menu.open{max-height:500px}#content{width:0;transition:all .2s ease-out;left:100%}#sidebar.hide~#content{width:100%;left:0}.menuIconHidden,#content nav .menuIcon{display:block}}@media screen and (width<=1024px){.page-title{letter-spacing:.2px;font-size:20px}.nav-main{gap:20px}}@media screen and (width<=768px){.page-title{letter-spacing:.1px;font-size:18px}.nav-main{gap:15px}}@media screen and (width<=480px){.page-title{font-size:16px}.nav-main{gap:12px}}.navbar-loading-container{background:#dfeafb;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100vh;display:flex;font-family:Open Sans,sans-serif!important}.navbar-loading-container p{color:#888;margin:0;font-family:Open Sans,sans-serif;font-size:15px;animation:1.5s ease-in-out infinite navbar-pulse}.navbar-loading-spinner{border:3.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:.8s linear infinite navbar-spin;display:inline-block}@keyframes navbar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes navbar-pulse{0%,to{opacity:1}50%{opacity:.5}}@media screen and (width<=768px){.navbar-loading-container{padding:20px}.navbar-loading-container p{font-size:14px}.navbar-loading-spinner{border-width:3px;width:36px;height:36px}}@media (width<=480px){.navbar-loading-container p{font-size:13px}.navbar-loading-spinner{border-width:2.5px;width:30px;height:30px}}.nav-right-section{align-items:center;gap:12px;display:flex}.jass-billing-btn{color:#fff;letter-spacing:.3px;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#5a3ec8,#7b5dd6);border:none;border-radius:25px;justify-content:center;align-items:center;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #5a3ec840}.jass-billing-btn:hover{background:linear-gradient(135deg,#4a32b0,#6a4dc8);transform:translateY(-2px);box-shadow:0 4px 14px #5a3ec859}.jass-billing-btn:active{transform:translateY(0)}@media screen and (width<=600px){.jass-billing-btn{letter-spacing:.2px;padding:6px 14px;font-size:11px}.nav-right-section{gap:8px}}@media screen and (width<=480px){.jass-billing-btn{border-radius:20px;padding:5px 10px;font-size:10px}}.form-container.premium{background:linear-gradient(145deg,#f9f9ff,#e1e1ef);border-radius:15px;max-width:100%;padding:25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 8px 30px #0000001a}.form-row{gap:20px;margin-bottom:15px;display:flex}.form-field{flex-direction:column;flex:1;display:flex}label{color:#444;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}input,textarea,.select-field{background-color:#fff;border:1px solid #ccc;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:all .3s}.select-field{appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 8px}input:focus,textarea:focus,.select-field:focus{background-color:#f7f9ff;border-color:#7366ff;outline:none}.error{color:#d9534f;margin-top:4px;font-size:12px}button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(90deg,#7366ff,#948cff);border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:16px;font-weight:600;transition:background .3s}button[type=submit]:hover{background:linear-gradient(90deg,#5f53cc,#7366ff)}.email-fields-group,.contact-fields-group{display:none}@media screen and (width<=768px){.form-row{flex-direction:column;gap:15px}.form-container.premium{padding:10px 20px!important}.email-contact-row{display:none}.email-fields-group,.contact-fields-group{flex-direction:column;gap:15px;margin-bottom:15px;display:flex}.form-row:not(.email-contact-row){flex-direction:column;gap:15px}}@media screen and (width<=480px){label{font-size:13px}input,textarea,.select-field{padding:8px 10px;font-size:13px}button[type=submit]{padding:10px;font-size:14px}}.main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:end;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.page-header .right-section{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.page-header .search-container{width:250px;position:relative}.page-header .search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.page-header .search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.page-header .search-container input::placeholder{color:#aab0bc}.page-header .search-container .search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.page-header .action-buttons-group{align-items:center;gap:10px;display:flex}.page-header .action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.page-header .action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.page-header .action-buttons-group button:active{transform:translateY(0)}.page-header .action-buttons-group .export-all-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.page-header .action-buttons-group .export-all-btn:hover{background:linear-gradient(135deg,#219653,#27ae60);box-shadow:0 5px 14px #27ae6059}.page-header .action-buttons-group .add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.page-header .action-buttons-group .add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.form-container{background:#fff;border-top:3px solid #3f3f91;border-radius:14px;max-width:1200px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.form-container.premium{border-top:3px solid #6a6ac5}.form-container h2{color:#3f3f91;align-items:center;gap:8px;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700;display:flex}.form-container .form-row{gap:20px;margin-bottom:18px;display:flex}.form-container .form-row .form-field{flex:1}.form-container .form-group{gap:20px;margin-bottom:18px;display:flex}.form-container .form-group .field-half{flex:1}.form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.form-container input,.form-container textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.form-container input:focus,.form-container textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.form-container input::placeholder,.form-container textarea::placeholder{color:#bfc5ce}.form-container textarea{resize:vertical;min-height:80px}.form-container button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:8px;margin-top:6px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.form-container button[type=submit]:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.form-container button[type=submit]:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.form-container .error{color:#dc3545;align-items:center;gap:5px;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12.5px;display:flex}.data-table{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow:hidden;box-shadow:0 2px 10px #00000012}.data-table table{border-collapse:collapse;width:100%}.data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.data-table table tr{cursor:pointer;transition:background-color .15s}.data-table table tr:last-child td{border-bottom:none}.data-table table tr:hover td{background-color:#f5f6fb}.data-table table tr.selected td{color:#2d2f87;background-color:#edf0fc}.data-table table th:nth-child(4),.data-table table td:nth-child(4){text-align:center;color:#e67e22;font-family:Roboto,sans-serif;font-weight:600}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite spin;display:inline-block}.loading-spinner.large{border-width:3px;width:40px;height:40px}.loading-spinner.small{border-width:2px;width:16px;height:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-container{border-top:1px solid #f0f2f8;justify-content:center;padding:20px;display:flex}.load-more-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #6a6ac5;border-radius:50px;padding:9px 28px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s}.load-more-btn:hover{color:#fff;background:#3f3f91;border-color:#3f3f91;transform:translateY(-1px);box-shadow:0 4px 12px #3f3f9138}.modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;animation:.25s ease-out slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.modal-title{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;line-height:1;transition:all .2s;display:flex}.modal-close:hover{color:#3f3f91;background:#ede8fa}.modal-body{padding:22px}.wo-details-grid{grid-template-columns:1fr;gap:16px;display:grid}.detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:5px;padding-bottom:14px;display:flex}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.detail-value{color:#2d2d50;word-break:break-word;font-family:Open Sans,sans-serif;font-size:14.5px}.detail-value.loyalty-coins{color:#e67e22;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.edit-field-container{flex-direction:column;gap:4px;display:flex}.edit-input,.edit-textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.edit-input:focus,.edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.edit-input.error,.edit-textarea.error{border-color:#dc3545}.edit-textarea{resize:vertical;min-height:80px}.error-message{color:#dc3545;margin-top:2px;font-family:Open Sans,sans-serif;font-size:12px}.modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;min-width:120px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.modal-footer button:hover{opacity:.92;transform:translateY(-1px)}.modal-footer button:active{transform:translateY(0)}.modal-footer button:disabled{cursor:not-allowed;background-color:#b8b8cc;transform:none}.modal-footer .export-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.modal-footer .update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.modal-footer .update-btn.save-btn{background:#e55a2b;box-shadow:0 3px 8px #e55a2b40}.modal-footer .delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.modal-footer .cancel-btn{color:#666;box-shadow:none;background:0 0;border:1.5px solid #dde1ed}.modal-footer .cancel-btn:hover{background:#f5f6fb;border-color:#c8cde0}.modal-footer .import-btn{background:#3f3f91;flex:1;box-shadow:0 3px 8px #3f3f9140}.modal-footer .import-btn.loading{background:#9e9ecc}.confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.confirm-dialog .confirm-buttons{justify-content:center;gap:12px;display:flex}.confirm-dialog .confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.confirm-dialog .confirm-buttons .confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.confirm-dialog .confirm-buttons .confirm-cancel:hover{background:#e5e8f0}.confirm-dialog .confirm-buttons .confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.confirm-dialog .confirm-buttons .confirm-delete:hover{background:#c82333;transform:translateY(-1px)}.import-instructions{background:#f5f7fc;border:1px dashed #c5cbdf;border-radius:8px;margin-bottom:18px;padding:14px 18px}.import-instructions h4{color:#2d2f87;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600}.import-instructions ul{margin:0;padding-left:18px}.import-instructions ul li{color:#555;font-family:Open Sans,sans-serif;font-size:13px;line-height:1.9}.file-drop-zone{text-align:center;cursor:pointer;background:#fafbfc;border:2px dashed #c5cbdf;border-radius:8px;padding:32px 20px;transition:all .2s}.file-drop-zone:hover,.file-drop-zone.dragging{background:#f0f0fb;border-color:#6a6ac5}.file-drop-zone.has-file{background:#f0fff5;border-color:#28a745}.file-drop-zone.disabled{cursor:not-allowed;opacity:.6}.file-placeholder{flex-direction:column;align-items:center;gap:8px;display:flex}.file-placeholder .upload-icon{color:#b0b5c8;font-size:36px}.file-placeholder p{color:#666;margin:0;font-family:Open Sans,sans-serif;font-size:14px}.file-placeholder small{color:#aab0bc;font-size:12px}.file-selected{background:#fff;border:1px solid #d0e8d8;border-radius:8px;align-items:center;gap:14px;padding:8px 12px;display:flex}.file-selected .file-icon{color:#28a745;flex-shrink:0;font-size:28px}.file-selected .file-info{text-align:left;flex:1}.file-selected .file-info .file-name{color:#2d2d50;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600}.file-selected .file-info .file-size{color:#888;font-family:Open Sans,sans-serif;font-size:12px}.file-selected .remove-file{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;transition:all .2s;display:flex}.file-selected .remove-file:hover{color:#dc3545;background:#ffe8e8}.import-loading{flex-direction:column;align-items:center;gap:16px;padding:30px 0;display:flex}.import-loading p{color:#666;margin:0;font-family:Open Sans,sans-serif;font-size:14px}.loading-progress{width:100%}.loading-progress .progress-bar{background:#e8eaf0;border-radius:2px;width:100%;height:4px;overflow:hidden}.loading-progress .progress-bar .progress-fill{background:linear-gradient(90deg,#3f3f91,#6a6ac5);border-radius:2px;height:100%;animation:1.4s ease-in-out infinite progressAnim}@keyframes progressAnim{0%{width:0%;margin-left:0}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}@media screen and (width<=768px){.main{padding:16px 14px 32px}.page-header{gap:12px;padding:14px 16px}.page-header h2{font-size:18px}.page-header .right-section{flex-direction:column;align-items:stretch;gap:10px;width:100%}.page-header .search-container{width:100%}.page-header .action-buttons-group{gap:8px;width:100%}.page-header .action-buttons-group button{flex:1;justify-content:center}.data-table table th,.data-table table td{padding:11px 14px;font-size:13px}.form-container{padding:18px}.form-container .form-row,.form-container .form-group{flex-direction:column;gap:14px}.modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.modal-overlay{align-items:flex-end;padding:0}.modal-footer{flex-wrap:wrap}.modal-footer button{flex:1;min-width:calc(50% - 5px)}}@media (width<=480px){.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-footer{padding:12px 16px}.modal-footer button{padding:10px 14px;font-size:13px}.page-header h2{font-size:17px}.confirm-dialog{padding:20px 16px}}.modal-lg{max-width:900px!important}.inv-summary-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.inv-summary-cards .inv-summary-card{text-align:center;background:#f5f7fc;border:1px solid #e8ecf5;border-radius:8px;padding:14px 18px}.inv-summary-cards .inv-summary-card .inv-summary-label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.inv-summary-cards .inv-summary-card .inv-summary-number{color:#2d2f87;font-family:Roboto,sans-serif;font-size:20px;font-weight:700}.inv-summary-cards .inv-summary-card:nth-child(2) .inv-summary-number{color:#28a745}.inv-summary-cards .inv-summary-card:nth-child(3) .inv-summary-number{color:#e67e22}.inv-table{border-collapse:collapse;width:100%}.inv-table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.inv-table thead th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.inv-table tbody td{color:#3a3a5c;vertical-align:middle;border-bottom:1px solid #f0f2f8;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px}.inv-table tbody tr:last-child td{border-bottom:none}.inv-table tbody tr:hover td{background-color:#f5f6fb}.inv-table .inv-number-cell{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:600}.inv-table .inv-total-cell{color:#2d2f87;font-family:Roboto,sans-serif;font-weight:600}.inv-status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-block}.inv-view-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #6a6ac5;border-radius:50px;align-items:center;gap:5px;padding:6px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.inv-view-btn:hover{color:#fff;background:#3f3f91;border-color:#3f3f91;transform:translateY(-1px)}.inv-pagination{border-top:1px solid #f0f2f8;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.inv-pagination .inv-page-btn{color:#555;cursor:pointer;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;padding:6px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.inv-pagination .inv-page-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-color:#3f3f91}.inv-pagination .inv-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-pagination .inv-page-info{color:#666;font-family:Open Sans,sans-serif;font-size:13px}.invoices-btn{color:#fff;cursor:pointer;background:#3f3f91;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 18px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 8px #3f3f9140}.invoices-btn:hover{background:#2d2f87;transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.inv-list-empty{text-align:center;padding:40px 20px}.inv-list-empty .inv-list-empty-icon{color:#c5cbdf;margin-bottom:12px;font-size:48px}.inv-list-empty p{color:#888;font-family:Open Sans,sans-serif;font-size:15px}.inv-list-loading{flex-direction:column;align-items:center;padding:40px 20px;display:flex}.inv-list-loading p{color:#888;margin-top:12px;font-family:Open Sans,sans-serif;font-size:14px}.inv-modal-header .inv-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .2s;display:flex}.inv-modal-footer{border-top:1px solid #eaeef6;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.inv-modal-footer .inv-modal-btn-close{color:#666;cursor:pointer;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.inv-modal-footer .inv-modal-btn-close:hover{background:#f5f6fb;border-color:#c8cde0}.inv-details-header-strip .inv-details-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.inv-details-header-strip .inv-details-invoice-number{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px}.inv-details-section h4{color:#2d2f87;border-bottom:1px solid #f0f2f8;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:8px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;display:flex}.inv-details-grid{grid-template-columns:repeat(2,1fr);gap:12px 20px;display:grid}.inv-details-grid .inv-details-item .inv-details-label{color:#888;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.inv-details-grid .inv-details-item strong{color:#2d2d50;font-family:Roboto,sans-serif;font-size:14px}.inv-details-table-wrap{overflow-x:auto}.inv-details-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.inv-details-table-wrap table thead th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #eaeef6;padding:8px 12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600}.inv-details-table-wrap table tbody td{color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:8px 12px;font-family:Open Sans,sans-serif}.inv-details-table-wrap table tbody tr:last-child td{border-bottom:none}.inv-details-totals{grid-template-columns:1fr;gap:6px;max-width:350px;display:grid}.inv-details-totals .inv-details-totals-row{color:#555;justify-content:space-between;padding:4px 0;font-family:Open Sans,sans-serif;font-size:14px;display:flex}.inv-details-totals .inv-details-totals-row.inv-details-totals-sub{color:#777;border-bottom:1px dashed #eee;font-size:13px}.inv-details-totals .inv-details-totals-row.inv-details-totals-promo{color:#dc3545}.inv-details-totals .inv-details-totals-row.inv-details-totals-grand{border-top:2px solid #3f3f91;margin-top:4px;padding-top:8px;font-size:16px;font-weight:700}.inv-details-notes{color:#555;background:#f5f7fc;border-radius:8px;margin:0;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:14px}.inv-details-footer-meta{color:#888;text-align:right;margin-top:16px;font-family:Open Sans,sans-serif;font-size:12px}.inv-details-footer-meta strong{color:#555}@media screen and (width<=768px){.inv-summary-cards{grid-template-columns:1fr;gap:10px}.inv-details-grid{grid-template-columns:1fr}.inv-details-totals{max-width:100%}.inv-modal-content{border-radius:16px 16px 0 0;max-height:95vh}.inv-modal-overlay{align-items:flex-end;padding:0}.inv-details-header-strip{flex-direction:column;align-items:flex-start;gap:8px}.inv-table{font-size:12px}.inv-table thead th,.inv-table tbody td{padding:8px 10px}.inv-pagination{flex-wrap:wrap;gap:10px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-container{background:linear-gradient(135deg,#7a5fff1a,#4a6cf714);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Poppins,sans-serif;display:flex}.login-wrapper{border-radius:18px;width:100%;max-width:1100px;min-height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.login-left{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#fffa 0% 100%);flex:1;align-items:center;padding:64px;display:flex;position:relative}.login-left:before{content:"";z-index:0;background:linear-gradient(135deg,#4a6cf714,#7b9dfc0a);border-radius:24px;width:120px;height:120px;position:absolute;top:18%;left:40px;transform:rotate(12deg)}.login-left .left-inner{z-index:2;max-width:420px;position:relative}.login-left .logo-placeholder{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-weight:700;display:inline-flex}.login-left .left-logo{object-fit:contain;background:0 0;border-radius:8px;width:200px;height:auto;margin-bottom:10px}.login-left .welcome-title{color:#0f172a;margin:0 0 12px;font-size:44px;line-height:1}.login-left .divider{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));border-radius:3px;width:36px;height:3px;margin:12px 0}.login-left .welcome-desc{color:#0f172a;opacity:.75;margin-bottom:20px;line-height:1.6}.login-left .left-footer-home{color:#243042;background:linear-gradient(135deg,#4a6cf714,#7b9dfc0f);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 6px 16px #4a6cf714}.login-left .left-footer-home p{color:#0f172a;flex-shrink:0;margin:0;font-weight:500}.login-left .home-button{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:8px 14px;font-weight:600;transition:transform .2s,box-shadow .2s}.login-left .home-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4a6cf726}.login-right{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#fffa 0% 100%);border-left:1px solid #ffffff4d;flex:1;justify-content:center;align-items:center;padding:56px;display:flex;position:relative}.form-bg{z-index:1;filter:blur(.6px);pointer-events:none;background:linear-gradient(135deg,#7a5fff1a,#4a6cf714);border-radius:12px;width:420px;height:420px;position:absolute;top:50%;right:56px;transform:translateY(-50%)rotate(-2deg);box-shadow:0 18px 40px #4a6cf70f,inset 0 -6px 20px #ffffff05}.login-title{color:#0f172a;text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.login-subtitle{color:var(--muted);text-align:center;margin-bottom:22px;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}@media (width<=768px){.login-wrapper{min-height:auto;box-shadow:none;background:0 0;border-radius:12px;flex-direction:column}.login-left{display:none}.login-right{padding:28px}.form-bg{display:none}.glass-card{border-radius:12px;width:100%;padding:20px}.welcome-title{font-size:28px}}@media (width<=400px){.login-container{padding:12px}.glass-card{padding:16px}.form-input,.submit-button{padding:10px 12px}}:root{--accent-1:#4a6cf7;--accent-2:#7b9dfc;--muted:#666;--card-white:#ffffffb8;--card-border:#fff9}*{box-sizing:border-box}.register-container{background:linear-gradient(135deg,#7a5fff1a,#4a6cf714);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Poppins,sans-serif;display:flex}.register-wrapper{border-radius:18px;width:100%;max-width:1100px;min-height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.register-left{background:linear-gradient(#fffa 0% 100%);flex:1;justify-content:center;align-items:center;padding:56px;display:flex;position:relative}.form-bg{z-index:1;filter:blur(.6px);pointer-events:none;background:linear-gradient(135deg,#7a5fff1a,#4a6cf714);border-radius:12px;width:430px;height:620px;position:absolute;top:50%;left:56px;transform:translateY(-50%)rotate(2deg);box-shadow:0 18px 40px #4a6cf70f,inset 0 -6px 20px #ffffff05}.glass-card{background:var(--card-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);z-index:2;border-radius:14px;width:360px;max-width:calc(100% - 40px);padding:34px;position:relative;box-shadow:0 12px 30px #0f172a14}.register-title{color:#0f172a;text-align:center;margin-bottom:8px;font-size:28px;font-weight:700}.register-subtitle{color:var(--muted);text-align:center;margin-bottom:22px;font-size:14px}.register-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#243042;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.input-icon{color:#8a93a6;font-size:16px}.form-input{background:#ffffffe6;border:1px solid #0f172a0f;border-radius:10px;padding:12px 16px;font-size:14px;transition:box-shadow .16s,border-color .16s}.form-input:focus{border-color:#4a6cf7b3;outline:none;box-shadow:0 6px 18px #4a6cf70f}.form-input.error{border-color:#ff4d4f}.password-input-container{position:relative}.password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.error-message{color:#ff4d4f;margin-top:4px;font-size:12px}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff9f43,#ff6b6b);border:none;border-radius:10px;margin-top:6px;padding:12px 14px;font-weight:600;transition:transform .16s,box-shadow .16s}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ff6b6b1f}.switch-auth{text-align:center;color:#475569;margin-top:16px;font-size:13px}.switch-button{color:var(--accent-1);cursor:pointer;background:0 0;border:none;margin-left:6px;font-weight:700}.register-right{background:linear-gradient(#fffa 0% 100%);flex:1;align-items:center;padding:64px;display:flex;position:relative}.register-right:before{content:"";z-index:0;background:linear-gradient(135deg,#4a6cf714,#7b9dfc0a);border-radius:24px;width:120px;height:120px;position:absolute;top:18%;right:40px;transform:rotate(-12deg)}.register-right .right-inner{z-index:2;max-width:420px;margin-left:auto;position:relative}.register-right .logo-placeholder{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-weight:700;display:inline-flex}.register-right .left-logo{object-fit:contain;background:0 0;border-radius:8px;width:200px;height:auto;margin-bottom:10px}.register-right .welcome-title{color:#0f172a;margin:0 0 12px;font-size:44px;line-height:1}.register-right .divider{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));border-radius:3px;width:36px;height:3px;margin:12px 0}.register-right .welcome-desc{color:#0f172a;opacity:.75;margin-bottom:20px;line-height:1.6}@media (width<=768px){.register-wrapper{min-height:auto;box-shadow:none;background:0 0;border-radius:12px;flex-direction:column}.register-right{display:none}.register-left{padding:28px}.form-bg{display:none}.glass-card{border-radius:12px;width:100%;padding:20px}}@media (width<=400px){.register-container{padding:12px}.glass-card{padding:16px}.form-input,.submit-button{padding:10px 12px}}.au-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.au-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.au-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.au-page-header .au-right-section{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;width:100%;display:flex}.au-page-header .au-search-container{width:250px;position:relative}.au-page-header .au-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.au-page-header .au-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.au-page-header .au-search-container input::placeholder{color:#aab0bc}.au-page-header .au-search-container .au-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.au-page-header .au-action-buttons-group{align-items:center;gap:10px;display:flex}.au-page-header .au-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.au-page-header .au-action-buttons-group button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.au-page-header .au-action-buttons-group button:active{transform:translateY(0)}.au-page-header .au-action-buttons-group button.disabled,.au-page-header .au-action-buttons-group button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.au-page-header .au-action-buttons-group .au-export-all-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.au-page-header .au-action-buttons-group .au-export-all-btn:hover{background:linear-gradient(135deg,#219653,#27ae60);box-shadow:0 5px 14px #27ae6059}.au-page-header .au-action-buttons-group .au-add-btn{background:linear-gradient(135deg,#e67e22,#f39c12);position:relative}.au-page-header .au-action-buttons-group .au-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.au-page-header .au-action-buttons-group .au-add-btn .au-warning-icon{opacity:.85;font-size:12px}.au-limit-indicator{background:#fff;border-left:4px solid #6a6ac5;border-radius:8px;max-width:1200px;margin:0 auto 18px;padding:13px 20px;box-shadow:0 2px 10px #00000012}.au-limit-indicator.au-limit-reached{background:#fff8f8;border-left-color:#dc3545}.au-limit-indicator.au-limit-reached .au-limit-info{color:#dc3545}.au-limit-indicator.au-limit-reached .au-limit-progress-bar{background:#dc3545!important}.au-limit-indicator .au-limit-info{color:#3f3f91;align-items:center;gap:8px;margin-bottom:9px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;display:flex}.au-limit-indicator .au-limit-info .au-limit-icon{flex-shrink:0;font-size:13px}.au-limit-indicator .au-limit-progress{background:#e8eaf0;border-radius:3px;height:5px;overflow:hidden}.au-limit-indicator .au-limit-progress .au-limit-progress-bar{background:linear-gradient(90deg,#3f3f91,#6a6ac5);border-radius:3px;height:100%;transition:width .4s}.au-limit-warning{color:#8a4800;background:#fff8f0;border:1px solid #f5c88a;border-radius:8px;align-items:center;gap:9px;margin-bottom:18px;padding:11px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.au-limit-warning svg{color:#e67e22;flex-shrink:0;font-size:14px}.au-form-container{background:#fff;border-top:3px solid #6a6ac5;border-radius:14px;max-width:1200px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.au-form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.au-form-container .au-form-row{gap:20px;margin-bottom:18px;display:flex}.au-form-container .au-form-row .au-form-field{flex:1}.au-form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.au-form-container input[type=text],.au-form-container input[type=email],.au-form-container input[type=password],.au-form-container textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.au-form-container input[type=text]:focus,.au-form-container input[type=email]:focus,.au-form-container input[type=password]:focus,.au-form-container textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.au-form-container input[type=text]::placeholder,.au-form-container input[type=email]::placeholder,.au-form-container input[type=password]::placeholder,.au-form-container textarea::placeholder{color:#bfc5ce}.au-form-container .au-password-input-container{align-items:center;display:flex;position:relative}.au-form-container .au-password-input-container input{padding-right:42px}.au-form-container .au-password-input-container .au-password-toggle{cursor:pointer;color:#aab0bc;background:0 0;border:none;align-items:center;padding:0;font-size:15px;transition:color .2s;display:flex;position:absolute;right:13px}.au-form-container .au-password-input-container .au-password-toggle:hover{color:#3f3f91}.au-form-container .au-permissions-grid{flex-wrap:wrap;gap:8px;padding:12px 0 4px;display:flex}.au-form-container .au-permissions-grid .au-permission-checkbox{cursor:pointer;color:#555;background:#f5f7fc;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:7px;padding:7px 14px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.au-form-container .au-permissions-grid .au-permission-checkbox input[type=checkbox]{accent-color:#3f3f91;cursor:pointer;border-radius:3px;flex-shrink:0;width:14px;height:14px;padding:0}.au-form-container .au-permissions-grid .au-permission-checkbox input[type=checkbox]:focus{box-shadow:none;border-color:#0000}.au-form-container .au-permissions-grid .au-permission-checkbox:hover{color:#2d2f87;background:#ededfb;border-color:#6a6ac5}.au-form-container .au-permissions-grid .au-permission-checkbox:has(input:checked){color:#2d2f87;background:#ededfb;border-color:#3f3f91;font-weight:600}.au-form-container .au-error{color:#dc3545;align-items:center;gap:5px;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12.5px;display:flex}.au-form-container button[type=submit]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:8px;margin-top:6px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.au-form-container button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.au-form-container button[type=submit]:disabled,.au-form-container button[type=submit].disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.au-data-table{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow:hidden;box-shadow:0 2px 10px #00000012}.au-data-table table{border-collapse:collapse;width:100%}.au-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.au-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.au-data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.au-data-table table tr{cursor:pointer;transition:background-color .15s}.au-data-table table tr:last-child td{border-bottom:none}.au-data-table table tr:hover td{background-color:#f5f6fb}.au-data-table table tr.au-selected td{color:#2d2f87;background-color:#edf0fc}.au-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.au-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.au-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite au-spin;display:inline-block}.au-loading-spinner.large{border-width:3px;width:40px;height:40px}.au-loading-spinner.small{border-width:2px;width:16px;height:16px}@keyframes au-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.au-load-more-container{border-top:1px solid #f0f2f8;justify-content:center;padding:20px;display:flex}.au-load-more-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #6a6ac5;border-radius:50px;padding:9px 28px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s}.au-load-more-btn:hover{color:#fff;background:#3f3f91;border-color:#3f3f91;transform:translateY(-1px);box-shadow:0 4px 12px #3f3f9138}.au-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out au-fadeIn;display:flex;position:fixed;inset:0}@keyframes au-fadeIn{0%{opacity:0}to{opacity:1}}.au-modal-content{background:#fff;border-radius:14px;width:100%;max-width:580px;max-height:90vh;animation:.25s ease-out au-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}@keyframes au-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.au-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.au-modal-title{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.au-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;line-height:1;transition:all .2s;display:flex}.au-modal-close:hover{color:#3f3f91;background:#ede8fa}.au-modal-body{padding:22px}.au-details-grid{grid-template-columns:1fr;gap:0;display:grid}.au-detail-row{border-bottom:1px solid #f0f2f8;flex-direction:column;gap:6px;padding:14px 0;display:flex}.au-detail-row:first-child{padding-top:0}.au-detail-row:last-child{border-bottom:none;padding-bottom:0}.au-detail-label{color:#999;text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:flex}.au-detail-value{color:#2d2d50;word-break:break-word;font-family:Open Sans,sans-serif;font-size:14.5px}.au-edit-field-container{flex-direction:column;gap:5px;display:flex}.au-edit-input,.au-edit-textarea{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.au-edit-input:focus,.au-edit-textarea:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.au-edit-input.error,.au-edit-textarea.error{border-color:#dc3545}.au-edit-textarea{resize:vertical;min-height:80px}.au-error-message{color:#dc3545;font-family:Open Sans,sans-serif;font-size:12px}.au-permissions-grid-horizontal{flex-wrap:wrap;gap:7px;padding:4px 0;display:flex}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal{cursor:pointer;color:#555;background:#f5f7fc;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:6px;padding:6px 13px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .2s;display:flex}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal input[type=checkbox]{accent-color:#3f3f91;cursor:pointer;flex-shrink:0;width:13px;height:13px;padding:0}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal input[type=checkbox]:focus{box-shadow:none}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal:hover{color:#2d2f87;background:#ededfb;border-color:#6a6ac5}.au-permissions-grid-horizontal .au-permission-checkbox-horizontal:has(input:checked){color:#2d2f87;background:#ededfb;border-color:#3f3f91;font-weight:600}.au-password-toggle-btn{color:#3f3f91;cursor:pointer;background:#f5f7fc;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:8px;width:fit-content;padding:8px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.au-password-toggle-btn:hover{background:#ededfb;border-color:#6a6ac5}.au-password-toggle-btn.active{color:#2d2f87;background:#ededfb;border-color:#3f3f91}.au-password-field-container{flex-direction:column;gap:6px;margin-top:12px;display:flex}.au-password-input-wrapper{align-items:center;display:flex;position:relative}.au-password-input-wrapper input{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 42px 9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.au-password-input-wrapper input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.au-password-input-wrapper input.error{border-color:#dc3545}.au-password-input-wrapper .au-password-visibility-toggle{cursor:pointer;color:#aab0bc;background:0 0;border:none;align-items:center;padding:0;font-size:15px;transition:color .2s;display:flex;position:absolute;right:13px}.au-password-input-wrapper .au-password-visibility-toggle:hover{color:#3f3f91}.au-password-hint{color:#aab0bc;font-family:Open Sans,sans-serif;font-size:12px}.au-admin-note{color:#8a4800;background:#fff8f0;border:1px solid #f5c88a;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.au-admin-note svg{color:#e67e22;flex-shrink:0}.au-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.au-modal-footer button{color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:7px;min-width:120px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.au-modal-footer button:hover{opacity:.92;transform:translateY(-1px)}.au-modal-footer button:active{transform:translateY(0)}.au-modal-footer button:disabled{cursor:not-allowed;background-color:#b8b8cc;transform:none}.au-modal-footer .au-export-btn{background:#28a745;box-shadow:0 3px 8px #28a74540}.au-modal-footer .au-update-btn{background:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.au-modal-footer .au-update-btn.au-save-btn{background:#e55a2b;box-shadow:0 3px 8px #e55a2b40}.au-modal-footer .au-delete-btn{background:#dc3545;box-shadow:0 3px 8px #dc354540}.au-confirm-dialog-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.au-confirm-dialog{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:380px;padding:26px;box-shadow:0 8px 32px #1e1e3c33}.au-confirm-dialog h3{color:#dc3545;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.au-confirm-dialog p{color:#555;margin-bottom:22px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.au-confirm-dialog .au-confirm-buttons{justify-content:center;gap:12px;display:flex}.au-confirm-dialog .au-confirm-buttons button{cursor:pointer;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s}.au-confirm-dialog .au-confirm-buttons .au-confirm-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.au-confirm-dialog .au-confirm-buttons .au-confirm-cancel:hover{background:#e5e8f0}.au-confirm-dialog .au-confirm-buttons .au-confirm-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.au-confirm-dialog .au-confirm-buttons .au-confirm-delete:hover{background:#c82333;transform:translateY(-1px)}@media screen and (width<=768px){.au-main{padding:16px 14px 32px}.au-page-header{padding:14px 16px}.au-page-header .au-right-section{flex-direction:column;align-items:stretch;gap:10px}.au-page-header .au-search-container{width:100%}.au-page-header .au-action-buttons-group{gap:8px;width:100%}.au-page-header .au-action-buttons-group button{flex:1;justify-content:center}.au-data-table table th,.au-data-table table td{padding:11px 14px;font-size:13px}.au-form-container{padding:18px}.au-form-container .au-form-row{flex-direction:column;gap:14px}.au-form-container .au-permissions-grid{gap:6px}.au-modal-content{border-radius:16px 16px 0 0;width:100%;max-height:88vh}.au-modal-overlay{align-items:flex-end;padding:0}.au-modal-footer{flex-wrap:wrap}.au-modal-footer button{flex:1;min-width:calc(50% - 5px)}.au-permissions-grid-horizontal{gap:6px}}@media (width<=480px){.au-modal-header{padding:14px 16px}.au-modal-body{padding:16px}.au-modal-footer{padding:12px 16px}.au-modal-footer button{padding:10px 14px;font-size:13px}.au-confirm-dialog{padding:20px 16px}}@keyframes pr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pr-pulse{0%,to{opacity:1}50%{opacity:.5}}@media screen and (width<=768px){.pr-loading-container{padding:20px}.pr-loading-container p{font-size:14px}.pr-loading-spinner{border-width:3px;width:36px;height:36px}}@media (width<=480px){.pr-loading-container p{font-size:13px}.pr-loading-spinner{border-width:2.5px;width:30px;height:30px}}.pr-loading-container{background:#dfeafb;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex;font-family:Open Sans,sans-serif!important}.pr-loading-container p{color:#888;margin:0;font-family:Open Sans,sans-serif;font-size:15px;animation:1.5s ease-in-out infinite pr-pulse}.pr-loading-spinner{border:3.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:.8s linear infinite pr-spin;display:inline-block}@media screen and (width<=768px){.pr-loading-container{padding:20px}.pr-loading-container p{font-size:14px}.pr-loading-spinner{border-width:3px;width:36px;height:36px}}@media (width<=480px){.pr-loading-container p{font-size:13px}.pr-loading-spinner{border-width:2.5px;width:30px;height:30px}}.pc-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.pc-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.pc-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.pc-page-header .pc-right-section{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pc-page-header .pc-search-container{width:250px;position:relative}.pc-page-header .pc-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.pc-page-header .pc-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pc-page-header .pc-search-container input::placeholder{color:#aab0bc}.pc-page-header .pc-search-container .pc-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.pc-page-header .pc-action-buttons-group{align-items:center;gap:10px;display:flex}.pc-page-header .pc-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.pc-page-header .pc-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.pc-page-header .pc-action-buttons-group button:active{transform:translateY(0)}.pc-page-header .pc-action-buttons-group .pc-export-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)}.pc-page-header .pc-action-buttons-group .pc-export-btn:hover{background:linear-gradient(135deg,#219653,#27ae60);box-shadow:0 5px 14px #27ae6059}.pc-page-header .pc-action-buttons-group .pc-add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.pc-page-header .pc-action-buttons-group .pc-add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.pc-form-container{background:#fff;border-top:3px solid #6a6ac5;border-radius:14px;max-width:1200px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.pc-form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.pc-form-container .pc-form-row{gap:20px;margin-bottom:18px;display:flex}.pc-form-container .pc-form-row .pc-form-field{flex:1}.pc-form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.pc-form-container input[type=text],.pc-form-container input[type=number],.pc-form-container input[type=date]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.pc-form-container input[type=text]:focus,.pc-form-container input[type=number]:focus,.pc-form-container input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pc-form-container input[type=text]::placeholder,.pc-form-container input[type=number]::placeholder,.pc-form-container input[type=date]::placeholder{color:#bfc5ce}.pc-form-container .pc-form-actions{gap:12px;margin-top:20px;display:flex}.pc-form-container .pc-cancel-btn{color:#555;cursor:pointer;background:#f0f2f8;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:7px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.pc-form-container .pc-cancel-btn:hover{background:#e5e8f0;border-color:#c8cde0}.pc-form-container .pc-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.pc-form-container .pc-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.pc-form-container .pc-save-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.pc-data-table{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow:hidden;box-shadow:0 2px 10px #00000012}.pc-data-table table{border-collapse:collapse;width:100%}.pc-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.pc-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.pc-data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.pc-data-table table tr{transition:background-color .15s}.pc-data-table table tr:last-child td{border-bottom:none}.pc-data-table table tr:hover td{background-color:#f5f6fb}.pc-data-table table td.pc-code-cell{color:#3f3f91;letter-spacing:.5px;font-family:Roboto,sans-serif;font-weight:700}.pc-data-table table td.pc-discount-cell{color:#e67e22;font-family:Roboto,sans-serif;font-weight:700}.pc-empty-state{text-align:center;padding:48px 20px}.pc-empty-state .pc-empty-icon{color:#ccd2e0;margin-bottom:12px;font-size:42px}.pc-empty-state p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:14.5px}.pc-status-badge{border-radius:20px;align-items:center;padding:4px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.pc-status-badge.pc-active{color:#155724;background:#d4edda}.pc-status-badge.pc-upcoming{color:#004085;background:#cce5ff}.pc-status-badge.pc-inactive{color:#856404;background:#fff3cd}.pc-status-badge.pc-expired{color:#721c24;background:#f8d7da}.pc-row-actions{align-items:center;gap:8px;display:flex}.pc-row-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.pc-row-actions button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pc-row-actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}.pc-row-actions .pc-edit-btn{color:#fff;background:#3f3f91}.pc-row-actions .pc-edit-btn:hover:not(:disabled){background:#2d2f87}.pc-row-actions .pc-toggle-btn{color:#fff}.pc-row-actions .pc-toggle-btn.pc-deactivate{background:#e67e22}.pc-row-actions .pc-toggle-btn.pc-deactivate:hover:not(:disabled){background:#d35400}.pc-row-actions .pc-toggle-btn.pc-activate{background:#28a745}.pc-row-actions .pc-toggle-btn.pc-activate:hover:not(:disabled){background:#219653}.pc-row-actions .pc-delete-btn{color:#fff;background:#dc3545;justify-content:center;width:32px;padding:6px}.pc-row-actions .pc-delete-btn:hover:not(:disabled){background:#c82333}.pc-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.pc-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.pc-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite pc-spin;display:inline-block}.pc-loading-spinner.large{border-width:3px;width:40px;height:40px}.pc-loading-spinner.small{border-width:2px;width:16px;height:16px}@keyframes pc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pc-load-more-container{border-top:1px solid #f0f2f8;justify-content:center;padding:20px;display:flex}.pc-load-more-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #6a6ac5;border-radius:50px;padding:9px 28px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s}.pc-load-more-btn:hover{color:#fff;background:#3f3f91;border-color:#3f3f91;transform:translateY(-1px);box-shadow:0 4px 12px #3f3f9138}.pc-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out pc-fadeIn;display:flex;position:fixed;inset:0}@keyframes pc-fadeIn{0%{opacity:0}to{opacity:1}}.pc-modal-content{background:#fff;border-radius:14px;width:100%;max-width:480px;animation:.25s ease-out pc-slideUp;overflow:hidden;box-shadow:0 8px 32px #1e1e3c2e}@keyframes pc-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pc-modal-header{border-bottom:1px solid #eaeef6;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.pc-modal-header .pc-modal-title{color:#dc3545;align-items:center;gap:9px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.pc-modal-header .pc-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.pc-modal-header .pc-modal-close:hover{color:#dc3545;background:#ffe8e8}.pc-modal-body{text-align:center;padding:28px 24px}.pc-modal-body .pc-delete-icon{color:#dc3545;margin-bottom:16px;font-size:42px}.pc-modal-body h3{color:#2c3e50;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:17px;font-weight:700}.pc-modal-body p{color:#7f8c8d;margin:0 0 20px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.pc-promo-detail-card{text-align:left;background:#fff8f0;border:1px solid #f5c88a;border-radius:8px;margin-bottom:24px;padding:14px 16px}.pc-promo-detail-card .pc-promo-detail-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pc-promo-detail-card .pc-promo-detail-header svg{color:#e67e22;flex-shrink:0;font-size:14px}.pc-promo-detail-card .pc-promo-detail-header strong{color:#856404;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.pc-promo-detail-card .pc-promo-detail-info{color:#856404;font-family:Open Sans,sans-serif;font-size:13px;line-height:1.8}.pc-promo-detail-card .pc-promo-detail-info strong{font-weight:700}.pc-modal-actions{justify-content:center;gap:12px;display:flex}.pc-modal-actions button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.pc-modal-actions button:hover{transform:translateY(-1px)}.pc-modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pc-modal-actions .pc-btn-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.pc-modal-actions .pc-btn-cancel:hover{background:#e5e8f0}.pc-modal-actions .pc-btn-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.pc-modal-actions .pc-btn-delete:hover:not(:disabled){background:#c82333;box-shadow:0 5px 12px #dc354559}@media screen and (width<=768px){.pc-main{padding:16px 14px 32px}.pc-page-header{padding:14px 16px}.pc-page-header h2{font-size:18px}.pc-page-header .pc-right-section{flex-direction:column;align-items:stretch;gap:10px;width:100%}.pc-page-header .pc-search-container{width:100%}.pc-page-header .pc-action-buttons-group{gap:8px;width:100%}.pc-page-header .pc-action-buttons-group button{flex:1;justify-content:center}.pc-data-table table th,.pc-data-table table td{padding:11px 14px;font-size:13px}.pc-form-container{padding:18px}.pc-form-container .pc-form-row{flex-direction:column;gap:14px}.pc-form-container .pc-form-actions{flex-direction:column}.pc-form-container .pc-form-actions button{justify-content:center}.pc-modal-content{border-radius:16px 16px 0 0;max-width:100%}.pc-modal-overlay{align-items:flex-end;padding:0}.pc-row-actions{flex-wrap:wrap;gap:6px}}@media (width<=480px){.pc-modal-body{padding:20px 16px}.pc-modal-header{padding:14px 16px}}.pk-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.pk-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.pk-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.pk-page-header .pk-right-section{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.pk-page-header .pk-search-container{width:250px;position:relative}.pk-page-header .pk-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.pk-page-header .pk-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pk-page-header .pk-search-container input::placeholder{color:#aab0bc}.pk-page-header .pk-search-container .pk-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.pk-page-header .pk-action-buttons-group{align-items:center;gap:10px;display:flex}.pk-page-header .pk-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.pk-page-header .pk-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.pk-page-header .pk-action-buttons-group button:active{transform:translateY(0)}.pk-page-header .pk-action-buttons-group .pk-add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.pk-page-header .pk-action-buttons-group .pk-add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.pk-form-container{background:#fff;border-top:3px solid #6a6ac5;border-radius:14px;max-width:1200px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.pk-form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.pk-form-container .pk-form-row{gap:20px;margin-bottom:18px;display:flex}.pk-form-container .pk-form-row .pk-form-field{flex:1}.pk-form-container label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.pk-form-container input[type=text],.pk-form-container input[type=number]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.pk-form-container input[type=text]:focus,.pk-form-container input[type=number]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pk-form-container input[type=text]::placeholder,.pk-form-container input[type=number]::placeholder{color:#bfc5ce}.pk-form-container select.pk-form-select{color:#333;box-sizing:border-box;cursor:pointer;appearance:none;background:#fafbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 13px center no-repeat;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.pk-form-container select.pk-form-select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pk-form-container select.pk-form-select:disabled{cursor:not-allowed;color:#aab0bc;background:#f0f2f5}.pk-form-container .pk-field-hint{color:#aab0bc;margin-top:6px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.pk-form-container .pk-form-actions{gap:12px;margin-top:20px;display:flex}.pk-form-container .pk-cancel-btn{color:#555;cursor:pointer;background:#f0f2f8;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:7px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.pk-form-container .pk-cancel-btn:hover{background:#e5e8f0;border-color:#c8cde0}.pk-form-container .pk-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.pk-form-container .pk-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.pk-form-container .pk-save-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.pk-data-table{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow-x:auto;box-shadow:0 2px 10px #00000012}.pk-data-table table{border-collapse:collapse;width:100%;min-width:900px}.pk-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.pk-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.pk-data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.pk-data-table table tr{transition:background-color .15s}.pk-data-table table tr:last-child td{border-bottom:none}.pk-data-table table tr:hover td{background-color:#f5f6fb}.pk-data-table table td.pk-name-cell{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:700}.pk-data-table table td.pk-price-cell{color:#28a745;font-family:Roboto,sans-serif;font-weight:700}.pk-data-table table td.pk-discount-cell{color:#e67e22;font-family:Roboto,sans-serif;font-weight:700}.pk-data-table table td.pk-oil-count-cell{text-align:center}.pk-data-table table td.pk-ml-cell{color:#17a2b8;font-family:Roboto,sans-serif;font-weight:600}.pk-data-table table td.pk-filling-cell{color:#8e44ad;font-family:Roboto,sans-serif;font-weight:600}.pk-data-table table td.pk-fragrance-cell{color:#e67e22;font-family:Roboto,sans-serif;font-weight:600}.pk-data-table table td.pk-alcohol-cell{color:#2980b9;font-family:Roboto,sans-serif;font-weight:600}.pk-oil-count-pill{color:#3f3f91;background:#e8f0fe;border-radius:20px;align-items:center;padding:4px 12px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.pk-empty-state{text-align:center;padding:48px 20px}.pk-empty-state .pk-empty-icon{color:#ccd2e0;margin-bottom:12px;font-size:42px}.pk-empty-state p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:14.5px}.pk-status-badge{border-radius:20px;align-items:center;padding:4px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.pk-status-badge.pk-active{color:#155724;background:#d4edda}.pk-status-badge.pk-inactive{color:#721c24;background:#f8d7da}.pk-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pk-row-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.pk-row-actions button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.pk-row-actions button:disabled{opacity:.4;cursor:not-allowed;transform:none}.pk-row-actions .pk-edit-btn{color:#fff;background:#3f3f91}.pk-row-actions .pk-edit-btn:hover:not(:disabled){background:#2d2f87}.pk-row-actions .pk-toggle-btn{color:#fff}.pk-row-actions .pk-toggle-btn.pk-deactivate{background:#e67e22}.pk-row-actions .pk-toggle-btn.pk-deactivate:hover:not(:disabled){background:#d35400}.pk-row-actions .pk-toggle-btn.pk-activate{background:#28a745}.pk-row-actions .pk-toggle-btn.pk-activate:hover:not(:disabled){background:#219653}.pk-row-actions .pk-delete-btn{color:#fff;background:#dc3545;justify-content:center;width:32px;padding:6px}.pk-row-actions .pk-delete-btn:hover:not(:disabled){background:#c82333}.pk-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.pk-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.pk-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite pk-spin;display:inline-block}.pk-loading-spinner.large{border-width:3px;width:40px;height:40px}.pk-loading-spinner.small{border-width:2px;width:16px;height:16px}@keyframes pk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pk-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out pk-fadeIn;display:flex;position:fixed;inset:0}@keyframes pk-fadeIn{0%{opacity:0}to{opacity:1}}.pk-modal-content{background:#fff;border-radius:14px;width:100%;max-width:520px;animation:.25s ease-out pk-slideUp;overflow:hidden;box-shadow:0 8px 32px #1e1e3c2e}@keyframes pk-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pk-modal-header{border-bottom:1px solid #eaeef6;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.pk-modal-header .pk-modal-title{color:#dc3545;align-items:center;gap:9px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.pk-modal-header .pk-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.pk-modal-header .pk-modal-close:hover{color:#dc3545;background:#ffe8e8}.pk-modal-body{text-align:center;padding:28px 24px}.pk-modal-body .pk-delete-icon{color:#dc3545;margin-bottom:16px;font-size:42px}.pk-modal-body h3{color:#2c3e50;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:17px;font-weight:700}.pk-modal-body p{color:#7f8c8d;margin:0 0 20px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.pk-detail-card{text-align:left;background:#fff8f0;border:1px solid #f5c88a;border-radius:8px;margin-bottom:24px;padding:14px 16px}.pk-detail-card .pk-detail-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pk-detail-card .pk-detail-card-header svg{color:#e67e22;flex-shrink:0;font-size:14px}.pk-detail-card .pk-detail-card-header strong{color:#856404;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.pk-detail-card .pk-detail-card-info{color:#856404;font-family:Open Sans,sans-serif;font-size:13px;line-height:1.8}.pk-detail-card .pk-detail-card-info strong{font-weight:700}.pk-modal-actions{justify-content:center;gap:12px;display:flex}.pk-modal-actions button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.pk-modal-actions button:hover{transform:translateY(-1px)}.pk-modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.pk-modal-actions .pk-btn-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.pk-modal-actions .pk-btn-cancel:hover{background:#e5e8f0}.pk-modal-actions .pk-btn-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.pk-modal-actions .pk-btn-delete:hover:not(:disabled){background:#c82333;box-shadow:0 5px 12px #dc354559}@media screen and (width<=992px){.pk-data-table table{min-width:1100px}}@media screen and (width<=768px){.pk-main{padding:16px 14px 32px}.pk-page-header{padding:14px 16px}.pk-page-header h2{font-size:18px}.pk-page-header .pk-right-section{flex-direction:column;align-items:stretch;gap:10px;width:100%}.pk-page-header .pk-search-container,.pk-page-header .pk-action-buttons-group{width:100%}.pk-page-header .pk-action-buttons-group button{flex:1;justify-content:center}.pk-data-table table th,.pk-data-table table td{padding:11px 14px;font-size:13px}.pk-form-container{padding:18px}.pk-form-container .pk-form-row{flex-direction:column;gap:14px}.pk-form-container .pk-form-actions{flex-direction:column}.pk-form-container .pk-form-actions button{justify-content:center}.pk-modal-content{border-radius:16px 16px 0 0;max-width:100%}.pk-modal-overlay{align-items:flex-end;padding:0}.pk-row-actions{flex-wrap:wrap;gap:6px}.pk-row-actions button{padding:4px 10px;font-size:11px}.pk-row-actions .pk-delete-btn{width:28px}}@media (width<=480px){.pk-modal-body{padding:20px 16px}.pk-modal-header{padding:14px 16px}.pk-page-header h2{font-size:16px}.pk-data-table table th,.pk-data-table table td{padding:8px 10px;font-size:12px}}.pd-density-cell{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:500}.pd-field-hint{color:#aab0bc;margin-top:6px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.ws-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.ws-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.ws-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.ws-page-header .ws-right-section{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ws-page-header .ws-search-container{width:250px;position:relative}.ws-page-header .ws-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.ws-page-header .ws-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ws-page-header .ws-search-container input::placeholder{color:#aab0bc}.ws-page-header .ws-search-container .ws-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.ws-page-header .ws-action-buttons-group{align-items:center;gap:10px;display:flex}.ws-page-header .ws-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.ws-page-header .ws-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.ws-page-header .ws-action-buttons-group button:active{transform:translateY(0)}.ws-page-header .ws-action-buttons-group .ws-toggle-view-btn{background:#95a5a6}.ws-page-header .ws-action-buttons-group .ws-toggle-view-btn.ws-view-active{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.ws-page-header .ws-action-buttons-group .ws-toggle-view-btn.ws-view-active:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91)}.ws-page-header .ws-action-buttons-group .ws-toggle-view-btn:hover{background:#7f8c8d;box-shadow:0 5px 14px #95a5a659}.ws-page-header .ws-action-buttons-group .ws-add-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.ws-page-header .ws-action-buttons-group .ws-add-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.ws-form-container .ws-form-row,.ws-modal-body .ws-form-row{flex-wrap:wrap;gap:20px;margin-bottom:18px;display:flex}.ws-form-container .ws-form-row .ws-form-field,.ws-modal-body .ws-form-row .ws-form-field{flex:1;min-width:200px}.ws-form-container label,.ws-modal-body label{color:#555;align-items:center;gap:7px;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:flex}.ws-form-container input[type=text],.ws-form-container input[type=email],.ws-form-container input[type=date],.ws-form-container input[type=time],.ws-modal-body input[type=text],.ws-modal-body input[type=email],.ws-modal-body input[type=date],.ws-modal-body input[type=time]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ws-form-container input[type=text]:focus,.ws-form-container input[type=email]:focus,.ws-form-container input[type=date]:focus,.ws-form-container input[type=time]:focus,.ws-modal-body input[type=text]:focus,.ws-modal-body input[type=email]:focus,.ws-modal-body input[type=date]:focus,.ws-modal-body input[type=time]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ws-form-container input[type=text]::placeholder,.ws-form-container input[type=email]::placeholder,.ws-form-container input[type=date]::placeholder,.ws-form-container input[type=time]::placeholder,.ws-modal-body input[type=text]::placeholder,.ws-modal-body input[type=email]::placeholder,.ws-modal-body input[type=date]::placeholder,.ws-modal-body input[type=time]::placeholder{color:#bfc5ce}.ws-form-container select,.ws-modal-body select{color:#333;box-sizing:border-box;cursor:pointer;appearance:none;background-color:#fafbfc;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236a6ac5'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 36px 9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.ws-form-container select:focus,.ws-modal-body select:focus{background-color:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ws-form-container select:disabled,.ws-modal-body select:disabled{cursor:not-allowed;color:#aab0bc;background-color:#f0f2f5}.ws-form-container select option,.ws-modal-body select option{font-family:Open Sans,sans-serif}.ws-form-container .ws-field-error-hint,.ws-modal-body .ws-field-error-hint{color:#dc3545;margin-top:6px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.ws-form-container{background:#fff;border-top:3px solid #6a6ac5;border-radius:14px;max-width:1200px;margin:0 auto 22px;padding:28px 28px 24px;box-shadow:0 2px 10px #00000012}.ws-form-container h2{color:#3f3f91;margin-bottom:22px;font-family:Roboto,sans-serif;font-size:18px;font-weight:700}.ws-form-container .ws-form-actions{gap:12px;margin-top:20px;display:flex}.ws-form-container .ws-cancel-btn{color:#555;cursor:pointer;background:#f0f2f8;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:7px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ws-form-container .ws-cancel-btn:hover{background:#e5e8f0;border-color:#c8cde0}.ws-form-container .ws-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 28px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 3px 10px #3f3f9140}.ws-form-container .ws-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.ws-form-container .ws-save-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.ws-data-table{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow:hidden;box-shadow:0 2px 10px #00000012}.ws-data-table table{border-collapse:collapse;width:100%}.ws-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.ws-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.ws-data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.ws-data-table table tr{transition:background-color .15s}.ws-data-table table tr:last-child td{border-bottom:none}.ws-data-table table tr:hover td{background-color:#f5f6fb}.ws-data-table table td.ws-date-cell{font-weight:500}.ws-data-table table td.ws-time-cell strong{color:#3f3f91;font-family:Roboto,sans-serif}.ws-data-table table td.ws-customer-count-cell{text-align:center}.ws-customer-count-pill{color:#3f3f91;background:#e8f0fe;border-radius:20px;align-items:center;padding:4px 12px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.ws-empty-state{text-align:center;padding:48px 20px}.ws-empty-state .ws-empty-icon{color:#ccd2e0;margin-bottom:12px;font-size:42px}.ws-empty-state p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:14.5px}.ws-status-badge{border-radius:20px;align-items:center;padding:4px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.ws-status-badge.ws-active,.ws-status-badge.ws-present{color:#155724;background:#d4edda}.ws-status-badge.ws-inactive,.ws-status-badge.ws-absent{color:#721c24;background:#f8d7da}.ws-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ws-row-actions button{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 11px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.ws-row-actions button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ws-row-actions button:disabled{opacity:.45;cursor:not-allowed;transform:none}.ws-row-actions .ws-view-btn{color:#fff;background:#17a2b8}.ws-row-actions .ws-view-btn:hover:not(:disabled){background:#138496}.ws-row-actions .ws-add-customer-btn{color:#fff;background:#28a745}.ws-row-actions .ws-add-customer-btn:disabled{background:#95a5a6}.ws-row-actions .ws-add-customer-btn:hover:not(:disabled){background:#219653}.ws-row-actions .ws-edit-btn{color:#fff;background:#3f3f91}.ws-row-actions .ws-edit-btn:hover:not(:disabled){background:#2d2f87}.ws-row-actions .ws-delete-btn{color:#fff;background:#dc3545;justify-content:center;width:30px;padding:6px}.ws-row-actions .ws-delete-btn:hover:not(:disabled){background:#c82333}.ws-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.ws-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.ws-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite ws-spin;display:inline-block}.ws-loading-spinner.large{border-width:3px;width:40px;height:40px}.ws-loading-spinner.small{border-width:2px;width:16px;height:16px}@keyframes ws-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ws-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out ws-fadeIn;display:flex;position:fixed;inset:0}@keyframes ws-fadeIn{0%{opacity:0}to{opacity:1}}.ws-modal-content{background:#fff;border-radius:14px;width:100%;max-width:500px;max-height:90vh;animation:.25s ease-out ws-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}.ws-modal-content.ws-modal-md{max-width:700px}.ws-modal-content.ws-modal-lg{max-width:800px}@keyframes ws-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ws-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.ws-modal-header .ws-modal-title{color:#2d2f87;align-items:center;gap:9px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.ws-modal-header .ws-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.ws-modal-header .ws-modal-close:hover{color:#3f3f91;background:#ede8fa}.ws-modal-body{padding:22px}.ws-modal-header.ws-danger .ws-modal-title{color:#dc3545}.ws-modal-header.ws-danger .ws-modal-close:hover{color:#dc3545;background:#ffe8e8}.ws-delete-body{text-align:center;padding:28px 24px}.ws-delete-body .ws-delete-icon{color:#dc3545;margin-bottom:16px;font-size:42px}.ws-delete-body h3{color:#2c3e50;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:17px;font-weight:700}.ws-delete-body p{color:#7f8c8d;margin:0 0 20px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.ws-detail-card{text-align:left;background:#fff8f0;border:1px solid #f5c88a;border-radius:8px;margin-bottom:24px;padding:14px 16px}.ws-detail-card .ws-detail-card-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.ws-detail-card .ws-detail-card-header svg{color:#e67e22;flex-shrink:0;font-size:14px}.ws-detail-card .ws-detail-card-header strong{color:#856404;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.ws-detail-card .ws-detail-card-info{color:#856404;font-family:Open Sans,sans-serif;font-size:13px;line-height:1.8}.ws-detail-card .ws-detail-card-info strong{font-weight:700}.ws-summary-strip{background:#f8f9fc;border-radius:8px;margin-bottom:20px;padding:14px 16px}.ws-summary-strip .ws-summary-items{color:#444;flex-wrap:wrap;gap:24px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.ws-summary-strip .ws-summary-items strong{color:#2d2f87;font-family:Roboto,sans-serif;font-weight:700}.ws-customer-list{border:1px solid #eee;border-radius:8px;max-height:220px;margin-bottom:16px;overflow-y:auto}.ws-customer-list .ws-customer-list-empty{text-align:center;color:#aab0bc;padding:22px;font-family:Open Sans,sans-serif;font-size:13.5px}.ws-customer-list .ws-customer-list-item{cursor:pointer;border-bottom:1px solid #f0f2f8;justify-content:space-between;align-items:center;padding:11px 15px;transition:background .15s;display:flex}.ws-customer-list .ws-customer-list-item:last-child{border-bottom:none}.ws-customer-list .ws-customer-list-item:hover{background:#f7f8fc}.ws-customer-list .ws-customer-list-item.ws-customer-selected{background:#e3f2fd}.ws-customer-list .ws-customer-list-item .ws-customer-list-name{color:#2d2d50;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600}.ws-customer-list .ws-customer-list-item .ws-customer-list-meta{color:#888;margin-top:2px;font-family:Open Sans,sans-serif;font-size:12px}.ws-customer-list .ws-customer-list-item .ws-customer-check-icon{color:#28a745;flex-shrink:0;font-size:16px}.ws-create-customer-trigger{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px dashed #3f3f91;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;margin-bottom:16px;padding:10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ws-create-customer-trigger:hover{background:#ededfb}.ws-new-customer-panel{background:#fafaff;border:1.5px solid #6a6ac5;border-radius:8px;margin-bottom:16px;padding:16px}.ws-new-customer-panel h4{color:#3f3f91;margin:0 0 14px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.ws-new-customer-panel .ws-new-customer-actions{gap:10px;margin-top:12px;display:flex}.ws-new-customer-panel .ws-new-customer-actions button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.ws-new-customer-panel .ws-new-customer-actions button:disabled{opacity:.6;cursor:not-allowed}.ws-new-customer-panel .ws-new-customer-actions .ws-new-customer-cancel{color:#555;background:#f0f2f8}.ws-new-customer-panel .ws-new-customer-actions .ws-new-customer-cancel:hover{background:#e5e8f0}.ws-new-customer-panel .ws-new-customer-actions .ws-new-customer-save{color:#fff;background:linear-gradient(135deg,#28a745,#2ecc71)}.ws-new-customer-panel .ws-new-customer-actions .ws-new-customer-save:hover:not(:disabled){background:linear-gradient(135deg,#219653,#28a745)}.ws-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.ws-modal-actions.ws-modal-actions-center{justify-content:center}.ws-modal-actions button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ws-modal-actions button:hover:not(:disabled){transform:translateY(-1px)}.ws-modal-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none}.ws-modal-actions .ws-btn-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.ws-modal-actions .ws-btn-cancel:hover{background:#e5e8f0}.ws-modal-actions .ws-btn-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.ws-modal-actions .ws-btn-delete:hover:not(:disabled){background:#c82333;box-shadow:0 5px 12px #dc354559}.ws-modal-actions .ws-btn-primary{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f9140}.ws-modal-actions .ws-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);box-shadow:0 5px 14px #3f3f9159}.ws-details-section-title{color:#3f3f91;margin:0 0 14px;font-family:Roboto,sans-serif;font-size:15px;font-weight:700}.ws-details-table-wrap{overflow-x:auto}.ws-details-table-wrap table{border-collapse:collapse;width:100%}.ws-details-table-wrap table thead tr{background:#f5f6fa}.ws-details-table-wrap table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.4px;padding:11px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.ws-details-table-wrap table td{color:#3a3a5c;vertical-align:middle;border-bottom:1px solid #f0f2f8;padding:11px 14px;font-family:Open Sans,sans-serif;font-size:13.5px}.ws-details-table-wrap table td.ws-details-name-cell{font-weight:600}.ws-details-table-wrap table td.ws-details-package-cell{min-width:220px}.ws-details-table-wrap table td.ws-details-package-cell strong{color:#3f3f91}.ws-details-table-wrap table td.ws-details-attendance-cell{text-align:center}.ws-details-table-wrap table td.ws-details-action-cell{text-align:center;white-space:nowrap}.ws-details-table-wrap table tr:last-child td{border-bottom:none}.ws-package-display{color:#3a3a5c;flex-wrap:wrap;align-items:center;gap:10px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.ws-package-display strong{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:700}.ws-edit-package-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #6a6ac5;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;transition:all .2s;display:flex}.ws-edit-package-btn:hover{color:#fff;background:#3f3f91;border-color:#3f3f91}.ws-edit-package-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ws-edit-package-select{color:#333;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236a6ac5'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:13px;border:1.5px solid #6a6ac5;border-radius:8px;flex:1;min-width:160px;padding:7px 32px 7px 11px;font-family:Open Sans,sans-serif;font-size:13px;transition:border .2s,box-shadow .2s}.ws-edit-package-select:focus{outline:none;box-shadow:0 0 0 3px #6a6ac526}.ws-edit-package-save{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;flex-shrink:0;padding:7px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.ws-edit-package-save:hover:not(:disabled){background:#219653}.ws-edit-package-save:disabled{opacity:.6;cursor:not-allowed}.ws-edit-package-cancel{color:#555;cursor:pointer;background:#f0f2f8;border:1.5px solid #dde1ed;border-radius:8px;flex-shrink:0;padding:7px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.ws-edit-package-cancel:hover{background:#e5e8f0}.ws-attendance-toggle-btn{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .15s}.ws-attendance-toggle-btn .ws-status-badge{cursor:pointer}.ws-attendance-toggle-btn:hover{transform:scale(1.06)}.ws-attendance-toggle-btn:active{transform:scale(.97)}.ws-remove-customer-btn{color:#dc3545;cursor:pointer;background:#dc354514;border:1.5px solid #dc354540;border-radius:8px;align-items:center;gap:5px;padding:6px 13px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.ws-remove-customer-btn:hover{color:#fff;background:#dc3545;border-color:#dc3545;transform:translateY(-1px)}@media screen and (width<=768px){.ws-main{padding:16px 14px 32px}.ws-page-header{padding:14px 16px}.ws-page-header h2{font-size:18px}.ws-page-header .ws-right-section{flex-direction:column;align-items:stretch;gap:10px;width:100%}.ws-page-header .ws-search-container,.ws-page-header .ws-action-buttons-group{width:100%}.ws-page-header .ws-action-buttons-group button{flex:1;justify-content:center}.ws-data-table table th,.ws-data-table table td{padding:11px 12px;font-size:13px}.ws-form-container{padding:18px}.ws-form-container .ws-form-actions{flex-direction:column}.ws-form-container .ws-form-actions button{justify-content:center}.ws-form-container .ws-form-row,.ws-modal-body .ws-form-row{flex-direction:column;gap:14px}.ws-modal-content{border-radius:16px 16px 0 0;max-width:100%}.ws-modal-overlay{align-items:flex-end;padding:0}.ws-row-actions{gap:6px}.ws-summary-strip .ws-summary-items{flex-direction:column;gap:12px}.ws-modal-actions{flex-direction:column}.ws-modal-actions button{justify-content:center}.ws-package-display{flex-direction:column;align-items:flex-start;gap:6px}.ws-edit-package-container{flex-direction:column;align-items:stretch}.ws-edit-package-container .ws-edit-package-select{min-width:100%}}@media (width<=480px){.ws-modal-header{padding:14px 16px}.ws-modal-body{padding:16px}.ws-delete-body{padding:20px 16px}}.ws-detail-card-danger{background:#fdf0f0;border-color:#dc354559}.ws-detail-card-danger .ws-detail-card-header svg{color:#dc3545}.ws-detail-card-danger .ws-detail-card-header strong,.ws-detail-card-danger .ws-detail-card-info{color:#842029}.ws-modal-overlay-nested{z-index:1100}.ws-filters-bar{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto 18px;padding:12px 20px;display:flex;box-shadow:0 2px 10px #00000012}.ws-filters-bar .ws-filters-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ws-filters-bar .ws-filter-btn{color:#888;cursor:pointer;background:0 0;border:1.5px solid #e3e8f0;border-radius:50px;padding:6px 16px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s}.ws-filters-bar .ws-filter-btn:hover{color:#3f3f91;background:#f5f6fb;border-color:#6a6ac5}.ws-filters-bar .ws-filter-btn.ws-filter-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border-color:#3f3f91;box-shadow:0 2px 8px #3f3f9140}.ws-filters-bar .ws-filter-btn.ws-filter-custom{border-style:dashed}.ws-filters-bar .ws-filter-info{color:#888;font-family:Open Sans,sans-serif;font-size:13px}.ws-filters-bar .ws-filter-info strong{color:#3f3f91;font-family:Roboto,sans-serif}.ws-custom-date-container{background:#f8f9fc;border:1.5px solid #e3e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex}.ws-custom-date-container .ws-custom-date-field{align-items:center;gap:6px;display:flex}.ws-custom-date-container .ws-custom-date-field label{color:#555;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.ws-custom-date-container .ws-custom-date-field input[type=date]{color:#333;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;padding:6px 10px;font-family:Open Sans,sans-serif;font-size:13px;transition:border .25s}.ws-custom-date-container .ws-custom-date-field input[type=date]:focus{border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.ws-custom-date-container .ws-custom-date-apply{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745,#2ecc71);border:none;border-radius:50px;padding:6px 18px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.ws-custom-date-container .ws-custom-date-apply:hover:not(:disabled){background:linear-gradient(135deg,#219653,#28a745);transform:translateY(-1px)}.ws-custom-date-container .ws-custom-date-apply:disabled{opacity:.5;cursor:not-allowed;transform:none}.ws-custom-date-container .ws-custom-date-clear{color:#888;cursor:pointer;background:0 0;border:1.5px solid #e3e8f0;border-radius:50px;padding:6px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.ws-custom-date-container .ws-custom-date-clear:hover{background:#f0f2f8;border-color:#c8cde0}.ws-pagination{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 24px;padding:16px 24px;display:flex;box-shadow:0 2px 10px #00000012}.ws-pagination .ws-pagination-info{color:#555;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:500}.ws-pagination .ws-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ws-pagination .ws-pagination-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;transition:all .2s;display:flex}.ws-pagination .ws-pagination-btn:hover:not(:disabled){color:#3f3f91;background:#f5f6fb;border-color:#3f3f91}.ws-pagination .ws-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ws-pagination .ws-pagination-pages{align-items:center;gap:4px;display:flex}.ws-pagination .ws-pagination-page{color:#555;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.ws-pagination .ws-pagination-page:hover:not(.ws-pagination-active){background:#f5f6fb;border-color:#e3e8f0}.ws-pagination .ws-pagination-page.ws-pagination-active{color:#fff;background:#3f3f91;border-color:#3f3f91;box-shadow:0 2px 8px #3f3f9140}@media screen and (width<=768px){.ws-filters-bar{flex-direction:column;align-items:stretch;padding:14px 16px}.ws-filters-bar .ws-filters-group{justify-content:center}.ws-filters-bar .ws-filter-info{text-align:center}.ws-custom-date-container,.ws-custom-date-container .ws-custom-date-field{flex-direction:column;align-items:stretch}.ws-custom-date-container .ws-custom-date-apply,.ws-custom-date-container .ws-custom-date-clear{justify-content:center;width:100%}.ws-pagination{text-align:center;flex-direction:column;align-items:stretch}.ws-pagination .ws-pagination-info{text-align:center}.ws-pagination .ws-pagination-controls{justify-content:center}.ws-pagination .ws-pagination-pages{gap:3px}.ws-pagination .ws-pagination-page{min-width:32px;height:32px;padding:0 8px;font-size:12px}.ws-pagination .ws-pagination-btn{width:32px;height:32px;font-size:12px}}@media (width<=480px){.ws-filters-bar .ws-filters-group{gap:4px}.ws-filters-bar .ws-filter-btn{padding:4px 12px;font-size:11px}.ws-pagination{padding:12px 16px}.ws-pagination .ws-pagination-pages{gap:2px}.ws-pagination .ws-pagination-page{min-width:28px;height:28px;padding:0 6px;font-size:11px}.ws-pagination .ws-pagination-btn{width:28px;height:28px;font-size:11px}}.ws-export-btn{color:#fff!important;cursor:pointer!important;letter-spacing:.2px!important;white-space:nowrap!important;background:linear-gradient(135deg,#27ae60,#2ecc71)!important;border:none!important;border-radius:50px!important;align-items:center!important;gap:8px!important;padding:9px 20px!important;font-family:Roboto,sans-serif!important;font-size:13.5px!important;font-weight:600!important;transition:all .22s!important;display:inline-flex!important;box-shadow:0 3px 8px #27ae6040!important}.ws-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#219653,#27ae60)!important;transform:translateY(-2px)!important;box-shadow:0 5px 14px #27ae6059!important}.ws-export-btn:active:not(:disabled){transform:translateY(0)!important}.ws-export-btn:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.ws-export-btn svg{font-size:14px!important}@media screen and (width<=768px){.ws-export-btn{justify-content:center!important;width:100%!important;padding:10px 16px!important;font-size:13px!important}.ws-action-buttons-group{flex-wrap:wrap!important;gap:8px!important}.ws-action-buttons-group button{flex:1!important;justify-content:center!important;min-width:calc(50% - 4px)!important;padding:8px 12px!important;font-size:12px!important}}@media (width<=480px){.ws-export-btn{padding:8px 12px!important;font-size:11px!important}.ws-action-buttons-group{gap:6px!important}.ws-action-buttons-group button{gap:4px!important;min-width:calc(50% - 3px)!important;padding:7px 10px!important;font-size:11px!important}.ws-action-buttons-group button svg{font-size:11px!important}}@media (width<=400px){.ws-action-buttons-group button{min-width:100%!important;padding:6px 8px!important;font-size:10px!important}}.bi-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.bi-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.bi-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.bi-page-header .bi-right-section{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bi-page-header .bi-search-container{width:240px;position:relative}.bi-page-header .bi-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.bi-page-header .bi-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bi-page-header .bi-search-container input::placeholder{color:#aab0bc}.bi-page-header .bi-search-container .bi-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.bi-page-header .bi-action-buttons-group{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.bi-page-header .bi-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 16px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.bi-page-header .bi-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.bi-page-header .bi-action-buttons-group button:active{transform:translateY(0)}.bi-page-header .bi-action-buttons-group .bi-alert-btn{background:#95a5a6;padding:9px 14px;position:relative}.bi-page-header .bi-action-buttons-group .bi-alert-btn:hover{background:#7f8c8d}.bi-page-header .bi-action-buttons-group .bi-alert-btn .bi-alert-badge{color:#fff;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #0003}.bi-page-header .bi-action-buttons-group .bi-add-ml-btn{background:linear-gradient(135deg,#5a3ec8,#8b7ad6)}.bi-page-header .bi-action-buttons-group .bi-add-ml-btn:hover{background:linear-gradient(135deg,#4a32a8,#5a3ec8);box-shadow:0 5px 14px #5a3ec859}.bi-page-header .bi-action-buttons-group .bi-add-item-btn{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.bi-page-header .bi-action-buttons-group .bi-add-item-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);box-shadow:0 5px 14px #3f3f9159}.bi-page-header .bi-action-buttons-group .bi-upload-btn{background:linear-gradient(135deg,#17a2b8,#20c4dc)}.bi-page-header .bi-action-buttons-group .bi-upload-btn:hover{background:linear-gradient(135deg,#138496,#17a2b8);box-shadow:0 5px 14px #17a2b859}.bi-page-header .bi-action-buttons-group .bi-add-stock-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.bi-page-header .bi-action-buttons-group .bi-add-stock-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.bi-filters{background:#fff;border-radius:8px;flex-wrap:wrap;gap:24px;max-width:1200px;margin:0 auto 20px;padding:14px 20px;display:flex;box-shadow:0 2px 10px #00000012}.bi-filters .bi-filter-group{align-items:center;gap:10px;display:flex}.bi-filters .bi-filter-group label{color:#555;white-space:nowrap;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.bi-filters .bi-filter-group select{color:#333;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:50px;min-width:160px;padding:7px 12px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:border .25s,box-shadow .25s}.bi-filters .bi-filter-group select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bi-data-table{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 18px;overflow:hidden;box-shadow:0 2px 10px #00000012}.bi-data-table table{border-collapse:collapse;width:100%}.bi-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.bi-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.bi-data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.bi-data-table table td.bi-ml-cell{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:700}.bi-data-table table td.bi-item-cell{align-items:center;gap:9px;display:flex}.bi-data-table table td.bi-item-cell .bi-item-icon{color:#6a6ac5;font-size:15px;display:inline-flex}.bi-data-table table td.bi-qty-cell{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:700}.bi-data-table table td.bi-min-cell{color:#888}.bi-product-row{cursor:pointer;transition:background-color .15s}.bi-product-row:hover td{background-color:#f5f6fb}.bi-product-row.bi-row-expanded td{background-color:#f0f0fb;border-bottom-color:#0000}.bi-expand-chevron{color:#aab0bc;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:6px;transition:transform .25s,color .2s;display:inline-flex}.bi-expand-chevron.bi-chevron-open{color:#3f3f91;transform:rotate(90deg)}.bi-ml-cell-content{align-items:center;display:flex}.bi-transaction-row td{border-bottom:1px solid #f0f2f8;padding:0}.bi-transaction-panel{background:#fafaff;padding:18px 24px 20px 50px;animation:.2s ease-out bi-expandIn}@keyframes bi-expandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bi-transaction-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.bi-transaction-panel-header h5{color:#2d2f87;align-items:center;gap:8px;margin:0;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700;display:flex}.bi-transaction-loading{color:#888;align-items:center;gap:10px;padding:16px 0;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.bi-transaction-empty{color:#aab0bc;text-align:center;padding:16px 0;font-family:Open Sans,sans-serif;font-size:13px}.bi-transaction-list{flex-direction:column;gap:6px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.bi-transaction-item{background:#fff;border:1px solid #eceef6;border-radius:8px;padding:8px 16px;transition:all .2s}.bi-transaction-item:hover{border-color:#6a6ac5;box-shadow:0 2px 8px #0000000a}.bi-transaction-item .bi-transaction-row{flex-wrap:wrap;align-items:center;gap:2px 12px;padding:0;display:flex}.bi-transaction-item .bi-transaction-row .bi-txn-label{color:#888;white-space:nowrap;align-items:center;gap:3px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.bi-transaction-item .bi-transaction-row .bi-txn-label svg{color:#6a6ac5;font-size:10px}.bi-transaction-item .bi-transaction-row .bi-txn-value{color:#3a3a5c;white-space:nowrap;font-family:Open Sans,sans-serif;font-size:12.5px}.bi-transaction-item .bi-transaction-row .bi-txn-value.bi-txn-qty{color:#28a745;font-weight:700}.bi-transaction-item .bi-transaction-row .bi-txn-value.bi-txn-stock{color:#555;font-weight:500}.bi-transaction-item .bi-transaction-row .bi-txn-value.bi-txn-stock strong{color:#3f3f91;font-weight:700}.bi-transaction-item .bi-transaction-row .bi-txn-separator{color:#dde1ed;font-size:13px;font-weight:300}.bi-view-disposal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc3545,#e74c3c);border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:6px;margin-left:12px;padding:5px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.bi-view-disposal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.bi-view-disposal-btn svg{font-size:11px}.bi-disposal-panel{background:#fafaff;border-top:2px solid #f8d7da;padding:14px 24px 18px;animation:.2s ease-out bi-expandIn}.bi-disposal-panel .bi-disposal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bi-disposal-panel .bi-disposal-header h5{color:#721c24;align-items:center;gap:8px;margin:0;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;display:flex}.bi-disposal-panel .bi-disposal-header h5 svg{color:#dc3545}.bi-disposal-panel .bi-disposal-header .bi-disposal-close-btn{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .2s;display:flex}.bi-disposal-panel .bi-disposal-header .bi-disposal-close-btn:hover{color:#dc3545;background:#ffe8e8}.bi-disposal-panel .bi-disposal-loading{color:#888;align-items:center;gap:10px;padding:12px 0;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.bi-disposal-panel .bi-disposal-empty{color:#aab0bc;text-align:center;padding:12px 0;font-family:Open Sans,sans-serif;font-size:13px}.bi-disposal-panel .bi-disposal-list{flex-direction:column;gap:6px;max-height:300px;padding-right:4px;display:flex;overflow-y:auto}.bi-disposal-item{background:#fff8f8;border:1px solid #f5d0d0;border-radius:8px;padding:8px 16px;transition:all .2s}.bi-disposal-item:hover{border-color:#dc3545;box-shadow:0 2px 8px #dc354514}.bi-disposal-item .bi-disposal-row{flex-wrap:wrap;align-items:center;gap:2px 12px;padding:0;display:flex}.bi-disposal-item .bi-disposal-row .bi-disposal-label{color:#888;white-space:nowrap;align-items:center;gap:3px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.bi-disposal-item .bi-disposal-row .bi-disposal-label svg{color:#dc3545;font-size:10px}.bi-disposal-item .bi-disposal-row .bi-disposal-value{color:#3a3a5c;white-space:nowrap;font-family:Open Sans,sans-serif;font-size:12.5px}.bi-disposal-item .bi-disposal-row .bi-disposal-value.bi-disposal-reason{color:#856404;background:#fff3cd;border-radius:20px;padding:1px 10px;font-size:11px;font-weight:600}.bi-disposal-item .bi-disposal-row .bi-disposal-value.bi-disposal-qty{color:#dc3545;font-weight:700}.bi-disposal-item .bi-disposal-row .bi-disposal-separator{color:#dde1ed;font-size:13px;font-weight:300}.bi-empty-state{text-align:center;padding:48px 20px}.bi-empty-state .bi-empty-icon{color:#ccd2e0;margin-bottom:12px;font-size:42px}.bi-empty-state p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:14.5px}.bi-status-badge{border-radius:20px;align-items:center;gap:7px;padding:4px 13px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.bi-status-badge .bi-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.bi-status-badge.bi-status-healthy{color:#155724;background:#d4edda}.bi-status-badge.bi-status-healthy .bi-status-dot{background:#28a745}.bi-status-badge.bi-status-low{color:#856404;background:#fff3cd}.bi-status-badge.bi-status-low .bi-status-dot{background:#e67e22}.bi-status-badge.bi-status-empty{color:#721c24;background:#f8d7da}.bi-status-badge.bi-status-empty .bi-status-dot{background:#dc3545}.bi-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.bi-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.bi-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite bi-spin;display:inline-block}.bi-loading-spinner.large{border-width:3px;width:40px;height:40px}.bi-loading-spinner.small{border-width:2px;width:16px;height:16px}.bi-loading-spinner.tiny{border-width:2px;width:14px;height:14px}@keyframes bi-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bi-pagination{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 24px;padding:14px 22px;display:flex;box-shadow:0 2px 10px #00000012}.bi-pagination .bi-pagination-info{color:#888;font-family:Open Sans,sans-serif;font-size:13px}.bi-pagination .bi-pagination-controls{align-items:center;gap:6px;display:flex}.bi-pagination .bi-pagination-btn{color:#3f3f91;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:flex}.bi-pagination .bi-pagination-btn:hover:not(:disabled){color:#fff;background:#3f3f91;border-color:#3f3f91}.bi-pagination .bi-pagination-btn:disabled{color:#ccd2e0;cursor:not-allowed;border-color:#f0f2f8}.bi-pagination .bi-pagination-pages{align-items:center;gap:4px;margin:0 4px;display:flex}.bi-pagination .bi-pagination-page{color:#555;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bi-pagination .bi-pagination-page:hover{background:#f0f2f8}.bi-pagination .bi-pagination-page.bi-pagination-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 2px 6px #3f3f914d}.bi-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out bi-fadeIn;display:flex;position:fixed;inset:0}@keyframes bi-fadeIn{0%{opacity:0}to{opacity:1}}.bi-modal-content{background:#fff;border-radius:14px;width:100%;max-width:540px;max-height:90vh;animation:.25s ease-out bi-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}@keyframes bi-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.bi-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.bi-modal-header .bi-modal-title{color:#2d2f87;align-items:center;gap:9px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.bi-modal-header .bi-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.bi-modal-header .bi-modal-close:hover{color:#3f3f91;background:#ede8fa}.bi-modal-body{padding:22px}.bi-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.bi-btn-cancel,.bi-btn-primary{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.bi-btn-cancel:disabled,.bi-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.bi-btn-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.bi-btn-cancel:hover{background:#e5e8f0}.bi-btn-primary{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f9140}.bi-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.bi-form-row{gap:18px;margin-bottom:16px;display:flex}.bi-form-row .bi-form-field{flex:1}.bi-form-field label{color:#555;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:block}.bi-form-field input[type=text],.bi-form-field input[type=number]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.bi-form-field input[type=text]:focus,.bi-form-field input[type=number]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bi-form-field input[type=text]::placeholder,.bi-form-field input[type=number]::placeholder{color:#bfc5ce}.bi-form-field select{color:#333;box-sizing:border-box;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.bi-form-field select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.bi-form-field .bi-field-hint{color:#aab0bc;margin-top:6px;font-family:Open Sans,sans-serif;font-size:12px;display:block}.bi-upload-area p{color:#555;margin:0 0 6px;font-family:Open Sans,sans-serif;font-size:14px}.bi-upload-area p.bi-upload-hint{color:#aab0bc;font-size:12.5px}.bi-file-drop{text-align:center;background:#fafbfc;border:2px dashed #c5cbdf;border-radius:8px;margin-top:14px;padding:20px}.bi-file-drop input[type=file]{color:#555;width:100%;font-family:Open Sans,sans-serif;font-size:13.5px}.bi-file-info{color:#2d2d50;background:#f0fff5;border:1px solid #d0e8d8;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.bi-file-info svg{color:#28a745}.bi-btn-download{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #3f3f91;border-radius:50px;align-items:center;gap:8px;margin-top:12px;padding:9px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.bi-btn-download:hover{background:#ededfb}.bi-upload-summary{flex-wrap:wrap;gap:14px;margin-bottom:18px;display:flex}.bi-upload-summary div{border-radius:8px;flex:1;align-items:center;gap:9px;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.bi-upload-summary div strong{font-family:Roboto,sans-serif;font-weight:700}.bi-upload-summary div svg{flex-shrink:0;font-size:16px}.bi-summary-success{color:#155724;background:#d4edda}.bi-summary-error.has-errors{color:#721c24;background:#f8d7da}.bi-summary-error.no-errors{color:#888;background:#f0f2f8}.bi-result-section{margin-bottom:22px}.bi-result-section:last-child{margin-bottom:0}.bi-result-heading{align-items:center;gap:8px;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;display:flex}.bi-result-heading.bi-result-success{color:#28a745}.bi-result-heading.bi-result-error{color:#dc3545}.bi-result-table-wrap{border:1px solid #f0f2f8;border-radius:8px;max-height:280px;overflow-y:auto}.bi-result-table{border-collapse:collapse;width:100%}.bi-result-table thead{background:#f7f8fc;position:sticky;top:0}.bi-result-table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.4px;padding:10px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.bi-result-table td{color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13px}.bi-result-table td.bi-success-cell{color:#28a745;font-weight:600}.bi-result-table td.bi-error-cell{color:#dc3545}.bi-result-table tr:last-child td{border-bottom:none}.bi-btn-download-error{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50px;align-items:center;gap:8px;margin-top:16px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 8px #dc354540}.bi-btn-download-error:hover{background:#c82333;transform:translateY(-1px)}.bi-alert-empty-state{text-align:center;padding:30px}.bi-alert-empty-state svg{color:#28a745;font-size:40px}.bi-alert-empty-state p{color:#555;margin-top:12px;font-family:Open Sans,sans-serif;font-size:14px}.bi-alert-section{margin-bottom:18px}.bi-alert-section:last-child{margin-bottom:0}.bi-alert-section h4{margin:0 0 10px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.bi-alert-section h4.bi-alert-heading-empty{color:#dc3545}.bi-alert-section h4.bi-alert-heading-low{color:#e67e22}.bi-alert-list{flex-direction:column;gap:8px;display:flex}.bi-alert-item{border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.bi-alert-item span:first-child{font-weight:600}.bi-alert-item.bi-alert-empty{color:#721c24;background:#f8d7da}.bi-alert-item.bi-alert-low{color:#856404;background:#fff3cd}@media screen and (width<=768px){.bi-main{padding:16px 14px 32px}.bi-page-header{padding:14px 16px}.bi-page-header h2{font-size:18px}.bi-page-header .bi-right-section{flex-direction:column;align-items:stretch;width:100%}.bi-page-header .bi-search-container,.bi-page-header .bi-action-buttons-group{width:100%}.bi-page-header .bi-action-buttons-group button{flex:1;justify-content:center}.bi-filters{flex-direction:column;gap:14px;padding:14px}.bi-filters .bi-filter-group{width:100%}.bi-filters .bi-filter-group select{flex:1}.bi-data-table table th,.bi-data-table table td{padding:11px 12px;font-size:13px}.bi-transaction-panel{padding:16px}.bi-pagination{text-align:center;flex-direction:column;align-items:stretch}.bi-form-row{flex-direction:column;gap:14px}.bi-modal-content{border-radius:16px 16px 0 0;max-width:100%}.bi-modal-overlay{align-items:flex-end;padding:0}.bi-upload-summary{flex-direction:column}.bi-transaction-item .bi-transaction-row,.bi-disposal-item .bi-disposal-row{gap:2px 8px}.bi-transaction-item .bi-transaction-row .bi-txn-label,.bi-transaction-item .bi-transaction-row .bi-disposal-label,.bi-disposal-item .bi-disposal-row .bi-txn-label,.bi-disposal-item .bi-disposal-row .bi-disposal-label{font-size:10px}.bi-transaction-item .bi-transaction-row .bi-txn-value,.bi-transaction-item .bi-transaction-row .bi-disposal-value,.bi-disposal-item .bi-disposal-row .bi-txn-value,.bi-disposal-item .bi-disposal-row .bi-disposal-value{font-size:11.5px}}@media (width<=480px){.bi-modal-header{padding:14px 16px}.bi-modal-body{padding:16px}.bi-modal-footer,.bi-pagination{padding:12px 16px}.bi-pagination .bi-pagination-pages{gap:2px}.bi-pagination .bi-pagination-page,.bi-pagination .bi-pagination-btn{width:28px;height:28px;font-size:11px}.bi-transaction-item .bi-transaction-row,.bi-disposal-item .bi-disposal-row{gap:2px 6px}.bi-transaction-item .bi-transaction-row .bi-txn-label,.bi-transaction-item .bi-transaction-row .bi-disposal-label,.bi-disposal-item .bi-disposal-row .bi-txn-label,.bi-disposal-item .bi-disposal-row .bi-disposal-label{font-size:9px}.bi-transaction-item .bi-transaction-row .bi-txn-value,.bi-transaction-item .bi-transaction-row .bi-disposal-value,.bi-disposal-item .bi-disposal-row .bi-txn-value,.bi-disposal-item .bi-disposal-row .bi-disposal-value{font-size:10.5px}.bi-transaction-item .bi-transaction-row .bi-txn-separator,.bi-transaction-item .bi-transaction-row .bi-disposal-separator,.bi-disposal-item .bi-disposal-row .bi-txn-separator,.bi-disposal-item .bi-disposal-row .bi-disposal-separator{font-size:10px}}.bi-transaction-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bi-view-all-transactions-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:6px;padding:5px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.bi-view-all-transactions-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 4px 12px #3f3f914d}.bi-view-all-transactions-btn svg{font-size:11px}.bi-modal-content.bi-modal-lg{max-width:820px}.bi-transaction-tabs{border-bottom:2px solid #f0f2f8;gap:6px;margin-bottom:18px;padding-bottom:10px;display:flex}.bi-transaction-tabs .bi-tab-btn{color:#888;cursor:pointer;background:#f5f6fa;border:none;border-radius:50px;align-items:center;gap:7px;padding:8px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .25s;display:flex}.bi-transaction-tabs .bi-tab-btn:hover{color:#555;background:#e8eaf0}.bi-transaction-tabs .bi-tab-btn.bi-tab-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f9140}.bi-transaction-tabs .bi-tab-btn.bi-tab-active:hover{box-shadow:0 4px 14px #3f3f9159}.bi-full-transaction-list{flex-direction:column;gap:10px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.bi-full-txn-item{background:#fff;border:1px solid #eceef6;border-left:4px solid #0000;border-radius:8px;padding:12px 16px;transition:all .2s}.bi-full-txn-item.bi-txn-in{background:#f8fff9;border-left-color:#28a745}.bi-full-txn-item.bi-txn-out{background:#fff8f8;border-left-color:#dc3545}.bi-full-txn-item:hover{box-shadow:0 2px 10px #0000000f}.bi-full-txn-header{border-bottom:1px solid #f0f2f8;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.bi-full-txn-header .bi-full-txn-type{align-items:center;gap:5px;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;display:inline-flex}.bi-full-txn-header .bi-full-txn-type .bi-txn-in-icon{color:#28a745}.bi-full-txn-header .bi-full-txn-type .bi-txn-out-icon{color:#dc3545}.bi-full-txn-header .bi-full-txn-type.bi-txn-in{color:#28a745}.bi-full-txn-header .bi-full-txn-type.bi-txn-out{color:#dc3545}.bi-full-txn-header .bi-full-txn-reason{color:#555;background:#f0f2f8;border-radius:20px;align-items:center;gap:4px;padding:2px 12px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.bi-full-txn-header .bi-full-txn-date,.bi-full-txn-header .bi-full-txn-time{color:#888;align-items:center;gap:4px;font-family:Open Sans,sans-serif;font-size:12px;display:inline-flex}.bi-full-txn-header .bi-full-txn-date svg,.bi-full-txn-header .bi-full-txn-time svg{font-size:11px}.bi-full-txn-details{flex-direction:column;gap:4px;display:flex}.bi-full-txn-details .bi-full-txn-row{flex-wrap:wrap;align-items:baseline;gap:6px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.bi-full-txn-details .bi-full-txn-row .bi-full-txn-label{color:#888;min-width:100px;font-weight:600}.bi-full-txn-details .bi-full-txn-row .bi-full-txn-value{color:#3a3a5c}.bi-full-txn-details .bi-full-txn-row .bi-full-txn-value strong{color:#3f3f91;font-weight:700}.bi-full-txn-details .bi-full-txn-row .bi-txn-bulk-id{color:#0c6b9e;background:#e8f4fd;border-radius:12px;padding:1px 10px;font-family:monospace;font-size:11px;font-weight:600}.bi-full-txn-details .bi-full-txn-row .bi-txn-invoice-tag{color:#856404;background:#fff3cd;border-radius:12px;padding:1px 10px;font-size:11px;font-weight:600}.bi-transaction-empty{text-align:center;color:#aab0bc;padding:24px 0;font-family:Open Sans,sans-serif;font-size:14px}.bi-transaction-loading{flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.bi-transaction-loading p{color:#888;margin-top:12px;font-family:Open Sans,sans-serif;font-size:14px}.bi-transaction-loading .bi-loading-spinner.large{border-width:3px;width:40px;height:40px}@media screen and (width<=768px){.bi-modal-content.bi-modal-lg{max-width:100%}.bi-full-txn-header{gap:8px}.bi-full-txn-header .bi-full-txn-type{font-size:13px}.bi-full-txn-header .bi-full-txn-reason{padding:2px 10px;font-size:11px}.bi-full-txn-header .bi-full-txn-date,.bi-full-txn-header .bi-full-txn-time{font-size:11px}.bi-full-txn-details .bi-full-txn-row{font-size:12px}.bi-full-txn-details .bi-full-txn-row .bi-full-txn-label{min-width:80px}.bi-transaction-tabs .bi-tab-btn{padding:6px 14px;font-size:12px}}@media (width<=480px){.bi-full-txn-header{flex-direction:column;align-items:flex-start;gap:6px}.bi-full-txn-details .bi-full-txn-row{flex-direction:column;align-items:flex-start;gap:2px}.bi-full-txn-details .bi-full-txn-row .bi-full-txn-label{min-width:auto}.bi-transaction-tabs .bi-tab-btn{padding:5px 12px;font-size:11px}}.bi-status-filter{background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:8px;padding:3px 8px 3px 14px;transition:all .25s;display:flex}.bi-status-filter:focus-within{background:#fff;border-color:#6a6ac5;box-shadow:0 0 0 3px #6a6ac51f}.bi-status-filter .bi-filter-icon{color:#aab0bc;flex-shrink:0;font-size:13px}.bi-status-filter .bi-status-select{color:#333;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;min-width:120px;padding:6px 8px 6px 4px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:500}.bi-status-filter .bi-status-select option{padding:6px 10px;font-family:Open Sans,sans-serif;font-size:13px}.bi-status-filter .bi-status-select:focus{outline:none}.bi-status-filter:after{content:"▾";color:#aab0bc;pointer-events:none;margin-right:4px;font-size:10px}.bi-export-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;box-shadow:0 3px 8px #27ae6040!important}.bi-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#219653,#27ae60)!important;box-shadow:0 5px 14px #27ae6059!important}.bi-export-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.bi-export-btn svg{font-size:13px}@media screen and (width<=768px){.bi-status-filter{width:100%;padding:3px 8px 3px 14px}.bi-status-filter .bi-status-select{width:100%;min-width:auto;padding:6px 4px;font-size:13px}.bi-export-btn{justify-content:center;width:100%;padding:10px 16px;font-size:13px}.bi-action-buttons-group{flex-wrap:wrap;gap:8px}.bi-action-buttons-group button{flex:1;justify-content:center;min-width:calc(50% - 4px);padding:8px 12px;font-size:12px}}@media (width<=480px){.bi-status-filter{padding:2px 6px 2px 12px}.bi-status-filter .bi-status-select{min-width:100px;padding:4px 4px 4px 2px;font-size:12px}.bi-status-filter .bi-filter-icon{font-size:11px}.bi-export-btn{padding:8px 12px;font-size:11px}.bi-action-buttons-group{gap:6px}.bi-action-buttons-group button{gap:4px;min-width:calc(50% - 3px);padding:7px 10px;font-size:11px}.bi-action-buttons-group button svg{font-size:11px}}@media (width<=400px){.bi-action-buttons-group button{min-width:100%;padding:6px 8px;font-size:10px}.bi-status-filter .bi-status-select{min-width:80px;padding:4px 2px;font-size:11px}}.xp-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.xp-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.xp-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.xp-page-header .xp-right-section{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.xp-page-header .xp-search-container{width:240px;position:relative}.xp-page-header .xp-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.xp-page-header .xp-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.xp-page-header .xp-search-container input::placeholder{color:#aab0bc}.xp-page-header .xp-search-container .xp-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.xp-page-header .xp-action-buttons-group{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.xp-page-header .xp-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 16px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.xp-page-header .xp-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.xp-page-header .xp-action-buttons-group button:active{transform:translateY(0)}.xp-page-header .xp-action-buttons-group .xp-alert-btn{background:#95a5a6;padding:9px 14px;position:relative}.xp-page-header .xp-action-buttons-group .xp-alert-btn:hover{background:#7f8c8d}.xp-page-header .xp-action-buttons-group .xp-alert-btn .xp-alert-badge{color:#fff;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #0003}.xp-page-header .xp-action-buttons-group .xp-bulk-stock-btn{background:linear-gradient(135deg,#17a2b8,#20c4dc)}.xp-page-header .xp-action-buttons-group .xp-bulk-stock-btn:hover{background:linear-gradient(135deg,#138496,#17a2b8);box-shadow:0 5px 14px #17a2b859}.xp-page-header .xp-action-buttons-group .xp-upload-btn{background:linear-gradient(135deg,#95a5a6,#aab0bc)}.xp-page-header .xp-action-buttons-group .xp-upload-btn:hover{background:linear-gradient(135deg,#7f8c8d,#95a5a6);box-shadow:0 5px 14px #95a5a659}.xp-page-header .xp-action-buttons-group .xp-add-stock-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.xp-page-header .xp-action-buttons-group .xp-add-stock-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.xp-page-header .xp-action-buttons-group .xp-add-product-btn{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.xp-page-header .xp-action-buttons-group .xp-add-product-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);box-shadow:0 5px 14px #3f3f9159}.xp-data-table{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow:hidden;box-shadow:0 2px 10px #00000012}.xp-data-table table{border-collapse:collapse;width:100%}.xp-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.xp-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;padding:14px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.xp-data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.xp-data-table table td.xp-name-cell{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:700}.xp-data-table table td.xp-ml-cell{color:#555;font-weight:500}.xp-data-table table td.xp-qty-cell{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:700}.xp-data-table table td.xp-price-cell{color:#28a745;font-family:Roboto,sans-serif;font-weight:700}.xp-data-table table td.xp-min-cell{color:#888}.xp-product-row{cursor:pointer;transition:background-color .15s}.xp-product-row:hover td{background-color:#f5f6fb}.xp-product-row.xp-row-expanded td{background-color:#f0f0fb;border-bottom-color:#0000}.xp-expand-chevron{color:#aab0bc;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:6px;transition:transform .25s,color .2s;display:inline-flex}.xp-expand-chevron.xp-chevron-open{color:#3f3f91;transform:rotate(90deg)}.xp-name-cell-content{align-items:center;display:flex}.xp-transaction-row td{border-bottom:1px solid #f0f2f8;padding:0}.xp-transaction-panel{background:#fafaff;padding:18px 24px 20px 56px;animation:.2s ease-out xp-expandIn}@keyframes xp-expandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.xp-transaction-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.xp-transaction-panel-header h5{color:#2d2f87;align-items:center;gap:8px;margin:0;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700;display:flex}.xp-transaction-loading{color:#888;align-items:center;gap:10px;padding:16px 0;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.xp-transaction-empty{color:#aab0bc;text-align:center;padding:16px 0;font-family:Open Sans,sans-serif;font-size:13px}.xp-transaction-list{flex-direction:column;gap:6px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.xp-transaction-item{background:#fff;border:1px solid #eceef6;border-radius:8px;padding:8px 16px;transition:all .2s}.xp-transaction-item:hover{border-color:#6a6ac5;box-shadow:0 2px 8px #0000000a}.xp-transaction-item .xp-transaction-row{flex-wrap:wrap;align-items:center;gap:2px 12px;padding:0;display:flex}.xp-transaction-item .xp-transaction-row .xp-txn-label{color:#888;white-space:nowrap;align-items:center;gap:3px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.xp-transaction-item .xp-transaction-row .xp-txn-label svg{color:#6a6ac5;font-size:10px}.xp-transaction-item .xp-transaction-row .xp-txn-value{color:#3a3a5c;white-space:nowrap;font-family:Open Sans,sans-serif;font-size:12.5px}.xp-transaction-item .xp-transaction-row .xp-txn-value.xp-txn-qty{color:#28a745;font-weight:700}.xp-transaction-item .xp-transaction-row .xp-txn-value.xp-txn-price{color:#3f3f91;font-weight:600}.xp-transaction-item .xp-transaction-row .xp-txn-separator{color:#dde1ed;font-size:13px;font-weight:300}.xp-view-disposal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc3545,#e74c3c);border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:6px;padding:5px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:flex}.xp-view-disposal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.xp-view-disposal-btn svg{font-size:11px}.xp-disposal-panel{background:#fafaff;border-top:2px solid #f8d7da;padding:14px 24px 18px 56px;animation:.2s ease-out xp-expandIn}.xp-disposal-panel .xp-disposal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.xp-disposal-panel .xp-disposal-header h5{color:#721c24;align-items:center;gap:8px;margin:0;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;display:flex}.xp-disposal-panel .xp-disposal-header h5 svg{color:#dc3545}.xp-disposal-panel .xp-disposal-header .xp-disposal-close-btn{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .2s;display:flex}.xp-disposal-panel .xp-disposal-header .xp-disposal-close-btn:hover{color:#dc3545;background:#ffe8e8}.xp-disposal-panel .xp-disposal-loading{color:#888;align-items:center;gap:10px;padding:12px 0;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.xp-disposal-panel .xp-disposal-empty{color:#aab0bc;text-align:center;padding:12px 0;font-family:Open Sans,sans-serif;font-size:13px}.xp-disposal-panel .xp-disposal-list{flex-direction:column;gap:6px;max-height:300px;padding-right:4px;display:flex;overflow-y:auto}.xp-disposal-item{background:#fff8f8;border:1px solid #f5d0d0;border-radius:8px;padding:8px 16px;transition:all .2s}.xp-disposal-item:hover{border-color:#dc3545;box-shadow:0 2px 8px #dc354514}.xp-disposal-item .xp-disposal-row{flex-wrap:wrap;align-items:center;gap:2px 12px;padding:0;display:flex}.xp-disposal-item .xp-disposal-row .xp-disposal-label{color:#888;white-space:nowrap;align-items:center;gap:3px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.xp-disposal-item .xp-disposal-row .xp-disposal-label svg{color:#dc3545;font-size:10px}.xp-disposal-item .xp-disposal-row .xp-disposal-value{color:#3a3a5c;white-space:nowrap;font-family:Open Sans,sans-serif;font-size:12.5px}.xp-disposal-item .xp-disposal-row .xp-disposal-value.xp-disposal-reason{color:#856404;background:#fff3cd;border-radius:20px;padding:1px 10px;font-size:11px;font-weight:600}.xp-disposal-item .xp-disposal-row .xp-disposal-value.xp-disposal-qty{color:#dc3545;font-weight:700}.xp-disposal-item .xp-disposal-row .xp-disposal-separator{color:#dde1ed;font-size:13px;font-weight:300}.xp-empty-state{text-align:center;padding:48px 20px}.xp-empty-state .xp-empty-icon{color:#ccd2e0;margin-bottom:12px;font-size:42px}.xp-empty-state p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:14.5px}.xp-status-badge{border-radius:20px;align-items:center;gap:7px;padding:4px 13px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.xp-status-badge .xp-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.xp-status-badge.xp-status-healthy{color:#155724;background:#d4edda}.xp-status-badge.xp-status-healthy .xp-status-dot{background:#28a745}.xp-status-badge.xp-status-low{color:#856404;background:#fff3cd}.xp-status-badge.xp-status-low .xp-status-dot{background:#e67e22}.xp-status-badge.xp-status-empty{color:#721c24;background:#f8d7da}.xp-status-badge.xp-status-empty .xp-status-dot{background:#dc3545}.xp-row-actions{align-items:center;gap:8px;display:flex}.xp-row-actions button{cursor:pointer;color:#fff;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.xp-row-actions button:hover{opacity:.9;transform:translateY(-1px)}.xp-row-actions .xp-edit-btn{background:#3f3f91}.xp-row-actions .xp-edit-btn:hover{background:#2d2f87}.xp-row-actions .xp-delete-btn{background:#dc3545}.xp-row-actions .xp-delete-btn:hover{background:#c82333}.xp-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.xp-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.xp-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite xp-spin;display:inline-block}.xp-loading-spinner.large{border-width:3px;width:40px;height:40px}.xp-loading-spinner.small{border-width:2px;width:16px;height:16px}.xp-loading-spinner.tiny{border-width:2px;border-top-color:#3f3f91;width:14px;height:14px}@keyframes xp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.xp-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out xp-fadeIn;display:flex;position:fixed;inset:0}@keyframes xp-fadeIn{0%{opacity:0}to{opacity:1}}.xp-modal-content{background:#fff;border-radius:14px;width:100%;max-width:540px;max-height:90vh;animation:.25s ease-out xp-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}@keyframes xp-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.xp-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.xp-modal-header .xp-modal-title{color:#2d2f87;align-items:center;gap:9px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.xp-modal-header .xp-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.xp-modal-header .xp-modal-close:hover{color:#3f3f91;background:#ede8fa}.xp-modal-header.xp-modal-header-danger .xp-modal-title{color:#dc3545}.xp-modal-header.xp-modal-header-danger .xp-modal-close:hover{color:#dc3545;background:#ffe8e8}.xp-modal-body{padding:22px}.xp-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.xp-btn-cancel,.xp-btn-primary,.xp-btn-delete{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.xp-btn-cancel:disabled,.xp-btn-primary:disabled,.xp-btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.xp-btn-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.xp-btn-cancel:hover{background:#e5e8f0}.xp-btn-primary{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f9140}.xp-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.xp-btn-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.xp-btn-delete:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 5px 12px #dc354559}.xp-form-row{gap:18px;margin-bottom:16px;display:flex}.xp-form-row .xp-form-field{flex:1}.xp-form-field label{color:#555;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:block}.xp-form-field input[type=text],.xp-form-field input[type=number]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.xp-form-field input[type=text]:focus,.xp-form-field input[type=number]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.xp-form-field input[type=text]::placeholder,.xp-form-field input[type=number]::placeholder{color:#bfc5ce}.xp-form-field select{color:#333;box-sizing:border-box;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.xp-form-field select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.xp-current-stock-info{color:#444;background:#f0f0fb;border:1px solid #d8d8f0;border-radius:8px;flex-wrap:wrap;gap:20px;margin-bottom:16px;padding:11px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.xp-current-stock-info strong{color:#2d2f87;font-family:Roboto,sans-serif;font-weight:700}.xp-upload-area p{color:#555;margin:0 0 6px;font-family:Open Sans,sans-serif;font-size:14px}.xp-upload-area .xp-upload-hint{color:#aab0bc;margin-bottom:14px;font-size:12.5px}.xp-upload-type-tabs{gap:8px;margin-bottom:16px;display:flex}.xp-upload-type-tabs button{color:#888;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.xp-upload-type-tabs button:hover{border-color:#6a6ac5}.xp-upload-type-tabs button.xp-upload-type-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border-color:#3f3f91;box-shadow:0 3px 8px #3f3f9140}.xp-file-drop{text-align:center;background:#fafbfc;border:2px dashed #c5cbdf;border-radius:8px;margin-bottom:14px;padding:20px}.xp-file-drop input[type=file]{color:#555;width:100%;font-family:Open Sans,sans-serif;font-size:13.5px}.xp-file-info{color:#2d2d50;background:#f0fff5;border:1px solid #d0e8d8;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.xp-file-info svg{color:#28a745}.xp-btn-download{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #3f3f91;border-radius:50px;align-items:center;gap:8px;padding:9px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.xp-btn-download:hover{background:#ededfb}.xp-delete-body{text-align:center;padding:6px 0}.xp-delete-body .xp-delete-icon{color:#dc3545;margin-bottom:14px;font-size:42px}.xp-delete-body h3{color:#2c3e50;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px;font-weight:700}.xp-delete-body p{color:#7f8c8d;margin:0;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.7}.xp-delete-body p strong{color:#2c3e50;font-weight:700}.xp-upload-summary{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.xp-upload-summary div{border-radius:8px;flex:1;align-items:center;gap:9px;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.xp-upload-summary div strong{font-family:Roboto,sans-serif;font-weight:700}.xp-upload-summary div svg{flex-shrink:0;font-size:16px}.xp-summary-success{color:#155724;background:#d4edda}.xp-summary-error.has-errors{color:#721c24;background:#f8d7da}.xp-summary-error.no-errors{color:#888;background:#f0f2f8}.xp-result-section{margin-bottom:22px}.xp-result-section:last-child{margin-bottom:0}.xp-result-heading{align-items:center;gap:8px;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;display:flex}.xp-result-heading.xp-result-success{color:#28a745}.xp-result-heading.xp-result-error{color:#dc3545}.xp-result-table-wrap{border:1px solid #f0f2f8;border-radius:8px;max-height:260px;overflow-y:auto}.xp-result-table{border-collapse:collapse;width:100%}.xp-result-table thead{background:#f7f8fc;position:sticky;top:0}.xp-result-table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:10px 14px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600}.xp-result-table td{color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13px}.xp-result-table td.xp-success-cell{color:#28a745;font-weight:600}.xp-result-table td.xp-error-cell{color:#dc3545;white-space:normal}.xp-result-table tr:last-child td{border-bottom:none}.xp-btn-download-error{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50px;align-items:center;gap:8px;margin-top:16px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 8px #dc354540}.xp-btn-download-error:hover{background:#c82333;transform:translateY(-1px)}.xp-alert-empty-state{text-align:center;padding:30px}.xp-alert-empty-state svg{color:#28a745;font-size:40px}.xp-alert-empty-state p{color:#555;margin-top:12px;font-family:Open Sans,sans-serif;font-size:14px}.xp-alert-section{margin-bottom:18px}.xp-alert-section:last-child{margin-bottom:0}.xp-alert-section h4{margin:0 0 10px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.xp-alert-section h4.xp-alert-heading-empty{color:#dc3545}.xp-alert-section h4.xp-alert-heading-low{color:#e67e22}.xp-alert-list{flex-direction:column;gap:8px;display:flex}.xp-alert-item{border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.xp-alert-item span:first-child{font-weight:600}.xp-alert-item.xp-alert-empty{color:#721c24;background:#f8d7da}.xp-alert-item.xp-alert-low{color:#856404;background:#fff3cd}.xp-pagination{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 24px;padding:16px 24px;display:flex;box-shadow:0 2px 10px #00000012}.xp-pagination .xp-pagination-info{color:#555;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:500}.xp-pagination .xp-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.xp-pagination .xp-pagination-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;transition:all .2s;display:flex}.xp-pagination .xp-pagination-btn:hover:not(:disabled){color:#3f3f91;background:#f5f6fb;border-color:#3f3f91}.xp-pagination .xp-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.xp-pagination .xp-pagination-pages{align-items:center;gap:4px;display:flex}.xp-pagination .xp-pagination-page{color:#555;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.xp-pagination .xp-pagination-page:hover:not(.xp-pagination-active){background:#f5f6fb;border-color:#e3e8f0}.xp-pagination .xp-pagination-page.xp-pagination-active{color:#fff;background:#3f3f91;border-color:#3f3f91;box-shadow:0 2px 8px #3f3f9140}@media screen and (width<=768px){.xp-main{padding:16px 14px 32px}.xp-page-header{padding:14px 16px}.xp-page-header h2{font-size:18px}.xp-page-header .xp-right-section{flex-direction:column;align-items:stretch;width:100%}.xp-page-header .xp-search-container,.xp-page-header .xp-action-buttons-group{width:100%}.xp-page-header .xp-action-buttons-group button{flex:1;justify-content:center}.xp-data-table{overflow-x:auto}.xp-data-table table{min-width:700px}.xp-data-table th,.xp-data-table td{padding:11px 12px;font-size:13px}.xp-transaction-panel,.xp-disposal-panel{padding:16px 16px 16px 20px}.xp-transaction-item .xp-transaction-row,.xp-disposal-item .xp-disposal-row{gap:2px 8px}.xp-transaction-item .xp-transaction-row .xp-txn-label,.xp-transaction-item .xp-transaction-row .xp-disposal-label,.xp-disposal-item .xp-disposal-row .xp-txn-label,.xp-disposal-item .xp-disposal-row .xp-disposal-label{font-size:10px}.xp-transaction-item .xp-transaction-row .xp-txn-value,.xp-transaction-item .xp-transaction-row .xp-disposal-value,.xp-disposal-item .xp-disposal-row .xp-txn-value,.xp-disposal-item .xp-disposal-row .xp-disposal-value{font-size:11.5px}.xp-form-row{flex-direction:column;gap:14px}.xp-modal-content{border-radius:16px 16px 0 0;max-width:100%}.xp-modal-overlay{padding:5px}.xp-upload-summary{flex-direction:column}.xp-current-stock-info{flex-direction:column;gap:6px}.xp-pagination{text-align:center;flex-direction:column;align-items:stretch}.xp-pagination .xp-pagination-info{text-align:center}.xp-pagination .xp-pagination-controls{justify-content:center}.xp-pagination .xp-pagination-pages{gap:3px}.xp-pagination .xp-pagination-page{min-width:32px;height:32px;padding:0 8px;font-size:12px}.xp-pagination .xp-pagination-btn{width:32px;height:32px;font-size:12px}}@media (width<=480px){.xp-modal-header{padding:14px 16px}.xp-modal-body{padding:16px}.xp-modal-footer,.xp-pagination{padding:12px 16px}.xp-pagination .xp-pagination-pages{gap:2px}.xp-pagination .xp-pagination-page{min-width:28px;height:28px;padding:0 6px;font-size:11px}.xp-pagination .xp-pagination-btn{width:28px;height:28px;font-size:11px}.xp-transaction-item .xp-transaction-row,.xp-disposal-item .xp-disposal-row{gap:2px 6px}.xp-transaction-item .xp-transaction-row .xp-txn-label,.xp-transaction-item .xp-transaction-row .xp-disposal-label,.xp-disposal-item .xp-disposal-row .xp-txn-label,.xp-disposal-item .xp-disposal-row .xp-disposal-label{font-size:9px}.xp-transaction-item .xp-transaction-row .xp-txn-value,.xp-transaction-item .xp-transaction-row .xp-disposal-value,.xp-disposal-item .xp-disposal-row .xp-txn-value,.xp-disposal-item .xp-disposal-row .xp-disposal-value{font-size:10.5px}.xp-transaction-item .xp-transaction-row .xp-txn-separator,.xp-transaction-item .xp-transaction-row .xp-disposal-separator,.xp-disposal-item .xp-disposal-row .xp-txn-separator,.xp-disposal-item .xp-disposal-row .xp-disposal-separator{font-size:10px}}.xp-stock-toggle-header{align-items:center;gap:10px;display:flex}.xp-stock-toggle-header span{color:#6b6b9a;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.xp-stock-toggle-btn{color:#6b6b9a;cursor:pointer;background:#f0f2f8;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:5px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:flex}.xp-stock-toggle-btn svg{color:#3f3f91;font-size:14px}.xp-stock-toggle-btn:hover{background:#e5e8f0;border-color:#6a6ac5}.xp-stock-cell{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:700}.xp-stock-cell .xp-density-hint{color:#aab0bc;margin-left:8px;font-family:Open Sans,sans-serif;font-size:11px;font-weight:400;display:inline-block}.xp-density-badge{color:#856404;background:#fff3cd;border:1px solid #ffeaa7;border-radius:20px;margin-left:10px;padding:1px 10px;font-family:Roboto,sans-serif;font-size:10px;font-weight:600;display:inline-block}@media screen and (width<=768px){.xp-stock-toggle-header{flex-direction:column;align-items:flex-start;gap:4px}.xp-stock-toggle-btn{padding:2px 10px;font-size:10px}.xp-stock-toggle-btn svg{font-size:12px}.xp-stock-cell .xp-density-hint{margin-left:0;font-size:10px;display:block}.xp-density-badge{width:fit-content;margin-top:4px;margin-left:0;padding:1px 8px;font-size:9px;display:block}}@media (width<=480px){.xp-stock-toggle-header{flex-direction:column;align-items:flex-start;gap:3px}.xp-stock-toggle-btn{padding:2px 8px;font-size:9px}.xp-stock-toggle-btn svg{font-size:11px}}.xp-transaction-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.xp-view-all-transactions-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:6px;padding:5px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.xp-view-all-transactions-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 4px 12px #3f3f914d}.xp-view-all-transactions-btn svg{font-size:11px}.xp-modal-content.xp-modal-lg{max-width:820px}.xp-transaction-tabs{border-bottom:2px solid #f0f2f8;gap:6px;margin-bottom:18px;padding-bottom:10px;display:flex}.xp-transaction-tabs .xp-tab-btn{color:#888;cursor:pointer;background:#f5f6fa;border:none;border-radius:50px;align-items:center;gap:7px;padding:8px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .25s;display:flex}.xp-transaction-tabs .xp-tab-btn:hover{color:#555;background:#e8eaf0}.xp-transaction-tabs .xp-tab-btn.xp-tab-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f9140}.xp-transaction-tabs .xp-tab-btn.xp-tab-active:hover{box-shadow:0 4px 14px #3f3f9159}.xp-full-transaction-list{flex-direction:column;gap:10px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.xp-full-txn-item{background:#fff;border:1px solid #eceef6;border-left:4px solid #0000;border-radius:8px;padding:12px 16px;transition:all .2s}.xp-full-txn-item.xp-txn-in{background:#f8fff9;border-left-color:#28a745}.xp-full-txn-item.xp-txn-out{background:#fff8f8;border-left-color:#dc3545}.xp-full-txn-item:hover{box-shadow:0 2px 10px #0000000f}.xp-full-txn-header{border-bottom:1px solid #f0f2f8;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.xp-full-txn-header .xp-full-txn-type{align-items:center;gap:5px;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;display:inline-flex}.xp-full-txn-header .xp-full-txn-type .xp-txn-in-icon{color:#28a745}.xp-full-txn-header .xp-full-txn-type .xp-txn-out-icon{color:#dc3545}.xp-full-txn-header .xp-full-txn-type.xp-txn-in{color:#28a745}.xp-full-txn-header .xp-full-txn-type.xp-txn-out{color:#dc3545}.xp-full-txn-header .xp-full-txn-reason{color:#555;background:#f0f2f8;border-radius:20px;align-items:center;gap:4px;padding:2px 12px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.xp-full-txn-header .xp-full-txn-date,.xp-full-txn-header .xp-full-txn-time{color:#888;align-items:center;gap:4px;font-family:Open Sans,sans-serif;font-size:12px;display:inline-flex}.xp-full-txn-header .xp-full-txn-date svg,.xp-full-txn-header .xp-full-txn-time svg{font-size:11px}.xp-full-txn-details{flex-direction:column;gap:4px;display:flex}.xp-full-txn-details .xp-full-txn-row{flex-wrap:wrap;align-items:baseline;gap:6px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.xp-full-txn-details .xp-full-txn-row .xp-full-txn-label{color:#888;min-width:120px;font-weight:600}.xp-full-txn-details .xp-full-txn-row .xp-full-txn-value{color:#3a3a5c}.xp-full-txn-details .xp-full-txn-row .xp-full-txn-value strong{color:#3f3f91;font-weight:700}.xp-full-txn-details .xp-full-txn-row .xp-txn-bulk-id{color:#0c6b9e;background:#e8f4fd;border-radius:12px;padding:1px 10px;font-family:monospace;font-size:11px;font-weight:600}.xp-full-txn-details .xp-full-txn-row .xp-txn-invoice-tag{color:#856404;background:#fff3cd;border-radius:12px;padding:1px 10px;font-size:11px;font-weight:600}.xp-transaction-empty{text-align:center;color:#aab0bc;padding:24px 0;font-family:Open Sans,sans-serif;font-size:14px}.xp-transaction-loading{flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.xp-transaction-loading p{color:#888;margin-top:12px;font-family:Open Sans,sans-serif;font-size:14px}.xp-transaction-loading .xp-loading-spinner.large{border-width:3px;width:40px;height:40px}@media screen and (width<=768px){.xp-modal-content.xp-modal-lg{max-width:100%}.xp-full-txn-header{gap:8px}.xp-full-txn-header .xp-full-txn-type{font-size:13px}.xp-full-txn-header .xp-full-txn-reason{padding:2px 10px;font-size:11px}.xp-full-txn-header .xp-full-txn-date,.xp-full-txn-header .xp-full-txn-time{font-size:11px}.xp-full-txn-details .xp-full-txn-row{font-size:12px}.xp-full-txn-details .xp-full-txn-row .xp-full-txn-label{min-width:90px}.xp-transaction-tabs .xp-tab-btn{padding:6px 14px;font-size:12px}.xp-transaction-actions{justify-content:flex-start;width:100%;margin-top:6px}}@media (width<=480px){.xp-full-txn-header{flex-direction:column;align-items:flex-start;gap:6px}.xp-full-txn-details .xp-full-txn-row{flex-direction:column;align-items:flex-start;gap:2px}.xp-full-txn-details .xp-full-txn-row .xp-full-txn-label{min-width:auto}.xp-transaction-tabs .xp-tab-btn{padding:5px 12px;font-size:11px}.xp-transaction-actions{flex-direction:column;align-items:stretch;gap:6px}.xp-transaction-actions .xp-view-disposal-btn,.xp-transaction-actions .xp-view-all-transactions-btn{justify-content:center}}.xp-status-filter{background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:8px;padding:3px 8px 3px 14px;transition:all .25s;display:flex}.xp-status-filter:focus-within{background:#fff;border-color:#6a6ac5;box-shadow:0 0 0 3px #6a6ac51f}.xp-status-filter .xp-filter-icon{color:#aab0bc;flex-shrink:0;font-size:13px}.xp-status-filter .xp-status-select{color:#333;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;min-width:120px;padding:6px 8px 6px 4px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:500}.xp-status-filter .xp-status-select option{padding:6px 10px;font-family:Open Sans,sans-serif;font-size:13px}.xp-status-filter .xp-status-select:focus{outline:none}.xp-status-filter:after{content:"▾";color:#aab0bc;pointer-events:none;margin-right:4px;font-size:10px}.xp-export-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;box-shadow:0 3px 8px #27ae6040!important}.xp-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#219653,#27ae60)!important;box-shadow:0 5px 14px #27ae6059!important}.xp-export-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.xp-export-btn svg{font-size:13px}@media screen and (width<=768px){.xp-status-filter{width:100%;padding:3px 8px 3px 14px}.xp-status-filter .xp-status-select{width:100%;min-width:auto;padding:6px 4px;font-size:13px}.xp-export-btn{justify-content:center;width:100%;padding:10px 16px;font-size:13px}.xp-action-buttons-group button{flex:1;justify-content:center;padding:8px 12px;font-size:12px}}@media (width<=480px){.xp-status-filter{padding:2px 6px 2px 12px}.xp-status-filter .xp-status-select{min-width:100px;padding:4px 4px 4px 2px;font-size:12px}.xp-status-filter .xp-filter-icon{font-size:11px}.xp-export-btn{padding:8px 12px;font-size:11px}.xp-action-buttons-group{gap:6px}.xp-action-buttons-group button{gap:4px;padding:7px 10px;font-size:11px}.xp-action-buttons-group button svg{font-size:11px}}.di-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.di-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.di-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.di-page-header .di-right-section{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.di-page-header .di-search-container{width:240px;position:relative}.di-page-header .di-search-container input{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.di-page-header .di-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.di-page-header .di-search-container input::placeholder{color:#aab0bc}.di-page-header .di-search-container .di-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.di-page-header .di-action-buttons-group{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.di-page-header .di-action-buttons-group button{color:#fff;cursor:pointer;letter-spacing:.2px;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:6px;padding:9px 16px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #00000021}.di-page-header .di-action-buttons-group button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0000002e}.di-page-header .di-action-buttons-group button:active{transform:translateY(0)}.di-page-header .di-action-buttons-group .di-alert-btn{background:#95a5a6;padding:9px 14px;position:relative}.di-page-header .di-action-buttons-group .di-alert-btn:hover{background:#7f8c8d}.di-page-header .di-action-buttons-group .di-alert-btn .di-alert-badge{color:#fff;background:#dc3545;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 5px #0003}.di-page-header .di-action-buttons-group .di-upload-btn{background:linear-gradient(135deg,#17a2b8,#20c4dc)}.di-page-header .di-action-buttons-group .di-upload-btn:hover{background:linear-gradient(135deg,#138496,#17a2b8);box-shadow:0 5px 14px #17a2b859}.di-page-header .di-action-buttons-group .di-add-stock-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.di-page-header .di-action-buttons-group .di-add-stock-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 14px #e67e2259}.di-page-header .di-action-buttons-group .di-add-product-btn{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.di-page-header .di-action-buttons-group .di-add-product-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);box-shadow:0 5px 14px #3f3f9159}.di-data-table{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 24px;overflow-x:auto;box-shadow:0 2px 10px #00000012}.di-data-table table{border-collapse:collapse;width:100%;min-width:980px}.di-data-table table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.di-data-table table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 18px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600}.di-data-table table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 18px;font-family:Open Sans,sans-serif;font-size:14px}.di-data-table table td.di-name-cell{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:700}.di-data-table table td.di-ml-cell{color:#555;font-weight:500}.di-data-table table td.di-qty-cell{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:700}.di-data-table table td.di-price-cell{color:#28a745;font-family:Roboto,sans-serif;font-weight:700}.di-data-table table td.di-selling-price-cell{color:#2d2f87;font-family:Roboto,sans-serif;font-weight:700}.di-data-table table td.di-discount-cell{color:#e67e22;font-family:Roboto,sans-serif;font-weight:600}.di-data-table table td.di-min-cell{color:#888}.di-clickable-row{cursor:pointer;transition:background-color .15s}.di-clickable-row:hover td{background-color:#f5f6fb}.di-clickable-row.di-row-expanded td{background-color:#f0f0fb;border-bottom-color:#0000}.di-expand-toggle-cell{color:#aab0bc;text-align:center;width:34px;font-size:13px}.di-clickable-row.di-row-expanded .di-expand-toggle-cell{color:#3f3f91}.di-expand-row td{border-bottom:1px solid #f0f2f8;padding:0}.di-expand-content{background:#fafaff;padding:18px 24px 22px;animation:.2s ease-out di-expandIn}@keyframes di-expandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.di-expand-title{color:#2d2f87;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 14px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;display:flex}.di-expand-loading{color:#888;align-items:center;gap:10px;padding:16px 0;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.di-expand-empty{text-align:center;padding:26px 0}.di-expand-empty .di-expand-empty-icon{color:#ccd2e0;margin-bottom:8px;font-size:32px}.di-expand-empty p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:13.5px}.di-transaction-list{flex-direction:column;gap:6px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.di-transaction-item{background:#fff;border:1px solid #eceef6;border-radius:8px;padding:8px 16px;transition:all .2s}.di-transaction-item:hover{border-color:#6a6ac5;box-shadow:0 2px 8px #0000000a}.di-transaction-item .di-transaction-row{flex-wrap:wrap;align-items:center;gap:2px 12px;padding:0;display:flex}.di-transaction-item .di-transaction-row .di-txn-label{color:#888;white-space:nowrap;align-items:center;gap:3px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.di-transaction-item .di-transaction-row .di-txn-label svg{color:#6a6ac5;font-size:10px}.di-transaction-item .di-transaction-row .di-txn-value{color:#3a3a5c;white-space:nowrap;font-family:Open Sans,sans-serif;font-size:12.5px}.di-transaction-item .di-transaction-row .di-txn-value.di-txn-qty{color:#28a745;font-weight:700}.di-transaction-item .di-transaction-row .di-txn-value.di-txn-price{color:#3f3f91;font-weight:600}.di-transaction-item .di-transaction-row .di-txn-value.di-txn-stock{color:#555;font-weight:500}.di-transaction-item .di-transaction-row .di-txn-value.di-txn-stock strong{color:#3f3f91;font-weight:700}.di-transaction-item .di-transaction-row .di-txn-separator{color:#dde1ed;font-size:13px;font-weight:300}.di-view-disposal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc3545,#e74c3c);border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:6px;margin-left:12px;padding:5px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.di-view-disposal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.di-view-disposal-btn svg{font-size:11px}.di-disposal-panel{background:#fafaff;border-top:2px solid #f8d7da;padding:14px 24px 18px;animation:.2s ease-out di-expandIn}.di-disposal-panel .di-disposal-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.di-disposal-panel .di-disposal-header h5{color:#721c24;align-items:center;gap:8px;margin:0;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;display:flex}.di-disposal-panel .di-disposal-header h5 svg{color:#dc3545}.di-disposal-panel .di-disposal-header .di-disposal-close-btn{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .2s;display:flex}.di-disposal-panel .di-disposal-header .di-disposal-close-btn:hover{color:#dc3545;background:#ffe8e8}.di-disposal-panel .di-disposal-loading{color:#888;align-items:center;gap:10px;padding:12px 0;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.di-disposal-panel .di-disposal-empty{color:#aab0bc;text-align:center;padding:12px 0;font-family:Open Sans,sans-serif;font-size:13px}.di-disposal-panel .di-disposal-list{flex-direction:column;gap:6px;max-height:300px;padding-right:4px;display:flex;overflow-y:auto}.di-disposal-item{background:#fff8f8;border:1px solid #f5d0d0;border-radius:8px;padding:8px 16px;transition:all .2s}.di-disposal-item:hover{border-color:#dc3545;box-shadow:0 2px 8px #dc354514}.di-disposal-item .di-disposal-row{flex-wrap:wrap;align-items:center;gap:2px 12px;padding:0;display:flex}.di-disposal-item .di-disposal-row .di-disposal-label{color:#888;white-space:nowrap;align-items:center;gap:3px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.di-disposal-item .di-disposal-row .di-disposal-label svg{color:#dc3545;font-size:10px}.di-disposal-item .di-disposal-row .di-disposal-value{color:#3a3a5c;white-space:nowrap;font-family:Open Sans,sans-serif;font-size:12.5px}.di-disposal-item .di-disposal-row .di-disposal-value.di-disposal-reason{color:#856404;background:#fff3cd;border-radius:20px;padding:1px 10px;font-size:11px;font-weight:600}.di-disposal-item .di-disposal-row .di-disposal-value.di-disposal-qty{color:#dc3545;font-weight:700}.di-disposal-item .di-disposal-row .di-disposal-separator{color:#dde1ed;font-size:13px;font-weight:300}.di-empty-state{text-align:center;padding:48px 20px}.di-empty-state .di-empty-icon{color:#ccd2e0;margin-bottom:12px;font-size:42px}.di-empty-state p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:14.5px}.di-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:7px;padding:4px 13px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.di-status-badge .di-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.di-status-badge.di-status-healthy{color:#155724;background:#d4edda}.di-status-badge.di-status-healthy .di-status-dot{background:#28a745}.di-status-badge.di-status-low{color:#856404;background:#fff3cd}.di-status-badge.di-status-low .di-status-dot{background:#e67e22}.di-status-badge.di-status-empty{color:#721c24;background:#f8d7da}.di-status-badge.di-status-empty .di-status-dot{background:#dc3545}.di-row-actions{align-items:center;gap:8px;display:flex}.di-row-actions button{cursor:pointer;color:#fff;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.di-row-actions button:hover{opacity:.9;transform:translateY(-1px)}.di-row-actions .di-edit-btn{background:#3f3f91}.di-row-actions .di-edit-btn:hover{background:#2d2f87}.di-row-actions .di-delete-btn{background:#dc3545}.di-row-actions .di-delete-btn:hover{background:#c82333}.di-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;display:flex}.di-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.di-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite di-spin;display:inline-block}.di-loading-spinner.large{border-width:3px;width:40px;height:40px}.di-loading-spinner.small{border-width:2px;width:16px;height:16px}.di-loading-spinner.tiny{border-width:2px;border-top-color:#3f3f91;width:14px;height:14px}@keyframes di-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.di-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out di-fadeIn;display:flex;position:fixed;inset:0}@keyframes di-fadeIn{0%{opacity:0}to{opacity:1}}.di-modal-content{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;animation:.25s ease-out di-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}@keyframes di-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.di-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.di-modal-header .di-modal-title{color:#2d2f87;align-items:center;gap:9px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.di-modal-header .di-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.di-modal-header .di-modal-close:hover{color:#3f3f91;background:#ede8fa}.di-modal-header.di-modal-header-danger .di-modal-title{color:#dc3545}.di-modal-header.di-modal-header-danger .di-modal-close:hover{color:#dc3545;background:#ffe8e8}.di-modal-body{padding:22px}.di-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.di-btn-cancel,.di-btn-primary,.di-btn-delete{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.di-btn-cancel:disabled,.di-btn-primary:disabled,.di-btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.di-btn-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.di-btn-cancel:hover{background:#e5e8f0}.di-btn-primary{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f9140}.di-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.di-btn-delete{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.di-btn-delete:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 5px 12px #dc354559}.di-form-row{gap:18px;margin-bottom:16px;display:flex}.di-form-row .di-form-field{flex:1}.di-form-field label{color:#555;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:block}.di-form-field input[type=text],.di-form-field input[type=number]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.di-form-field input[type=text]:focus,.di-form-field input[type=number]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.di-form-field input[type=text]::placeholder,.di-form-field input[type=number]::placeholder{color:#bfc5ce}.di-form-field select{color:#333;box-sizing:border-box;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.di-form-field select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.di-current-stock-info{color:#444;background:#f0f0fb;border:1px solid #d8d8f0;border-radius:8px;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:11px 16px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.di-current-stock-info strong{color:#2d2f87;font-family:Roboto,sans-serif;font-weight:700}.di-upload-area p{color:#555;margin:0 0 6px;font-family:Open Sans,sans-serif;font-size:14px}.di-upload-area .di-upload-hint{color:#aab0bc;margin-bottom:14px;font-size:12.5px}.di-file-drop{text-align:center;background:#fafbfc;border:2px dashed #c5cbdf;border-radius:8px;margin-bottom:14px;padding:20px}.di-file-drop input[type=file]{color:#555;width:100%;font-family:Open Sans,sans-serif;font-size:13.5px}.di-file-info{color:#2d2d50;background:#f0fff5;border:1px solid #d0e8d8;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.di-file-info svg{color:#28a745}.di-btn-download{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #3f3f91;border-radius:50px;align-items:center;gap:8px;padding:9px 18px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.di-btn-download:hover{background:#ededfb}.di-delete-body{text-align:center;padding:6px 0}.di-delete-body .di-delete-icon{color:#dc3545;margin-bottom:14px;font-size:42px}.di-delete-body h3{color:#2c3e50;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px;font-weight:700}.di-delete-body p{color:#7f8c8d;margin:0;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.7}.di-delete-body p strong{color:#2c3e50;font-weight:700}.di-upload-summary{flex-wrap:wrap;gap:14px;margin-bottom:20px;display:flex}.di-upload-summary div{border-radius:8px;flex:1;align-items:center;gap:9px;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.di-upload-summary div strong{font-family:Roboto,sans-serif;font-weight:700}.di-upload-summary div svg{flex-shrink:0;font-size:16px}.di-summary-success{color:#155724;background:#d4edda}.di-summary-error.has-errors{color:#721c24;background:#f8d7da}.di-summary-error.no-errors{color:#888;background:#f0f2f8}.di-result-section{margin-bottom:22px}.di-result-section:last-child{margin-bottom:0}.di-result-heading{align-items:center;gap:8px;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;display:flex}.di-result-heading.di-result-success{color:#28a745}.di-result-heading.di-result-error{color:#dc3545}.di-result-table-wrap{border:1px solid #f0f2f8;border-radius:8px;max-height:260px;overflow:auto}.di-result-table{border-collapse:collapse;width:100%;min-width:600px}.di-result-table thead{background:#f7f8fc;position:sticky;top:0}.di-result-table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:10px 14px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600}.di-result-table td{color:#3a3a5c;white-space:nowrap;border-bottom:1px solid #f0f2f8;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13px}.di-result-table td.di-success-cell{color:#28a745;font-weight:600}.di-result-table td.di-error-cell{color:#dc3545;white-space:normal}.di-result-table tr:last-child td{border-bottom:none}.di-btn-download-error{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50px;align-items:center;gap:8px;margin-top:16px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 8px #dc354540}.di-btn-download-error:hover{background:#c82333;transform:translateY(-1px)}.di-alert-empty-state{text-align:center;padding:30px}.di-alert-empty-state svg{color:#28a745;font-size:40px}.di-alert-empty-state p{color:#555;margin-top:12px;font-family:Open Sans,sans-serif;font-size:14px}.di-alert-section{margin-bottom:18px}.di-alert-section:last-child{margin-bottom:0}.di-alert-section h4{margin:0 0 10px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.di-alert-section h4.di-alert-heading-empty{color:#dc3545}.di-alert-section h4.di-alert-heading-low{color:#e67e22}.di-alert-list{flex-direction:column;gap:8px;display:flex}.di-alert-item{border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.di-alert-item span:first-child{font-weight:600}.di-alert-item.di-alert-empty{color:#721c24;background:#f8d7da}.di-alert-item.di-alert-low{color:#856404;background:#fff3cd}.di-pagination{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 24px;padding:16px 24px;display:flex;box-shadow:0 2px 10px #00000012}.di-pagination .di-pagination-info{color:#555;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:500}.di-pagination .di-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.di-pagination .di-pagination-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;transition:all .2s;display:flex}.di-pagination .di-pagination-btn:hover:not(:disabled){color:#3f3f91;background:#f5f6fb;border-color:#3f3f91}.di-pagination .di-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.di-pagination .di-pagination-pages{align-items:center;gap:4px;display:flex}.di-pagination .di-pagination-page{color:#555;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.di-pagination .di-pagination-page:hover:not(.di-pagination-active){background:#f5f6fb;border-color:#e3e8f0}.di-pagination .di-pagination-page.di-pagination-active{color:#fff;background:#3f3f91;border-color:#3f3f91;box-shadow:0 2px 8px #3f3f9140}@media screen and (width<=768px){.di-main{padding:16px 14px 32px}.di-page-header{padding:14px 16px}.di-page-header h2{font-size:18px}.di-page-header .di-right-section{flex-direction:column;align-items:stretch;width:100%}.di-page-header .di-search-container,.di-page-header .di-action-buttons-group{width:100%}.di-page-header .di-action-buttons-group button{flex:1;justify-content:center}.di-data-table table th,.di-data-table table td{padding:11px 12px;font-size:13px}.di-expand-content{padding:16px}.di-transaction-item .di-transaction-row,.di-disposal-item .di-disposal-row{gap:2px 8px}.di-transaction-item .di-transaction-row .di-txn-label,.di-transaction-item .di-transaction-row .di-disposal-label,.di-disposal-item .di-disposal-row .di-txn-label,.di-disposal-item .di-disposal-row .di-disposal-label{font-size:10px}.di-transaction-item .di-transaction-row .di-txn-value,.di-transaction-item .di-transaction-row .di-disposal-value,.di-disposal-item .di-disposal-row .di-txn-value,.di-disposal-item .di-disposal-row .di-disposal-value{font-size:11.5px}.di-form-row{flex-direction:column;gap:14px}.di-modal-content{border-radius:16px 16px 0 0;max-width:100%}.di-modal-overlay{padding:5px}.di-upload-summary{flex-direction:column}.di-current-stock-info{flex-direction:column;gap:6px}.di-pagination{text-align:center;flex-direction:column;align-items:stretch}.di-pagination .di-pagination-info{text-align:center}.di-pagination .di-pagination-controls{justify-content:center}.di-pagination .di-pagination-pages{gap:3px}.di-pagination .di-pagination-page{min-width:32px;height:32px;padding:0 8px;font-size:12px}.di-pagination .di-pagination-btn{width:32px;height:32px;font-size:12px}}@media (width<=480px){.di-modal-header{padding:14px 16px}.di-modal-body{padding:16px}.di-modal-footer,.di-pagination{padding:12px 16px}.di-pagination .di-pagination-pages{gap:2px}.di-pagination .di-pagination-page{min-width:28px;height:28px;padding:0 6px;font-size:11px}.di-pagination .di-pagination-btn{width:28px;height:28px;font-size:11px}.di-transaction-item .di-transaction-row,.di-disposal-item .di-disposal-row{gap:2px 6px}.di-transaction-item .di-transaction-row .di-txn-label,.di-transaction-item .di-transaction-row .di-disposal-label,.di-disposal-item .di-disposal-row .di-txn-label,.di-disposal-item .di-disposal-row .di-disposal-label{font-size:9px}.di-transaction-item .di-transaction-row .di-txn-value,.di-transaction-item .di-transaction-row .di-disposal-value,.di-disposal-item .di-disposal-row .di-txn-value,.di-disposal-item .di-disposal-row .di-disposal-value{font-size:10.5px}.di-transaction-item .di-transaction-row .di-txn-separator,.di-transaction-item .di-transaction-row .di-disposal-separator,.di-disposal-item .di-disposal-row .di-txn-separator,.di-disposal-item .di-disposal-row .di-disposal-separator{font-size:10px}}.di-expand-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.di-view-all-transactions-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;flex-shrink:0;align-items:center;gap:6px;padding:5px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.di-view-all-transactions-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 4px 12px #3f3f914d}.di-view-all-transactions-btn svg{font-size:11px}.di-modal-content.di-modal-lg{max-width:820px}.di-transaction-tabs{border-bottom:2px solid #f0f2f8;gap:6px;margin-bottom:18px;padding-bottom:10px;display:flex}.di-transaction-tabs .di-tab-btn{color:#888;cursor:pointer;background:#f5f6fa;border:none;border-radius:50px;align-items:center;gap:7px;padding:8px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .25s;display:flex}.di-transaction-tabs .di-tab-btn:hover{color:#555;background:#e8eaf0}.di-transaction-tabs .di-tab-btn.di-tab-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f9140}.di-transaction-tabs .di-tab-btn.di-tab-active:hover{box-shadow:0 4px 14px #3f3f9159}.di-full-transaction-list{flex-direction:column;gap:10px;max-height:420px;padding-right:4px;display:flex;overflow-y:auto}.di-full-txn-item{background:#fff;border:1px solid #eceef6;border-left:4px solid #0000;border-radius:8px;padding:12px 16px;transition:all .2s}.di-full-txn-item.di-txn-in{background:#f8fff9;border-left-color:#28a745}.di-full-txn-item.di-txn-out{background:#fff8f8;border-left-color:#dc3545}.di-full-txn-item:hover{box-shadow:0 2px 10px #0000000f}.di-full-txn-header{border-bottom:1px solid #f0f2f8;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;display:flex}.di-full-txn-header .di-full-txn-type{align-items:center;gap:5px;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;display:inline-flex}.di-full-txn-header .di-full-txn-type .di-txn-in-icon{color:#28a745}.di-full-txn-header .di-full-txn-type .di-txn-out-icon{color:#dc3545}.di-full-txn-header .di-full-txn-type.di-txn-in{color:#28a745}.di-full-txn-header .di-full-txn-type.di-txn-out{color:#dc3545}.di-full-txn-header .di-full-txn-reason{color:#555;background:#f0f2f8;border-radius:20px;align-items:center;gap:4px;padding:2px 12px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.di-full-txn-header .di-full-txn-date,.di-full-txn-header .di-full-txn-time{color:#888;align-items:center;gap:4px;font-family:Open Sans,sans-serif;font-size:12px;display:inline-flex}.di-full-txn-header .di-full-txn-date svg,.di-full-txn-header .di-full-txn-time svg{font-size:11px}.di-full-txn-details{flex-direction:column;gap:4px;display:flex}.di-full-txn-details .di-full-txn-row{flex-wrap:wrap;align-items:baseline;gap:6px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.di-full-txn-details .di-full-txn-row .di-full-txn-label{color:#888;min-width:120px;font-weight:600}.di-full-txn-details .di-full-txn-row .di-full-txn-value{color:#3a3a5c}.di-full-txn-details .di-full-txn-row .di-full-txn-value strong{color:#3f3f91;font-weight:700}.di-full-txn-details .di-full-txn-row .di-txn-bulk-id{color:#0c6b9e;background:#e8f4fd;border-radius:12px;padding:1px 10px;font-family:monospace;font-size:11px;font-weight:600}.di-full-txn-details .di-full-txn-row .di-txn-invoice-tag{color:#856404;background:#fff3cd;border-radius:12px;padding:1px 10px;font-size:11px;font-weight:600}.di-transaction-empty{text-align:center;color:#aab0bc;padding:24px 0;font-family:Open Sans,sans-serif;font-size:14px}.di-transaction-loading{flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.di-transaction-loading p{color:#888;margin-top:12px;font-family:Open Sans,sans-serif;font-size:14px}.di-transaction-loading .di-loading-spinner.large{border-width:3px;width:40px;height:40px}@media screen and (width<=768px){.di-modal-content.di-modal-lg{max-width:100%}.di-full-txn-header{gap:8px}.di-full-txn-header .di-full-txn-type{font-size:13px}.di-full-txn-header .di-full-txn-reason{padding:2px 10px;font-size:11px}.di-full-txn-header .di-full-txn-date,.di-full-txn-header .di-full-txn-time{font-size:11px}.di-full-txn-details .di-full-txn-row{font-size:12px}.di-full-txn-details .di-full-txn-row .di-full-txn-label{min-width:90px}.di-transaction-tabs .di-tab-btn{padding:6px 14px;font-size:12px}.di-expand-actions{justify-content:flex-start;width:100%;margin-left:0}}@media (width<=480px){.di-full-txn-header{flex-direction:column;align-items:flex-start;gap:6px}.di-full-txn-details .di-full-txn-row{flex-direction:column;align-items:flex-start;gap:2px}.di-full-txn-details .di-full-txn-row .di-full-txn-label{min-width:auto}.di-transaction-tabs .di-tab-btn{padding:5px 12px;font-size:11px}.di-expand-actions{flex-direction:column;align-items:stretch;gap:6px}.di-expand-actions .di-view-disposal-btn,.di-expand-actions .di-view-all-transactions-btn{justify-content:center;margin-left:0}}.di-status-filter{background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:8px;padding:3px 8px 3px 14px;transition:all .25s;display:flex}.di-status-filter:focus-within{background:#fff;border-color:#6a6ac5;box-shadow:0 0 0 3px #6a6ac51f}.di-status-filter .di-filter-icon{color:#aab0bc;flex-shrink:0;font-size:13px}.di-status-filter .di-status-select{color:#333;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;min-width:120px;padding:6px 8px 6px 4px;font-family:Open Sans,sans-serif;font-size:13px;font-weight:500}.di-status-filter .di-status-select option{padding:6px 10px;font-family:Open Sans,sans-serif;font-size:13px}.di-status-filter .di-status-select:focus{outline:none}.di-status-filter:after{content:"▾";color:#aab0bc;pointer-events:none;margin-right:4px;font-size:10px}.di-export-btn{background:linear-gradient(135deg,#27ae60,#2ecc71)!important;box-shadow:0 3px 8px #27ae6040!important}.di-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#219653,#27ae60)!important;box-shadow:0 5px 14px #27ae6059!important}.di-export-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.di-export-btn svg{font-size:13px}@media screen and (width<=768px){.di-status-filter{width:100%;padding:3px 8px 3px 14px}.di-status-filter .di-status-select{width:100%;min-width:auto;padding:6px 4px;font-size:13px}.di-export-btn{justify-content:center;width:100%;padding:10px 16px;font-size:13px}.di-action-buttons-group{flex-wrap:wrap;gap:8px}.di-action-buttons-group button{flex:1;justify-content:center;min-width:calc(50% - 4px);padding:8px 12px;font-size:12px}}@media (width<=480px){.di-status-filter{padding:2px 6px 2px 12px}.di-status-filter .di-status-select{min-width:100px;padding:4px 4px 4px 2px;font-size:12px}.di-status-filter .di-filter-icon{font-size:11px}.di-export-btn{padding:8px 12px;font-size:11px}.di-action-buttons-group{gap:6px}.di-action-buttons-group button{gap:4px;min-width:calc(50% - 3px);padding:7px 10px;font-size:11px}.di-action-buttons-group button svg{font-size:11px}}@media (width<=400px){.di-action-buttons-group button{min-width:100%;padding:6px 8px;font-size:10px}.di-status-filter .di-status-select{min-width:80px;padding:4px 2px;font-size:11px}}.di-stock-toggle-header{align-items:center;gap:8px;display:flex}.di-stock-toggle-btn{color:#6b6b9a;cursor:pointer;white-space:nowrap;letter-spacing:.3px;background:#eaeef6;border:1.5px solid #d5dae6;border-radius:50px;align-items:center;gap:5px;padding:3px 10px 3px 8px;font-family:Roboto,sans-serif;font-size:10.5px;font-weight:600;transition:all .25s;display:inline-flex}.di-stock-toggle-btn:hover{color:#3f3f91;background:#dde1ed;border-color:#6a6ac5;transform:translateY(-1px);box-shadow:0 2px 6px #3f3f9126}.di-stock-toggle-btn:active{box-shadow:none;transform:translateY(0)}.di-stock-toggle-btn svg{color:#6a6ac5;font-size:14px;transition:transform .3s}.di-stock-toggle-btn.di-toggle-active{color:#fff;background:#3f3f91;border-color:#3f3f91}.di-stock-toggle-btn.di-toggle-active svg{color:#fff}.di-stock-toggle-btn.di-toggle-active:hover{color:#fff;background:#2d2f87;border-color:#2d2f87}@media screen and (width<=768px){.di-stock-toggle-header{gap:4px}.di-stock-toggle-btn{gap:4px;padding:2px 8px 2px 6px;font-size:9px}.di-stock-toggle-btn svg{font-size:12px}}@media (width<=480px){.di-stock-toggle-btn{gap:3px;padding:2px 6px 2px 4px;font-size:8px}.di-stock-toggle-btn svg{font-size:10px}}.pd-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.pd-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.pd-page-header h2{color:#2d2f87;margin:0;font-size:22px;font-weight:700;font-family:Roboto,sans-serif!important}.pd-page-header .pd-right-section{align-items:center;gap:14px;display:flex}.pd-page-header .pd-inventory-select{align-items:center;gap:10px;display:flex}.pd-page-header .pd-inventory-select label{color:#555;white-space:nowrap;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.pd-page-header .pd-inventory-select select{color:#333;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:50px;min-width:200px;padding:9px 16px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.pd-page-header .pd-inventory-select select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pd-select-prompt{text-align:center;background:#fff;border-radius:14px;max-width:1200px;margin:0 auto;padding:70px 30px;box-shadow:0 2px 10px #00000012}.pd-select-prompt .pd-select-prompt-icon{color:#ccd2e0;margin-bottom:16px;font-size:48px}.pd-select-prompt h3{color:#555;margin:0 0 8px;font-family:Roboto,sans-serif;font-size:17px;font-weight:700}.pd-select-prompt p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:14px}.pd-product-list{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto;animation:.25s ease-out pd-fadeSlide;overflow:hidden;box-shadow:0 2px 10px #00000012}@keyframes pd-fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pd-search-container{border-bottom:1px solid #f0f2f8;padding:18px 22px;position:relative}.pd-search-container input{color:#333;box-sizing:border-box;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;max-width:340px;padding:9px 14px 9px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.pd-search-container input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pd-search-container input::placeholder{color:#aab0bc}.pd-search-container .pd-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:36px;transform:translateY(-50%)}.pd-table-wrap{overflow-x:auto}.pd-table-wrap table{border-collapse:collapse;width:100%;min-width:680px}.pd-table-wrap table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.pd-table-wrap table th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600}.pd-table-wrap table td{text-align:left;color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:14px}.pd-table-wrap table tr{transition:background-color .15s}.pd-table-wrap table tr:last-child td{border-bottom:none}.pd-table-wrap table tr:hover td{background-color:#f9faff}.pd-name-cell{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:700}.pd-ml-cell,.pd-item-cell{color:#777}.pd-unit-cell{color:#aab0bc;font-size:12.5px}tr.pd-row-zero-stock .pd-stock-cell{color:#dc3545}tr.pd-row-low-stock .pd-stock-cell{color:#e67e22}.pd-actions-cell{align-items:center;gap:8px;display:flex}.pd-actions-cell button{cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 13px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.pd-actions-cell button:hover:not(:disabled){transform:translateY(-1px)}.pd-actions-cell .pd-dispose-btn{color:#fff;background:#dc3545;box-shadow:0 2px 6px #dc354533}.pd-actions-cell .pd-dispose-btn:hover:not(:disabled){background:#c82333;box-shadow:0 4px 10px #dc35454d}.pd-actions-cell .pd-dispose-btn:disabled{color:#b5bac8;cursor:not-allowed;box-shadow:none;background:#e8eaf0}.pd-actions-cell .pd-history-btn{color:#3f3f91;background:#f0f2f8;justify-content:center;width:34px;height:34px;padding:0}.pd-actions-cell .pd-history-btn:hover{color:#2d2f87;background:#ededfb}.pd-empty-state{text-align:center;padding:56px 20px}.pd-empty-state .pd-empty-icon{color:#ccd2e0;margin-bottom:14px;font-size:46px}.pd-empty-state p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:14.5px}.pd-loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:56px 40px;display:flex}.pd-loading-container p{color:#888;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.pd-loading-spinner{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite pd-spin;display:inline-block}.pd-loading-spinner.large{border-width:3px;width:40px;height:40px}.pd-loading-spinner.small{border-width:2px;width:16px;height:16px}@keyframes pd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pd-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out pd-fadeIn;display:flex;position:fixed;inset:0}@keyframes pd-fadeIn{0%{opacity:0}to{opacity:1}}.pd-modal-content{background:#fff;border-radius:14px;width:100%;max-width:540px;max-height:90vh;animation:.25s ease-out pd-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}.pd-modal-content.pd-modal-lg{max-width:640px}@keyframes pd-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pd-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.pd-modal-header .pd-modal-title{color:#dc3545;align-items:center;gap:9px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.pd-modal-header .pd-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.pd-modal-header .pd-modal-close:hover{color:#dc3545;background:#ffe8e8}.pd-modal-header-info .pd-modal-title{color:#2d2f87}.pd-modal-header-info .pd-modal-close:hover{color:#3f3f91;background:#ede8fa}.pd-modal-body{padding:22px}.pd-modal-footer{z-index:10;background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.pd-btn-cancel,.pd-btn-primary,.pd-btn-danger{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.pd-btn-cancel:disabled,.pd-btn-primary:disabled,.pd-btn-danger:disabled{opacity:.6;cursor:not-allowed;transform:none}.pd-btn-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.pd-btn-cancel:hover{background:#e5e8f0}.pd-btn-primary{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f9140}.pd-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 14px #3f3f9159}.pd-btn-danger{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354540}.pd-btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 5px 12px #dc354559}.pd-product-info{background:#f7f8fc;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:20px;padding:14px 16px;display:flex}.pd-product-detail{color:#555;font-family:Open Sans,sans-serif;font-size:13.5px}.pd-product-detail strong{color:#2d2f87;margin-right:4px;font-family:Roboto,sans-serif;font-weight:600}.pd-form-section h4{color:#3f3f91;margin:0 0 14px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700}.pd-form-row{gap:18px;margin-bottom:16px;display:flex}.pd-form-row .pd-form-field{flex:1}.pd-form-field label{color:#555;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:block}.pd-form-field input[type=text],.pd-form-field input[type=number]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.pd-form-field input[type=text]:focus,.pd-form-field input[type=number]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pd-form-field input[type=text].pd-input-error,.pd-form-field input[type=number].pd-input-error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.pd-form-field input[type=text]::placeholder,.pd-form-field input[type=number]::placeholder{color:#bfc5ce}.pd-form-field select{color:#333;box-sizing:border-box;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.pd-form-field select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.pd-total-disposal{color:#856404;background:#fff8f0;border:1px solid #f5c88a;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px}.pd-total-disposal strong{font-family:Roboto,sans-serif;font-weight:700}.pd-stock-preview{background:#f7f8fc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13px;display:flex}.pd-stock-preview .pd-stock-preview-label{color:#888}.pd-stock-preview .pd-stock-preview-value{font-family:Roboto,sans-serif;font-weight:700}.pd-stock-preview .pd-stock-preview-value.pd-stock-preview-ok{color:#28a745}.pd-stock-preview .pd-stock-preview-value.pd-stock-preview-warning{color:#dc3545}.pd-error-text{color:#dc3545;align-items:center;gap:6px;margin-top:-10px;margin-bottom:14px;font-family:Open Sans,sans-serif;font-size:12.5px;display:flex}.pd-history-summary{background:#f7f8fc;border-radius:8px;flex-wrap:wrap;gap:14px;margin-bottom:18px;padding:14px 16px;display:flex}.pd-history-summary div{color:#555;font-family:Open Sans,sans-serif;font-size:13px}.pd-history-summary strong{color:#2d2f87;margin-right:4px;font-family:Roboto,sans-serif;font-weight:700}.pd-history-list{flex-direction:column;gap:10px;max-height:360px;display:flex;overflow-y:auto}.pd-history-item{background:#fff;border:1px solid #eceef6;border-radius:8px;padding:12px 16px}.pd-history-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pd-history-date{color:#888;font-family:Open Sans,sans-serif;font-size:12.5px}.pd-history-quantity{color:#dc3545;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700}.pd-history-details{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pd-history-reason{color:#856404;background:#fff3cd;border-radius:20px;align-items:center;padding:3px 11px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.pd-history-by{color:#aab0bc;font-family:Open Sans,sans-serif;font-size:12px}.pd-history-empty{text-align:center;padding:36px 20px}.pd-history-empty svg{color:#ccd2e0;margin-bottom:10px;font-size:36px}.pd-history-empty p{color:#aab0bc;margin:0;font-family:Open Sans,sans-serif;font-size:13.5px}@media screen and (width<=768px){.pd-main{padding:16px 14px 32px}.pd-page-header{padding:14px 16px}.pd-page-header h2{font-size:18px}.pd-page-header .pd-right-section{width:100%}.pd-page-header .pd-inventory-select{flex-direction:column;align-items:stretch;gap:6px;width:100%}.pd-page-header .pd-inventory-select select{width:100%;min-width:unset}.pd-select-prompt{padding:50px 20px}.pd-search-container input{max-width:100%}.pd-table-wrap table th,.pd-table-wrap table td{padding:11px 14px;font-size:13px}.pd-actions-cell{flex-wrap:wrap}.pd-form-row{flex-direction:column;gap:14px}.pd-modal-content{border-radius:16px 16px 0 0;max-width:100%}.pd-modal-overlay{padding:5px}.pd-history-summary{flex-direction:column;gap:8px}}@media (width<=480px){.pd-modal-header{padding:14px 16px}.pd-modal-body{padding:16px}.pd-modal-footer{padding:12px 16px}}.pd-pagination{background:#fafbfc;border-top:1px solid #f0f2f8;border-radius:0 0 14px 14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 24px;display:flex}.pd-pagination .pd-pagination-info{color:#555;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:500}.pd-pagination .pd-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pd-pagination .pd-pagination-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;transition:all .2s;display:flex}.pd-pagination .pd-pagination-btn:hover:not(:disabled){color:#3f3f91;background:#f5f6fb;border-color:#3f3f91}.pd-pagination .pd-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pd-pagination .pd-pagination-pages{align-items:center;gap:4px;display:flex}.pd-pagination .pd-pagination-page{color:#555;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.pd-pagination .pd-pagination-page:hover:not(.pd-pagination-active){background:#f5f6fb;border-color:#e3e8f0}.pd-pagination .pd-pagination-page.pd-pagination-active{color:#fff;background:#3f3f91;border-color:#3f3f91;box-shadow:0 2px 8px #3f3f9140}@media screen and (width<=768px){.pd-pagination{text-align:center;flex-direction:column;align-items:stretch;padding:14px 16px}.pd-pagination .pd-pagination-info{text-align:center}.pd-pagination .pd-pagination-controls{justify-content:center}.pd-pagination .pd-pagination-pages{gap:3px}.pd-pagination .pd-pagination-page{min-width:32px;height:32px;padding:0 8px;font-size:12px}.pd-pagination .pd-pagination-btn{width:32px;height:32px;font-size:12px}}@media (width<=480px){.pd-pagination{padding:12px 14px}.pd-pagination .pd-pagination-pages{gap:2px}.pd-pagination .pd-pagination-page{min-width:28px;height:28px;padding:0 6px;font-size:11px}.pd-pagination .pd-pagination-btn{width:28px;height:28px;font-size:11px}}.pd-stock-cell{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:700}.pd-density-hint{color:#aab0bc;margin-left:6px;font-family:Open Sans,sans-serif;font-size:11px;font-weight:400;display:inline-block}@media screen and (width<=768px){.pd-stock-toggle-header{flex-direction:column;align-items:flex-start;gap:4px}.pd-stock-toggle-btn{padding:2px 10px;font-size:10px}.pd-stock-toggle-btn svg{font-size:12px}.pd-stock-cell .pd-stock-hint{margin-left:0;font-size:10px;display:block}}@media (width<=480px){.pd-stock-toggle-header{flex-direction:column;align-items:flex-start;gap:3px}.pd-stock-toggle-btn{padding:2px 8px;font-size:9px}.pd-stock-toggle-btn svg{font-size:11px}}.pd-stock-toggle-header{align-items:center;gap:10px;display:flex}.pd-stock-toggle-header span{color:#6b6b9a;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.pd-stock-toggle-btn{color:#6b6b9a;cursor:pointer;background:#f0f2f8;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:5px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pd-stock-toggle-btn svg{color:#3f3f91;font-size:14px}.pd-stock-toggle-btn:hover{background:#e5e8f0;border-color:#6a6ac5}.pd-kg-cell,.pd-stock-cell{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:700}.pd-stock-cell .pd-stock-hint{color:#aab0bc;margin-left:6px;font-family:Open Sans,sans-serif;font-size:11px;font-weight:400;display:inline-block}.pd-density-badge{color:#856404;background:#fff3cd;border:1px solid #ffeaa7;border-radius:20px;margin-left:10px;padding:2px 10px;font-family:Roboto,sans-serif;font-size:10px;font-weight:600;display:inline-block}@media screen and (width<=768px){.pd-stock-toggle-header{flex-direction:column;align-items:flex-start;gap:4px}.pd-stock-toggle-btn{padding:2px 10px;font-size:10px}.pd-stock-toggle-btn svg{font-size:12px}.pd-stock-cell .pd-stock-hint{margin-left:0;font-size:10px;display:block}}@media (width<=480px){.pd-stock-toggle-header{flex-direction:column;align-items:flex-start;gap:3px}.pd-stock-toggle-btn{padding:2px 8px;font-size:9px}.pd-stock-toggle-btn svg{font-size:11px}}.inv-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.inv-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1100px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.inv-page-header h2{color:#2d2f87;align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex;font-family:Roboto,sans-serif!important}.inv-page-header .inv-right-section{align-items:center;gap:14px;display:flex}.inv-page-header .inv-editing-badge{color:#fff;background:#e67e22;border-radius:50px;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:600;animation:1.5s ease-in-out infinite inv-pulse;display:inline-flex}.inv-page-header .inv-editing-badge svg{font-size:13px}@keyframes inv-pulse{0%,to{opacity:1}50%{opacity:.7}}.inv-view-toggle{background:#f0f2f8;border-radius:50px;gap:4px;padding:4px;display:flex}.inv-toggle-btn{color:#777;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .22s;display:flex}.inv-toggle-btn:hover{color:#3f3f91}.inv-toggle-btn.inv-toggle-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f914d}.inv-toggle-btn.inv-toggle-active:hover{color:#fff}.inv-form-container{flex-direction:column;gap:18px;max-width:1100px;margin:0 auto;display:flex}.inv-section{background:#fff;border-radius:14px;padding:22px 24px;animation:.2s ease-out inv-fadeIn;box-shadow:0 2px 10px #00000012}@keyframes inv-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.inv-section-title{color:#3f3f91;align-items:center;gap:10px;margin:0;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;display:flex}.inv-section-title svg{flex-shrink:0;font-size:14px}.inv-section-header-with-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.inv-section-header-with-actions .inv-section-title{margin:0}.inv-section-header-with-actions .inv-section-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.inv-add-close-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:6px;padding:8px 18px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 2px 8px #3f3f9140}.inv-add-close-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 4px 12px #3f3f9159}.inv-add-close-btn.inv-close-dispenser-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.inv-add-close-btn.inv-close-dispenser-btn:hover{background:linear-gradient(135deg,#d35400,#e67e22)}.inv-add-close-btn svg{font-size:13px}.inv-form-row{align-items:flex-start;gap:18px;margin-top:16px;display:flex}.inv-form-row:first-of-type{margin-top:0}.inv-form-row.inv-form-row-dispenser{flex-wrap:wrap;align-items:flex-end}.inv-form-field{flex:1;min-width:0}.inv-form-field.inv-form-field-narrow{flex:0 0 130px}.inv-form-field label{color:#555;margin-bottom:7px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:500;display:block}.inv-form-field input[type=text],.inv-form-field input[type=number],.inv-form-field input[type=date]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:10px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.inv-form-field input[type=text]:focus,.inv-form-field input[type=number]:focus,.inv-form-field input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.inv-form-field input[type=text]::placeholder,.inv-form-field input[type=number]::placeholder,.inv-form-field input[type=date]::placeholder{color:#bfc5ce}.inv-form-field input[type=text]:disabled,.inv-form-field input[type=number]:disabled,.inv-form-field input[type=date]:disabled{cursor:not-allowed;opacity:.7;background:#f0f2f8}.inv-form-field .inv-form-select{color:#333;box-sizing:border-box;cursor:pointer;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;height:42px;padding:10px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.inv-form-field .inv-form-select:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.inv-form-field .inv-form-select:disabled{cursor:not-allowed;opacity:.7;background:#f0f2f8}.inv-discount-input-group{align-items:center;gap:4px;display:flex}.inv-discount-input-group .inv-discount-input-full{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;max-width:120px;padding:10px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.inv-discount-input-group .inv-discount-input-full:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.inv-discount-input-group .inv-discount-input-full::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-discount-input-group .inv-discount-input-full::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inv-discount-input-group .inv-discount-input-full{-moz-appearance:textfield}.inv-discount-input-group .inv-discount-percent-label{color:#888;padding:0 4px;font-family:Roboto,sans-serif;font-size:15px;font-weight:600}.inv-readonly-label{color:#aab0bc;background:#f0f2f8;border-radius:12px;margin-left:6px;padding:2px 10px;font-size:11.5px;font-weight:400}.inv-readonly-package{box-sizing:border-box;cursor:default;background:#f7f8fc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;min-height:42px;padding:12px 16px}.inv-package-display{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.inv-package-display .inv-package-name{color:#2d2f87;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.inv-package-display .inv-package-details{color:#777;font-family:Open Sans,sans-serif;font-size:12.5px}.inv-package-display .inv-package-price{color:#28a745;background:#e8f5e9;border-radius:12px;margin-left:auto;padding:2px 12px;font-family:Roboto,sans-serif;font-size:15px;font-weight:700}.inv-package-display .inv-package-discount-badge{color:#fff;letter-spacing:.3px;background:#dc3545;border-radius:50px;padding:2px 10px;font-family:Roboto,sans-serif;font-size:11px;font-weight:700}.inv-package-placeholder .inv-package-empty{color:#aab0bc;font-family:Open Sans,sans-serif;font-size:13.5px}.inv-add-btn-wrap{flex:none}.inv-add-dispenser-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:7px;height:42px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 8px #3f3f9140}.inv-add-dispenser-btn:hover{background:linear-gradient(135deg,#2d2f87,#3f3f91);transform:translateY(-1px);box-shadow:0 5px 12px #3f3f9159}.inv-add-dispenser-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.inv-hint{color:#aab0bc;margin-top:7px;font-family:Open Sans,sans-serif;font-size:12px;line-height:1.5;display:block}.inv-promo-hint{color:#28a745;font-weight:600}.inv-dispenser-list{margin-top:18px}.inv-dispenser-list h4{color:#555;text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.inv-dispenser-table-wrap{border:1px solid #eceef6;border-radius:8px;overflow:hidden}.inv-dispenser-table{border-collapse:collapse;width:100%}.inv-dispenser-table thead{background:#f7f8fc}.inv-dispenser-table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.4px;padding:10px 16px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600}.inv-dispenser-table td{color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:10px 16px;font-family:Open Sans,sans-serif;font-size:13.5px}.inv-dispenser-table tr:last-child td{border-bottom:none}.inv-dispenser-table tr:hover td{background:#fafbff}.inv-dispenser-table th:nth-child(5),.inv-dispenser-table td:nth-child(5){text-align:center;min-width:100px}.inv-dispenser-table th:nth-child(6),.inv-dispenser-table td:nth-child(6){text-align:right;min-width:120px}.inv-dispenser-table td{vertical-align:middle}.inv-discount-input{text-align:center;border:1.5px solid #e3e8f0;border-radius:4px;width:60px;padding:4px 6px;font-family:Open Sans,sans-serif;font-size:13px;transition:border-color .2s}.inv-discount-input:focus{border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.inv-discount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-discount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inv-discount-input{-moz-appearance:textfield}.inv-discount-percent{color:#888;margin-left:2px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.inv-final-price-cell{color:#28a745;font-family:Roboto,sans-serif;font-weight:600}.inv-final-price-cell .inv-original-price-small{color:#999;margin-left:6px;font-family:Open Sans,sans-serif;font-size:11px;font-weight:400;text-decoration:line-through}.inv-remove-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .2s;display:flex}.inv-remove-btn:hover{background:#c82333;transform:translateY(-1px)}.inv-summary-section{border-top:3px solid #6a6ac5}.inv-summary-grid{flex-direction:column;gap:0;display:flex}.inv-summary-item{color:#555;border-bottom:1px solid #f0f2f8;justify-content:space-between;align-items:center;padding:11px 0;font-family:Open Sans,sans-serif;font-size:14px;display:flex}.inv-summary-item:last-child{border-bottom:none}.inv-summary-item .inv-summary-value{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:600}.inv-summary-item.inv-summary-detail{color:#888;padding-left:14px;font-size:13px}.inv-summary-item.inv-summary-detail .inv-summary-value{color:#888;font-weight:500}.inv-summary-item.inv-summary-discount{background:#fff5f5;border-left:3px solid #dc3545}.inv-summary-item.inv-summary-discount .inv-summary-value{color:#dc3545;font-weight:700}.inv-summary-item.inv-summary-promo .inv-summary-value{color:#28a745;font-weight:700}.inv-summary-item.inv-summary-total{color:#2d2f87;border-top:1.5px dashed #e3e8f0;margin-top:4px;padding-top:14px;font-weight:600}.inv-summary-item.inv-summary-total .inv-summary-value{color:#2d2f87}.inv-summary-item.inv-summary-grand-total{background:linear-gradient(135deg,#3f3f91,#6a6ac5);border-bottom:none;border-radius:8px;margin-top:8px;padding:16px 18px}.inv-summary-item.inv-summary-grand-total span:first-child{color:#fff;font-family:Roboto,sans-serif;font-size:15px;font-weight:700}.inv-summary-item.inv-summary-grand-total .inv-summary-value{color:#fff;font-size:20px;font-weight:800}.inv-discount-amount{color:#dc3545!important}.inv-final-price{color:#28a745!important}.inv-form-actions{justify-content:flex-end;gap:12px;padding:4px 0 20px;display:flex}.inv-cancel-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:7px;padding:12px 28px;font-family:Roboto,sans-serif;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000012}.inv-cancel-btn:hover{background:#f5f6fb;border-color:#c8cde0}.inv-submit-btn,.inv-update-btn{cursor:pointer;color:#fff;border:none;border-radius:50px;align-items:center;gap:9px;padding:12px 32px;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #3f3f914d}.inv-submit-btn:hover:not(:disabled),.inv-update-btn:hover:not(:disabled){transform:translateY(-1px)}.inv-submit-btn:disabled,.inv-update-btn:disabled{cursor:not-allowed;box-shadow:none;transform:none}.inv-submit-btn{background:linear-gradient(135deg,#3f3f91,#6a6ac5)}.inv-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d2f87,#3f3f91);box-shadow:0 6px 16px #3f3f9166}.inv-submit-btn:disabled{background:#9e9ecc}.inv-update-btn{background:linear-gradient(135deg,#e67e22,#f39c12)}.inv-update-btn:hover:not(:disabled){background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 6px 16px #e67e2266}.inv-update-btn:disabled{background:#e8b88a}.inv-loading-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite inv-spin;display:inline-block}.inv-loading-spinner.small{border-width:2px;width:14px;height:14px}@keyframes inv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inv-list-container{background:#fff;border-radius:14px;max-width:1100px;margin:0 auto;animation:.2s ease-out inv-fadeIn;overflow:hidden;box-shadow:0 2px 10px #00000012}.inv-list-header-bar{border-bottom:1px solid #eef0f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.inv-list-result-count{color:#999;white-space:nowrap;font-family:Open Sans,sans-serif;font-size:12.5px}.inv-list-search{flex-shrink:0;width:320px;position:relative}.inv-list-search input{color:#333;box-sizing:border-box;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;width:100%;padding:10px 14px 10px 38px;font-family:Open Sans,sans-serif;font-size:14px;transition:all .25s}.inv-list-search input:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.inv-list-search input::placeholder{color:#aab0bc}.inv-list-search .inv-list-search-icon{color:#aab0bc;pointer-events:none;font-size:14px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.inv-list-loading,.inv-list-empty{text-align:center;padding:60px 20px}.inv-list-loading p,.inv-list-empty p{color:#aab0bc;margin:14px 0 0;font-family:Open Sans,sans-serif;font-size:14.5px}.inv-list-empty-icon{color:#ccd2e0;font-size:40px}.inv-loading-spinner-dark{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite inv-spin-dark;display:inline-block}.inv-loading-spinner-dark.large{border-width:3px;width:36px;height:36px}@keyframes inv-spin-dark{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inv-list-table-wrap{overflow-x:auto}.inv-list-table-wrap table{border-collapse:collapse;width:100%}.inv-list-table-wrap table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.inv-list-table-wrap table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:14px 20px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600}.inv-list-table-wrap table td{color:#3a3a5c;vertical-align:middle;border-bottom:1px solid #f0f2f8;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:13.5px}.inv-list-table-wrap table tr:last-child td{border-bottom:none}.inv-list-table-wrap table tr:hover td{background-color:#f5f6fb}.inv-list-number-cell{color:#3f3f91;white-space:nowrap;font-family:Roboto,sans-serif;font-weight:700}.inv-list-customer-name{color:#2d2d50;font-weight:600}.inv-list-customer-phone{color:#999;margin-top:2px;font-size:12px}.inv-list-date-cell{white-space:nowrap;color:#666}.inv-list-total-cell{color:#2d2f87;white-space:nowrap;font-family:Roboto,sans-serif;font-weight:700}.inv-list-view-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#17a2b8;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.inv-list-view-btn:hover{background:#138496;transform:translateY(-1px)}.inv-list-edit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e67e22;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.inv-list-edit-btn:hover{background:#d35400;transform:translateY(-1px)}.inv-list-delete-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#dc3545;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.inv-list-delete-btn:hover{background:#c82333;transform:translateY(-1px)}.inv-payment-pill{color:#3f3f91;background:#e8f0fe;border-radius:20px;padding:3px 11px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.inv-status-badge{border-radius:20px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.inv-status-badge.inv-status-active{color:#155724;background:#d4edda}.inv-status-badge.inv-status-cancelled{color:#721c24;background:#f8d7da}.inv-status-badge.inv-status-default{color:#495057;background:#e9ecef}.inv-delete-warning{text-align:center;padding:10px 0}.inv-delete-warning .inv-delete-icon{color:#dc3545;margin-bottom:16px;font-size:48px}.inv-delete-warning h3{color:#2d2d50;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:17px}.inv-delete-warning p{color:#666;margin:0 0 12px;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.inv-delete-warning ul{text-align:left;color:#555;margin:0 0 16px;padding-left:20px;font-family:Open Sans,sans-serif;font-size:13.5px;line-height:1.8}.inv-delete-warning ul li{margin-bottom:4px}.inv-delete-warning ul li strong{color:#dc3545}.inv-delete-warning .inv-delete-summary{text-align:left;color:#555;background:#f8f9fc;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px 20px;padding:14px 18px;font-family:Open Sans,sans-serif;font-size:13.5px;display:grid}.inv-delete-warning .inv-delete-summary strong{color:#2d2d50}.inv-modal-btn-cancel{color:#555;cursor:pointer;background:#f0f2f8;border:1.5px solid #dde1ed;border-radius:50px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.inv-modal-btn-cancel:hover{background:#e5e8f0}.inv-modal-btn-delete{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;box-shadow:0 3px 8px #dc354540}.inv-modal-btn-delete:hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 5px 12px #dc354559}.inv-modal-btn-delete:disabled{cursor:not-allowed;box-shadow:none;background:#e8a0a8;transform:none}.inv-modal-overlay{z-index:1000;background:#1e1e3c73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out inv-modal-fadeIn;display:flex;position:fixed;inset:0}@keyframes inv-modal-fadeIn{0%{opacity:0}to{opacity:1}}.inv-modal-content{background:#fff;border-radius:14px;width:100%;max-width:600px;max-height:90vh;animation:.25s ease-out inv-modal-slideUp;overflow-y:auto;box-shadow:0 8px 32px #1e1e3c2e}.inv-modal-content.inv-modal-lg{max-width:850px}@keyframes inv-modal-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.inv-modal-header{z-index:10;background:#fff;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:sticky;top:0}.inv-modal-header .inv-modal-title{color:#2d2f87;align-items:center;gap:9px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.inv-modal-header .inv-modal-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.inv-modal-header .inv-modal-close:hover{color:#3f3f91;background:#ede8fa}.inv-modal-body{padding:22px}.inv-modal-footer{background:#fff;border-top:1px solid #eaeef6;border-radius:0 0 14px 14px;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex;position:sticky;bottom:0}.inv-modal-btn-close{color:#555;cursor:pointer;background:#f0f2f8;border:1.5px solid #dde1ed;border-radius:50px;padding:10px 24px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s}.inv-modal-btn-close:hover{background:#e5e8f0}.inv-details-header-strip{background:#f8f9fc;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;display:flex}.inv-details-header-strip .inv-details-invoice-number{color:#2d2f87;margin-top:2px;font-family:Roboto,sans-serif;font-size:17px;font-weight:800;display:block}.inv-details-label{color:#999;text-transform:uppercase;letter-spacing:.4px;font-family:Open Sans,sans-serif;font-size:11px;display:block}.inv-details-section{margin-bottom:22px}.inv-details-section:last-child{margin-bottom:0}.inv-details-section h4{color:#3f3f91;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:8px;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700;display:flex}.inv-details-section h4 svg{font-size:12px}.inv-details-section .inv-discount-amount{color:#dc3545}.inv-details-section .inv-final-price{color:#28a745}.inv-details-grid{background:#fafbfd;border:1px solid #eef0f7;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px 16px;display:grid}.inv-details-item{flex-direction:column;gap:3px;display:flex}.inv-details-item strong{color:#2d2d50;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700}.inv-details-table-wrap{border:1px solid #eef0f7;border-radius:8px;overflow-x:auto}.inv-details-table-wrap table{border-collapse:collapse;width:100%}.inv-details-table-wrap table thead{background:#f5f6fa}.inv-details-table-wrap table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.3px;padding:9px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600}.inv-details-table-wrap table td{color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13px}.inv-details-table-wrap table tr:last-child td{border-bottom:none}.inv-details-totals{background:#fafbfd;border:1px solid #eef0f7;border-radius:8px;padding:6px 16px}.inv-details-totals .inv-details-totals-row{color:#444;border-bottom:1px solid #f0f2f8;justify-content:space-between;align-items:center;padding:10px 0;font-family:Open Sans,sans-serif;font-size:14px;display:flex}.inv-details-totals .inv-details-totals-row:last-child{border-bottom:none}.inv-details-totals .inv-details-totals-row strong{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:700}.inv-details-totals .inv-details-totals-row .inv-discount-amount{color:#dc3545;font-weight:700}.inv-details-totals .inv-details-totals-row.inv-details-totals-sub{color:#888;padding-left:10px;font-size:12.5px}.inv-details-totals .inv-details-totals-row.inv-details-totals-sub strong{color:#888;font-weight:500}.inv-details-totals .inv-details-totals-row.inv-details-totals-sub.inv-details-totals-promo .inv-discount-amount{color:#dc3545}.inv-details-totals .inv-details-totals-row.inv-details-totals-promo strong{color:#28a745;font-weight:700}.inv-details-totals .inv-details-totals-row.inv-details-totals-grand{border-top:1.5px dashed #e3e8f0;border-bottom:none;margin-top:4px;padding:12px 0}.inv-details-totals .inv-details-totals-row.inv-details-totals-grand span{color:#2d2f87;font-family:Roboto,sans-serif;font-size:15px;font-weight:700}.inv-details-totals .inv-details-totals-row.inv-details-totals-grand strong{color:#3f3f91;font-size:18px}.inv-details-notes{color:#666;background:#fff8ec;border:1px solid #f5dba0;border-radius:8px;margin:0;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px;line-height:1.5}.inv-details-footer-meta{text-align:right;color:#aab0bc;border-top:1px dashed #eef0f7;margin-top:18px;padding-top:14px;font-family:Open Sans,sans-serif;font-size:12px}.inv-details-footer-meta strong{color:#888;font-weight:600}.inv-package-discount-info{color:#666;align-items:center;gap:8px;margin-top:4px;font-family:Open Sans,sans-serif;font-size:12px;display:flex}.inv-package-discount-info .inv-package-discount-badge-sm{color:#fff;background:#dc3545;border-radius:50px;padding:1px 8px;font-size:10px;font-weight:600}.inv-package-discount-info .inv-package-discount-amount{color:#dc3545;font-weight:600}.inv-package-discount-info .inv-package-final-price{color:#28a745;font-weight:700}.inv-discount-tooltip{display:inline-block;position:relative}.inv-discount-tooltip:hover .inv-discount-tooltip-text{visibility:visible;opacity:1}.inv-discount-tooltip .inv-discount-tooltip-text{visibility:hidden;opacity:0;color:#fff;text-align:center;z-index:100;background:#2d2d50;border-radius:6px;width:180px;padding:6px 10px;font-family:Open Sans,sans-serif;font-size:12px;transition:opacity .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.inv-discount-tooltip .inv-discount-tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#2d2d50;margin-left:-5px;position:absolute;top:100%;left:50%}.inv-discount-summary-card{background:#fff5f5;border:1px solid #fcc;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.inv-discount-summary-card .inv-discount-summary-label{color:#555;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;display:flex}.inv-discount-summary-card .inv-discount-summary-amount{color:#dc3545;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}@media screen and (width<=992px){.inv-package-display{flex-direction:column;align-items:flex-start;gap:6px}.inv-package-display .inv-package-price{margin-left:0}.inv-delete-warning .inv-delete-summary{grid-template-columns:1fr}}@media screen and (width<=768px){.inv-main{padding:16px 14px 32px}.inv-page-header{flex-direction:column;align-items:stretch;padding:14px 16px}.inv-page-header h2{font-size:18px}.inv-page-header .inv-right-section,.inv-page-header .inv-view-toggle{width:100%}.inv-page-header .inv-toggle-btn{flex:1;justify-content:center;padding:8px 12px;font-size:12px}.inv-section{padding:18px}.inv-section-header-with-actions{flex-direction:column;align-items:flex-start;gap:10px}.inv-section-header-with-actions .inv-section-actions{width:100%}.inv-section-header-with-actions .inv-add-close-btn{justify-content:center;width:100%}.inv-form-row{flex-direction:column;gap:14px}.inv-form-row.inv-form-row-dispenser .inv-form-field-narrow{flex:1}.inv-add-btn-wrap{width:100%}.inv-add-dispenser-btn{justify-content:center;width:100%}.inv-dispenser-table-wrap{overflow-x:auto}.inv-dispenser-table{min-width:460px}.inv-dispenser-table th:nth-child(5),.inv-dispenser-table td:nth-child(5){min-width:80px}.inv-dispenser-table th:nth-child(6),.inv-dispenser-table td:nth-child(6){min-width:100px}.inv-dispenser-table .inv-discount-input{width:50px;font-size:12px}.inv-summary-item.inv-summary-discount{grid-column:1/-1}.inv-form-actions{flex-direction:column-reverse}.inv-form-actions button{justify-content:center;width:100%}.inv-summary-item.inv-summary-grand-total{flex-direction:column;align-items:flex-start;gap:4px}.inv-list-header-bar{flex-direction:column;align-items:stretch}.inv-list-header-bar .inv-list-result-count{text-align:center}.inv-list-search{width:100%}.inv-list-table-wrap{font-size:12.5px}.inv-list-table-wrap table th,.inv-list-table-wrap table td{padding:10px 12px;font-size:12px}.inv-list-actions{flex-wrap:wrap;gap:4px}.inv-list-actions button{padding:4px 8px;font-size:11px}.inv-modal-content{border-radius:16px 16px 0 0;max-width:100%}.inv-modal-overlay{align-items:flex-end;padding:0}.inv-details-grid{grid-template-columns:1fr}.inv-details-header-strip{flex-direction:column;align-items:flex-start;gap:10px}.inv-package-display{flex-direction:column;align-items:flex-start;gap:6px}.inv-package-display .inv-package-price{margin-left:0}}@media (width<=480px){.inv-section-title{font-size:14px}.inv-modal-header,.inv-modal-footer{padding:14px 16px}.inv-modal-body{padding:16px}.inv-details-totals-row{font-size:13px}.inv-details-totals-row.inv-details-totals-grand strong{font-size:16px}.inv-dispenser-table{font-size:12px}.inv-dispenser-table th,.inv-dispenser-table td{padding:6px 8px}.inv-dispenser-table .inv-discount-input{width:40px;padding:2px 4px;font-size:11px}.inv-dispenser-table .inv-final-price-cell{font-size:12px}.inv-delete-warning .inv-delete-summary{grid-template-columns:1fr;padding:10px 14px;font-size:12.5px}.inv-modal-btn-delete,.inv-modal-btn-cancel{justify-content:center;width:100%}.inv-modal-footer{flex-direction:column;gap:8px}}.confirmation-overlay{z-index:1100;background:#1e1e3c80;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out inv-modal-fadeIn;display:flex;position:fixed;inset:0}.confirmation-modal{background:#fff;border-radius:14px;width:100%;max-width:420px;animation:.25s ease-out inv-modal-slideUp;box-shadow:0 8px 32px #1e1e3c33}.confirmation-header{background:#fafbfc;border-bottom:1px solid #eaeef6;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.confirmation-header .confirmation-title{color:#2d2f87;align-items:center;gap:10px;font-family:Roboto,sans-serif;font-size:16px;font-weight:700;display:flex}.confirmation-header .confirmation-title .confirmation-icon{font-size:18px}.confirmation-header .confirmation-title .confirmation-icon.warning{color:#e67e22}.confirmation-header .confirmation-title .confirmation-icon.danger{color:#dc3545}.confirmation-header .confirmation-title .confirmation-icon.info{color:#17a2b8}.confirmation-header .confirmation-close{cursor:pointer;color:#888;background:#f5f6fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .2s;display:flex}.confirmation-header .confirmation-close:hover{color:#3f3f91;background:#ede8fa}.confirmation-body{padding:22px 22px 18px}.confirmation-body p{color:#555;margin:0;font-family:Open Sans,sans-serif;font-size:14px;line-height:1.6}.confirmation-footer{border-top:1px solid #f0f2f8;justify-content:flex-end;gap:10px;padding:14px 22px 20px;display:flex}.confirmation-footer button{cursor:pointer;border-radius:50px;padding:9px 22px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.confirmation-footer button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.confirmation-footer .confirmation-btn-cancel{color:#555;background:#f0f2f8;border:1.5px solid #dde1ed}.confirmation-footer .confirmation-btn-cancel:hover:not(:disabled){background:#e5e8f0}.confirmation-footer .confirmation-btn-confirm{color:#fff;border:none;box-shadow:0 3px 8px #00000026}.confirmation-footer .confirmation-btn-confirm:hover:not(:disabled){transform:translateY(-1px)}.confirmation-footer .confirmation-btn-confirm.confirmation-btn-warning{background:linear-gradient(135deg,#e67e22,#f39c12)}.confirmation-footer .confirmation-btn-confirm.confirmation-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d35400,#e67e22);box-shadow:0 5px 12px #e67e2259}.confirmation-footer .confirmation-btn-confirm.confirmation-btn-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.confirmation-footer .confirmation-btn-confirm.confirmation-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71d2a);box-shadow:0 5px 12px #dc354559}.confirmation-footer .confirmation-btn-confirm.confirmation-btn-info{background:linear-gradient(135deg,#17a2b8,#138496)}.confirmation-footer .confirmation-btn-confirm.confirmation-btn-info:hover:not(:disabled){background:linear-gradient(135deg,#138496,#0f6674);box-shadow:0 5px 12px #17a2b859}.inv-edit-select{color:#333;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:4px;padding:4px 8px;font-family:Open Sans,sans-serif;font-size:13px;transition:border-color .2s}.inv-edit-select:focus{border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.inv-edit-input{text-align:center;border:1.5px solid #e3e8f0;border-radius:4px;width:60px;padding:4px 6px;font-family:Open Sans,sans-serif;font-size:13px;transition:border-color .2s}.inv-edit-input:focus{border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.inv-edit-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-edit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inv-edit-input{-moz-appearance:textfield}@media screen and (width<=480px){.confirmation-modal{border-radius:16px 16px 0 0;max-width:100%}.confirmation-overlay{align-items:flex-end;padding:0}.confirmation-footer{flex-direction:column}.confirmation-footer button{justify-content:center;width:100%}.confirmation-header .confirmation-title{font-size:14px}.confirmation-body p{font-size:13px}.inv-edit-input{width:50px;font-size:12px}.inv-edit-select{padding:3px 6px;font-size:12px}}.inv-loyalty-section{border-left:3px solid #f39c12}.inv-loyalty-container{flex-direction:column;gap:12px;margin-top:16px;display:flex}.inv-loyalty-info{background:#fdf8f0;border:1px solid #f5dba0;border-radius:8px;flex-wrap:wrap;gap:20px;padding:14px 18px;display:flex}.inv-loyalty-info>div{color:#555;align-items:center;gap:6px;font-family:Open Sans,sans-serif;font-size:13.5px;display:flex}.inv-loyalty-info>div strong{color:#2d2f87;font-family:Roboto,sans-serif;font-weight:700}.inv-loyalty-info .inv-loyalty-earned-value{color:#28a745;font-weight:700}.inv-loyalty-checkbox{color:#555;cursor:pointer;background:#f5f7fc;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:14px;transition:background .2s;display:flex}.inv-loyalty-checkbox:hover{background:#edf0fc}.inv-loyalty-checkbox input[type=checkbox]{cursor:pointer;accent-color:#3f3f91;width:18px;height:18px}.inv-loyalty-used-info{color:#dc3545;background:#fff5f5;border:1px solid #fcc;border-radius:8px;padding:6px 14px;font-family:Open Sans,sans-serif;font-size:13px}.inv-loyalty-used-info strong{font-weight:700}.inv-loyalty-hint{color:#aab0bc;padding:4px 14px;font-size:12px}.inv-loyalty-message,.inv-loyalty-edit-mode-message{color:#e67e22;background:#fef9f0;border:1px solid #f5dba0;border-radius:8px;padding:8px 14px;font-size:13px}.inv-summary-item.inv-summary-loyalty{background:#fdf8f0;border-left:3px solid #f39c12}.inv-summary-item.inv-summary-loyalty .inv-summary-value{color:#dc3545;font-weight:700}.inv-summary-item.inv-summary-earned{background:#f0faf0;border-left:3px solid #28a745}.inv-summary-item.inv-summary-earned .inv-summary-value,.inv-loyalty-earned{color:#28a745;font-weight:700}.inv-loyalty-used{color:#dc3545;font-weight:700}.inv-list-loyalty-badge{color:#28a745;margin-top:2px;font-size:11px;font-weight:600}.inv-details-totals-row.inv-details-totals-loyalty .inv-discount-amount{color:#dc3545}@media screen and (width<=768px){.inv-loyalty-info{flex-direction:column;gap:8px}.inv-loyalty-checkbox{padding:8px 12px;font-size:13px}}.inv-list-pdf-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:13px;transition:all .2s;display:inline-flex}.inv-list-pdf-btn:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 10px #dc35454d}.inv-list-pdf-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.inv-list-pdf-btn svg{font-size:14px}.inv-list-whatsapp-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:13px;transition:all .2s;display:inline-flex}.inv-list-whatsapp-btn:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 4px 10px #25d3664d}.inv-list-whatsapp-btn svg{font-size:14px}.inv-modal-btn-pdf{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #dc354540}.inv-modal-btn-pdf:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 5px 15px #dc354559}.inv-modal-btn-pdf:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.inv-modal-btn-pdf svg{font-size:14px}.inv-modal-btn-whatsapp{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #25d36640}.inv-modal-btn-whatsapp:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 5px 15px #25d36659}.inv-modal-btn-whatsapp svg{font-size:14px}.inv-list-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.inv-list-actions button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:12px;transition:all .2s;display:inline-flex}.inv-list-actions button:hover{transform:translateY(-2px)}.inv-list-actions button svg{font-size:13px}.inv-list-actions .inv-list-view-btn{color:#fff;background:#17a2b8}.inv-list-actions .inv-list-view-btn:hover{background:#138496;box-shadow:0 4px 10px #17a2b84d}.inv-list-actions .inv-list-pdf-btn{color:#fff;background:#dc3545}.inv-list-actions .inv-list-pdf-btn:hover:not(:disabled){background:#c82333;box-shadow:0 4px 10px #dc35454d}.inv-list-actions .inv-list-whatsapp-btn{color:#fff;background:#25d366}.inv-list-actions .inv-list-whatsapp-btn:hover{background:#1da851;box-shadow:0 4px 10px #25d3664d}.inv-list-actions .inv-list-edit-btn{color:#fff;background:#e67e22}.inv-list-actions .inv-list-edit-btn:hover{background:#d35400;box-shadow:0 4px 10px #e67e224d}.inv-list-actions .inv-list-delete-btn{color:#fff;background:#dc3545}.inv-list-actions .inv-list-delete-btn:hover{background:#c82333;box-shadow:0 4px 10px #dc35454d}@media screen and (width<=768px){.inv-list-actions{gap:4px}.inv-list-actions button{min-width:28px;height:28px;padding:0 6px;font-size:10px}.inv-list-actions button svg{font-size:11px}.inv-modal-btn-pdf,.inv-modal-btn-whatsapp{flex:1;justify-content:center;padding:8px 14px;font-size:12px}.inv-modal-footer{flex-wrap:wrap;gap:8px}.inv-modal-footer button{flex:1;justify-content:center;min-width:calc(50% - 4px)}}@media screen and (width<=480px){.inv-list-actions{gap:3px}.inv-list-actions button{border-radius:4px;min-width:24px;height:24px;padding:0 4px;font-size:9px}.inv-list-actions button svg{font-size:10px}.inv-modal-btn-pdf,.inv-modal-btn-whatsapp{padding:8px 12px;font-size:11px}}.inv-whatsapp-green{color:#25d366}.inv-whatsapp-btn-sm{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.inv-whatsapp-btn-sm:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 4px 10px #25d3664d}.inv-whatsapp-btn-sm svg{font-size:13px}.inv-pdf-btn-sm{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.inv-pdf-btn-sm:hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 10px #dc35454d}.inv-pdf-btn-sm:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.inv-pdf-btn-sm svg{font-size:13px}.inv-loading-spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite inv-spin;display:inline-block}.inv-export-btn{color:#fff!important;cursor:pointer!important;letter-spacing:.2px!important;white-space:nowrap!important;background:linear-gradient(135deg,#27ae60,#2ecc71)!important;border:none!important;border-radius:50px!important;align-items:center!important;gap:8px!important;padding:9px 20px!important;font-family:Roboto,sans-serif!important;font-size:13.5px!important;font-weight:600!important;transition:all .22s!important;display:inline-flex!important;box-shadow:0 3px 8px #27ae6040!important}.inv-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#219653,#27ae60)!important;transform:translateY(-2px)!important;box-shadow:0 5px 14px #27ae6059!important}.inv-export-btn:active:not(:disabled){transform:translateY(0)!important}.inv-export-btn:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.inv-export-btn svg{font-size:14px!important}.inv-list-filter-bar{background:#fafbfd;border-bottom:1px solid #eef0f7;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.inv-list-filter-bar .inv-list-search{flex:1;min-width:200px}.inv-list-filter-bar .inv-filter-time,.inv-list-filter-bar .inv-filter-payment{color:#333;cursor:pointer;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;min-width:140px;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13px;transition:all .25s}.inv-list-filter-bar .inv-filter-time:focus,.inv-list-filter-bar .inv-filter-payment:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.inv-list-filter-bar .inv-list-result-count{color:#999;white-space:nowrap;margin-left:auto;font-family:Open Sans,sans-serif;font-size:12.5px}@media screen and (width<=992px){.inv-list-filter-bar{gap:10px}.inv-list-filter-bar .inv-list-search{min-width:150px}.inv-list-filter-bar .inv-filter-time,.inv-list-filter-bar .inv-filter-payment{min-width:120px;padding:8px 12px;font-size:12.5px}}@media screen and (width<=768px){.inv-export-btn{justify-content:center!important;width:100%!important;padding:10px 16px!important;font-size:13px!important}.inv-list-filter-bar{flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px}.inv-list-filter-bar .inv-list-search{width:100%;min-width:auto}.inv-list-filter-bar .inv-filter-time,.inv-list-filter-bar .inv-filter-payment{width:100%;min-width:auto;padding:9px 14px;font-size:13px}.inv-list-filter-bar .inv-list-result-count{text-align:center;margin-left:0}}@media (width<=480px){.inv-export-btn{padding:8px 12px!important;font-size:11px!important}.inv-list-filter-bar{padding:10px 12px}.inv-list-filter-bar .inv-filter-time,.inv-list-filter-bar .inv-filter-payment{padding:8px 12px;font-size:12px}}.inv-xp-oil-section{border-top:2px dashed #eef0f7;margin-top:16px;padding-top:16px}.inv-xp-oil-section .inv-section-subtitle{color:#8e44ad;align-items:center;gap:8px;margin:0;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;display:flex}.inv-xp-oil-section .inv-section-subtitle svg{flex-shrink:0;font-size:14px}.inv-xp-oil-section .inv-section-header-with-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.inv-xp-oil-section .inv-section-header-with-actions .inv-close-xp-btn{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.inv-xp-oil-section .inv-section-header-with-actions .inv-close-xp-btn:hover{background:linear-gradient(135deg,#7d3c98,#8e44ad)}.inv-xp-oil-section .inv-add-xp-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8e44ad,#9b59b6);border:none;border-radius:50px;align-items:center;gap:7px;height:42px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 8px #8e44ad40}.inv-xp-oil-section .inv-add-xp-btn:hover{background:linear-gradient(135deg,#7d3c98,#8e44ad);transform:translateY(-1px);box-shadow:0 5px 12px #8e44ad59}.inv-xp-oil-section .inv-add-xp-btn:disabled{cursor:not-allowed;box-shadow:none;background:#c9a8d6;transform:none}.inv-xp-oil-section .inv-form-row-xp{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.inv-xp-oil-section .inv-form-row-xp .inv-form-field{flex:1;min-width:0}.inv-xp-oil-section .inv-form-row-xp .inv-form-field.inv-form-field-narrow{flex:0 0 110px}.inv-xp-oil-section .inv-form-row-xp .inv-form-field label{color:#555;margin-bottom:6px;font-family:Roboto,sans-serif;font-size:13px;font-weight:500;display:block}.inv-xp-oil-section .inv-form-row-xp .inv-form-field input[type=number]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 12px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.inv-xp-oil-section .inv-form-row-xp .inv-form-field input[type=number]:focus{background:#fff;border-color:#8e44ad;outline:none;box-shadow:0 0 0 3px #8e44ad1f}.inv-xp-oil-section .inv-form-row-xp .inv-form-field input[type=number]::placeholder{color:#bfc5ce}.inv-xp-oil-section .inv-form-row-xp .inv-form-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-xp-oil-section .inv-form-row-xp .inv-form-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inv-xp-oil-section .inv-form-row-xp .inv-form-field input[type=number]{-moz-appearance:textfield}.inv-xp-oil-section .inv-form-row-xp .inv-add-btn-wrap{flex:none}.inv-xp-validation{background:#f8f9fc;border:1px solid #eef0f7;border-radius:8px;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px 16px;display:flex}.inv-xp-validation .inv-xp-total{color:#555;flex-wrap:wrap;align-items:center;gap:8px;font-family:Open Sans,sans-serif;font-size:14px;display:flex}.inv-xp-validation .inv-xp-total strong{color:#2d2f87;font-family:Roboto,sans-serif;font-size:16px;font-weight:700}.inv-xp-validation .inv-xp-total .inv-xp-package-qty{color:#999;font-size:13px}.inv-xp-validation .inv-xp-error{color:#dc3545;background:#fff5f5;border:1px solid #fcc;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:600;display:flex}.inv-xp-validation .inv-xp-error svg{flex-shrink:0;font-size:16px}.inv-xp-validation .inv-xp-success{color:#28a745;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:600;display:flex}.inv-xp-validation .inv-xp-success svg{flex-shrink:0;font-size:16px}.inv-xp-validation .inv-xp-info{color:#999;padding:4px 0;font-family:Open Sans,sans-serif;font-size:13px}.inv-xp-list{margin-top:14px}.inv-xp-list h5{color:#555;text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700}.inv-xp-table-wrap{border:1px solid #eceef6;border-radius:8px;overflow:hidden}.inv-xp-table{border-collapse:collapse;width:100%}.inv-xp-table thead{background:#f7f8fc}.inv-xp-table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.4px;padding:9px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600}.inv-xp-table td{color:#3a3a5c;vertical-align:middle;border-bottom:1px solid #f0f2f8;padding:9px 14px;font-family:Open Sans,sans-serif;font-size:13px}.inv-xp-table tr:last-child td{border-bottom:none}.inv-xp-table tr:hover td{background:#fafbff}.inv-xp-table td:nth-child(2){text-align:center;min-width:80px}.inv-xp-table td:nth-child(3){text-align:center;color:#888;min-width:70px;font-size:12px}.inv-xp-table td:last-child{text-align:center;min-width:50px}.inv-xp-table .inv-edit-input-small{text-align:center;border:1.5px solid #e3e8f0;border-radius:4px;width:70px;padding:4px 6px;font-family:Open Sans,sans-serif;font-size:13px;transition:border-color .2s}.inv-xp-table .inv-edit-input-small:focus{border-color:#8e44ad;outline:none;box-shadow:0 0 0 3px #8e44ad1f}.inv-xp-table .inv-edit-input-small::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-xp-table .inv-edit-input-small::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inv-xp-table .inv-edit-input-small{-moz-appearance:textfield}.inv-xp-table-total{background:#f8f9fc;font-weight:700}.inv-xp-table-total td{border-top:2px solid #e3e8f0;padding:10px 14px;background:#f8f9fc!important}.inv-xp-table-total strong{color:#2d2f87}.inv-details-xp-oils{margin-top:14px}.inv-details-xp-oils h5{color:#8e44ad;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;margin:0 0 8px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700;display:flex}.inv-details-xp-oils h5 svg{font-size:13px}.inv-details-xp-table{border-collapse:collapse;border:1px solid #eef0f7;border-radius:8px;width:100%;overflow:hidden}.inv-details-xp-table thead{background:#f5f6fa}.inv-details-xp-table th{text-align:left;color:#6b6b9a;text-transform:uppercase;letter-spacing:.3px;padding:8px 14px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600}.inv-details-xp-table td{color:#3a3a5c;border-bottom:1px solid #f0f2f8;padding:8px 14px;font-family:Open Sans,sans-serif;font-size:13px}.inv-details-xp-table tr:last-child td{border-bottom:none}.inv-details-xp-table .inv-details-xp-total{background:#f8f9fc;font-weight:700}.inv-details-xp-table .inv-details-xp-total td{border-top:2px solid #e3e8f0;padding:10px 14px}.inv-details-xp-table .inv-details-xp-total strong{color:#2d2f87}.inv-submit-hint{color:#dc3545;text-align:center;margin-top:6px;font-family:Open Sans,sans-serif;font-size:11.5px}@media screen and (width<=768px){.inv-xp-oil-section .inv-form-row-xp{flex-direction:column;gap:12px}.inv-xp-oil-section .inv-form-row-xp .inv-form-field,.inv-xp-oil-section .inv-form-row-xp .inv-form-field.inv-form-field-narrow{flex:1;width:100%}.inv-xp-oil-section .inv-form-row-xp .inv-add-btn-wrap{width:100%}.inv-xp-oil-section .inv-form-row-xp .inv-add-xp-btn{justify-content:center;width:100%}.inv-xp-oil-section .inv-section-header-with-actions{flex-direction:column;align-items:flex-start;gap:10px}.inv-xp-oil-section .inv-section-header-with-actions .inv-close-xp-btn{justify-content:center;width:100%}.inv-xp-table-wrap{overflow-x:auto}.inv-xp-table{min-width:350px}.inv-xp-table th,.inv-xp-table td{padding:7px 10px;font-size:12px}.inv-xp-table td:nth-child(2){min-width:70px}.inv-xp-table td:nth-child(3){min-width:60px}.inv-xp-table .inv-edit-input-small{width:60px;font-size:12px}.inv-xp-validation .inv-xp-total{flex-direction:column;align-items:flex-start;gap:4px;font-size:13px}.inv-xp-validation .inv-xp-error,.inv-xp-validation .inv-xp-success{padding:8px 12px;font-size:12.5px}.inv-details-xp-table{font-size:12px}.inv-details-xp-table th,.inv-details-xp-table td{padding:6px 10px}}@media screen and (width<=480px){.inv-xp-oil-section .inv-section-subtitle{font-size:13px}.inv-xp-oil-section .inv-form-row-xp .inv-form-field input[type=number]{padding:8px 10px;font-size:13px}.inv-xp-table{min-width:280px}.inv-xp-table th,.inv-xp-table td{padding:5px 8px;font-size:11px}.inv-xp-table .inv-edit-input-small{width:50px;padding:3px 4px;font-size:11px}.inv-xp-validation{padding:10px 12px}.inv-xp-validation .inv-xp-total{font-size:12px}.inv-xp-validation .inv-xp-error,.inv-xp-validation .inv-xp-success{padding:6px 10px;font-size:12px}}.inv-xp-oil-section{animation:.3s ease-out inv-xp-fadeIn}@keyframes inv-xp-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.inv-xp-count-badge{color:#fff;background:#8e44ad;border-radius:50px;justify-content:center;align-items:center;min-width:24px;margin-left:6px;padding:2px 10px;font-family:Roboto,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.inv-xp-ml-input-group{align-items:center;gap:4px;display:flex}.inv-xp-ml-input-group input{color:#333;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px 0 0 8px;flex:1;min-width:60px;padding:9px 12px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .25s,box-shadow .25s}.inv-xp-ml-input-group input:focus{background:#fff;border-color:#8e44ad;outline:none;box-shadow:0 0 0 3px #8e44ad1f}.inv-xp-ml-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inv-xp-ml-input-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inv-xp-ml-input-group input{-moz-appearance:textfield}.inv-xp-ml-input-group .inv-xp-ml-unit{color:#888;background:#f0f2f8;border:1.5px solid #e3e8f0;border-left:none;border-radius:0 8px 8px 0;padding:9px 14px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.inv-xp-remove-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .2s;display:inline-flex}.inv-xp-remove-btn:hover{background:#c82333;transform:translateY(-1px)}.inv-xp-empty-state{text-align:center;color:#aab0bc;border:2px dashed #eef0f7;border-radius:8px;padding:20px;font-family:Open Sans,sans-serif;font-size:13.5px}.inv-xp-empty-state svg{color:#ccd2e0;margin-bottom:8px;font-size:28px;display:block}.inv-xp-validation-tooltip{display:inline-block;position:relative}.inv-xp-validation-tooltip:hover .inv-xp-validation-tooltip-text{visibility:visible;opacity:1}.inv-xp-validation-tooltip .inv-xp-validation-tooltip-text{visibility:hidden;opacity:0;color:#fff;text-align:center;z-index:100;background:#2d2d50;border-radius:6px;width:220px;padding:8px 12px;font-family:Open Sans,sans-serif;font-size:12px;transition:opacity .3s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)}.inv-xp-validation-tooltip .inv-xp-validation-tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#2d2d50;margin-left:-5px;position:absolute;top:100%;left:50%}.inv-package-mode-btn{color:#777;cursor:pointer;white-space:nowrap;background:#f5f6fa;border:2px solid #e3e8f0;border-radius:50px;align-items:center;gap:8px;padding:8px 18px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:600;transition:all .3s;display:inline-flex}.inv-package-mode-btn svg{font-size:16px;transition:transform .3s}.inv-package-mode-btn:hover:not(:disabled){background:#edf0fc;border-color:#c8cde0;transform:translateY(-1px)}.inv-package-mode-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.inv-package-mode-btn.inv-package-active{color:#fff;background:linear-gradient(135deg,#5a3ec8,#7b5dd6);border-color:#5a3ec8;box-shadow:0 3px 10px #5a3ec840}.inv-package-mode-btn.inv-package-active svg{color:#fff}.inv-package-mode-btn.inv-package-active:hover:not(:disabled){background:linear-gradient(135deg,#4a32b0,#6a4dc8);box-shadow:0 5px 14px #5a3ec859}.inv-package-mode-info{margin-top:4px;margin-bottom:6px}.inv-package-mode-info .inv-package-hint{color:#5a3ec8;background:#f0edfb;border-left:3px solid #5a3ec8;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}@media screen and (width<=768px){.inv-package-mode-btn{gap:6px;padding:6px 14px;font-size:11.5px}.inv-package-mode-btn svg{font-size:14px}}@media screen and (width<=480px){.inv-package-mode-btn{gap:5px;padding:5px 12px;font-size:10.5px}.inv-package-mode-btn svg{font-size:12px}}#invoice-print{color:#333;box-sizing:border-box;page-break-after:avoid;page-break-inside:avoid;background:#fff;width:210mm;margin:0 auto;padding:15mm;font-family:Arial,sans-serif;font-size:12px;position:relative}#invoice-print .invoice-container{flex-direction:column;gap:12px;display:flex}#invoice-print .invoice-header{border-bottom:2px solid #333;flex-direction:column;min-height:100px;padding:10px 0;display:flex;position:relative}#invoice-print .invoice-header .company-top-info{justify-content:space-between;align-items:flex-start;width:100%;display:flex;position:absolute;top:10px;left:0;right:0}#invoice-print .invoice-header .company-name-left{text-align:left}#invoice-print .invoice-header .company-name-left p{color:#333;margin:2px 0;font-size:10px;font-weight:700;line-height:1.3}#invoice-print .invoice-header .gst-number-right{text-align:right}#invoice-print .invoice-header .gst-number-right p{color:#333;margin:2px 0;font-size:10px;font-weight:700;line-height:1.3}#invoice-print .invoice-header .logo-address-center{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:35px;display:flex}#invoice-print .invoice-header .invoice-logo{margin-bottom:6px}#invoice-print .invoice-header .invoice-logo img{max-width:130px;height:auto;margin:0 auto;display:block}#invoice-print .invoice-header .company-address{text-align:center}#invoice-print .invoice-header .company-address .address-details p{color:#555;margin:2px 0;font-size:11px;line-height:1.3}#invoice-print .tax-invoice-heading{text-align:center;margin:0 0 10px}#invoice-print .tax-invoice-heading h1{color:#333;letter-spacing:2px;margin:0;font-size:18px;font-weight:700;text-decoration:none}#invoice-print .invoice-details-section{page-break-inside:avoid;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}#invoice-print .invoice-details-section .customer-info,#invoice-print .invoice-details-section .invoice-info{flex:1}#invoice-print .invoice-details-section .customer-info h3,#invoice-print .invoice-details-section .invoice-info h3{color:#333;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:13px;font-weight:700}#invoice-print .invoice-details-section .customer-info .details-table,#invoice-print .invoice-details-section .invoice-info .details-table{border-collapse:collapse;width:100%}#invoice-print .invoice-details-section .customer-info .details-table td,#invoice-print .invoice-details-section .invoice-info .details-table td{vertical-align:top;border:none;padding:4px 0;font-size:11px}#invoice-print .invoice-details-section .customer-info .details-table td:first-child,#invoice-print .invoice-details-section .invoice-info .details-table td:first-child{color:#555;width:120px;padding-right:10px;font-weight:700}#invoice-print .invoice-details-section .customer-info .details-table td strong,#invoice-print .invoice-details-section .invoice-info .details-table td strong{color:#333}#invoice-print .items-section{page-break-inside:auto;margin-bottom:5px}#invoice-print .items-section h3{color:#333;page-break-after:avoid;border-bottom:1px solid #ddd;margin:0 0 10px;padding-bottom:5px;font-size:14px;font-weight:700}#invoice-print .items-section .items-table{border-collapse:collapse;table-layout:auto;width:100%}#invoice-print .items-section .items-table th,#invoice-print .items-section .items-table td{word-wrap:break-word;page-break-inside:avoid;border:1px solid #ddd;padding:6px 8px;font-size:11px}#invoice-print .items-section .items-table th{text-align:center;text-transform:uppercase;color:#555;background:#f5f5f5;font-size:10px;font-weight:700}#invoice-print .items-section .items-table td{text-align:center}#invoice-print .items-section .items-table td:nth-child(2){text-align:left}#invoice-print .items-section .items-table td:nth-child(3){text-align:left;font-size:10px}#invoice-print .items-section .items-table td:nth-child(5),#invoice-print .items-section .items-table td:nth-child(6),#invoice-print .items-section .items-table td:nth-child(7){text-align:right}#invoice-print .items-section .items-table td small{color:#888;font-size:9px}#invoice-print .items-section .items-table td strong{color:#333}#invoice-print .items-section .items-table tr{page-break-inside:avoid;page-break-after:auto}#invoice-print .items-section .items-table tr:nth-child(2n){background:#fafafa}#invoice-print .totals-section{page-break-inside:avoid;page-break-before:auto;justify-content:flex-end;margin-bottom:5px;display:flex}#invoice-print .totals-section .amount-details{width:320px}#invoice-print .totals-section .amount-details table{border-collapse:collapse;width:100%}#invoice-print .totals-section .amount-details table td{text-align:right;padding:5px 8px;font-size:11px}#invoice-print .totals-section .amount-details table td:first-child{text-align:left;color:#555;font-weight:700}#invoice-print .totals-section .amount-details table td strong{color:#333}#invoice-print .totals-section .amount-details table .grand-total td{border-top:1.5px solid #333;padding-top:8px;font-size:14px}#invoice-print .totals-section .amount-details table .grand-total td strong{color:#000;font-size:15px}#invoice-print .totals-section .amount-details table tr:not(.grand-total):hover{background:#f9f9f9}#invoice-print .amount-in-words{page-break-inside:avoid;page-break-before:auto;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:5px;padding:8px 12px}#invoice-print .amount-in-words p{color:#555;margin:0;font-size:11px;font-style:italic}#invoice-print .amount-in-words p strong{color:#333;font-weight:700}#invoice-print .declaration-terms-section{page-break-inside:avoid;page-break-before:auto;justify-content:space-between;gap:20px;margin-bottom:5px;display:flex}#invoice-print .declaration-terms-section .declaration-section,#invoice-print .declaration-terms-section .terms-section{flex:1}#invoice-print .declaration-terms-section .declaration-section h3,#invoice-print .declaration-terms-section .terms-section h3{color:#333;border-bottom:1px solid #ddd;margin:0 0 8px;padding-bottom:3px;font-size:12px;font-weight:700}#invoice-print .declaration-terms-section .declaration-section p,#invoice-print .declaration-terms-section .terms-section p{word-wrap:break-word;color:#555;margin:0;font-family:inherit;font-size:10px;line-height:1.5}#invoice-print .declaration-terms-section .declaration-section pre,#invoice-print .declaration-terms-section .terms-section pre{white-space:pre-wrap;word-wrap:break-word;color:#555;margin:0;font-family:inherit;font-size:10px;line-height:1.5}#invoice-print .notes-section{page-break-inside:avoid;background:#fff8ec;border:1px solid #f5dba0;border-radius:4px;margin-bottom:5px;padding:8px 12px}#invoice-print .notes-section h3{color:#333;margin:0 0 5px;font-size:12px;font-weight:700}#invoice-print .notes-section p{color:#555;margin:0;font-size:11px}#invoice-print .invoice-footer{page-break-inside:avoid;page-break-before:auto;border-top:1px solid #ddd;justify-content:space-between;align-items:flex-end;margin-top:5px;padding-top:15px;display:flex}#invoice-print .invoice-footer .thank-you{text-align:center;flex:1}#invoice-print .invoice-footer .thank-you p{color:#555;margin:0;font-size:11px;font-style:italic;font-weight:700}#invoice-print .invoice-footer .signature{text-align:center;flex:1}#invoice-print .invoice-footer .signature p{color:#555;margin:0 0 5px;font-size:11px}#invoice-print .invoice-footer .signature .signature-line{background:#333;width:150px;height:1px;margin:0 auto}#invoice-print .invoice-footer .developer-note{text-align:right;color:#999;flex:1;font-size:9px}#invoice-print .invoice-footer .developer-note a{color:#3f3f91;font-weight:700;text-decoration:none}#invoice-print .invoice-footer .developer-note a:hover{text-decoration:underline}@media print{#invoice-print{width:100%;height:100%;box-shadow:none;margin:0;padding:15mm}#invoice-print .invoice-container{min-height:auto}#invoice-print .items-table{page-break-inside:auto}#invoice-print .items-table tr{page-break-inside:avoid;page-break-after:auto}#invoice-print .totals-section,#invoice-print .amount-in-words,#invoice-print .declaration-terms-section,#invoice-print .notes-section,#invoice-print .invoice-footer{page-break-before:avoid;page-break-inside:avoid}}@media screen and (width<=768px){#invoice-print{width:100%;padding:10mm}#invoice-print .invoice-details-section{flex-direction:column;gap:10px}#invoice-print .totals-section{justify-content:flex-start}#invoice-print .totals-section .amount-details{width:100%}#invoice-print .declaration-terms-section{flex-direction:column}#invoice-print .invoice-header .company-top-info{flex-direction:column;align-items:center;gap:2px;position:static}#invoice-print .invoice-header .company-name-left,#invoice-print .invoice-header .gst-number-right{text-align:center}#invoice-print .invoice-header .logo-address-center{margin-top:10px}#invoice-print .items-table{font-size:10px}#invoice-print .items-table th,#invoice-print .items-table td{padding:4px}#invoice-print .invoice-footer{flex-direction:column;align-items:center;gap:10px}}.db-main{min-height:100vh;padding:28px 30px 56px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.db-welcome-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1300px;margin:0 auto 26px;display:flex}.db-welcome-left{flex-direction:column;gap:5px;display:flex}.db-welcome-left h1{color:#2d2f87;letter-spacing:-.3px;margin:0;font-family:Roboto,sans-serif;font-size:27px;font-weight:800}.db-welcome-left h1 span{color:#6a6ac5}.db-welcome-left p{color:#8891a5;margin:0;font-family:Open Sans,sans-serif;font-size:14px}.db-date-chip{color:#3f3f91;white-space:nowrap;background:#fff;border:1.5px solid #e3e8f0;border-radius:50px;align-items:center;gap:9px;padding:10px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;display:flex;box-shadow:0 2px 10px #00000012}.db-date-chip svg{color:#6a6ac5;font-size:13px}.db-time-filters{scrollbar-width:none;background:#fff;border-radius:50px;align-items:center;gap:0;width:fit-content;max-width:1300px;margin:0 auto 10px;padding:5px;display:flex;overflow-x:auto;box-shadow:0 2px 10px #00000012}.db-time-filters::-webkit-scrollbar{display:none}.db-time-filters button{color:#9aa0b0;cursor:pointer;white-space:nowrap;letter-spacing:.1px;background:0 0;border:none;border-radius:50px;padding:9px 24px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .22s}.db-time-filters button:hover{color:#3f3f91;background:#f5f6ff}.db-time-filters button.db-filter-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 12px #3f3f9159}.db-filter-label-display{color:#8891a5;max-width:1300px;margin:0 auto 22px;padding:0 4px;font-family:Open Sans,sans-serif;font-size:13px}.db-filter-label-display strong{color:#2d2f87;font-weight:700}.db-stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1300px;margin:0 auto 22px;display:grid}.db-stat-card{cursor:default;background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:22px 22px 18px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000012}.db-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 24px #0000001a}.db-stat-card:before{content:"";border-radius:3.5px 3.5px 0 0;height:3.5px;position:absolute;top:0;left:0;right:0}.db-stat-card:after{content:"";opacity:.05;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-20px;right:-20px}.db-stat-card.db-stat-revenue:before{background:linear-gradient(90deg,#3f3f91,#6a6ac5)}.db-stat-card.db-stat-revenue:after{background:#3f3f91}.db-stat-card.db-stat-invoices:before{background:linear-gradient(90deg,#17a2b8,#5bc0de)}.db-stat-card.db-stat-invoices:after{background:#17a2b8}.db-stat-card.db-stat-customers:before{background:linear-gradient(90deg,#28a745,#5cb85c)}.db-stat-card.db-stat-customers:after{background:#28a745}.db-stat-card.db-stat-workshops:before{background:linear-gradient(90deg,#e67e22,#f0ad4e)}.db-stat-card.db-stat-workshops:after{background:#e67e22}.db-stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:46px;height:46px;font-size:19px;display:inline-flex}.db-stat-icon.db-icon-revenue{color:#3f3f91;background:linear-gradient(135deg,#3f3f911f,#6a6ac52e);box-shadow:0 4px 12px #3f3f911f}.db-stat-icon.db-icon-invoices{color:#17a2b8;background:linear-gradient(135deg,#17a2b81f,#5bc0de2e);box-shadow:0 4px 12px #17a2b81f}.db-stat-icon.db-icon-customers{color:#28a745;background:linear-gradient(135deg,#28a7451f,#5cb85c2e);box-shadow:0 4px 12px #28a7451f}.db-stat-icon.db-icon-workshops{color:#e67e22;background:linear-gradient(135deg,#e67e221f,#f0ad4e2e);box-shadow:0 4px 12px #e67e221f}.db-stat-body{flex-direction:column;gap:3px;display:flex}.db-stat-label{color:#9aa0b0;text-transform:uppercase;letter-spacing:.7px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:500}.db-stat-value{color:#2d2f87;letter-spacing:-.5px;margin-top:3px;font-family:Roboto,sans-serif;font-size:27px;font-weight:800;line-height:1.1}.db-stat-change{align-items:center;gap:5px;margin-top:5px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600;display:flex}.db-stat-change svg{font-size:10px}.db-stat-change.db-change-up{color:#28a745}.db-stat-change.db-change-down{color:#dc3545}.db-stat-change.db-change-neutral{color:#95a5a6}.db-stat-change .db-change-text{color:#b0b8c8;font-weight:400}.db-mini-metrics{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1300px;margin:0 auto 22px;display:grid}.db-mini-metric-card{background:#fff;border-radius:10px;align-items:center;gap:16px;padding:16px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 10px #00000012}.db-mini-metric-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0000001a}.db-mini-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex}.db-mini-body{flex-direction:column;gap:3px;display:flex}.db-mini-label{color:#9aa0b0;text-transform:uppercase;letter-spacing:.5px;font-family:Open Sans,sans-serif;font-size:11.5px}.db-mini-value{color:#2d2f87;letter-spacing:-.3px;font-family:Roboto,sans-serif;font-size:18px;font-weight:800}.db-charts-row{gap:18px;max-width:1300px;margin:0 auto 22px;display:grid}.db-charts-row.db-charts-row-70-30{grid-template-columns:1.85fr 1fr}.db-charts-row.db-charts-row-50-50{grid-template-columns:1fr 1fr}.db-charts-row.db-charts-row-33-33-33{grid-template-columns:repeat(3,1fr)}.db-full-row{gap:18px;max-width:1300px;margin:0 auto 22px;display:grid}.db-full-row.db-full-row-2{grid-template-columns:1.3fr 1fr}.db-full-row.db-full-row-3{grid-template-columns:repeat(3,1fr);margin-top:20px}.db-full-row-4{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1300px;margin:0 auto 22px;display:grid}.db-chart-card{background:#fff;border-radius:16px;flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #00000012}.db-chart-card:hover{box-shadow:0 6px 24px #0000001a}.db-chart-header{border-bottom:1px solid #f0f2f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px 22px 14px;display:flex}.db-chart-header h3{color:#2d2f87;align-items:center;gap:9px;margin:0;font-family:Roboto,sans-serif;font-size:14.5px;font-weight:700;display:flex}.db-chart-header h3 svg{color:#6a6ac5;font-size:14px}.db-chart-badge{color:#3f3f91;background:linear-gradient(135deg,#3f3f9112,#6a6ac51f);border:1px solid #6a6ac526;border-radius:20px;align-items:center;gap:5px;padding:5px 13px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700;display:inline-flex}.db-chart-badge-group{flex-wrap:wrap;gap:10px;display:flex}.db-chart-badge-group .db-chart-badge.db-badge-revenue{color:#3f3f91;background:linear-gradient(135deg,#3f3f9112,#6a6ac51f);border-color:#6a6ac526}.db-chart-badge-group .db-chart-badge.db-badge-purchase{color:#e67e22;background:linear-gradient(135deg,#e67e2212,#f0ad4e1f);border-color:#e67e2226}.db-chart-body{flex:1;padding:20px 16px}.db-chart-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:44px 20px;display:flex}.db-chart-empty svg{color:#d0d6e4;font-size:40px}.db-chart-empty p{color:#b0b8c8;margin:0;font-family:Open Sans,sans-serif;font-size:13.5px}.db-top-item{border-bottom:1px solid #f5f6fa;align-items:center;gap:12px;padding:11px 6px;transition:background .15s;display:flex}.db-top-item:last-child{border-bottom:none}.db-top-item:hover{background:#fafbff;border-radius:6px}.db-top-rank{color:#d0d6e4;text-align:center;flex-shrink:0;width:24px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:800}.db-top-name{color:#2d2f87;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.db-top-qty{color:#8891a5;background:#f0f2f8;border-radius:12px;flex-shrink:0;padding:2px 10px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:600}.db-top-revenue{color:#28a745;text-align:right;flex-shrink:0;min-width:70px;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.db-inventory-sales-list,.db-inventory-purchase-list{flex-direction:column;gap:4px;display:flex}.db-inv-sale-item,.db-inv-purchase-item{background:#f8f9fd;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .15s,transform .15s;display:flex}.db-inv-sale-item:hover,.db-inv-purchase-item:hover{background:#f0f2f8;transform:translate(3px)}.db-inv-sale-item.db-inv-xp,.db-inv-purchase-item.db-inv-xp{border-left-color:#3f3f91}.db-inv-sale-item.db-inv-dispenser,.db-inv-purchase-item.db-inv-dispenser{border-left-color:#e67e22}.db-inv-sale-item.db-inv-package,.db-inv-purchase-item.db-inv-package{border-left-color:#17a2b8}.db-inv-sale-icon,.db-inv-purchase-icon{color:#3f3f91;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;box-shadow:0 1px 4px #0000000f}.db-inv-sale-name,.db-inv-purchase-name{color:#2d2f87;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.db-inv-sale-revenue,.db-inv-purchase-cost{flex-shrink:0;font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.db-inv-sale-revenue{color:#28a745}.db-inv-purchase-cost{color:#e67e22}.db-workshops-card{background:#fff;border-radius:16px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #00000012}.db-workshops-card:hover{box-shadow:0 6px 24px #0000001a}.db-workshop-item{border-bottom:1px solid #f5f6fa;align-items:center;gap:12px;padding:12px 18px;transition:background .15s;display:flex}.db-workshop-item:last-child{border-bottom:none}.db-workshop-item:hover{background:#fafbff}.db-workshop-item.db-upcoming{background:#fafffe}.db-workshop-item.db-upcoming:hover{background:#f0faf5}.db-workshop-date{color:#2d2f87;flex-shrink:0;min-width:85px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700}.db-workshop-time{color:#8891a5;flex-shrink:0;min-width:55px;font-family:Open Sans,sans-serif;font-size:12.5px;font-weight:600}.db-workshop-customers{color:#555;text-align:right;flex:1;font-family:Open Sans,sans-serif;font-size:12.5px;font-weight:500}.db-workshop-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#28a745,#5cb85c);border-radius:20px;flex-shrink:0;align-items:center;padding:2px 12px;font-family:Roboto,sans-serif;font-size:10.5px;font-weight:700;display:inline-flex}.db-pending-item{border-bottom:1px solid #f5f6fa;align-items:center;gap:12px;padding:12px 18px;transition:background .15s;display:flex}.db-pending-item:last-child{border-bottom:none}.db-pending-item:hover{background:#fafbff}.db-pending-date{color:#2d2f87;flex-shrink:0;min-width:85px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700}.db-pending-time{color:#8891a5;flex-shrink:0;min-width:55px;font-family:Open Sans,sans-serif;font-size:12.5px;font-weight:600}.db-pending-customers{color:#555;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Open Sans,sans-serif;font-size:12.5px;font-weight:500;overflow:hidden}.db-pending-badge{color:#721c24;text-transform:uppercase;letter-spacing:.3px;background:#f8d7da;border-radius:20px;flex-shrink:0;align-items:center;padding:2px 12px;font-family:Roboto,sans-serif;font-size:10.5px;font-weight:700;display:inline-flex}.db-recent-table-card{background:#fff;border-radius:16px;margin-top:20px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #00000012}.db-recent-table-card:hover{box-shadow:0 6px 24px #0000001a}.db-card-full{background:#fff;border-radius:16px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #00000012}.db-card-full:hover{box-shadow:0 6px 24px #0000001a}.db-table-header{border-bottom:1px solid #f0f2f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:18px 22px 14px;display:flex}.db-table-header h3{color:#2d2f87;align-items:center;gap:9px;margin:0;font-family:Roboto,sans-serif;font-size:14.5px;font-weight:700;display:flex}.db-table-header h3 svg{color:#6a6ac5;font-size:14px}.db-view-all-link{cursor:pointer;color:#6a6ac5;letter-spacing:.1px;background:0 0;border:none;padding:0;font-family:Roboto,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:color .18s}.db-view-all-link:hover{color:#2d2f87}.db-table-wrap{overflow-x:auto}.db-table-wrap table{border-collapse:collapse;width:100%;min-width:480px}.db-table-wrap table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.db-table-wrap table th{text-align:left;color:#9aa0b0;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;padding:11px 20px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:700}.db-table-wrap table td{color:#3a3a5c;border-bottom:1px solid #f5f6fa;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:13.5px}.db-table-wrap table tr:last-child td{border-bottom:none}.db-table-wrap table tr:hover td{background-color:#fafbff}.db-invoice-num{color:#3f3f91;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700}.db-customer-name{color:#2d2d50;font-weight:600}.db-amount{color:#28a745;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700}.db-status-badge{letter-spacing:.2px;border-radius:20px;align-items:center;padding:3px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:700;display:inline-flex}.db-status-badge.db-status-paid{color:#155724;background:#d4edda}.db-status-badge.db-status-pending{color:#856404;background:#fff3cd}.db-status-badge.db-status-cancelled{color:#721c24;background:#f8d7da}.db-status-badge.db-status-cash{color:#155724;background:#d4edda}.db-status-badge.db-status-upi{color:#004085;background:#cce5ff}.db-status-badge.db-status-card{color:#5e2d91;background:#e2d9f3}.db-inventory-alerts-card{background:#fff;border-radius:16px;margin-top:20px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #00000012}.db-inventory-alerts-card:hover{box-shadow:0 6px 24px #0000001a}.db-inventory-alerts-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}@media screen and (width<=768px){.db-inventory-alerts-grid{grid-template-columns:1fr}}.db-alert-section{padding:16px 20px}.db-alert-section:first-child{border-right:1px solid #f0f2f8}@media screen and (width<=768px){.db-alert-section:first-child{border-bottom:1px solid #f0f2f8;border-right:none}}.db-alert-empty{color:#dc3545;align-items:center;gap:8px;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700;display:flex}.db-alert-empty svg{font-size:13px}.db-alert-low{color:#e67e22;align-items:center;gap:8px;margin:0 0 12px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700;display:flex}.db-alert-low svg{font-size:13px}.db-alert-item{border-bottom:1px solid #f5f6fa;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .15s;display:flex}.db-alert-item:last-child{border-bottom:none}.db-alert-item:hover{background:#fafbff;border-radius:6px}.db-alert-name{color:#2d2d50;font-family:Open Sans,sans-serif;font-size:13px;font-weight:600}.db-alert-qty{font-family:Roboto,sans-serif;font-size:13px;font-weight:700}.db-alert-qty.db-alert-empty{color:#dc3545}.db-alert-qty.db-alert-low{color:#e67e22}.db-alert-empty-state{text-align:center;padding:36px 20px}.db-alert-empty-state svg{color:#28a745;opacity:.7;margin-bottom:12px;margin-left:auto;margin-right:auto;font-size:38px;display:block}.db-alert-empty-state p{color:#9aa0b0;margin:0;font-family:Open Sans,sans-serif;font-size:13.5px}.db-loyalty-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 22px;display:grid}@media screen and (width<=768px){.db-loyalty-grid{grid-template-columns:1fr 1fr;padding:16px 18px}}@media screen and (width<=480px){.db-loyalty-grid{grid-template-columns:1fr}}.db-loyalty-item{background:#f8f9fd;border:1px solid #f0f2f8;border-radius:10px;flex-direction:column;gap:6px;padding:14px 18px;transition:transform .2s,box-shadow .2s;display:flex}.db-loyalty-item:hover{transform:translateY(-2px);box-shadow:0 1px 4px #0000000f}.db-loyalty-label{color:#9aa0b0;text-transform:uppercase;letter-spacing:.4px;font-family:Open Sans,sans-serif;font-size:11.5px;font-weight:600}.db-loyalty-value{color:#2d2f87;font-family:Roboto,sans-serif;font-size:20px;font-weight:800}.db-loyalty-value.db-loyalty-earned{color:#28a745}.db-loyalty-value.db-loyalty-used{color:#dc3545}.db-loyalty-value.db-loyalty-discount{color:#e67e22}.db-loyalty-value.db-loyalty-net{color:#3f3f91}.db-loading-container{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:60px 20px;display:flex}.db-loading-container p{color:#9aa0b0;margin:0;font-family:Open Sans,sans-serif;font-size:14px}.db-loading-spinner{border:3.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;width:46px;height:46px;animation:.8s linear infinite db-spin}@keyframes db-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-skeleton{background:linear-gradient(90deg,#eef0f6 25%,#e6e8f0 50%,#eef0f6 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite db-shimmer}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.db-skeleton-text{border-radius:4px;height:13px;margin-bottom:8px}.db-skeleton-text.short{width:55%}.db-skeleton-text.medium{width:75%}.db-skeleton-text.full{width:100%}.recharts-cartesian-axis-tick-value{fill:#9aa0b0;font-family:Open Sans,sans-serif;font-size:12px}.recharts-default-tooltip{border:1px solid #eaeef6!important;border-radius:10px!important;box-shadow:0 4px 16px #0000001a!important}.recharts-tooltip-label{color:#2d2f87!important;font-family:Roboto,sans-serif!important;font-weight:700!important}.recharts-legend-item-text{color:#555!important;font-family:Open Sans,sans-serif!important;font-size:12.5px!important}@media screen and (width<=1200px){.db-stats-grid{grid-template-columns:repeat(2,1fr)}.db-charts-row.db-charts-row-70-30,.db-charts-row.db-charts-row-50-50,.db-charts-row.db-charts-row-33-33-33{grid-template-columns:1fr}.db-full-row.db-full-row-2,.db-full-row.db-full-row-3{grid-template-columns:1fr 1fr}.db-full-row-4,.db-mini-metrics{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.db-main{padding:16px 14px 40px}.db-welcome-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.db-welcome-left h1{font-size:21px}.db-date-chip{padding:8px 16px;font-size:12px}.db-time-filters{border-radius:12px;width:100%}.db-time-filters button{padding:8px 16px;font-size:12.5px}.db-stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.db-stat-value{font-size:22px}.db-mini-metrics{grid-template-columns:1fr 1fr;gap:12px}.db-mini-value{font-size:16px}.db-charts-row,.db-full-row{gap:14px;grid-template-columns:1fr!important}.db-full-row-4{grid-template-columns:1fr 1fr}.db-chart-header{padding:14px 16px 12px}.db-chart-body{padding:14px 10px}.db-table-wrap table th,.db-table-wrap table td{padding:11px 14px;font-size:13px}.db-workshop-item,.db-pending-item{flex-wrap:wrap;padding:10px 14px}.db-workshop-date,.db-pending-date{min-width:70px}.db-top-item{padding:10px 4px}.db-inv-sale-item,.db-inv-purchase-item{padding:8px 10px}}@media screen and (width<=480px){.db-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.db-stat-card{padding:16px 14px}.db-stat-icon{border-radius:10px;width:38px;height:38px;font-size:16px}.db-stat-value{font-size:20px}.db-mini-metrics{grid-template-columns:1fr;gap:10px}.db-full-row-4{grid-template-columns:1fr}.db-loyalty-grid{grid-template-columns:1fr 1fr;padding:14px 16px}.db-loyalty-value{font-size:17px}.db-chart-badge-group{flex-direction:column;width:100%}.db-inventory-alerts-grid{grid-template-columns:1fr}.db-alert-section:first-child{border-bottom:1px solid #f0f2f8;border-right:none}}.rp-main{min-height:100vh;padding:24px 28px 48px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.rp-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1300px;margin:0 auto 24px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.rp-page-header h2{color:#2d2f87;align-items:center;gap:10px;margin:0;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;display:flex}.rp-page-header h2 svg{color:#6a6ac5;font-size:18px}.rp-page-header .rp-header-actions{align-items:center;gap:10px;display:flex}.rp-page-header .rp-export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745,#2ecc71);border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #28a74540}.rp-page-header .rp-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #28a74559}.rp-page-header .rp-export-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.rp-tabs-wrap{scrollbar-width:none;max-width:1300px;margin:0 auto 22px;overflow-x:auto}.rp-tabs-wrap::-webkit-scrollbar{display:none}.rp-tabs{background:#fff;border-radius:50px;gap:8px;width:fit-content;min-width:100%;padding:5px;display:flex;box-shadow:0 2px 10px #00000012}.rp-tabs button{color:#9aa0b0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:50px;align-items:center;gap:7px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.rp-tabs button svg{font-size:12px}.rp-tabs button:hover{color:#3f3f91;background:#f5f6ff}.rp-tabs button.rp-tab-active{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);box-shadow:0 3px 10px #3f3f914d}.rp-filters{background:#fff;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:18px;max-width:1300px;margin:0 auto 22px;padding:16px 22px;display:flex;box-shadow:0 2px 10px #00000012}.rp-filter-group{flex-direction:column;flex:1;gap:7px;min-width:140px;display:flex}.rp-filter-group label{color:#9aa0b0;text-transform:uppercase;letter-spacing:.5px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600}.rp-filter-group select,.rp-filter-group input[type=date],.rp-filter-group input[type=text]{color:#333;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e3e8f0;border-radius:8px;width:100%;padding:9px 13px;font-family:Open Sans,sans-serif;font-size:14px;transition:border .2s,box-shadow .2s}.rp-filter-group select:focus,.rp-filter-group input[type=date]:focus,.rp-filter-group input[type=text]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.rp-filter-actions{gap:9px;padding-bottom:1px;display:flex}.rp-apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:7px;padding:10px 22px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 8px #3f3f9140}.rp-apply-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #3f3f9159}.rp-apply-btn:disabled{cursor:not-allowed;box-shadow:none;background:#9e9ecc;transform:none}.rp-reset-btn{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #dde1ed;border-radius:50px;align-items:center;gap:7px;padding:10px 18px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.rp-reset-btn:hover{color:#555;background:#f5f6fb;border-color:#c8cde0}.rp-summary-grid{gap:16px;max-width:1300px;margin:0 auto 22px;display:grid}.rp-summary-grid.rp-grid-4{grid-template-columns:repeat(4,1fr)}.rp-summary-grid.rp-grid-3{grid-template-columns:repeat(3,1fr)}.rp-summary-grid.rp-grid-2{grid-template-columns:repeat(2,1fr)}.rp-summary-card{background:#fff;border-radius:14px;align-items:center;gap:16px;padding:20px 22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000012}.rp-summary-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #0000001a}.rp-summary-card:before{content:"";border-radius:3.5px 3.5px 0 0;height:3.5px;position:absolute;top:0;left:0;right:0}.rp-summary-card.rp-card-primary:before{background:linear-gradient(90deg,#3f3f91,#6a6ac5)}.rp-summary-card.rp-card-success:before{background:linear-gradient(90deg,#28a745,#2ecc71)}.rp-summary-card.rp-card-danger:before{background:linear-gradient(90deg,#dc3545,#e74c3c)}.rp-summary-card.rp-card-warning:before{background:linear-gradient(90deg,#e67e22,#f0ad4e)}.rp-summary-card.rp-card-info:before{background:linear-gradient(90deg,#17a2b8,#5bc0de)}.rp-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex}.rp-card-icon.rp-icon-primary{color:#3f3f91;background:#3f3f911a;box-shadow:0 3px 8px #3f3f911f}.rp-card-icon.rp-icon-success{color:#28a745;background:#28a7451a;box-shadow:0 3px 8px #28a7451f}.rp-card-icon.rp-icon-danger{color:#dc3545;background:#dc35451a;box-shadow:0 3px 8px #dc35451f}.rp-card-icon.rp-icon-warning{color:#e67e22;background:#e67e221a;box-shadow:0 3px 8px #e67e221f}.rp-card-icon.rp-icon-info{color:#17a2b8;background:#17a2b81a;box-shadow:0 3px 8px #17a2b81f}.rp-card-body{flex:1;min-width:0}.rp-card-label{color:#9aa0b0;text-transform:uppercase;letter-spacing:.6px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:500}.rp-card-value{color:#2d2f87;letter-spacing:-.4px;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-family:Roboto,sans-serif;font-size:22px;font-weight:800;overflow:hidden}.rp-table-card{background:#fff;border-radius:14px;max-width:1300px;margin:0 auto 22px;overflow:hidden;box-shadow:0 2px 10px #00000012}.rp-table-header{border-bottom:1px solid #f0f2f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 22px 13px;display:flex}.rp-table-header h3{color:#2d2f87;align-items:center;gap:9px;margin:0;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;display:flex}.rp-table-header h3 svg{color:#6a6ac5;font-size:14px}.rp-table-header .rp-row-count{color:#9aa0b0;background:#f5f6fa;border-radius:20px;padding:4px 12px;font-family:Open Sans,sans-serif;font-size:12.5px}.rp-table-wrap{overflow-x:auto}.rp-table-wrap table{border-collapse:collapse;width:100%;min-width:560px}.rp-table-wrap table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.rp-table-wrap table th{text-align:left;color:#9aa0b0;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;padding:12px 20px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:700}.rp-table-wrap table td{color:#3a3a5c;vertical-align:middle;border-bottom:1px solid #f5f6fa;padding:13px 20px;font-family:Open Sans,sans-serif;font-size:13.5px}.rp-table-wrap table tr:last-child td{border-bottom:none}.rp-table-wrap table tr:hover td{background:#fafbff}.rp-cell-name{color:#3f3f91;font-family:Roboto,sans-serif;font-weight:700}.rp-cell-products{white-space:nowrap;text-overflow:ellipsis;max-width:300px;font-size:12.5px;overflow:hidden}.rp-cell-revenue{color:#28a745;font-family:Roboto,sans-serif;font-weight:700}.rp-cell-cost{color:#dc3545;font-family:Roboto,sans-serif;font-weight:700}.rp-cell-number{color:#2d2d50;font-family:Roboto,sans-serif;font-weight:700}.rp-category-badge{border-radius:20px;align-items:center;padding:3px 11px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:700;display:inline-flex}.rp-category-badge.rp-badge-xp{color:#3f3f91;background:#3f3f911a}.rp-category-badge.rp-badge-dispenser{color:#17a2b8;background:#17a2b81a}.rp-category-badge.rp-badge-package{color:#e67e22;background:#e67e221a}.rp-category-badge.rp-badge-bottle{color:#28a745;background:#28a7451a}.rp-status-badge{border-radius:20px;align-items:center;padding:3px 11px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:700;display:inline-flex}.rp-status-badge.rp-status-healthy{color:#155724;background:#d4edda}.rp-status-badge.rp-status-low{color:#856404;background:#fff3cd}.rp-status-badge.rp-status-out{color:#721c24;background:#f8d7da}.rp-status-badge.rp-status-active{color:#155724;background:#d4edda}.rp-status-badge.rp-status-inactive{color:#555;background:#f0f2f8}.rp-workshop-status{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:11.5px;font-weight:700;display:inline-flex}.rp-workshop-status .rp-ws-dot{border-radius:50%;width:7px;height:7px}.rp-workshop-status.rp-ws-active{color:#155724;background:#d4edda}.rp-workshop-status.rp-ws-active .rp-ws-dot{background:#28a745}.rp-workshop-status.rp-ws-inactive{color:#666;background:#f0f2f8}.rp-workshop-status.rp-ws-inactive .rp-ws-dot{background:#95a5a6}.rp-workshop-status.rp-ws-completed{color:#004085;background:#cce5ff}.rp-workshop-status.rp-ws-completed .rp-ws-dot{background:#17a2b8}.rp-attendance-wrap{align-items:center;gap:10px;display:flex}.rp-attendance-bar{background:#eaeef6;border-radius:4px;flex:1;min-width:60px;height:7px;overflow:hidden}.rp-attendance-bar .rp-attendance-fill{background:linear-gradient(90deg,#3f3f91,#6a6ac5);border-radius:4px;height:100%;transition:width .4s}.rp-attendance-pct{color:#3f3f91;white-space:nowrap;text-align:right;min-width:38px;font-family:Roboto,sans-serif;font-size:12.5px;font-weight:700}.rp-customer-avatar{align-items:center;gap:11px;display:flex}.rp-customer-avatar .rp-avatar-circle{color:#fff;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-family:Roboto,sans-serif;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 6px #3f3f9133}.rp-customer-avatar .rp-avatar-name{color:#2d2f87;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:700}.rp-customer-avatar .rp-avatar-contact{color:#9aa0b0;margin-top:1px;font-size:12px}.rp-loading-row{color:#9aa0b0;justify-content:center;align-items:center;gap:14px;padding:60px;font-family:Open Sans,sans-serif;font-size:14px;display:flex}.rp-spinner-sm{border:2.5px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite rp-spin}@keyframes rp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rp-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.rp-empty-state svg{color:#d0d6e4;font-size:44px}.rp-empty-state h4{color:#9aa0b0;margin:0;font-family:Roboto,sans-serif;font-size:15px;font-weight:700}.rp-empty-state p{color:#b0b8c8;max-width:300px;margin:0;font-family:Open Sans,sans-serif;font-size:13.5px}@media screen and (width<=1100px){.rp-summary-grid.rp-grid-4,.rp-summary-grid.rp-grid-3{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.rp-main{padding:16px 14px 36px}.rp-page-header{padding:14px 16px}.rp-page-header h2{font-size:18px}.rp-filters{flex-direction:column;gap:14px;padding:14px 16px}.rp-filters .rp-filter-group{min-width:100%}.rp-filters .rp-filter-actions{width:100%}.rp-filters .rp-filter-actions button{flex:1;justify-content:center}.rp-summary-grid.rp-grid-4,.rp-summary-grid.rp-grid-3,.rp-summary-grid.rp-grid-2{grid-template-columns:1fr 1fr}.rp-table-wrap table th,.rp-table-wrap table td{padding:11px 14px;font-size:13px}}@media screen and (width<=480px){.rp-summary-grid.rp-grid-4,.rp-summary-grid.rp-grid-3,.rp-summary-grid.rp-grid-2{grid-template-columns:1fr}.rp-summary-card{padding:16px}.rp-card-value{font-size:19px}.rp-table-wrap table th,.rp-table-wrap table td{padding:9px 10px;font-size:12px}.rp-cell-products{max-width:120px}}.logs-main{min-height:100vh;padding:24px 28px 40px;background:#dfeafb!important;font-family:Open Sans,sans-serif!important}.logs-page-header{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #00000012}.logs-page-header h2{color:#2d2f87;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex;font-family:Roboto,sans-serif!important}.logs-page-header h2 svg{color:#3f3f91}.logs-page-header .logs-header-actions{align-items:center;gap:10px;display:flex}.logs-page-header .logs-export-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:50px;align-items:center;gap:8px;padding:9px 20px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #27ae6040}.logs-page-header .logs-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#219653,#27ae60);transform:translateY(-2px);box-shadow:0 5px 14px #27ae6059}.logs-page-header .logs-export-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.logs-filters-bar{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto 18px;padding:16px 20px;display:flex;box-shadow:0 2px 10px #00000012}.logs-filters-bar .logs-filters-group{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.logs-filters-bar .logs-filter-field{align-items:center;display:flex;position:relative}.logs-filters-bar .logs-filter-field input[type=text],.logs-filters-bar .logs-filter-field input[type=date]{color:#333;background:#f5f7fa;border:1.5px solid #e3e8f0;border-radius:50px;min-width:180px;padding:8px 12px 8px 36px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.logs-filters-bar .logs-filter-field input[type=text]:focus,.logs-filters-bar .logs-filter-field input[type=date]:focus{background:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.logs-filters-bar .logs-filter-field input[type=text]::placeholder,.logs-filters-bar .logs-filter-field input[type=date]::placeholder{color:#aab0bc}.logs-filters-bar .logs-filter-field input[type=date]{min-width:160px;padding-right:10px}.logs-filters-bar .logs-filter-field select{color:#333;cursor:pointer;appearance:none;background:#f5f7fa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aab0bc' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 14px center no-repeat;border:1.5px solid #e3e8f0;border-radius:50px;min-width:140px;padding:8px 38px 8px 14px;font-family:Open Sans,sans-serif;font-size:13.5px;transition:all .25s}.logs-filters-bar .logs-filter-field select:focus{background-color:#fff;border-color:#6a6ac5;outline:none;box-shadow:0 0 0 3px #6a6ac51f}.logs-filters-bar .logs-filter-field .logs-filter-icon{color:#aab0bc;pointer-events:none;z-index:1;font-size:13px;position:absolute;left:12px}.logs-filters-bar .logs-filter-field .logs-filter-clear{color:#aab0bc;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:12px;transition:color .2s;display:flex;position:absolute;right:10px}.logs-filters-bar .logs-filter-field .logs-filter-clear:hover{color:#dc3545}.logs-filters-bar .logs-date-field input[type=date]{min-width:150px}.logs-filters-bar .logs-apply-filter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3f3f91,#6a6ac5);border:none;border-radius:50px;align-items:center;gap:7px;padding:8px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 3px 8px #3f3f9133}.logs-filters-bar .logs-apply-filter-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 14px #3f3f914d}.logs-filters-bar .logs-apply-filter-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.logs-filters-bar .logs-clear-filter-btn{color:#dc3545;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #dc3545;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .22s;display:flex}.logs-filters-bar .logs-clear-filter-btn:hover{color:#fff;background:#dc3545;box-shadow:0 3px 8px #dc354533}.logs-filters-bar .logs-result-count{color:#3f3f91;white-space:nowrap;background:#f0f0fb;border-radius:50px;padding:4px 12px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600}.logs-table-container{background:#fff;border-radius:14px;max-width:1200px;margin:0 auto 24px;overflow:hidden;box-shadow:0 2px 10px #00000012}.logs-table-wrap{overflow-x:auto}.logs-table-wrap table{border-collapse:collapse;width:100%;min-width:900px}.logs-table-wrap table thead{background:#f7f8fc;border-bottom:1.5px solid #eaeef6}.logs-table-wrap table thead th{text-align:left;color:#6b6b9a;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;z-index:5;background:#f7f8fc;padding:14px 16px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;position:sticky;top:0}.logs-table-wrap table tbody tr{transition:background-color .15s}.logs-table-wrap table tbody tr:hover td{background-color:#f5f6fb}.logs-table-wrap table tbody tr td{text-align:left;color:#3a3a5c;vertical-align:middle;border-bottom:1px solid #f0f2f8;padding:12px 16px;font-family:Open Sans,sans-serif;font-size:13.5px}.logs-serial{color:#aab0bc;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;text-align:center!important}.logs-module{color:#2d2f87;align-items:center;gap:8px;font-weight:600;display:flex}.logs-module .logs-module-icon{flex-shrink:0;font-size:16px}.logs-user{align-items:center;gap:6px;display:flex}.logs-user .logs-user-icon{color:#aab0bc;flex-shrink:0;font-size:12px}.logs-email{color:#555;font-size:13px}.logs-email a{color:#3f3f91;text-decoration:none}.logs-email a:hover{text-decoration:underline}.logs-action .logs-action-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:11px;font-weight:600;display:inline-block}.logs-action .logs-action-badge.logs-action-create{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-update{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-delete{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-toggle{color:#856404;background:#fff3cd}.logs-action .logs-action-badge.logs-action-add{color:#0c5460;background:#d1ecf1}.logs-action .logs-action-badge.logs-action-remove{color:#721c24;background:#f5c6cb}.logs-action .logs-action-badge.logs-action-patch{color:#6c3483;background:#e8daef}.logs-action .logs-action-badge.logs-action-export{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-dispose{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-invoice{color:#0c5460;background:#d1ecf1}.logs-action .logs-action-badge.logs-action-bulk-upload{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-create-product{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-update-product{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-delete-product{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-add-stock{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-remove-stock{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-login{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-logout{color:#856404;background:#fff3cd}.logs-action .logs-action-badge.logs-action-register{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-update-user{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-delete-user{color:#721c24;background:#f8d7da}.logs-action .logs-action-badge.logs-action-update-loyalty{color:#004085;background:#cce5ff}.logs-action .logs-action-badge.logs-action-unknown{color:#6b6b9a;background:#eaeef6}.logs-action .logs-action-badge.logs-action-bulk-create{color:#155724;background:#d4edda}.logs-action .logs-action-badge.logs-action-toggle-status{color:#856404;background:#fff3cd}.logs-action .logs-action-badge.logs-action-reset-coins{color:#721c24;background:#f8d7da}.logs-heading{white-space:nowrap;text-overflow:ellipsis;color:#2d2d50;max-width:200px;font-weight:500;overflow:hidden}.logs-status .log-status-success{color:#155724;background:#d4edda;border-radius:20px;align-items:center;gap:5px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.logs-status .log-status-success svg{font-size:11px}.logs-status .log-status-failed{color:#721c24;background:#f8d7da;border-radius:20px;align-items:center;gap:5px;padding:3px 12px;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.logs-status .log-status-failed svg{font-size:11px}.logs-timestamp{color:#888;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.logs-timestamp .logs-clock-icon{color:#aab0bc;flex-shrink:0;font-size:12px}.logs-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.logs-loading p{color:#888;margin:16px 0 0;font-family:Open Sans,sans-serif;font-size:15px}.logs-loading-spinner{border:3px solid #e8eaf0;border-top-color:#3f3f91;border-radius:50%;flex-shrink:0;width:40px;height:40px;animation:.8s linear infinite logs-spin;display:inline-block}.logs-loading-spinner.small{border-width:2.5px;width:20px;height:20px}@keyframes logs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logs-empty-state{text-align:center;padding:60px 20px}.logs-empty-state .logs-empty-icon{color:#ccd2e0;margin-bottom:16px;font-size:48px}.logs-empty-state p{color:#aab0bc;margin:0 0 16px;font-family:Open Sans,sans-serif;font-size:15px}.logs-empty-state .logs-empty-clear-btn{color:#3f3f91;cursor:pointer;background:0 0;border:1.5px solid #3f3f91;border-radius:50px;padding:8px 20px;font-family:Roboto,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.logs-empty-state .logs-empty-clear-btn:hover{color:#fff;background:#3f3f91}.logs-pagination{background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto 24px;padding:16px 24px;display:flex;box-shadow:0 2px 10px #00000012}.logs-pagination .logs-pagination-info{color:#555;font-family:Open Sans,sans-serif;font-size:13.5px;font-weight:500}.logs-pagination .logs-pagination-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.logs-pagination .logs-pagination-btn{color:#555;cursor:pointer;background:#fff;border:1.5px solid #e3e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;transition:all .2s;display:flex}.logs-pagination .logs-pagination-btn:hover:not(:disabled){color:#3f3f91;background:#f5f6fb;border-color:#3f3f91}.logs-pagination .logs-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.logs-pagination .logs-pagination-pages{align-items:center;gap:4px;display:flex}.logs-pagination .logs-pagination-page{color:#555;cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-family:Roboto,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.logs-pagination .logs-pagination-page:hover:not(.logs-pagination-active){background:#f5f6fb;border-color:#e3e8f0}.logs-pagination .logs-pagination-page.logs-pagination-active{color:#fff;background:#3f3f91;border-color:#3f3f91;box-shadow:0 2px 8px #3f3f9140}@media screen and (width<=1024px){.logs-filters-bar .logs-filters-group{gap:10px}.logs-filters-bar .logs-filter-field input[type=text],.logs-filters-bar .logs-filter-field input[type=date]{min-width:140px;font-size:13px}.logs-filters-bar .logs-filter-field select{min-width:120px;font-size:13px}}@media screen and (width<=768px){.logs-main{padding:16px 14px 32px}.logs-page-header{padding:14px 16px}.logs-page-header h2{font-size:18px}.logs-page-header .logs-header-actions{width:100%}.logs-page-header .logs-export-btn{justify-content:center;width:100%;padding:10px 20px}.logs-filters-bar{flex-direction:column;align-items:stretch;padding:14px 16px}.logs-filters-bar .logs-filters-group{flex-direction:column;align-items:stretch;gap:10px}.logs-filters-bar .logs-filter-field{width:100%}.logs-filters-bar .logs-filter-field input[type=text],.logs-filters-bar .logs-filter-field input[type=date]{width:100%;min-width:auto;padding:9px 12px 9px 36px;font-size:13px}.logs-filters-bar .logs-filter-field select{width:100%;min-width:auto;padding:9px 38px 9px 14px;font-size:13px}.logs-filters-bar .logs-apply-filter-btn,.logs-filters-bar .logs-clear-filter-btn{justify-content:center;width:100%;padding:10px 20px}.logs-filters-bar .logs-result-count{text-align:center;justify-content:center;width:100%;padding:6px 12px}.logs-table-wrap table{min-width:700px}.logs-table-wrap table thead th,.logs-table-wrap table tbody td{padding:10px 12px;font-size:12.5px}.logs-heading{max-width:120px}.logs-pagination{text-align:center;flex-direction:column;align-items:stretch;padding:14px 16px}.logs-pagination .logs-pagination-info{text-align:center}.logs-pagination .logs-pagination-controls{justify-content:center}.logs-pagination .logs-pagination-pages{gap:3px}.logs-pagination .logs-pagination-page{min-width:32px;height:32px;padding:0 8px;font-size:12px}.logs-pagination .logs-pagination-btn{width:32px;height:32px;font-size:12px}.logs-status .log-status-success,.logs-status .log-status-failed{padding:2px 10px;font-size:11px}.logs-timestamp{flex-wrap:wrap;font-size:11px}.logs-action .logs-action-badge{padding:2px 10px;font-size:10px}}@media (width<=480px){.logs-page-header{padding:12px 14px}.logs-page-header h2{font-size:16px}.logs-filters-bar{gap:8px;padding:12px 14px}.logs-filters-bar .logs-filter-field input[type=text],.logs-filters-bar .logs-filter-field input[type=date]{padding:8px 10px 8px 34px;font-size:12px}.logs-filters-bar .logs-filter-field select{padding:8px 34px 8px 12px;font-size:12px}.logs-filters-bar .logs-filter-field .logs-filter-icon{font-size:12px;left:10px}.logs-filters-bar .logs-apply-filter-btn,.logs-filters-bar .logs-clear-filter-btn{padding:8px 16px;font-size:12px}.logs-filters-bar .logs-result-count{font-size:12px}.logs-table-wrap table{min-width:600px}.logs-table-wrap table thead th,.logs-table-wrap table tbody td{padding:8px 10px;font-size:11.5px}.logs-serial{font-size:10px}.logs-module{gap:4px;font-size:11.5px}.logs-module .logs-module-icon{font-size:13px}.logs-user{gap:4px;font-size:11.5px}.logs-user .logs-user-icon{font-size:10px}.logs-email{font-size:11px}.logs-heading{max-width:80px;font-size:11.5px}.logs-timestamp{gap:3px;font-size:10px}.logs-timestamp .logs-clock-icon{font-size:10px}.logs-status .log-status-success,.logs-status .log-status-failed{gap:3px;padding:2px 8px;font-size:10px}.logs-status .log-status-success svg,.logs-status .log-status-failed svg{font-size:9px}.logs-action .logs-action-badge{padding:2px 8px;font-size:9px}.logs-pagination{padding:10px 12px}.logs-pagination .logs-pagination-info{font-size:12px}.logs-pagination .logs-pagination-page{min-width:28px;height:28px;padding:0 6px;font-size:11px}.logs-pagination .logs-pagination-btn{width:28px;height:28px;font-size:11px}.logs-empty-state{padding:40px 16px}.logs-empty-state .logs-empty-icon{font-size:36px}.logs-empty-state p{font-size:13px}.logs-loading{padding:40px 20px}.logs-loading p{font-size:13px}}.logs-table-wrap::-webkit-scrollbar{width:6px;height:6px}.logs-table-wrap::-webkit-scrollbar-track{background:#f0f2f8;border-radius:3px}.logs-table-wrap::-webkit-scrollbar-thumb{background:#ccd2e0;border-radius:3px}.logs-table-wrap::-webkit-scrollbar-thumb:hover{background:#aab0bc}.logs-heading{position:relative}.logs-heading:hover:after{content:attr(title);color:#fff;white-space:nowrap;text-overflow:ellipsis;z-index:10;background:#2d2d50;border-radius:8px;max-width:400px;padding:6px 12px;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}