.main{width:100%;margin:0 auto;background:#fff;box-shadow:0 3px #0000000d;padding:5px 100px;box-sizing:border-box;top:0;z-index:1000000;position:sticky}.container{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 0}.left img{width:130px}.right ul{display:flex;font-size:15px;align-items:center;gap:20px;list-style:none;transition:2ms ease}.right li{cursor:pointer;transition:color .3s ease}.right li:hover{color:#f8720a}.right img{margin-bottom:-5px;width:30px;cursor:pointer}.right select{border:1px solid #bdbdbd;padding:5px 20px;border-radius:10px}.shared-menu-icon{display:none;cursor:pointer}.shared-menu-icon img{width:30px;padding:12px 0}.right li.active{color:#f8720a;font-weight:700}@media (max-width: 768px){.main{padding:5px 30px}.shared-menu-icon{display:block}.container{padding:0}.right{position:absolute;top:70px;left:0;width:100%;background:#fff;overflow:hidden;max-height:0;opacity:0;padding:0 30px;transition:max-height .5s ease,opacity .3s ease}.right.open{max-height:500px;opacity:1}.right ul{flex-direction:column;gap:0;margin:0 auto;padding:0}.right li{width:100%;padding:15px 60px;border-bottom:1px solid #eee}.right select{width:100%;padding:0;border:none;border-radius:10px}.right img{width:30px;padding:0;cursor:pointer}}.share-main{background-image:url(/assets/coverImage-BTzzRfXg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;position:relative}.share-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0006);z-index:0}.share-container{width:100%;max-width:420px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.share-container:hover{transform:translateY(-5px);box-shadow:0 25px 80px #0000004d}.right-login{padding:50px 40px;background:transparent}.right-login h3{font-size:28px;font-weight:700;margin-bottom:15px;text-align:center;color:#000;letter-spacing:-.5px}.right-login p{color:#2f3135;text-align:center;margin-bottom:40px;line-height:1.6;font-size:15px}.right-login form{display:flex;flex-direction:column;gap:8px}.col2{text-align:center}.col1{display:flex;flex-direction:column;gap:8px}.col1 label{font-size:14px;color:#000;letter-spacing:.2px}.col1 input,.col1 select{padding:10px 16px;border-radius:12px;border:2px solid #e2e8f0;font-size:15px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#000}.col1 input:focus,.col1 select:focus{border-color:#f8720a;box-shadow:0 0 0 3px #f8720a1a;transform:translateY(-1px)}.col1 input::placeholder{font-size:14px;color:#686868}.col1 button:not(.register-link-btn):not(.back-to-login-btn){margin-top:10px;padding:16px;border-radius:12px;border:none;background:linear-gradient(135deg,#f8720a,#ff8c42);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;position:relative;overflow:hidden}.col1 button:not(.register-link-btn):not(.back-to-login-btn):before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.col1 button:not(.register-link-btn):not(.back-to-login-btn):hover{background:linear-gradient(135deg,#e76405,#f8720a);transform:translateY(-2px);box-shadow:0 10px 25px #f8720a4d}.col1 button:not(.register-link-btn):not(.back-to-login-btn):hover:before{left:100%}.col1 button:not(.register-link-btn):not(.back-to-login-btn):active{transform:translateY(0)}.register-link-btn,.back-to-login-btn{background:transparent!important;border:none!important;color:#f8720a!important;text-decoration:none;cursor:pointer;font-size:14px;font-weight:500;padding:8px!important;margin-top:5px!important;transition:all .3s ease;position:relative;width:fit-content;align-self:center}.register-link-btn:hover,.back-to-login-btn:hover{color:#e76405!important;transform:none!important;background:transparent!important}.register-link-btn:after,.back-to-login-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background:#f8720a;transition:all .3s ease;transform:translate(-50%)}.register-link-btn:hover:after,.back-to-login-btn:hover:after{width:100%}.modal-overlay1{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;margin-top:60px;padding:10px;animation:fadeIn .3s ease-out}.modal-content1{background:#f5f5f5;border-radius:20px;width:60%;height:80vh;overflow-y:auto;box-shadow:0 30px 100px #0006;animation:slideUp .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 35px;border-bottom:1px solid #eaeaea;background:#690000;border-radius:20px 20px 0 0;position:sticky;top:0;z-index:10}.modal-header h3{margin:0;color:#2d3748;font-size:24px;font-weight:700}.close-btn{background:#f7fafc;border:none;font-size:24px;color:#718096;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;line-height:1}.close-btn:hover{background:#edf2f7;color:#4a5568;transform:rotate(90deg)}.modal-body1{padding:30px}.shareRegister-container .right-login p{text-align:left;margin-top:-30px;margin-bottom:20px}.col1-container{display:flex;gap:25px;margin-bottom:20px}.col1-container .col1{flex:1}.specifications{margin:30px 0;padding:25px;background:#f8fafc;border-radius:15px;border:1px solid #e2e8f0}.specifications label{display:block;font-weight:600;color:#2d3748;margin-bottom:15px;font-size:16px}.specifications table{width:100%;border-collapse:separate;border-spacing:0;margin-top:15px;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.specifications table th{background:#4a5568;color:#fff;font-weight:600;padding:16px 12px;text-align:center;font-size:14px;letter-spacing:.3px}.specifications table td{border:1px solid #e2e8f0;padding:14px 12px;text-align:center;background:#fff;color:#4a5568;font-size:14px;transition:background .2s ease}.specifications table tbody tr:hover td{background:#f7fafc}.specifications table tfoot{font-weight:700;background:#edf2f7}.specifications table tfoot td{background:#edf2f7;color:#2d3748;font-size:15px;padding:16px 12px}.specifications table tfoot td:first-child{text-align:right;padding-right:20px}.specifications label{font-size:14px;display:flex;font-weight:400}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px}.checkbox input[type=checkbox]{width:18px;height:18px;border:2px solid #f8720a;border-radius:4px;cursor:pointer;margin:0;flex-shrink:0}.checkbox input[type=checkbox]:checked{background:#f8720a}@media (max-width: 768px){.share-main{padding:20px 15px;min-height:100vh}.share-container{max-width:100%;border-radius:16px}.right-login{padding:35px 25px}.modal-content1{width:95%;margin:10px;border-radius:16px}.modal-header{padding:20px 25px}.modal-body1{padding:20px}.col1-container{flex-direction:column;gap:15px}.specifications{padding:20px 15px;overflow-x:auto}.specifications table{font-size:13px;min-width:600px}.specifications table th,.specifications table td{padding:12px 8px}}@media (max-width: 480px){.right-login{padding:30px 20px}.right-login h3{font-size:24px}.modal-header h3{font-size:20px}.col1 button:not(.register-link-btn):not(.back-to-login-btn){padding:14px;font-size:15px}.specifications{padding:15px 10px}}.modal-content1::-webkit-scrollbar{margin-top:50px;width:6px}.modal-content1::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content1::-webkit-scrollbar-thumb{background:#4f4947;border-radius:4px}.modal-content1::-webkit-scrollbar-thumb:hover{background:#fc895b}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f8720a;outline-offset:2px}.footer-main{background:#e9e9e9;padding:10px;text-align:center;position:relative}*{margin:0;padding:0}.icon-btn.wifi{position:relative;transition:all .3s ease}.icon-btn.wifi.online{border-color:#ef4444;background-color:#fef2f2}.icon-btn.wifi.online img{filter:brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(1352%) hue-rotate(336deg) brightness(91%) contrast(96%)}.icon-btn.wifi.online:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background-color:#ef44444d;animation:pulse-red 2s infinite;z-index:0}@keyframes pulse-red{0%{transform:translate(-50%,-50%) scale(.8);opacity:.7}70%{transform:translate(-50%,-50%) scale(1.2);opacity:0}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.side-menu-item{display:flex;align-items:center;padding:14px 18px;font-size:14px;cursor:pointer;transition:background .2s}.menu-icon{color:#4b5563;font-size:16px;transition:color .2s}.menu-icon{display:inline-block!important;visibility:visible!important;opacity:1!important;width:20px!important;min-width:20px!important;height:auto!important;font-size:16px!important;line-height:1!important;text-align:center!important;margin-right:12px!important;color:#4b5563!important;font-family:"Font Awesome 6 Free","Font Awesome 6 Pro","Font Awesome 5 Free",FontAwesome!important;font-weight:900!important;font-style:normal!important;flex-shrink:0!important;overflow:visible!important}.side-menu-item:hover .menu-icon{color:#2563eb}.side-menu-item.active .menu-icon{color:#3b82f6}.side-menu-item.logout .menu-icon{color:#e11d48}.side-menu-item.logout:hover .menu-icon{color:#b91c1c}.icon-btn.wifi.offline{border-color:#d1d5db;background-color:#f3f4f6}.icon-btn.wifi.offline img{filter:grayscale(100%) brightness(.7)}.icon-btn.wifi.offline:after{content:"✕";position:absolute;top:-2px;right:-2px;background-color:#6b7280;color:#fff;font-size:8px;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.icon-btn.wifi.online:hover{background-color:#dc2626;border-color:#b91c1c}.icon-btn.wifi.online:hover img{filter:brightness(0) saturate(100%) invert(100%)}.icon-btn.wifi.online:hover:before{background-color:#ffffff4d;animation:pulse-red-hover 1.5s infinite}@keyframes pulse-red-hover{0%{transform:translate(-50%,-50%) scale(.8);opacity:.7;background-color:#ffffff4d}70%{transform:translate(-50%,-50%) scale(1.2);opacity:0}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.icon-btn.wifi.offline:hover{background-color:#e5e7eb;border-color:#9ca3af}.icon-btn.wifi.tooltip:after{top:130%;left:50%;transform:translate(-50%);white-space:nowrap}.userCommonMenuBar-main{position:sticky;top:0;z-index:1000;background:#f9f9f9}.user-common-menubar-container{width:100%;margin:0 auto;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;background-color:#fff}.side-menu{position:fixed;top:0;left:-280px;width:270px;max-height:calc(100vh - 80px);border-radius:20px;background:#fff;transition:left .3s ease;z-index:2000000;margin-top:10px;margin-left:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(46,81,238,.3) transparent}.side-menu.cashier-mode{height:auto}.side-menu::-webkit-scrollbar{width:1px}.side-menu::-webkit-scrollbar-track{background:transparent;border-radius:10px}.side-menu::-webkit-scrollbar-thumb{background:#c1c1c14d;border-radius:10px}.side-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a880}.side-menu.open{left:0;box-shadow:4px 0 12px #00000026}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:1}.side-menu-header{display:flex;justify-content:space-between;padding:16px;font-weight:700;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:10;border-radius:20px 20px 0 0}.side-menu-item{padding:14px 18px;font-size:14px;cursor:pointer;transition:background .2s}.side-menu-header span{cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.5s ease}.side-menu-header span:hover{background-color:#e11d48;color:#fff;transform:rotate(90deg)}.side-menu-body{flex:1}.side-menu-item.logout{border-top:1px solid #eee;color:#e11d48;font-weight:600;position:sticky;bottom:0;background:#fff}.side-menu-item.logout:hover{background:#fee2e2;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.side-menu-item:hover{background:#f5f5f5}.side-menu-item.active{background:#e8f0ff;font-size:14px;border-left:4px solid #3b82f6}@media (max-width: 576px){.name-full{display:none}.name-short{display:inline}}.menuBar-left{display:flex;align-items:center;gap:14px}.menuBar-right{display:flex;align-items:center;gap:10px}.card-cart-container{width:100%;display:flex}.card-container-show{width:73%}.card-cart-show{width:27%;display:block;background:#fff;margin:10px 10px 0;border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #c8dffb}.icon-btn:not(.wifi):hover{color:#fff;border:1px solid #9ac7fd;background:#9ac7fd}.icon-btn:not(.wifi):hover img{filter:brightness(0) saturate(100%) invert(100%);opacity:1}.user-filter-category{width:100%;overflow-x:auto}.card-box{display:flex;gap:14px;padding:10px}.cate-card.horizontal{min-width:160px;display:flex;align-items:center;gap:14px;background:#fff;border-radius:10px;padding:5px 20px;border:1px solid #e2e8f0;transition:.3s}.cate-img{width:52px;height:52px;border-radius:12px;background:#f1f5f9;overflow:hidden;flex-shrink:0}.cate-card.horizontal{padding-left:6px}.cate-img img{width:100%;height:100%;object-fit:cover;display:block}.card-box .searchbar{width:100%;padding:5px 30px 5px 35px;border-radius:20px;border:1px solid #c3cddb}.search-btn{position:absolute;border:none;margin-left:10px;margin-top:7px;align-items:center;text-align:center;background:none}.search-btn-icon{background:none;width:17px;height:17px;filter:brightness(0) saturate(100%) invert(25%);opacity:.6}.auto-barcode{background-color:#f5f7fa;padding:0;margin:0 0 -20px;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:center;align-items:center;max-width:300px;width:300px}.barcode-desktop-wrapper{flex:1;max-width:300px;margin:0 auto;transition:all .3s ease;opacity:0;transform:scaleX(0);transform-origin:center;pointer-events:none}.barcode-input-field{width:100%;padding:10px 18px;border:none!important;font-size:14px;outline:none!important;font-family:monospace;letter-spacing:1px;background:#f5f7fa!important;transition:none;box-sizing:border-box;text-align:center!important;border-radius:10px;color:#334155!important;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.barcode-input-field:focus,.barcode-input-field:active,.barcode-input-field:focus-visible,.barcode-input-field:focus-within{outline:none!important;border:none!important;box-shadow:none!important;background:#f5f7fa!important;text-align:center!important;color:#334155!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-tap-highlight-color:transparent}.barcode-input-field:-moz-focusring{outline:none!important;box-shadow:none!important}.barcode-input-field::placeholder{text-align:center;color:#94a3b8;font-size:13px}.mobile-barcode-input{width:100%;padding:12px 15px;border-radius:10px;font-size:16px;outline:none;font-family:monospace;letter-spacing:1px;box-sizing:border-box;margin-bottom:15px}.mobile-barcode-submit{width:100%;padding:12px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.mobile-barcode-submit:hover{background:#2563eb;transform:translateY(-2px)}@media (max-width: 768px){.barcode-desktop-wrapper{display:none}.time{min-width:75px;font-size:11px}}@media (max-width: 576px){.time{min-width:70px;font-size:10px}.mobile-barcode-modal-content{width:95%;padding:15px}.mobile-barcode-input{font-size:14px;padding:10px 12px}.mobile-barcode-submit{padding:10px;font-size:14px}}.icon-btn.barcode-btn{position:relative;transition:all .3s ease}.icon-btn.barcode-btn.active{border-color:#3b82f6;background-color:#eff6ff}.icon-btn.barcode-btn.active img{filter:brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(1352%) hue-rotate(199deg) brightness(91%) contrast(96%)}.icon-btn.barcode-btn.active:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background-color:#3b82f64d;animation:pulse-blue 2s infinite;z-index:0}@keyframes pulse-blue{0%{transform:translate(-50%,-50%) scale(.8);opacity:.7}70%{transform:translate(-50%,-50%) scale(1.2);opacity:0}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.icon-btn.barcode-btn:hover:not(.active){border-color:#3b82f6;background-color:#eff6ff}.icon-btn.barcode-btn:hover:not(.active) img{filter:brightness(0) saturate(100%) invert(37%) sepia(93%) saturate(1352%) hue-rotate(199deg) brightness(91%) contrast(96%)}.icon-btn.barcode-btn.active:hover{background-color:#3b82f6;border-color:#2563eb}.icon-btn.barcode-btn.active:hover img{filter:brightness(0) saturate(100%) invert(100%)}.icon-btn.barcode-btn.active:hover:before{background-color:#ffffff4d;animation:pulse-blue-hover 1.5s infinite}@keyframes pulse-blue-hover{0%{transform:translate(-50%,-50%) scale(.8);opacity:.7;background-color:#ffffff4d}70%{transform:translate(-50%,-50%) scale(1.2);opacity:0}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.barcode-desktop-wrapper{flex:1;max-width:280px;margin:0 15px;transition:all .3s ease;opacity:0;transform:scaleX(0);transform-origin:left;pointer-events:none}.barcode-desktop-wrapper.show{opacity:1;transform:scaleX(1);pointer-events:auto}.barcode-input-field{width:100%;padding:8px 15px;border:1px solid #3b82f6;border-radius:10px;font-size:14px;outline:none;font-family:monospace;letter-spacing:1px;background:#fff;box-sizing:border-box}.barcode-input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a;outline:none}.time{font-size:13px;padding-left:10px;min-width:85px;display:inline-block;font-family:monospace}.mobile-barcode-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000001;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.mobile-barcode-modal-content{background:#fff;border-radius:20px;width:90%;max-width:350px;padding:20px;animation:slideUp .3s ease}.mobile-barcode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.mobile-barcode-header h3{margin:0;font-size:18px;color:#333}.mobile-barcode-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.mobile-barcode-close:hover{background:#f0f0f0;color:#e11d48}.mobile-barcode-input{width:100%;padding:12px 15px;border:1px solid #3b82f6;border-radius:10px;font-size:16px;outline:none;font-family:monospace;letter-spacing:1px;box-sizing:border-box}.mobile-barcode-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width: 768px){.menuBar-right label,.barcode-desktop-wrapper{display:none}.time{min-width:75px;font-size:11px}}@media (max-width: 576px){.menuBar-right label{display:none}.time{min-width:70px;font-size:10px}.mobile-barcode-modal-content{width:95%;padding:15px}.mobile-barcode-input{font-size:14px;padding:10px 12px}}@media (max-width: 480px){.user-common-menubar-container{padding:6px 10px;gap:6px;flex-wrap:nowrap;overflow:visible;align-items:center;height:44px;min-height:44px;max-height:44px}.menuBar-left{display:flex;align-items:center;gap:6px;flex-shrink:0;order:1;flex-direction:row;justify-content:flex-start;height:100%}.menuBar-left>.icon-btn{order:1;padding:0;border-radius:8px;flex-shrink:0;margin:0;width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;box-sizing:border-box;align-self:center;display:flex;align-items:center;justify-content:center}.menuBar-left>.icon-btn img{width:16px;height:16px;display:block;object-fit:contain}.menuBar-left>.menu-logo{order:2;width:65px;height:auto;max-height:26px;object-fit:contain;flex-shrink:0;margin:0;align-self:center}.menuBar-right{display:flex;align-items:center;gap:4px;flex-shrink:1;min-width:0;order:2;justify-content:flex-end;margin-left:auto;flex-wrap:nowrap;height:100%}.menuBar-right .icon-btn:not(.pf-btn){padding:0;border-radius:8px;flex-shrink:0;width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;box-sizing:border-box;align-self:center;display:flex;align-items:center;justify-content:center}.menuBar-right .icon-btn:not(.pf-btn) img{width:13px;height:13px;display:block;object-fit:contain}.menuBar-right .pf-btn{padding:0 8px 0 6px;gap:4px;border-radius:8px;flex-shrink:0;width:auto;min-width:auto;max-width:none;height:28px;min-height:28px;max-height:28px;box-sizing:border-box;align-self:center;display:flex;align-items:center;justify-content:center;white-space:nowrap}.menuBar-right .pf-btn .pf{width:13px;height:13px;flex-shrink:0;object-fit:contain}.menuBar-right .pf-btn .name-full{display:none}.menuBar-right .pf-btn .name-short{display:inline;font-size:11px;font-weight:600;line-height:1;flex-shrink:0}.menuBar-right .time,.menuBar-right label{display:none!important}.icon-btn.wifi.online:before,.icon-btn.barcode-btn.active:before{width:22px;height:22px}.icon-btn.wifi.offline:after{width:10px;height:10px;font-size:7px;top:-1px;right:-1px}.menuBar-right .icon-btn span{width:14px!important;height:14px!important;font-size:8px!important;top:-4px!important;right:-4px!important}}:root{--user-account-primary: #4361ee;--user-account-primary-light: #eef2ff;--user-account-secondary: #3a0ca3;--user-account-success: #4cc9f0;--user-account-warning: #f8961e;--user-account-danger: #f72585;--user-account-dark: #1a1a2e;--user-account-light: #f8f9fa;--user-account-gray: #6c757d;--user-account-gray-light: #e9ecef;--user-account-border-radius: 12px;--user-account-shadow: 0 4px 12px rgba(0, 0, 0, .05);--user-account-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.user-account-upe-container{background:#fff;border-radius:var(--user-account-border-radius);padding:25px;box-shadow:var(--user-account-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.user-account-upe-section-title1{font-size:20px;font-weight:600;color:var(--user-account-dark);margin-bottom:20px;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--user-account-gray-light)}.user-account-upe-table-wrapper{overflow-y:auto;max-height:calc(100vh - 150px);border-radius:8px;border:1px solid var(--user-account-gray-light);background-color:#fff}.user-account-upe-table{min-width:1000px;width:100%;border-collapse:collapse}.user-account-upe-table thead{background-color:var(--user-account-light);position:sticky;top:0;z-index:10}.user-account-upe-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--user-account-dark);border-bottom:2px solid var(--user-account-gray-light);white-space:nowrap}.user-account-upe-table td{padding:20px 12px;text-align:left;font-size:14px;color:var(--user-account-dark);border-bottom:1px solid var(--user-account-gray-light);vertical-align:middle}.user-account-upe-table tbody tr:hover{background-color:var(--user-account-light)}.user-account-upe-created{font-size:11px;color:var(--user-account-gray);margin-top:4px;display:flex;align-items:center;gap:4px}.fa-info-circle,.fa-envelope{font-size:13px;color:var(--user-account-primary)}.fa-phone{font-size:13px;color:var(--user-account-success)}.user-account-upe-password-display{display:flex;flex-direction:column;gap:5px}.user-account-upe-password-hint{font-size:11px;color:var(--user-account-gray);display:flex;align-items:center;gap:5px}.user-stat-value{align-items:center;margin-top:-10px;font-size:15px;font-weight:600}.user-account-page-info{font-size:14px}.user-account-upe-contact-cell{display:flex;flex-direction:column;gap:8px}.user-account-upe-contact-item{display:flex;align-items:center;gap:10px}.user-account-upe-contact-icon{color:var(--user-account-primary);font-size:12px;width:16px;text-align:center}.user-account-upe-contact-text{font-size:13px;color:var(--user-account-dark);word-break:break-all}.user-account-upe-contact-item:nth-child(1) .user-account-upe-contact-icon{color:var(--user-account-primary)}.user-account-upe-contact-item:nth-child(2) .user-account-upe-contact-icon{color:var(--user-account-success)}.user-account-upe-role-cell{display:flex;flex-direction:column;gap:4px}.shop-account-contact-item{font-size:13px}.user-account-upe-role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:100px}.role-shop_owner{background-color:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.user-account-upe-role-desc{font-size:11px;color:var(--user-account-gray);font-style:italic}.user-account-upe-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.user-account-upe-status-badge.status-active{background-color:#4cc9f01a;color:var(--user-account-success);border:1px solid rgba(76,201,240,.3)}.user-account-upe-last-login{font-size:11px;color:var(--user-account-gray);margin-top:6px;display:flex;align-items:center;gap:4px}.user-account-upe-action-buttons{display:flex;flex-direction:column;gap:10px;min-width:160px}.user-account-upe-edit-btn{background-color:#4f46e5;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;justify-content:center}.user-account-upe-edit-btn:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:var(--user-account-shadow)}.user-account-upe-change-password-btn{background-color:var(--user-account-primary);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;justify-content:center}.user-account-upe-change-password-btn:hover{background-color:var(--user-account-secondary);transform:translateY(-2px);box-shadow:var(--user-account-shadow)}.user-account-upe-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.user-account-upe-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--user-account-shadow-hover);animation:modalSlideIn .3s ease-out}.user-account-upe-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--user-account-gray-light);background-color:var(--user-account-light);border-radius:12px 12px 0 0}.user-account-upe-modal-header h3{margin:0;font-size:18px;color:var(--user-account-dark);display:flex;align-items:center;gap:10px}.user-account-upe-modal-header h3 i{color:var(--user-account-primary)}.user-account-upe-modal-close{background:none;border:none;font-size:20px;color:var(--user-account-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.user-account-upe-modal-close:hover{background-color:var(--user-account-gray-light);color:var(--user-account-danger)}.user-account-upe-modal-body{padding:25px}.user-account-upe-modal-footer{padding:20px 25px;border-top:1px solid var(--user-account-gray-light);display:flex;justify-content:flex-end;gap:15px}.user-account-upe-form-group{margin-bottom:20px}.user-account-upe-form-row{display:flex;gap:15px;margin-bottom:15px}.user-account-upe-form-row .user-account-upe-form-group{flex:1;margin-bottom:0}.user-account-upe-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--user-account-dark);font-size:14px}.user-account-upe-form-group label.user-account-upe-required:after{content:" *";color:var(--user-account-danger)}.user-account-upe-form-group input,.user-account-upe-form-group textarea,.user-account-upe-form-group select{width:100%;padding:12px 15px;border:1px solid var(--user-account-gray-light);border-radius:8px;font-size:14px;color:var(--user-account-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.user-account-upe-form-group input:focus,.user-account-upe-form-group textarea:focus,.user-account-upe-form-group select:focus{outline:none;border-color:var(--user-account-primary);box-shadow:0 0 0 3px #4361ee1a}.user-account-upe-form-group input:disabled{background-color:var(--user-account-gray-light);color:var(--user-account-gray);cursor:not-allowed}.user-account-upe-form-section-divider{margin:25px 0 20px;padding-bottom:10px;border-bottom:2px solid #e5e7eb;position:relative}.user-account-upe-form-section-divider span{background-color:#fff;padding:0 10px;position:absolute;left:0;bottom:-12px;color:#6b7280;font-weight:600;font-size:14px}.user-account-upe-form-help-text{font-size:12px;color:#6b7280;margin-top:5px;display:flex;align-items:center;gap:5px}.user-account-upe-forget-password-link{display:flex;align-items:center;gap:8px;color:var(--user-account-primary);font-size:14px;margin-top:15px;cursor:pointer;text-decoration:none;transition:color .3s}.user-account-upe-forget-password-link:hover{color:var(--user-account-secondary);text-decoration:underline}.user-account-upe-forget-password-link i{font-size:16px}.user-account-upe-btn-cancel{padding:12px 25px;background-color:var(--user-account-gray-light);color:var(--user-account-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.user-account-upe-btn-cancel:hover{background-color:#dee2e6}.user-account-upe-btn-submit{padding:12px 25px;background-color:var(--user-account-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.user-account-upe-btn-submit:hover:not(:disabled){background-color:var(--user-account-secondary);transform:translateY(-2px)}.user-account-upe-btn-submit:disabled{opacity:.5;cursor:not-allowed}.user-account-upe-language-toggle{display:flex;justify-content:flex-end;gap:10px;margin-bottom:15px}.user-account-upe-lang-btn{padding:6px 12px;border:1px solid var(--user-account-gray-light);background-color:#fff;color:var(--user-account-gray);border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s}.user-account-upe-lang-btn:hover{border-color:var(--user-account-primary);color:var(--user-account-primary)}.user-account-upe-lang-btn.active{background-color:var(--user-account-primary);color:#fff;border-color:var(--user-account-primary)}.user-account-upe-section-title1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--user-account-gray-light)}.user-account-upe-section-title1 i{color:var(--user-account-primary);font-size:24px}.user-account-upe-history-btn{background-color:#fff;border:1px solid var(--user-account-primary);color:var(--user-account-primary);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.user-account-upe-history-btn:hover{background-color:var(--user-account-primary);color:#fff}.user-account-upe-history-btn .fa-history{font-size:16px}.user-account-upe-history-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding-right:10px}.user-account-upe-history-item{display:flex;gap:15px;padding:15px;background-color:var(--user-account-light);border-radius:8px;border-left:3px solid var(--user-account-primary);transition:all .3s}.user-account-upe-history-item:hover{box-shadow:var(--user-account-shadow)}.user-account-upe-history-icon{width:40px;height:40px;background-color:#4361ee1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--user-account-primary)}.user-account-upe-history-icon i{font-size:18px}.user-account-upe-history-content{flex:1}.user-account-upe-history-action{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:600;color:var(--user-account-dark)}.user-account-upe-history-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.user-account-upe-history-status.status-success{background-color:#4cc9f01a;color:var(--user-account-success);border:1px solid rgba(76,201,240,.3)}.user-account-upe-history-details{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--user-account-gray)}.user-account-upe-history-details span{display:flex;align-items:center;gap:5px}.user-account-upe-history-details i{font-size:11px;color:var(--user-account-primary)}.user-account-upe-history-footer{text-align:center;padding:10px;background-color:var(--user-account-light);border-radius:6px;font-size:13px;color:var(--user-account-gray);margin-top:15px}.user-account-upe-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 10px}.user-account-upe-page-btn{width:36px;height:36px;border:1px solid var(--user-account-gray-light);background-color:#fff;color:var(--user-account-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.user-account-upe-page-btn:hover:not(:disabled){background-color:var(--user-account-primary);color:#fff;border-color:var(--user-account-primary)}.user-account-upe-page-btn:disabled{opacity:.5;cursor:not-allowed}.user-account-upe-page-info{padding:0 15px;font-weight:600;color:var(--user-account-dark)}.user-account-upe-history-list::-webkit-scrollbar{width:6px}.user-account-upe-history-list::-webkit-scrollbar-track{background:var(--user-account-gray-light);border-radius:3px}.user-account-upe-history-list::-webkit-scrollbar-thumb{background:var(--user-account-primary);border-radius:3px}.user-account-upe-history-list::-webkit-scrollbar-thumb:hover{background:var(--user-account-secondary)}.user-account-upe-security-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-top:20px;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412}.user-account-upe-security-notice i{font-size:20px;color:#f97316;margin-top:2px}.user-account-upe-security-notice p{margin:0;font-size:14px;line-height:1.6;flex:1}@media (prefers-color-scheme: dark){.user-account-upe-security-notice{background-color:#fffbfd;border-color:#ffb9b9;color:#ff003c}.user-account-upe-security-notice i{color:#fb3c69}}@media (max-width: 768px){.user-account-upe-security-notice{padding:12px 16px;gap:10px}.user-account-upe-security-notice p{font-size:13px}}@media (max-width: 768px){.user-account-upe-container{padding:15px;height:auto}.user-account-upe-table-wrapper{max-height:calc(100vh - 180px)}.user-account-upe-table th,.user-account-upe-table td{padding:12px 8px;font-size:13px}.user-account-upe-action-buttons{min-width:140px}.user-account-upe-edit-btn,.user-account-upe-change-password-btn{padding:8px 12px;font-size:12px}.user-account-upe-modal-content{margin:10px;max-height:85vh}.user-account-upe-modal-body{padding:20px}.user-account-upe-form-row{flex-direction:column;gap:0}}@media (max-width: 480px){.user-account-upe-container{padding:12px}.user-account-upe-modal-header{padding:15px 20px}.user-account-upe-modal-body{padding:15px}.user-account-upe-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.user-account-upe-btn-cancel,.user-account-upe-btn-submit{width:100%;text-align:center}}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.report-modal{background:#fff;border-radius:16px;width:95%;max-width:1200px;height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080}.report-modal-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0;flex-shrink:0}.report-modal-header h2{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}.report-modal-actions{display:flex;gap:10px}.report-download-btn{padding:8px 16px;border:none;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;color:#fff}.report-download-btn.pdf{background:#e74c3c}.report-download-btn.pdf:hover{background:#c0392b;transform:translateY(-2px)}.report-download-btn.png{background:#27ae60}.report-download-btn.png:hover{background:#2ecc71;transform:translateY(-2px)}.report-close-btn{background:#fff3;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.report-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.report-modal-body{flex:1;overflow-y:auto;padding:30px;background:#f5f5f5}.a4-report{max-width:210mm;margin:0 auto;background:#fff;padding:15mm;box-shadow:0 4px 20px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.report-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #3498db}.report-header h1{margin:0 0 5px;color:#2c3e50;font-size:28px;font-weight:700}.report-header h2{margin:0 0 10px;color:#7f8c8d;font-size:20px;font-weight:500}.report-meta{color:#95a5a6;font-size:12px}.report-meta p{margin:3px 0}.report-period{color:#3498db;font-weight:600}.report-section{margin-bottom:25px;page-break-inside:avoid}.report-section h3{color:#2c3e50;font-size:16px;margin:0 0 12px;padding-bottom:6px;border-bottom:2px solid #3498db;display:inline-block}.report-table{width:100%;border-collapse:collapse;margin-bottom:10px;font-size:13px}.report-table th{background:#f8fafc;color:#2c3e50;font-weight:600;padding:10px;text-align:left;border-bottom:2px solid #e2e8f0}.report-table td{padding:8px 10px;border-bottom:1px solid #edf2f7}.report-table .label{font-weight:600;color:#2c3e50;width:40%;background:#f9f9f9}.report-table .value{color:#1e293b}.report-table .amount{text-align:right;font-weight:600}.report-table .amount.refund,.report-table .amount.expense{color:#e74c3c}.report-table .amount.profit{color:#27ae60}.report-table .amount.loss{color:#e74c3c}.report-table .total-row{background:#f0f9ff;font-weight:700}.report-table .total-row td{border-top:2px solid #3498db;border-bottom:2px solid #3498db}.info-table td:first-child{font-weight:600;background:#f8fafc;width:30%}.financial-table td:last-child{text-align:right;font-weight:600}.metrics-table td:last-child{text-align:right;font-weight:600}.status-badge{display:inline-block;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600}.status-badge.success{background:#2ecc711a;color:#27ae60;border:1px solid #27ae60}.status-badge.danger{background:#e74c3c1a;color:#e74c3c;border:1px solid #e74c3c}.insights-list{display:flex;flex-direction:column;gap:12px}.insight-item{padding:12px;border-radius:6px;border-left:4px solid;page-break-inside:avoid}.insight-item.success{background:#f0f9f0;border-left-color:#27ae60}.insight-item.warning{background:#fff4e5;border-left-color:#f39c12}.insight-item.danger{background:#fee9e9;border-left-color:#e74c3c}.insight-item.info{background:#e8f0fe;border-left-color:#3498db}.insight-item strong{display:block;margin-bottom:4px;color:#2c3e50;font-size:14px}.insight-item p{margin:0;color:#475569;line-height:1.4;font-size:12px}.report-footer{margin-top:30px;padding-top:15px;border-top:2px solid #eef2f6;text-align:center;color:#94a3b8;font-size:11px;display:flex;justify-content:space-between;align-items:center}.report-footer .page-info{color:#3498db;font-weight:600}@media print{.report-modal-overlay{position:static;background:#fff;padding:0}.report-modal{box-shadow:none;height:auto}.report-modal-header{display:none}.report-modal-body{padding:0;background:#fff}.a4-report{box-shadow:none;padding:10mm}.report-section{page-break-inside:avoid}.report-footer .page-info{display:none}}@media (max-width: 768px){.report-modal{width:100%;height:100vh;border-radius:0}.report-modal-header{border-radius:0}.a4-report{padding:10px}.report-table{font-size:11px}.report-table th,.report-table td{padding:6px}}.expense-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999999!important;padding:20px}.expense-detail-modal{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:expenseDetailSlideIn .3s ease}@keyframes expenseDetailSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.expense-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:2px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:20px 20px 0 0;flex-shrink:0}.expense-detail-modal-header h2{margin:0;font-size:18px;display:flex;align-items:center;gap:10px;color:#1e293b}.expense-detail-modal-close{background:none;border:none;font-size:20px;color:#94a3b8;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.expense-detail-modal-close:hover{background:#f1f5f9;color:#ef4444}.expense-detail-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.expense-summary-banner{display:flex;gap:30px;padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:20px;border:1px solid #fcd34d}.expense-summary-total,.expense-summary-count{display:flex;flex-direction:column}.expense-summary-label{font-size:12px;color:#92400e;font-weight:500}.expense-summary-amount,.expense-summary-number{font-size:22px;font-weight:700;color:#92400e}.expense-category-group{margin-bottom:16px}.expense-category-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f8fafc;border-radius:8px;border-left:4px solid #4361ee;margin-bottom:8px}.expense-category-name{font-weight:600;font-size:14px;color:#1e293b}.expense-category-total{margin-left:auto;font-weight:700;font-size:14px;color:#1e293b}.expense-category-count{font-size:12px;color:#94a3b8}.expense-items-list{padding-left:8px}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #f1f5f9;transition:background .2s}.expense-item:hover{background:#f8fafc;border-radius:6px}.expense-item-info{flex:1;min-width:0}.expense-item-title{font-weight:500;font-size:14px;color:#1e293b}.expense-item-subcategory,.expense-item-vendor{font-size:12px;color:#64748b;margin-top:2px}.expense-item-description{font-size:12px;color:#94a3b8;margin-top:2px;font-style:italic}.expense-item-meta{display:flex;gap:12px;margin-top:4px}.expense-item-date{font-size:11px;color:#94a3b8}.expense-item-status{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:600}.expense-item-status.status-paid{background:#d1fae5;color:#065f46}.expense-item-status.status-pending{background:#fef3c7;color:#92400e}.expense-item-status.status-cancelled{background:#fee2e2;color:#991b1b}.expense-item-amount{font-weight:700;font-size:15px;color:#e67e22;margin-left:16px;white-space:nowrap}.expense-detail-empty{text-align:center;padding:40px;color:#94a3b8}.expense-detail-empty i{font-size:48px;color:#e2e8f0;margin-bottom:16px;display:block}.expense-detail-modal-footer{padding:14px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;flex-shrink:0;background:#f8fafc;border-radius:0 0 20px 20px}.expense-detail-btn-close{padding:10px 24px;background:#e2e8f0;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s}.expense-detail-btn-close:hover{background:#cbd5e1}@media (max-width: 600px){.expense-detail-modal{max-width:100%;max-height:95vh;border-radius:12px}.expense-detail-modal-header,.expense-detail-modal-body{padding:14px 16px}.expense-summary-banner{flex-direction:column;gap:8px;padding:12px 16px}.expense-item{flex-direction:column;align-items:flex-start;gap:6px}.expense-item-amount{margin-left:0}}.expense-detail-modal-actions{display:flex;align-items:center;gap:10px}.expense-detail-report-btn{padding:8px 16px;border:none;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.expense-detail-report-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e67e224d}.expense-detail-report-btn i{font-size:14px}@media (max-width: 600px){.expense-detail-modal-actions{gap:6px}.expense-detail-report-btn{padding:4px 10px;font-size:11px}.expense-detail-report-btn i{font-size:12px}}.expense-report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:99999999!important;padding:0;margin:0}.expense-report-modal{background:#fff;width:100vw;height:100vh;max-width:100%;max-height:100%;display:flex;flex-direction:column;box-shadow:none;animation:expenseReportSlideIn .3s ease}@keyframes expenseReportSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.expense-report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-shrink:0}.expense-report-modal-header h2{margin:0;font-size:20px;display:flex;align-items:center;gap:10px;color:#1e293b}.expense-report-modal-actions{display:flex;align-items:center;gap:10px}.expense-report-download-btn{padding:8px 16px;border:none;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;color:#fff}.expense-report-download-btn.pdf{background:#e74c3c}.expense-report-download-btn.pdf:hover:not(:disabled){background:#c0392b;transform:translateY(-2px)}.expense-report-download-btn.png{background:#27ae60}.expense-report-download-btn.png:hover:not(:disabled){background:#2ecc71;transform:translateY(-2px)}.expense-report-download-btn:disabled{opacity:.5;cursor:not-allowed}.expense-report-close-btn{background:none;border:none;font-size:22px;color:#94a3b8;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.expense-report-close-btn:hover{background:#f1f5f9;color:#ef4444}.expense-report-filter-section{padding:12px 24px;background:#f8fafc;border-bottom:1px solid #eef2f6;flex-shrink:0}.expense-report-filter-row{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.expense-report-filter-group{display:flex;align-items:center;gap:8px}.expense-report-filter-group label{font-size:13px;font-weight:600;color:#475569}.expense-report-date-input{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1e293b;transition:border-color .2s}.expense-report-date-input:focus{outline:none;border-color:#e67e22;box-shadow:0 0 0 3px #e67e221a}.expense-report-filter-btn{padding:6px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.expense-report-filter-btn.apply{background:#e67e22;color:#fff}.expense-report-filter-btn.apply:hover{background:#d35400}.expense-report-filter-btn.reset{background:#e2e8f0;color:#475569}.expense-report-filter-btn.reset:hover{background:#cbd5e1}.expense-report-filter-info{margin-top:8px;font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.expense-report-modal-body{padding:20px 24px;overflow-y:auto;flex:1;max-height:calc(100vh - 200px)}.expense-report-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e67e22}.expense-report-title{margin:0;font-size:22px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.expense-report-period{font-size:14px;font-weight:400;color:#e67e22}.expense-report-date{margin:4px 0 0;font-size:13px;color:#94a3b8}.expense-report-divider{margin-top:8px;height:2px;background:linear-gradient(to right,#e67e22,transparent)}.expense-report-summary{display:flex;gap:30px;padding:16px 20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:20px;border:1px solid #fcd34d}.expense-report-summary-item{display:flex;flex-direction:column}.expense-report-summary-label{font-size:12px;color:#92400e;font-weight:500}.expense-report-summary-value{font-size:22px;font-weight:700;color:#92400e}.expense-month-group{margin-bottom:30px;page-break-after:always;border-bottom:2px dashed #e2e8f0;padding-bottom:20px}.expense-month-group:last-child{page-break-after:auto;border-bottom:none}.expense-month-header{display:flex;align-items:center;gap:15px;padding:10px 16px;background:#f1f5f9;border-radius:8px;margin-bottom:15px;border-left:4px solid #e67e22}.expense-month-title{margin:0;font-size:17px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.expense-month-title i{color:#e67e22}.expense-month-total{margin-left:auto;font-weight:700;font-size:15px;color:#e67e22}.expense-month-count{font-size:13px;color:#94a3b8}.expense-report-category-group{margin-bottom:12px}.expense-report-category-header{display:flex;align-items:center;gap:12px;padding:8px 14px;background:#f8fafc;border-radius:6px;border-left:4px solid #4361ee;margin-bottom:6px}.expense-report-category-name{font-weight:600;font-size:14px;color:#1e293b}.expense-report-category-total{margin-left:auto;font-weight:700;font-size:14px;color:#1e293b}.expense-report-category-count{font-size:12px;color:#94a3b8}.expense-report-items-list{padding-left:8px}.expense-report-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid #f1f5f9;transition:background .2s}.expense-report-item:hover{background:#f8fafc;border-radius:4px}.expense-report-item-info{flex:1;min-width:0}.expense-report-item-title{font-weight:500;font-size:14px;color:#1e293b}.expense-report-item-subcategory,.expense-report-item-vendor{font-size:12px;color:#64748b;margin-top:2px}.expense-report-item-description{font-size:12px;color:#94a3b8;margin-top:2px;font-style:italic}.expense-report-item-meta{display:flex;gap:12px;margin-top:4px}.expense-report-item-date{font-size:11px;color:#94a3b8}.expense-report-item-status{font-size:10px;padding:2px 10px;border-radius:12px;font-weight:600}.expense-report-item-status.status-paid{background:#d1fae5;color:#065f46}.expense-report-item-status.status-pending{background:#fef3c7;color:#92400e}.expense-report-item-status.status-cancelled{background:#fee2e2;color:#991b1b}.expense-report-item-amount{font-weight:700;font-size:15px;color:#e67e22;margin-left:16px;white-space:nowrap}.expense-report-empty{text-align:center;padding:60px;color:#94a3b8}.expense-report-empty i{font-size:64px;color:#e2e8f0;margin-bottom:16px;display:block}.expense-report-footer{margin-top:20px;padding-top:12px;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}.expense-report-modal-footer{padding:14px 24px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;flex-shrink:0;background:#f8fafc}.expense-report-btn-close{padding:10px 28px;background:#e2e8f0;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s}.expense-report-btn-close:hover{background:#cbd5e1}@media (max-width: 768px){.expense-report-modal-header{padding:12px 16px;flex-wrap:wrap;gap:10px}.expense-report-modal-header h2{font-size:17px}.expense-report-filter-row,.expense-report-filter-group{flex-direction:column;align-items:stretch}.expense-report-filter-btn{justify-content:center}.expense-report-modal-body{padding:14px 16px;max-height:calc(100vh - 260px)}.expense-report-summary{flex-direction:column;gap:8px}.expense-report-item{flex-direction:column;align-items:flex-start;gap:6px}.expense-report-item-amount{margin-left:0}.expense-month-header{flex-wrap:wrap}.expense-month-total{margin-left:0}}@media (max-width: 480px){.expense-report-download-btn{padding:4px 10px;font-size:11px}.expense-report-download-btn i{font-size:12px}}.dashboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999999!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:dashboardFadeIn .3s ease;padding:0;margin:0}.dashboard-modal{background:#fff;border-radius:0;width:100vw;height:100vh;max-width:100%;max-height:100%;overflow:hidden;box-shadow:none;animation:dashboardSlideUp .4s ease;position:relative;z-index:1000000!important;display:flex;flex-direction:column}@keyframes dashboardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dashboardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-modal-header{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.dashboard-modal-header h2{margin:0;font-size:22px;font-weight:600;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dashboard-modal-header h2 i{font-size:24px;color:gold}.dashboard-modal-badge{padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600;text-transform:uppercase}.dashboard-modal-badge.success{background:#fff;color:#2ecc71;border:1px solid #2ecc71}.dashboard-modal-badge.danger{background:#fff;color:#e74c3c;border:1px solid #e74c3c}.dashboard-modal-close{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.dashboard-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.dashboard-modal-period{padding:15px 25px;background:#f8fafc;border-bottom:1px solid #eef2f6;flex-shrink:0}.period-selector{display:flex;gap:10px;flex-wrap:wrap}.period-btn{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:30px;font-size:13px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.period-btn.active{background:#2c3e50;color:#fff;border-color:#2c3e50}.period-btn.custom{background:#3498db;color:#fff;border-color:#3498db}.period-btn.custom.active{background:#2980b9;border-color:#2980b9}.period-btn:hover{border-color:#3498db;color:#2c3e50}.period-btn.custom:hover{background:#2980b9;border-color:#2980b9;color:#fff}.custom-date-range{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.date-input{padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;flex:1;min-width:150px}.date-separator{color:#64748b;font-weight:500}.apply-date-btn{padding:8px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.apply-date-btn:hover{background:#219a52;transform:translateY(-2px)}.dashboard-modal-body{padding:25px;overflow-y:auto;flex:1}.dashboard-modal-info{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.dashboard-info-item{background:#f8fafc;border-radius:16px;padding:15px;display:flex;align-items:center;gap:15px;border:1px solid #eef2f6}.dashboard-info-item.location-item{display:flex;align-items:flex-start}.dashboard-info-item.location-item .dashboard-info-content{flex:1;min-width:0}.dashboard-info-item.location-item .location-value{word-break:break-word;white-space:normal;line-height:1.4}.dashboard-info-item i{font-size:24px;color:#3498db;width:32px;text-align:center}.dashboard-info-label{font-size:12px;color:#64748b;margin-bottom:4px}.dashboard-info-value{font-size:14px;font-weight:600;color:#1e293b}.dashboard-info-value-phone{font-size:14px;color:#1e293b}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.metric-card{background:#fff;border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 12px #0000000d;border:1px solid #eef2f6;transition:all .2s}.metric-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.metric-icon{font-size:32px;width:60px;height:60px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2c3e50;flex-shrink:0}.metric-icon i{font-size:28px}.metric-content{flex:1;min-width:0}.metric-label{font-size:12px;color:#64748b;margin-bottom:4px}.metric-value{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.5px}.metric-value.large-number{font-size:16px}.metric-value.profit{color:#27ae60}.metric-value.loss{color:#e74c3c}.metric-value.discount{color:#9b59b6}.metric-unit{font-size:12px;color:#94a3b8;font-weight:500}.metric-sub-value{font-size:13px;color:#64748b;margin-top:4px}.metric-trend{font-size:12px;font-weight:600}.dashboard-charts-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.chart-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid #eef2f6}.chart-card h3{margin:0 0 15px;font-size:16px;color:#1e293b;display:flex;align-items:center;gap:8px}.chart-card h3 i{color:#3498db;font-size:18px}.chart-container{height:250px;display:flex;align-items:center;justify-content:center;position:relative;width:100%}.dashboard-products-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid #eef2f6;margin-bottom:25px}.dashboard-products-section h3{margin:0 0 15px;font-size:16px;color:#1e293b;display:flex;align-items:center;gap:8px}.dashboard-products-section h3 i{color:#3498db;font-size:18px}.dashboard-products-section .chart-container{height:300px;width:100%}.dashboard-employees-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid #eef2f6;margin-bottom:25px}.dashboard-employees-section h3{margin:0 0 15px;font-size:16px;color:#1e293b;display:flex;align-items:center;gap:8px}.dashboard-employees-section h3 i{color:#3498db;font-size:18px}.employees-table-container{overflow-x:auto}.employees-table{width:100%;border-collapse:collapse}.employees-table th{text-align:left;padding:12px;background:#f8fafc;color:#475569;font-weight:600;font-size:13px;border-bottom:2px solid #e2e8f0}.employees-table td{padding:10px 12px;border-bottom:1px solid #edf2f7;color:#1e293b;font-size:14px}.employees-table tr:last-child td{border-bottom:none}.employees-table tr:hover td{background:#f8fafc}.employees-table .amount{font-weight:600;color:#2c3e50}.dashboard-insights-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;border:1px solid #eef2f6;margin-bottom:25px}.dashboard-insights-section h3{margin:0 0 20px;font-size:18px;color:#1e293b;display:flex;align-items:center;gap:8px;border-bottom:2px solid #eef2f6;padding-bottom:10px}.dashboard-insights-section h3 i{color:#3498db;font-size:20px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:15px}.insight-card{border-radius:12px;padding:16px;transition:all .3s ease;border-left:4px solid}.insight-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.insight-card.success{background:linear-gradient(135deg,#f0f9f0,#e6f3e6);border-left-color:#27ae60}.insight-card.warning{background:linear-gradient(135deg,#fff4e5,#ffead1);border-left-color:#f39c12}.insight-card.danger{background:linear-gradient(135deg,#fee9e9,#fcd5d5);border-left-color:#e74c3c}.insight-card.info{background:linear-gradient(135deg,#e8f0fe,#d9e6fc);border-left-color:#3498db}.insight-title{font-size:16px;font-weight:700;margin-bottom:8px;color:#1e293b}.insight-description{font-size:13px;color:#475569;line-height:1.5}.dashboard-report-section{margin-top:30px;margin-bottom:20px;text-align:center}.dashboard-report-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:14px 30px;border-radius:40px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 12px #2ecc714d}.dashboard-report-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2ecc7166}.dashboard-report-btn i{font-size:18px}.no-data{text-align:center;padding:20px;color:#94a3b8;font-style:italic}.dashboard-spinner{width:50px;height:50px;border:5px solid #e2e8f0;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@media (max-width: 1200px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts-section{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-modal-info,.dashboard-metrics-grid{grid-template-columns:1fr}.period-selector{justify-content:center}.custom-date-range{flex-direction:column;align-items:stretch}.date-separator{text-align:center}.employees-table{font-size:13px}.employees-table th,.employees-table td{padding:8px}.insights-grid{grid-template-columns:1fr}.dashboard-products-section .chart-container{height:250px}.dashboard-modal{max-width:100%;max-height:100vh;border-radius:0}.dashboard-modal-header{border-radius:0}.dashboard-modal-header h2{font-size:18px}}.tooltip-container{position:relative;display:inline-block;width:100%}.tooltip-container .metric-trend{display:inline-block;cursor:help}.custom-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background:#1e293b;color:#fff;border-radius:12px;padding:12px 16px;min-width:240px;z-index:1000;transition:all .2s ease;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;font-size:13px;pointer-events:none;white-space:nowrap}.custom-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:#1e293b transparent transparent transparent}.tooltip-container:hover .custom-tooltip{visibility:visible;opacity:1}.tooltip-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:16px}.tooltip-item:last-child{margin-bottom:0}.tooltip-label{font-weight:500;color:#94a3b8}.tooltip-value{font-weight:600;color:#f1f5f9}.tooltip-value.negative{color:#f87171}.tooltip-value.positive{color:#4ade80}.tooltip-divider{height:1px;background:#334155;margin:8px 0}@media (max-width: 768px){.custom-tooltip{min-width:200px;padding:8px 12px;font-size:11px;white-space:normal}.tooltip-item{gap:12px;margin-bottom:6px}}.skeleton-info-item{background:#f8fafc!important;border:1px solid #eef2f6!important}.skeleton-info-item .skeleton-text{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.skeleton-info-item .skeleton-icon{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-metrics-grid .skeleton-metric-card{background:#fff!important;border:1px solid #eef2f6!important;pointer-events:none}.skeleton-metric-card .skeleton-text{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.skeleton-metric-card .skeleton-icon{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-charts .skeleton-chart-card{background:#fff!important;border:1px solid #eef2f6!important;pointer-events:none}.skeleton-charts .skeleton-chart-card .skeleton-text{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}.skeleton-chart{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-body{background:#f8fafc!important;padding:25px}@media (max-width: 480px){.dashboard-modal-period{padding:10px 12px;overflow:hidden}.period-selector{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:6px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;scroll-behavior:smooth;scroll-snap-type:x proximity}.period-selector::-webkit-scrollbar{height:4px}.period-selector::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.period-selector::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.period-selector::-webkit-scrollbar-thumb:hover{background:#94a3b8}.period-btn{padding:6px 12px;font-size:11px;border-radius:20px;border-width:1.5px;white-space:nowrap;flex-shrink:0;min-width:fit-content;scroll-snap-align:start}.custom-date-range{flex-direction:column;gap:6px;margin-top:10px}.date-input{padding:6px 10px;font-size:11px;min-width:0;width:100%}.date-separator{font-size:10px;text-align:center}.apply-date-btn{padding:7px 14px;font-size:11px;width:100%}.dashboard-modal-header{padding:12px 14px;gap:8px}.dashboard-modal-header h2{font-size:14px;gap:6px;line-height:1.3;flex:1}.dashboard-modal-header h2 i{font-size:16px}.dashboard-modal-badge{padding:2px 8px;font-size:9px;letter-spacing:.3px}.dashboard-modal-close{width:30px;height:30px;font-size:14px;flex-shrink:0}.dashboard-modal-body{padding:12px}.dashboard-modal-info{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.dashboard-info-item{padding:10px 12px;gap:10px;border-radius:10px}.dashboard-info-item i{font-size:16px;width:22px}.dashboard-info-label{font-size:10px;margin-bottom:2px}.dashboard-info-value{font-size:12px}.dashboard-info-value-phone{font-size:11px}.dashboard-metrics-grid{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.metric-card{padding:10px 12px;gap:10px;border-radius:10px}.metric-icon{font-size:18px;width:36px;height:36px;border-radius:8px}.metric-icon i{font-size:16px}.metric-label{font-size:10px;margin-bottom:2px;line-height:1.3}.metric-value{font-size:13px;margin-bottom:1px;letter-spacing:.2px}.metric-value.large-number{font-size:13px}.metric-sub-value{font-size:11px;margin-top:2px}.metric-trend{font-size:10px}.dashboard-charts-section{grid-template-columns:1fr;gap:10px;margin-bottom:12px}.chart-card{padding:12px;border-radius:10px}.chart-card h3{font-size:12px;margin-bottom:10px;gap:6px}.chart-card h3 i{font-size:13px}.chart-container{height:200px}.dashboard-products-section{padding:12px;border-radius:10px;margin-bottom:12px}.dashboard-products-section h3{font-size:12px;margin-bottom:10px;gap:6px}.dashboard-products-section h3 i{font-size:13px}.dashboard-products-section .chart-container{height:220px}.dashboard-employees-section{padding:12px;border-radius:10px;margin-bottom:12px}.dashboard-employees-section h3{font-size:12px;margin-bottom:10px;gap:6px}.dashboard-employees-section h3 i{font-size:13px}.employees-table{font-size:11px}.employees-table th{padding:6px 8px;font-size:10px}.employees-table td{padding:6px 8px;font-size:11px}.dashboard-insights-section{padding:12px;border-radius:10px;margin-bottom:12px}.dashboard-insights-section h3{font-size:13px;margin-bottom:12px;padding-bottom:8px;gap:6px}.dashboard-insights-section h3 i{font-size:14px}.insights-grid{grid-template-columns:1fr;gap:8px}.insight-card{padding:10px 12px;border-radius:8px;border-left-width:3px}.insight-title{font-size:12px;margin-bottom:5px}.insight-description{font-size:11px;line-height:1.4}.dashboard-report-section{margin-top:15px;margin-bottom:12px}.dashboard-report-btn{padding:10px 20px;font-size:13px;border-radius:30px;width:100%;justify-content:center;gap:8px}.dashboard-report-btn i{font-size:14px}.custom-tooltip{min-width:180px;padding:8px 10px;font-size:10px;white-space:normal}.tooltip-item{gap:10px;margin-bottom:5px}.tooltip-label,.tooltip-value{font-size:10px}.no-data{padding:15px;font-size:11px}.dashboard-spinner{width:36px;height:36px;border-width:3px;margin-bottom:12px}}@media (max-width: 360px){.period-btn{padding:5px 10px;font-size:10px}.dashboard-modal-header h2{font-size:12px}.metric-icon{width:32px;height:32px;font-size:15px}.metric-icon i{font-size:14px}.metric-label{font-size:9px}.metric-value,.metric-value.large-number{font-size:12px}.chart-card h3,.dashboard-products-section h3,.dashboard-employees-section h3,.insight-title{font-size:11px}.insight-description{font-size:10px}.dashboard-report-btn{font-size:12px;padding:9px 16px}}.dashboard-container{padding:20px;max-width:1400px;margin:0 auto;background-color:#f8fafc;min-height:100vh}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;width:100%;min-height:200px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d}.dashboard-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #4361ee;border-radius:50%;animation:dashboard-spin 1s linear infinite;margin-bottom:12px}.dashboard-loading p{font-size:14px;color:#94a3b8;font-weight:500;margin:0}@keyframes dashboard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-header{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;padding:20px 25px;border-radius:16px;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;box-shadow:0 4px 12px #0000001a}.dashboard-header-title{font-size:24px;font-weight:700;margin:0 0 5px}.dashboard-header-subtitle{font-size:14px;opacity:.9;margin:0}.dashboard-header-date{background:#ffffff26;padding:8px 16px;border-radius:30px;font-size:14px;font-weight:500;margin-bottom:10px}.dashboard-staff-selector{background:#fff;border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-left:4px solid #3498db}.dashboard-staff-selector label{color:#2c3e50;font-weight:600;font-size:14px}.dashboard-staff-selector select{padding:10px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;min-width:220px;background:#fff;cursor:pointer;transition:all .2s}.dashboard-staff-selector select:hover{border-color:#3498db}.dashboard-staff-selector select:focus{outline:none;border-color:#2c3e50;box-shadow:0 0 0 3px #2c3e501a}.backbtn{margin-bottom:15px}.dashboard-period-selector{display:flex;gap:10px;margin:20px 0}.dashboard-period-btn{padding:8px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:30px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.dashboard-period-btn.active{background:#2c3e50;color:#fff;border-color:#2c3e50}.dashboard-period-btn:hover{border-color:#3498db;color:#2c3e50}.dashboard-error{background:#fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;margin:20px 0;display:flex;align-items:center;gap:8px;border-left:4px solid #ef4444}.dashboard-header>div:last-child{display:flex;align-items:center;gap:15px}.dashboard-header-actions{position:relative;display:inline-block}.dashboard-dropdown-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:30px;color:#fff;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.dashboard-dropdown-btn:hover{background:#ffffff4d}.dashboard-dropdown-menu{position:absolute;top:100%;left:0;margin-top:5px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000026;min-width:250px;z-index:1000;overflow:hidden}.dashboard-dropdown-item{padding:12px 16px;display:flex;align-items:center;gap:12px;color:#1e293b;cursor:pointer;transition:background .2s;font-size:14px}.dashboard-dropdown-item i{width:20px;color:#64748b}.dashboard-dropdown-item:hover{background:#f1f5f9}.dashboard-dropdown-item.logout{border-top:1px solid #e2e8f0;color:#e74c3c}.dashboard-dropdown-item.logout i{color:#e74c3c}.dashboard-stores-section{margin:30px 0}.dashboard-section-title{font-size:22px;font-weight:700;color:#1e293b}.stores-header-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:15px}.dashboard-summary-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:20px 0 30px;width:100%}.summary-card{background:#fff;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px #0000000d;transition:all .3s;border:1px solid #eef2f6;min-width:0;overflow:hidden}.summary-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}.card-icon{width:42px;height:42px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#2c3e50;border:1px solid #e2e8f0;flex-shrink:0}.card-content{flex:1;min-width:0}.card-label{font-size:10px;color:#64748b;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-value{font-size:16px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-value.profit{color:#27ae60}.card-value.loss{color:#e74c3c}.expense-card{cursor:pointer}.expense-trend{font-size:9px!important;margin-left:4px}.dashboard-stores-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%}.dashboard-store-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:all .3s;cursor:pointer;border:2px solid transparent;min-width:0;overflow:hidden}.dashboard-store-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #0000001a;border-color:#3498db}.dashboard-store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dashboard-store-name{font-size:18px;font-weight:700;color:#1e293b;width:75%;margin:0}.dashboard-store-status{color:#fff;padding:4px 12px;border-radius:30px;font-size:12px;font-weight:600;letter-spacing:.5px}.dashboard-store-location{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f6}.dashboard-store-location i{font-size:16px;color:#3498db}.dashboard-store-metrics{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-bottom:15px;padding:12px 14px;background:#f8fafc;border-radius:12px;border:1px solid #eef2f6}.dashboard-metric-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed #e2e8f0}.dashboard-metric-row:last-child{border-bottom:none}.dashboard-metric-label{font-size:13px;color:#64748b;font-weight:500}.dashboard-metric-value{font-size:15px;font-weight:700;color:#1e293b}.dashboard-metric-value.loss{color:#e74c3c}.dashboard-store-products{background:#f8fafc;border-radius:12px;padding:15px;margin-bottom:20px}.dashboard-product-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-product-info:last-child{margin-bottom:0}.dashboard-product-label{color:#64748b;font-size:13px}.dashboard-product-value{font-size:13px;font-weight:600;padding:3px 10px;border-radius:20px}.dashboard-product-value.best{background:#2ecc711a;color:#27ae60}.dashboard-product-value.worst{background:#e74c3c1a;color:#e74c3c}.dashboard-view-btn{width:100%;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.dashboard-view-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.dashboard-store-chart{margin:15px 0;padding:10px;background:#f8fafc;border-radius:12px;border:1px solid #eef2f6}.dashboard-store-chart .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;color:#64748b}.dashboard-store-chart .chart-title i{margin-right:4px;color:#3498db;font-size:12px}.chart-loading{color:#3498db;font-size:30px;align-items:center;gap:10px}.chart-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;color:#94a3b8;font-size:12px;gap:8px}.chart-no-data .chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#3498db;font-size:12px}.chart-no-data .chart-loading i{font-size:24px;animation:dashboard-spin 1s linear infinite}.chart-no-data .chart-text{color:#94a3b8;font-size:12px;margin-top:4px}.store-stats-card{min-width:0}.store-stats-tiny{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:6px;margin-top:4px;flex-wrap:wrap}.stat-item-tiny{display:flex;align-items:center;gap:4px;background:#f8fafc;padding:4px 10px;border-radius:20px;border:1px solid #eef2f6;flex:0 1 auto}.stat-dot-tiny{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.stat-item-tiny.profitable .stat-dot-tiny{background-color:#27ae60;box-shadow:0 0 4px #27ae604d}.stat-item-tiny.loss .stat-dot-tiny{background-color:#e74c3c;box-shadow:0 0 4px #e74c3c4d}.stat-item-tiny.no-sales .stat-dot-tiny{background-color:#95a5a6;box-shadow:0 0 4px #95a5a64d}.stat-value-tiny{font-weight:700;font-size:14px;color:#1e293b}.stat-item-tiny.profitable .stat-value-tiny{color:#27ae60}.stat-item-tiny.loss .stat-value-tiny{color:#e74c3c}.stat-item-tiny.no-sales .stat-value-tiny{color:#95a5a6}.stat-label-tiny{font-size:11px;color:#64748b;font-weight:500}.dashboard-footer{background:#fff;border-radius:16px;padding:20px 25px;margin-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 4px 12px #0000000d}.dashboard-footer-summary{display:flex;gap:30px;flex-wrap:wrap}.dashboard-footer-item{display:flex;flex-direction:column}.dashboard-footer-label{font-size:13px;color:#64748b;margin-bottom:4px}.dashboard-footer-value{font-size:16px;font-weight:700;color:#1e293b}.dashboard-footer-actions{display:flex;gap:12px}.dashboard-action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:30px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .2s}.dashboard-action-btn i{font-size:14px}.dashboard-action-btn.print:hover{border-color:#3498db;color:#3498db}.dashboard-action-btn.export:hover{border-color:#27ae60;color:#27ae60}.dashboard-trend-period-selector{display:flex;gap:8px;background:#fff;padding:5px;border-radius:40px;box-shadow:0 2px 8px #0000000d;border:1px solid #eef2f6}.trend-period-btn{padding:6px 16px;border:none;background:transparent;border-radius:30px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.trend-period-btn.active{background:#2c3e50;color:#fff}.trend-period-btn:hover:not(.active){background:#f1f5f9;color:#2c3e50}@media (max-width: 1200px){.dashboard-summary-cards{grid-template-columns:repeat(3,1fr)}.dashboard-stores-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{padding:12px 14px}.card-icon{width:36px;height:36px;font-size:15px}.card-value{font-size:14px}.card-label{font-size:9px}.dashboard-stores-grid{grid-template-columns:1fr}.dashboard-staff-selector{max-width:100%;width:100%}.dashboard-staff-selector select{max-width:none;flex:1}.dashboard-footer{flex-direction:column;align-items:flex-start}.dashboard-footer-actions{width:100%;flex-direction:column}.dashboard-action-btn,.dashboard-trend-period-selector{width:100%;justify-content:center}.trend-period-btn{padding:4px 12px;font-size:11px}.chart-container-small{height:100px}.store-stats-tiny{gap:4px}.stat-item-tiny{padding:3px 8px}.stat-value-tiny{font-size:13px}.stat-label-tiny{font-size:10px}.stat-dot-tiny{width:6px;height:6px}}@media (max-width: 600px){.dashboard-store-metrics{flex-direction:column;align-items:stretch;gap:6px;padding:12px}.dashboard-metric-row{flex-direction:row;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #e2e8f0}.dashboard-metric-row:last-child{border-bottom:none}.dashboard-metric-label{font-size:12px}.dashboard-metric-value{font-size:14px}}@media (max-width: 480px){.dashboard-summary-cards{grid-template-columns:1fr 1fr;gap:8px}.summary-card{padding:10px 12px}.card-icon{width:32px;height:32px;font-size:13px}.card-value{font-size:12px}.card-label{font-size:8px}.dashboard-staff-selector{flex-wrap:wrap;padding:10px}.dashboard-staff-selector label,.dashboard-staff-selector select{width:100%}.dashboard-period-selector{flex-wrap:wrap}.dashboard-period-btn{flex:1 1 calc(50% - 5px)}.store-stats-tiny{flex-direction:column;align-items:stretch;gap:4px}.stat-item-tiny{justify-content:center;padding:4px 10px}.stat-value-tiny{font-size:14px}.stat-label-tiny{font-size:11px}}.trend-period-btn.loading{opacity:.7;cursor:wait;position:relative}.trend-period-btn.loading i{margin-right:6px;animation:dashboard-spin 1s linear infinite}.trend-period-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-store-card.skeleton{cursor:default;pointer-events:none;opacity:.7}.dashboard-store-card.skeleton:hover{transform:none;border-color:transparent;box-shadow:0 4px 12px #0000000d}.skeleton-text{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.skeleton-metrics{background:#f8fafc!important;border:1px solid #eef2f6!important}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.apply-date-btn:disabled{opacity:.6;cursor:not-allowed}.apply-date-btn i.fa-spinner{margin-right:8px}@media (max-width: 480px){.dashboard-container{padding:10px}.dashboard-header{flex-direction:column;align-items:flex-start;padding:14px 16px;gap:10px;border-radius:12px;margin-bottom:15px}.dashboard-header-title{font-size:17px;margin-bottom:3px}.dashboard-header-subtitle{font-size:11px}.dashboard-header-date{font-size:11px;padding:5px 12px;margin-bottom:6px}.dashboard-header-actions{width:100%}.dashboard-dropdown-btn{font-size:11px;padding:6px 12px;width:100%;justify-content:center}.dashboard-dropdown-menu{min-width:200px;font-size:12px}.dashboard-dropdown-item{padding:10px 14px;font-size:12px}.dashboard-staff-selector{padding:10px 12px;gap:8px;border-radius:10px;width:100%}.dashboard-staff-selector label{font-size:11px;width:100%}.dashboard-staff-selector select{font-size:12px;padding:8px 10px;min-width:0;width:100%}.dashboard-summary-cards{grid-template-columns:1fr;gap:8px;margin:12px 0 18px}.summary-card{padding:10px 12px;gap:10px;border-radius:12px}.card-icon{width:36px;height:36px;font-size:14px;border-radius:10px}.card-label{font-size:9px}.card-value{font-size:14px}.store-stats-tiny{flex-direction:row;align-items:center;justify-content:space-around;gap:4px;flex-wrap:nowrap}.stat-item-tiny{padding:3px 8px;gap:3px}.stat-dot-tiny{width:6px;height:6px}.stat-value-tiny{font-size:12px}.stat-label-tiny{font-size:9px}.dashboard-stores-section{margin:15px 0}.stores-header-wrapper{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px;padding-bottom:10px}.dashboard-section-title{font-size:15px}.trend-period-container{width:100%}.dashboard-trend-period-selector{width:100%;padding:4px;gap:3px;border-radius:25px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.trend-period-btn{padding:5px 8px;font-size:10px;white-space:nowrap;flex-shrink:0}.custom-date-range{flex-direction:column;gap:6px;padding:10px}.custom-date-range .date-input{width:100%;font-size:11px;padding:7px 10px}.custom-date-range .date-separator{font-size:10px}.custom-date-range .apply-date-btn{width:100%;font-size:11px;padding:8px}.dashboard-stores-grid{grid-template-columns:1fr;gap:12px}.dashboard-store-card{padding:14px;border-radius:14px}.dashboard-store-header{margin-bottom:10px;gap:8px}.dashboard-store-name{font-size:14px;width:auto;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-store-status{padding:3px 10px;font-size:10px;flex-shrink:0}.dashboard-store-location{font-size:11px;gap:5px;margin-bottom:12px;padding-bottom:10px}.dashboard-store-location i{font-size:12px}.dashboard-store-metrics{padding:10px;gap:5px;border-radius:10px;margin-bottom:12px}.dashboard-metric-row{padding:4px 0;gap:6px}.dashboard-metric-label{font-size:11px;white-space:nowrap}.dashboard-metric-value{font-size:12px;white-space:nowrap}.dashboard-store-products{padding:10px;margin-bottom:12px;border-radius:10px}.dashboard-product-info{margin-bottom:5px;gap:6px}.dashboard-product-label{font-size:11px;white-space:nowrap}.dashboard-product-value{font-size:10px;padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.dashboard-view-btn{padding:9px;font-size:12px;border-radius:8px}.dashboard-view-btn i{font-size:11px}.dashboard-back-button-container{margin-bottom:10px}.shop-account-history-btn.backbtn{font-size:12px;padding:8px 14px}.dashboard-error{padding:10px 12px;font-size:12px;border-radius:8px;gap:6px}.dashboard-loading{padding:40px 15px;border-radius:12px}.dashboard-spinner{width:32px;height:32px;border-width:3px}.dashboard-loading p{font-size:12px}.dashboard-store-card.skeleton{padding:14px}}@media (max-width: 360px){.dashboard-container{padding:8px}.dashboard-header{padding:12px}.dashboard-header-title{font-size:15px}.dashboard-header-subtitle{font-size:10px}.summary-card{padding:8px 10px;gap:8px}.card-icon{width:32px;height:32px;font-size:12px}.card-label{font-size:8px}.card-value{font-size:13px}.trend-period-btn{padding:4px 6px;font-size:9px}.dashboard-store-card{padding:12px}.dashboard-store-name{font-size:13px}.dashboard-metric-label,.dashboard-metric-value{font-size:11px}.dashboard-view-btn{font-size:11px;padding:8px}}.userCategoryCombine-main{width:100%}.userPageCombine-main{width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.modal-content{background:#fff;border-radius:10px;width:90%;max-width:500px;max-height:80vh;overflow:hidden}.held-carts-modal{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5;background:#f8f9fa}.modal-header h3{margin:0;font-size:18px;color:#333}.modal-header span{cursor:pointer;font-size:20px;color:#666}.modal-body{padding:20px;max-height:50vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px;border-top:1px solid #e5e5e5;background:#f8f9fa}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:5px;color:#333;font-weight:500}.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:14px}.held-carts-list{display:flex;flex-direction:column;gap:10px}.held-cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid #e5e5e5;border-radius:8px;background:#f9f9f9}.held-cart-info{flex:1}.held-cart-customer{margin-bottom:5px}.held-cart-customer strong{display:block;color:#333;margin-bottom:2px}.held-cart-customer span{color:#666;font-size:12px}.held-cart-details{display:flex;gap:15px;font-size:12px;color:#666}.held-cart-time{font-style:italic}.held-cart-actions{display:flex;gap:8px}.btn-continue{background:#2196f3!important;color:#fff!important;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.btn-delete{background:#f44336!important;color:#fff!important;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.btn-primary{background:#2196f3!important;color:#fff!important;border:none}.btn{padding:8px 16px;border-radius:5px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:14px}.btn:hover{opacity:.9}.cate-card.horizontal.active-category{background:#e8f0ff;border-color:#3b82f6;border-left:4px solid #3b82f6}@media (max-width: 768px){.modal-content{width:95%;max-height:70vh}.held-cart-item{flex-direction:column;align-items:flex-start}.held-cart-actions{width:100%;margin-top:10px;justify-content:flex-end}}:root{--cat-primary: #4361ee;--cat-primary-light: #eef2ff;--cat-secondary: #3a0ca3;--cat-success: #4cc9f0;--cat-warning: #f8961e;--cat-danger: #f72585;--cat-danger-light: #fef2f7;--cat-dark: #1a1a2e;--cat-light: #f8f9fa;--cat-gray: #6c757d;--cat-gray-light: #e9ecef;--cat-border-radius: 12px;--cat-shadow: 0 4px 12px rgba(0, 0, 0, .05);--cat-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.cat-image-fallback{width:50px;height:50px;background-color:#4361ee;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;font-size:18px}.cat-table-wrapper::-webkit-scrollbar,.cat-compact-logs-container::-webkit-scrollbar,.cat-modal-content::-webkit-scrollbar{width:4px;height:4px}.cat-table-wrapper::-webkit-scrollbar-track,.cat-compact-logs-container::-webkit-scrollbar-track,.cat-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.cat-table-wrapper::-webkit-scrollbar-thumb,.cat-compact-logs-container::-webkit-scrollbar-thumb,.cat-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.cat-table-wrapper::-webkit-scrollbar-thumb:hover,.cat-compact-logs-container::-webkit-scrollbar-thumb:hover,.cat-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.cat-container{background-color:#fff;padding:25px;box-shadow:var(--cat-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.cat-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--cat-gray-light)}.cat-tabs-selector{min-width:220px}.cat-select-icon{position:absolute;left:15px;color:var(--cat-primary);font-size:16px;z-index:2;pointer-events:none}.cat-tab-select{width:100%;padding:12px 45px;border:1px solid var(--cat-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--cat-dark);background-color:var(--cat-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.cat-select-arrow{position:absolute;right:15px;color:var(--cat-primary);font-size:14px;z-index:2;pointer-events:none}.cat-tab-select option{font-size:14px;font-weight:500;color:var(--cat-dark);padding:10px;background-color:#fff}.cat-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.cat-search-input-group{flex:1;min-width:200px;max-width:80%;position:relative;display:flex;align-items:center;margin:0 auto}.cat-search-icon{position:absolute;left:12px;color:var(--cat-gray);font-size:14px;z-index:2}.cat-search-input{width:100%;padding:10px 40px;border:1px solid var(--prod-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--prod-dark);transition:all .3s;background-color:#fff}.cat-search-input:focus{outline:none;border-color:var(--cat-primary);box-shadow:0 0 0 3px #4361ee1a}.cat-search-field-selector{min-width:140px}.cat-search-select{width:100%;padding:10px 12px;border:1px solid var(--cat-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--cat-dark);background-color:#fff;cursor:pointer;transition:all .3s}.cat-search-select:focus{outline:none;border-color:var(--cat-primary)}.cat-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--cat-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.cat-clear-search-btn:hover{color:var(--cat-danger)}.cat-clear-filters-btn{padding:8px 16px;background-color:var(--cat-gray-light);color:var(--cat-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap}.cat-clear-filters-btn:hover{background-color:var(--cat-danger);color:#fff}.cat-clear-filters-btn i{font-size:12px}@media (max-width: 768px){.cat-clear-filters-btn{width:100%;justify-content:center}}.cat-add-btn{background-color:var(--cat-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.cat-add-btn:hover{background-color:var(--cat-secondary);transform:translateY(-2px);box-shadow:var(--cat-shadow-hover)}.cat-section-title{width:100%;margin-bottom:17px}.cat-title-left i{color:var(--cat-primary);font-size:18px}.cat-title-text{font-size:18px;font-weight:600;color:var(--cat-dark);white-space:nowrap}.cat-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--cat-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--cat-gray);white-space:nowrap}.cat-count-label{font-weight:500;color:var(--cat-gray);margin-left:2px}.cat-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--cat-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--cat-gray);white-space:nowrap}.cat-loading-text i{color:var(--cat-primary)}.cat-search-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--cat-primary-light);padding:6px 16px;border-radius:30px;font-size:13px;color:var(--cat-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-search-badge i{font-size:12px}.cat-clear-search-badge{background:none;border:none;color:var(--cat-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;transition:opacity .2s}.cat-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center;background-color:var(--cat-light)}.cat-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--cat-gray-light);border-radius:50%;color:var(--cat-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.cat-nav-btn:hover:not(:disabled){background-color:var(--cat-primary);color:#fff;border-color:var(--cat-primary)}.cat-nav-btn.loading{background-color:var(--cat-primary-light);border-color:var(--cat-primary)}.cat-nav-btn.loading i{color:var(--cat-primary)}.cat-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--cat-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--cat-dark);padding:0 4px;transition:all .3s}.cat-page-input:focus{outline:none;border-color:var(--cat-primary);box-shadow:0 0 0 2px #4361ee1a}.cat-page-input:disabled{background-color:var(--cat-light);cursor:not-allowed}.cat-page-total{font-size:13px;color:var(--cat-gray);font-weight:500;white-space:nowrap}.cat-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--cat-gray-light);flex-shrink:0}.cat-per-page-select{width:60px;height:32px;border:1px solid var(--cat-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--cat-dark);background-color:#fff;cursor:pointer;transition:all .3s}.cat-per-page-select:focus{outline:none;border-color:var(--cat-primary)}.cat-per-page-select:disabled{background-color:var(--cat-light);cursor:not-allowed}.cat-per-page-label{font-size:12px;color:var(--cat-gray);white-space:nowrap}@media (max-width: 900px){.cat-title-row{gap:10px}.cat-title-left{min-width:auto}.cat-title-text{font-size:16px}.cat-title-right{min-width:auto}.cat-showing-count{padding:4px 12px;font-size:13px}.cat-count-numbers{min-width:20px;padding:1px 4px}}@media (max-width: 760px){.cat-title-row{flex-direction:column;align-items:stretch;gap:12px}.cat-title-left{justify-content:center;text-align:center;width:100%}.cat-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.cat-compact-nav{width:100%;justify-content:center;padding:6px 10px}.cat-title-right{width:100%;justify-content:center}.cat-showing-count{width:fit-content;margin:0 auto}.cat-items-per-page{border-left:none;margin-left:0;padding-left:0}}@media (max-width: 480px){.cat-compact-nav{flex-wrap:wrap;gap:6px;padding:8px}.cat-nav-btn{width:28px;height:28px}.cat-page-input{width:40px;height:28px;font-size:12px}.cat-page-total{font-size:12px}.cat-per-page-select{width:50px;height:28px;font-size:11px}.cat-per-page-label{font-size:11px}.cat-showing-count{font-size:12px;padding:4px 10px}.cat-count-numbers{font-size:12px;min-width:18px}}.cat-table-wrapper{overflow-y:auto;max-height:calc(100vh - 220px);border-radius:8px;border:1px solid var(--prod-gray-light);background-color:#fff;scrollbar-width:thin}.cat-table{width:100%;border-collapse:collapse;min-width:1000px}.cat-table thead{background-color:var(--prod-light);position:sticky;top:0;z-index:10}.cat-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--prod-dark);border-bottom:2px solid var(--prod-gray-light);white-space:nowrap}.cat-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--prod-dark);border-bottom:1px solid var(--prod-gray-light);vertical-align:middle}.cat-table tbody tr{transition:all .3s}.cat-table tbody tr:hover{background-color:var(--prod-light)}.cat-image-cell{width:80px}.cat-image{width:50px;height:50px;object-fit:cover;border-radius:8px;border:1px solid var(--cat-gray-light)}.cat-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.cat-status-active{background-color:#4cc9f01a;color:var(--cat-success);border:1px solid rgba(76,201,240,.3)}.cat-status-inactive{background-color:#f725851a;color:var(--cat-danger);border:1px solid rgba(247,37,133,.3)}.cat-action-buttons{display:flex;gap:10px}.cat-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none}.cat-action-btn:hover{transform:translateY(-2px);box-shadow:var(--cat-shadow)}.cat-action-edit{background-color:var(--cat-warning)}.cat-action-delete{background-color:var(--cat-danger)}.cat-action-view{background-color:var(--cat-success)}.cat-no-data{text-align:center;padding:40px!important;background-color:var(--cat-light)}.cat-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--cat-gray)}.cat-no-data-content i{font-size:48px;color:var(--cat-gray-light)}.cat-no-data-content p{font-size:16px;margin:0}.cat-no-data-content .cat-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--cat-gray-light);color:var(--cat-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cat-no-data-content .cat-clear-search-btn.secondary:hover{background-color:var(--cat-primary);color:#fff}.cat-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--cat-shadow-hover);animation:catModalSlideIn .3s ease-out;scrollbar-width:thin}.cat-modal-content::-webkit-scrollbar{width:4px}.cat-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.cat-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.cat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--cat-gray-light);background-color:var(--cat-light);border-radius:12px 12px 0 0}.cat-modal-header h3{margin:0;font-size:18px;color:var(--cat-dark);display:flex;align-items:center;gap:10px}.cat-modal-header h3 i{color:var(--cat-primary)}.cat-modal-close{background:none;border:none;font-size:20px;color:var(--cat-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.cat-modal-close:hover{background-color:var(--cat-gray-light);color:var(--cat-danger)}.cat-modal-footer{padding:20px 25px;border-top:1px solid var(--cat-gray-light);display:flex;justify-content:flex-end;gap:15px}.cat-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--cat-dark);font-size:14px}.cat-form-group label.cat-required:after{content:" *";color:var(--cat-danger)}.cat-form-group input,.cat-form-group textarea,.cat-form-group select{width:100%;padding:12px 15px;border:1px solid var(--cat-gray-light);border-radius:8px;font-size:14px;color:var(--cat-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.cat-form-group input:focus,.cat-form-group textarea:focus,.cat-form-group select:focus{outline:none;border-color:var(--cat-primary);box-shadow:0 0 0 3px #4361ee1a}.cat-form-group textarea{min-height:100px;resize:vertical}.cat-image-upload-container{border:2px dashed var(--cat-gray-light);border-radius:8px;padding:20px;text-align:center;transition:all .3s;cursor:pointer}.cat-image-upload-container:hover{border-color:var(--cat-primary);background-color:var(--cat-primary-light)}.cat-image-upload-content{display:flex;flex-direction:column;align-items:center;gap:10px}.cat-image-upload-icon{font-size:32px;color:var(--cat-gray)}.cat-image-upload-text{font-size:14px;color:var(--cat-gray)}.cat-image-upload-hint{font-size:12px;color:var(--cat-gray)}.cat-image-preview{margin-top:15px;position:relative;display:inline-block}.cat-image-preview img{width:100%;max-width:200px;height:auto;border-radius:8px;border:1px solid var(--cat-gray-light)}.cat-remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background-color:var(--cat-danger);color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.cat-remove-image-btn:hover{transform:scale(1.1)}.cat-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--cat-gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.cat-status-option:hover{border-color:var(--cat-primary)}.cat-status-option.selected{border-color:var(--cat-primary);background-color:var(--cat-primary-light)}.cat-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--cat-gray);cursor:pointer}.cat-status-option.selected .cat-status-label{color:var(--cat-primary)}.cat-status-option:nth-child(1) .cat-status-label i{color:var(--cat-success)}.cat-status-option:nth-child(2) .cat-status-label i{color:var(--cat-danger)}.cat-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--cat-primary)}.cat-current-user-banner i{font-size:24px;color:var(--cat-primary)}.cat-current-user-banner .cat-user-name{font-size:14px;font-weight:600;color:var(--cat-dark)}.cat-current-user-banner .cat-user-role{font-size:12px;color:var(--cat-gray)}.cat-btn-edit{padding:12px 25px;background-color:var(--cat-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.cat-btn-edit:hover:not(:disabled){background-color:var(--cat-secondary);transform:translateY(-2px)}.cat-btn-cancel{padding:12px 25px;background-color:var(--cat-gray-light);color:var(--cat-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cat-btn-submit{padding:12px 25px;background-color:var(--cat-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.cat-btn-submit:hover:not(:disabled){background-color:var(--cat-secondary);transform:translateY(-2px)}.cat-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.cat-history-scrollable{overflow-y:auto;flex:1;padding-right:8px;min-height:0;margin-top:5px;scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.cat-compact-logs-container{overflow-y:visible;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:auto!important}.cat-log-filters{margin-bottom:20px;padding:15px;background-color:var(--cat-light);border-radius:8px}.cat-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--cat-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--cat-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.cat-filter-tab:hover{border-color:var(--cat-primary);color:var(--cat-primary)}.cat-filter-tab.active{background-color:var(--cat-primary);color:#fff;border-color:var(--cat-primary)}.cat-filter-count{background-color:var(--cat-gray-light);color:var(--cat-gray);padding:2px 6px;border-radius:10px;font-size:11px}.cat-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin}.cat-compact-logs-container::-webkit-scrollbar{width:4px}.cat-compact-logs-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.cat-compact-logs-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.cat-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--cat-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--cat-primary)}.cat-date-label{font-weight:600;color:var(--cat-dark);font-size:14px}.cat-date-count{font-size:12px;color:var(--cat-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.cat-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--cat-gray-light);transition:all .2s;gap:15px;cursor:pointer}.cat-compact-log-entry:hover{border-color:var(--cat-primary);box-shadow:var(--cat-shadow);transform:translateY(-2px)}.cat-compact-log-entry.log-add{border-left:3px solid var(--cat-success)}.cat-compact-log-entry.log-edit{border-left:3px solid var(--cat-warning)}.cat-compact-log-entry.log-delete{border-left:3px solid var(--cat-danger)}.cat-compact-log-entry.log-add .cat-log-icon{background-color:#4cc9f01a;color:var(--cat-success)}.cat-compact-log-entry.log-edit .cat-log-icon{background-color:#f8961e1a;color:var(--cat-warning)}.cat-compact-log-entry.log-delete .cat-log-icon{background-color:#f725851a;color:var(--cat-danger)}.cat-log-action{font-weight:600;color:var(--cat-dark);font-size:14px}.cat-log-category{font-size:13px;color:var(--cat-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.cat-category-id{font-size:11px;color:var(--cat-gray);font-weight:500}.cat-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--cat-gray)}.cat-log-user i{font-size:12px}.cat-user-role{color:#6c757d;font-size:11px}.cat-log-time{display:flex;align-items:center;gap:6px;background-color:var(--cat-light);padding:3px 10px;border-radius:12px}.cat-log-time i{font-size:12px}.cat-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--cat-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--cat-gray)}.cat-log-detail-count i{font-size:11px}.no-logs{text-align:center;padding:40px;background-color:var(--cat-light);border-radius:8px;color:var(--cat-gray)}.no-logs i{font-size:48px;color:var(--cat-gray-light);margin-bottom:15px}.cat-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--cat-primary)}.cat-action-add{background-color:#4cc9f01a;color:var(--cat-success);border:1px solid rgba(76,201,240,.3)}.cat-action-edit{background-color:#f8961e1a;color:var(--cat-warning);border:1px solid rgba(248,150,30,.3)}.cat-action-delete{background-color:#f725851a;color:var(--cat-danger);border:1px solid rgba(247,37,133,.3)}.cat-log-detail-category{display:flex;align-items:center;gap:10px;font-size:15px}.cat-log-detail-category i{color:var(--cat-primary)}.cat-category-name{font-weight:600;color:var(--cat-dark)}.cat-category-id-detail{font-size:12px;color:var(--cat-gray);background-color:var(--cat-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.cat-log-detail-user i,.cat-log-detail-time i{color:var(--cat-gray);font-size:20px}.cat-user-name-detail{font-weight:600;font-size:14px;color:var(--cat-dark)}.cat-user-role-detail{font-size:12px;color:var(--cat-gray)}.cat-log-date-detail{font-weight:600;font-size:14px;color:var(--cat-dark)}.cat-log-time-detail{font-size:12px;color:var(--cat-gray)}.cat-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--cat-gray-light)}.cat-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--cat-dark);font-weight:600}.cat-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--cat-light);border-radius:6px;border-left:3px solid var(--cat-primary)}.cat-change-item i{color:var(--cat-primary);font-size:12px;margin-top:2px}.cat-change-item span{font-size:14px;color:var(--cat-dark);line-height:1.5}.cat-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--cat-light);border-radius:8px;color:var(--cat-gray);text-align:center;justify-content:center}.cat-no-changes i{font-size:18px}.cat-loading-spinner{text-align:center;background:#fff;padding:32px 48px;border-radius:20px;box-shadow:var(--cat-shadow-hover);border:1px solid var(--cat-primary-light)}.cat-spinner{width:56px;height:56px;border:4px solid var(--cat-gray-light);border-top:4px solid var(--cat-primary);border-radius:50%;margin:0 auto 20px;animation:catSpin 1s linear infinite}.cat-loading-message{font-size:18px;font-weight:600;color:var(--cat-dark);margin-bottom:8px}.cat-loading-submessage{font-size:14px;color:var(--cat-gray)}.cat-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--cat-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.cat-date-picker-row label{font-size:13px;color:var(--cat-dark);font-weight:600}.cat-date-input{padding:8px 12px;border:1px solid var(--cat-gray-light);border-radius:6px;font-size:13px;color:var(--cat-dark);flex:1}.cat-date-input:focus{outline:none;border-color:var(--cat-primary);box-shadow:0 0 0 2px #4361ee1a}.cat-apply-date-btn{padding:8px 16px;background-color:var(--cat-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.cat-apply-date-btn:hover:not(:disabled){background-color:var(--cat-secondary)}@media (max-width: 768px){.cat-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.cat-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.cat-date-input,.cat-apply-date-btn{width:100%}}@media (max-width: 768px){.cat-container{padding:15px;height:auto}.cat-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.cat-tabs-selector{width:100%;min-width:100%}.cat-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.cat-search-input-group,.cat-search-field-selector{width:100%;min-width:100%}.cat-add-btn{width:100%;justify-content:center}.cat-table-wrapper{max-height:calc(100vh - 90px)}.cat-table th,.cat-table td{padding:12px 8px;font-size:13px}.cat-action-buttons{display:flex;gap:8px}.cat-action-btn{width:32px;height:32px}.cat-modal-content{margin:10px;max-height:85vh}.cat-modal-body{padding:20px}.cat-form-group{margin-bottom:15px}.cat-status-select-group{flex-direction:column;gap:10px}.cat-logs-list{gap:8px}.cat-compact-log-entry{padding:12px;gap:12px}.cat-log-icon{width:32px;height:32px}.cat-log-details{flex-direction:column;align-items:flex-start;gap:8px}.cat-log-main-info{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.cat-container{padding:12px}.cat-section-title{font-size:16px;flex-direction:column;align-items:flex-start;gap:5px}.cat-filter-summary{margin-left:0;font-size:13px}.cat-modal-header{padding:15px 20px}.cat-modal-body{padding:15px}.cat-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.cat-btn-cancel,.cat-btn-submit{width:100%;text-align:center}.cat-image-upload-container{padding:15px}.cat-compact-log-entry{flex-direction:column;gap:10px}.cat-log-content{width:100%}}@media print{.cat-container{box-shadow:none;padding:0}.cat-tabs-header,.cat-action-buttons,.cat-modal-overlay{display:none}.cat-table-wrapper{max-height:none;overflow:visible}.cat-table{border:1px solid #000}.cat-table th{background-color:#f0f0f0;color:#000}}.cat-created-info{font-size:12px;color:var(--cat-gray);margin-top:4px}@media (max-width: 768px){.cat-description-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.cat-export-options{display:flex;flex-direction:column;gap:12px}.cat-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--cat-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.cat-export-option:hover{border-color:var(--cat-primary);background-color:var(--cat-primary-light)}.cat-export-option.selected{border-color:var(--cat-primary);background-color:var(--cat-primary-light);box-shadow:0 0 0 3px #4361ee1a}.cat-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.cat-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.cat-export-radio-custom{width:20px;height:20px;border:2px solid var(--cat-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.cat-export-option.selected .cat-export-radio-custom{border-color:var(--cat-primary)}.cat-export-option.selected .cat-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--cat-primary);border-radius:50%}.cat-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.cat-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--cat-light);border-radius:8px}.cat-export-option-title{font-size:15px;font-weight:600;color:var(--cat-dark)}.cat-export-option-desc{font-size:13px;color:var(--cat-gray)}@media (max-width: 480px){.cat-export-option{padding:12px 15px}.cat-export-option-content{gap:10px}.cat-export-option-content i{width:30px;height:30px;font-size:16px}.cat-export-option-title{font-size:14px}.cat-export-option-desc{font-size:12px}}:root{--prod-primary: #4361ee;--prod-primary-light: #eef2ff;--prod-secondary: #3a0ca3;--prod-success: #4cc9f0;--prod-warning: #f8961e;--prod-danger: #f72585;--prod-danger-light: #fef2f7;--prod-dark: #1a1a2e;--prod-light: #f8f9fa;--prod-gray: #6c757d;--prod-gray-light: #e9ecef;--prod-border-radius: 12px;--prod-shadow: 0 4px 12px rgba(0, 0, 0, .05);--prod-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.prod-table-wrapper::-webkit-scrollbar,.prod-compact-logs-container::-webkit-scrollbar,.prod-modal-content::-webkit-scrollbar{width:4px;height:4px}.prod-table-wrapper::-webkit-scrollbar-track,.prod-compact-logs-container::-webkit-scrollbar-track,.prod-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.prod-table-wrapper::-webkit-scrollbar-thumb,.prod-compact-logs-container::-webkit-scrollbar-thumb,.prod-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.prod-table-wrapper::-webkit-scrollbar-thumb:hover,.prod-compact-logs-container::-webkit-scrollbar-thumb:hover,.prod-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.prod-table-wrapper,.prod-compact-logs-container,.prod-modal-content{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.prod-container{background-color:#fff;padding:25px;box-shadow:var(--prod-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.prod-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--prod-gray-light)}.prod-tabs-selector{min-width:220px}.prod-select-container{position:relative;display:flex;align-items:center}.prod-select-icon{position:absolute;left:15px;color:var(--prod-primary);font-size:16px;z-index:2;pointer-events:none}.prod-tab-select{width:100%;padding:12px 45px;border:1px solid var(--prod-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--prod-dark);background-color:var(--prod-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.prod-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.prod-select-arrow{position:absolute;right:15px;color:var(--prod-primary);font-size:14px;z-index:2;pointer-events:none}.prod-tab-select option{font-size:14px;font-weight:500;color:var(--prod-dark);padding:10px;background-color:#fff}.prod-stock-display{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;width:fit-content}.prod-stock-number{font-weight:600;font-size:14px}.prod-stock-display.stock-normal{background-color:#4cc9f01a;color:var(--prod-success)}.prod-stock-display.stock-normal .prod-stock-number{color:var(--prod-success)}.prod-stock-display.stock-low{background-color:#f8961e1a;color:var(--prod-warning)}.prod-stock-display.stock-low .prod-stock-number{color:var(--prod-warning)}.prod-stock-display.stock-out{background-color:#f725851a;color:var(--prod-danger)}.prod-stock-display.stock-out .prod-stock-number{color:var(--prod-danger)}.prod-stock-warning{display:inline-flex;align-items:center;justify-content:center;color:var(--prod-warning);font-size:14px;animation:prodPulse 2s infinite}.prod-stock-out{display:inline-flex;align-items:center;justify-content:center;color:var(--prod-danger);font-size:14px}@keyframes prodPulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.prod-stock-warning{position:relative;cursor:help}.prod-stock-warning:hover:after{content:attr(data-title);position:absolute;bottom:150%;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;box-shadow:0 2px 8px #00000026;border:1px solid #ddd;z-index:10}.prod-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.prod-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.prod-search-icon{position:absolute;left:12px;color:var(--prod-gray);font-size:14px;z-index:2}.prod-search-input{width:100%;padding:10px 40px;border:1px solid var(--prod-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--prod-dark);transition:all .3s;background-color:#fff}.prod-search-input:focus{outline:none;border-color:var(--prod-primary);box-shadow:0 0 0 3px #4361ee1a}.prod-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--prod-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.prod-clear-search-btn:hover{color:var(--prod-danger)}.prod-search-field-selector{min-width:140px}.prod-search-select{width:100%;padding:10px 12px;border:1px solid var(--prod-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--prod-dark);background-color:#fff;cursor:pointer;transition:all .3s}.prod-search-select:focus{outline:none;border-color:var(--prod-primary)}.prod-add-btn{background-color:var(--prod-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.prod-add-btn:hover{background-color:var(--prod-secondary);transform:translateY(-2px);box-shadow:var(--prod-shadow-hover)}.prod-limit-info{background-color:#e3f2fd;color:#0d47a1;padding:8px 16px;border-radius:30px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;border:1px solid #bbdefb;white-space:nowrap}.prod-limit-info i{font-size:14px}.prod-limit-info.limit-reached{background-color:#fff3cd;color:#856404;border-color:#ffeeba}.prod-add-btn.disabled{opacity:.7;cursor:not-allowed;background-color:#ccc;border-color:#999}.prod-add-btn.disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.prod-action-container{display:flex;align-items:center;gap:15px;flex-shrink:0}.prod-limit-warning{color:#f72585;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background-color:#fef2f7;padding:8px 16px;border-radius:8px;border-left:3px solid #f72585;animation:fadeIn .3s ease}.prod-limit-warning i{font-size:16px;color:#f72585}@media (max-width: 1024px){.prod-action-container{gap:12px}.prod-limit-warning{font-size:13px;padding:7px 14px}}@media (max-width: 768px){.prod-action-container{width:100%;flex-direction:column;align-items:stretch;gap:10px}.prod-add-btn{width:100%;justify-content:center;padding:12px 20px}.prod-limit-warning{width:100%;justify-content:center;text-align:center;white-space:normal;padding:10px 15px;font-size:13px;box-sizing:border-box}}@media (max-width: 480px){.prod-action-container{gap:8px}.prod-add-btn{padding:10px 16px;font-size:13px}.prod-limit-warning{padding:8px 12px;font-size:12px}.prod-limit-warning i{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.prod-section-title{width:100%;margin-bottom:17px}.prod-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.prod-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.prod-title-left i{color:var(--prod-primary);font-size:18px}.prod-title-text{font-size:18px;font-weight:600;color:var(--prod-dark);white-space:nowrap}.prod-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.prod-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.prod-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--prod-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--prod-gray);white-space:nowrap}.prod-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.prod-count-label{font-weight:500;color:var(--prod-gray);margin-left:2px}.prod-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--prod-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--prod-gray);white-space:nowrap}.prod-loading-text i{color:var(--prod-primary)}.prod-search-badge-container{margin-top:12px;display:flex;justify-content:center}.prod-search-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--prod-primary-light);padding:6px 16px;border-radius:30px;font-size:13px;color:var(--prod-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod-search-badge i{font-size:12px}.prod-clear-search-badge{background:none;border:none;color:var(--prod-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;transition:opacity .2s}.prod-clear-search-badge:hover{opacity:1}.prod-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center;background-color:var(--prod-light)}.prod-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--prod-gray-light);border-radius:50%;color:var(--prod-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.prod-nav-btn:hover:not(:disabled){background-color:var(--prod-primary);color:#fff;border-color:var(--prod-primary)}.prod-nav-btn:disabled{opacity:.4;cursor:not-allowed}.prod-nav-btn.loading{background-color:var(--prod-primary-light);border-color:var(--prod-primary)}.prod-nav-btn.loading i{color:var(--prod-primary)}.prod-page-control{display:flex;align-items:center;gap:4px}.prod-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--prod-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--prod-dark);padding:0 4px;transition:all .3s}.prod-page-input:focus{outline:none;border-color:var(--prod-primary);box-shadow:0 0 0 2px #4361ee1a}.prod-page-input:disabled{background-color:var(--prod-light);cursor:not-allowed}.prod-page-total{font-size:13px;color:var(--prod-gray);font-weight:500;white-space:nowrap}.prod-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--prod-gray-light);flex-shrink:0}.prod-per-page-select{width:60px;height:32px;border:1px solid var(--prod-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--prod-dark);background-color:#fff;cursor:pointer;transition:all .3s}.prod-per-page-select:focus{outline:none;border-color:var(--prod-primary)}.prod-per-page-select:disabled{background-color:var(--prod-light);cursor:not-allowed}.prod-per-page-label{font-size:12px;color:var(--prod-gray);white-space:nowrap}@media (max-width: 900px){.prod-title-row{gap:10px}.prod-title-left{min-width:auto}.prod-title-text{font-size:16px}.prod-title-right{min-width:auto}.prod-showing-count{padding:4px 12px;font-size:13px}.prod-count-numbers{min-width:20px;padding:1px 4px}}@media (max-width: 760px){.prod-title-row{flex-direction:column;align-items:stretch;gap:12px}.prod-title-left{justify-content:center;text-align:center;width:100%}.prod-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.prod-compact-nav{width:100%;justify-content:center;padding:6px 10px}.prod-title-right{width:100%;justify-content:center}.prod-showing-count{width:fit-content;margin:0 auto}.prod-items-per-page{border-left:none;margin-left:0;padding-left:0}}@media (max-width: 480px){.prod-compact-nav{flex-wrap:wrap;gap:6px;padding:8px}.prod-nav-btn{width:28px;height:28px}.prod-page-input{width:40px;height:28px;font-size:12px}.prod-page-total{font-size:12px}.prod-per-page-select{width:50px;height:28px;font-size:11px}.prod-per-page-label{font-size:11px}.prod-showing-count{font-size:12px;padding:4px 10px}.prod-count-numbers{font-size:12px;min-width:18px}}.prod-table-wrapper{overflow-y:auto;max-height:calc(100vh - 220px);border-radius:8px;border:1px solid var(--prod-gray-light);background-color:#fff;scrollbar-width:thin}.prod-table{width:100%;border-collapse:collapse;min-width:1000px}.prod-table thead{background-color:var(--prod-light);position:sticky;top:0;z-index:10}.prod-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--prod-dark);border-bottom:2px solid var(--prod-gray-light);white-space:nowrap}.prod-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--prod-dark);border-bottom:1px solid var(--prod-gray-light);vertical-align:middle}.prod-table tbody tr{transition:all .3s}.prod-table tbody tr:hover{background-color:var(--prod-light)}.prod-image-cell{width:90px}.prod-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--prod-gray-light)}.prod-image-fallback{width:50px;height:50px;background-color:var(--prod-primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:700;font-size:18px}.prod-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.prod-status-active{background-color:#4cc9f01a;color:var(--prod-success);border:1px solid rgba(76,201,240,.3)}.prod-status-inactive{background-color:#f725851a;color:var(--prod-danger);border:1px solid rgba(247,37,133,.3)}.prod-action-buttons{display:flex;gap:10px}.prod-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none}.prod-action-btn:hover{transform:translateY(-2px);box-shadow:var(--prod-shadow)}.prod-action-edit{background-color:var(--prod-warning)}.prod-action-delete{background-color:var(--prod-danger)}.prod-action-view{background-color:var(--prod-success)}.prod-no-data{text-align:center;padding:40px!important;background-color:var(--prod-light)}.prod-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--prod-gray)}.prod-no-data-content i{font-size:48px;color:var(--prod-gray-light)}.prod-no-data-content p{font-size:16px;margin:0}.prod-no-data-content .prod-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--prod-gray-light);color:var(--prod-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.prod-no-data-content .prod-clear-search-btn.secondary:hover{background-color:var(--prod-primary);color:#fff}.prod-created-info{font-size:12px;color:var(--prod-gray);margin-top:4px}.prod-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.prod-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--prod-shadow-hover);animation:prodModalSlideIn .3s ease-out;scrollbar-width:thin}.prod-modal-content::-webkit-scrollbar{width:4px}.prod-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.prod-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}@keyframes prodModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.prod-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--prod-gray-light);background-color:var(--prod-light);border-radius:12px 12px 0 0}.prod-modal-header h3{margin:0;font-size:18px;color:var(--prod-dark);display:flex;align-items:center;gap:10px}.prod-modal-header h3 i{color:var(--prod-primary)}.prod-modal-close{background:none;border:none;font-size:20px;color:var(--prod-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.prod-modal-close:hover{background-color:var(--prod-gray-light);color:var(--prod-danger)}.prod-modal-body{padding:25px}.prod-modal-footer{padding:20px 25px;border-top:1px solid var(--prod-gray-light);display:flex;justify-content:flex-end;gap:15px}.prod-form-group{margin-bottom:20px}.prod-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--prod-dark);font-size:14px}.prod-form-group label.prod-required:after{content:" *";color:var(--prod-danger)}.prod-form-group input,.prod-form-group select,.prod-form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--prod-gray-light);border-radius:8px;font-size:14px;color:var(--prod-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.prod-form-group input:focus,.prod-form-group select:focus,.prod-form-group textarea:focus{outline:none;border-color:var(--prod-primary);box-shadow:0 0 0 3px #4361ee1a}.prod-custom-select-wrapper{position:relative;width:100%}.prod-custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid var(--prod-gray-light);border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:14px;color:var(--prod-dark);height:46px;box-sizing:border-box}.prod-custom-select-trigger:hover{border-color:var(--prod-primary)}.prod-custom-select-trigger.open{border-color:var(--prod-primary);box-shadow:0 0 0 3px #4361ee1a}.prod-selected-value{flex:1;color:var(--prod-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prod-custom-select-trigger i{color:var(--prod-gray);font-size:12px;transition:transform .2s}.prod-custom-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border:1px solid var(--prod-gray-light);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto;animation:dropdownSlideDown .2s ease}.prod-custom-option{padding:10px 15px;cursor:pointer;transition:background-color .2s;font-size:14px;color:var(--prod-dark)}.prod-custom-option:hover{background-color:var(--prod-primary-light)}.prod-custom-option.selected{background-color:var(--prod-primary);color:#fff}.prod-custom-select-dropdown::-webkit-scrollbar{width:6px}.prod-custom-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.prod-custom-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.prod-custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.prod-display-text{width:100%;padding:12px 15px;border:1px solid var(--prod-gray-light);border-radius:8px;font-size:14px;font-weight:600;color:var(--prod-dark);background-color:#f5f5f5;margin:0;box-sizing:border-box}.prod-form-row{display:flex;gap:15px;margin-bottom:10px}.prod-form-row .prod-form-group{flex:1;margin-bottom:0}.prod-barcode-input-group{display:flex;gap:10px}.prod-barcode-input-group input{flex:1}.prod-generate-barcode-btn{background-color:var(--prod-success);color:#fff;border:none;padding:12px 15px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s}.prod-generate-barcode-btn:hover{background-color:#3ab8d9}.prod-image-upload-container{border:2px dashed var(--prod-gray-light);border-radius:8px;padding:20px;text-align:center;transition:all .3s;cursor:pointer}.prod-image-upload-container:hover{border-color:var(--prod-primary);background-color:var(--prod-primary-light)}.prod-image-upload-content{display:flex;flex-direction:column;align-items:center;gap:10px}.prod-image-upload-icon{font-size:32px;color:var(--prod-gray)}.prod-image-upload-text{font-size:14px;color:var(--prod-gray)}.prod-image-upload-hint{font-size:12px;color:var(--prod-gray)}.prod-image-preview{margin-top:15px;position:relative;display:inline-block}.prod-image-preview img{width:100%;max-width:200px;height:auto;border-radius:8px;border:1px solid var(--prod-gray-light)}.prod-remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background-color:var(--prod-danger);color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.prod-remove-image-btn:hover{transform:scale(1.1)}.prod-status-select-group{display:flex;gap:15px}.prod-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--prod-gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.prod-status-option:hover{border-color:var(--prod-primary)}.prod-status-option.selected{border-color:var(--prod-primary);background-color:var(--prod-primary-light)}.prod-status-radio{display:none}.prod-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--prod-gray);cursor:pointer}.prod-status-label i{font-size:20px}.prod-status-option.selected .prod-status-label{color:var(--prod-primary)}.prod-status-option:nth-child(1) .prod-status-label i{color:var(--prod-success)}.prod-status-option:nth-child(2) .prod-status-label i{color:var(--prod-danger)}.prod-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--prod-primary)}.prod-current-user-banner i{font-size:24px;color:var(--prod-primary)}.prod-current-user-banner .prod-user-name{font-size:14px;font-weight:600;color:var(--prod-dark)}.prod-current-user-banner .prod-user-role{font-size:12px;color:var(--prod-gray)}.prod-btn-edit{padding:12px 25px;background-color:var(--cat-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.prod-btn-edit:hover:not(:disabled){background-color:var(--cat-secondary);transform:translateY(-2px)}.prod-btn-cancel{padding:12px 25px;background-color:var(--prod-gray-light);color:var(--prod-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.prod-btn-cancel:hover{background-color:#dee2e6}.prod-btn-submit{padding:12px 25px;background-color:var(--prod-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.prod-btn-submit:hover:not(:disabled){background-color:var(--prod-secondary);transform:translateY(-2px)}.prod-btn-submit:disabled{opacity:.5;cursor:not-allowed}.prod-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.prod-log-filters{margin-bottom:20px;padding:15px;background-color:var(--prod-light);border-radius:8px}.prod-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.prod-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--prod-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--prod-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.prod-filter-tab:hover{border-color:var(--prod-primary);color:var(--prod-primary)}.prod-filter-tab.active{background-color:var(--prod-primary);color:#fff;border-color:var(--prod-primary)}.prod-filter-count{background-color:var(--prod-gray-light);color:var(--prod-gray);padding:2px 6px;border-radius:10px;font-size:11px}.prod-filter-tab.active .prod-filter-count{background-color:#ffffff4d;color:#fff}.prod-clear-filters-btn{padding:8px 16px;background-color:var(--cat-gray-light);color:var(--cat-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap}.prod-clear-filters-btn:hover{background-color:var(--cat-danger);color:#fff}.prod-clear-filters-btn i{font-size:12px}@media (max-width: 768px){.prod-clear-filters-btn{width:100%;justify-content:center}}.prod-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.prod-date-group{margin-bottom:25px}.prod-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--prod-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--prod-primary)}.prod-date-label{font-weight:600;color:var(--prod-dark);font-size:14px}.prod-date-count{font-size:12px;color:var(--prod-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.prod-logs-list{display:flex;flex-direction:column;gap:10px}.prod-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--prod-gray-light);transition:all .2s;gap:15px;cursor:pointer}.prod-compact-log-entry:hover{border-color:var(--prod-primary);box-shadow:var(--prod-shadow);transform:translateY(-2px)}.prod-compact-log-entry.log-add{border-left:3px solid var(--prod-success)}.prod-compact-log-entry.log-edit{border-left:3px solid var(--prod-warning)}.prod-compact-log-entry.log-delete{border-left:3px solid var(--prod-danger)}.prod-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.prod-compact-log-entry.log-add .prod-log-icon{background-color:#4cc9f01a;color:var(--prod-success)}.prod-compact-log-entry.log-edit .prod-log-icon{background-color:#f8961e1a;color:var(--prod-warning)}.prod-compact-log-entry.log-delete .prod-log-icon{background-color:#f725851a;color:var(--prod-danger)}.prod-log-icon i{font-size:16px}.prod-log-content{flex:1;min-width:0}.prod-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.prod-log-action{font-weight:600;color:var(--prod-dark);font-size:14px}.prod-log-product{font-size:13px;color:var(--prod-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.prod-product-id{font-size:11px;color:var(--prod-gray);font-weight:500}.prod-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--prod-gray)}.prod-log-user{display:flex;align-items:center;gap:6px}.prod-log-user i{font-size:12px}.prod-user-role{color:#6c757d;font-size:11px}.prod-log-time{display:flex;align-items:center;gap:6px;background-color:var(--prod-light);padding:3px 10px;border-radius:12px}.prod-log-time i{font-size:12px}.prod-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--prod-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--prod-gray)}.prod-log-detail-count i{font-size:11px}.no-logs{text-align:center;padding:40px;background-color:var(--prod-light);border-radius:8px;color:var(--prod-gray)}.no-logs i{font-size:48px;color:var(--prod-gray-light);margin-bottom:15px}.prod-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--prod-primary)}.prod-log-detail-main{margin-bottom:15px}.prod-log-detail-action{margin-bottom:12px}.prod-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.prod-action-add{background-color:#4cc9f01a;color:var(--prod-success);border:1px solid rgba(76,201,240,.3)}.prod-action-edit{background-color:#f8961e1a;color:var(--prod-warning);border:1px solid rgba(248,150,30,.3)}.prod-action-delete{background-color:#f725851a;color:var(--prod-danger);border:1px solid rgba(247,37,133,.3)}.prod-log-detail-product{display:flex;align-items:center;gap:10px;font-size:15px}.prod-log-detail-product i{color:var(--prod-primary)}.prod-product-name{font-weight:600;color:var(--prod-dark)}.prod-product-id-detail{font-size:12px;color:var(--prod-gray);background-color:var(--prod-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.prod-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.prod-log-detail-user,.prod-log-detail-time{display:flex;align-items:center;gap:12px}.prod-log-detail-user i,.prod-log-detail-time i{color:var(--prod-gray);font-size:20px}.prod-user-name-detail{font-weight:600;font-size:14px;color:var(--prod-dark)}.prod-user-role-detail{font-size:12px;color:var(--prod-gray)}.prod-log-date-detail{font-weight:600;font-size:14px;color:var(--prod-dark)}.prod-log-time-detail{font-size:12px;color:var(--prod-gray)}.prod-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--prod-gray-light)}.prod-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--prod-dark);font-weight:600}.prod-change-list{display:flex;flex-direction:column;gap:10px}.prod-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--prod-light);border-radius:6px;border-left:3px solid var(--prod-primary)}.prod-change-item i{color:var(--prod-primary);font-size:12px;margin-top:2px}.prod-change-item span{font-size:14px;color:var(--prod-dark);line-height:1.5}.prod-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--prod-light);border-radius:8px;color:var(--prod-gray);text-align:center;justify-content:center}.prod-no-changes i{font-size:18px}.prod-price-cell{text-align:right;font-weight:600}.prod-cost-price{color:#6b7280;font-size:13px}.prod-selling-price{color:var(--prod-primary);font-size:14px;font-weight:700}.prod-profit-cell{text-align:right;font-weight:700}.prod-profit-cell.positive{color:#10b981}.prod-profit-cell.negative{color:#ef4444}.prod-profit-amount{font-size:14px}.prod-margin-value{font-size:12px;color:var(--prod-gray);border-radius:6px;display:inline-block}.prod-notes-preview{font-size:11px;color:#6b7280;margin-top:2px;display:flex;align-items:center;gap:4px}.prod-notes-preview i{font-size:10px}.prod-pricing-section{margin:20px 0;padding:20px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.prod-section-divider{display:flex;align-items:center;margin-bottom:20px;color:var(--prod-primary);font-weight:600;font-size:14px}.prod-section-divider span{padding-right:10px;background-color:#f8fafc}.prod-section-divider:after{content:"";flex:1;height:1px;background-color:#e2e8f0;margin-left:10px}.prod-calculated-pricing{background-color:var(--prod-primary-light);border-radius:6px;padding:15px;margin-top:15px;margin-bottom:15px;border:1px solid #e2e8f0}.prod-pricing-row{display:flex;justify-content:space-between;margin-bottom:10px}.prod-pricing-label{font-weight:600;color:#000;font-size:14px}.prod-pricing-value{font-weight:700;font-size:14px}.prod-pricing-value.positive{color:#10b981}.prod-pricing-value.negative{color:#ef4444}.prod-pricing-value.high{color:#10b981}.prod-pricing-value.medium{color:#f59e0b}.prod-pricing-value.low{color:#ef4444}.prod-pricing-warning{background-color:#fef3c7;color:#92400e;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;margin-top:10px;border-left:3px solid #f59e0b}.prod-pricing-success{background-color:#d1fae5;color:#065f46;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;margin-top:10px;border-left:3px solid #10b981}.prod-form-hint{font-size:11px;color:#6b7280;margin-top:4px;font-style:italic}.prod-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--prod-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.prod-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.prod-date-picker-row label{font-size:13px;color:var(--prod-dark);font-weight:600}.prod-date-input{padding:8px 12px;border:1px solid var(--prod-gray-light);border-radius:6px;font-size:13px;color:var(--prod-dark);flex:1}.prod-date-input:focus{outline:none;border-color:var(--prod-primary);box-shadow:0 0 0 2px #4361ee1a}.prod-apply-date-btn{padding:8px 16px;background-color:var(--prod-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.prod-apply-date-btn:hover:not(:disabled){background-color:var(--prod-secondary)}.prod-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.prod-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;justify-content:center;align-items:center;animation:prodFadeIn .2s ease}.prod-loading-spinner{text-align:center;background:#fff;padding:32px 48px;border-radius:20px;box-shadow:var(--prod-shadow-hover);border:1px solid var(--prod-primary-light)}.prod-spinner{width:56px;height:56px;border:4px solid var(--prod-gray-light);border-top:4px solid var(--prod-primary);border-radius:50%;margin:0 auto 20px;animation:prodSpin 1s linear infinite}.prod-loading-message{font-size:18px;font-weight:600;color:var(--prod-dark);margin-bottom:8px}.prod-loading-submessage{font-size:14px;color:var(--prod-gray)}@keyframes prodSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prodFadeIn{0%{opacity:0}to{opacity:1}}.quick-view-row{display:flex;flex-direction:column;background-color:var(--prod-light);padding:12px;border-radius:8px;border-left:3px solid var(--prod-primary)}.quick-view-label{font-size:12px;color:var(--prod-gray);margin-bottom:4px;display:flex;align-items:center;gap:5px}.quick-view-label i{font-size:12px;color:var(--prod-primary)}.quick-view-value{font-size:15px;font-weight:600;color:var(--prod-dark);word-break:break-word}.quick-view-value.text-success{color:#10b981}.quick-view-value.text-danger{color:#ef4444}.profit-display{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:20px;font-weight:600}.profit-amount{font-size:15px}.profit-margin{font-size:12px;opacity:.9}.profit-display.profit-high{background-color:#10b98126;color:#0b7e5e;border:1px solid rgba(16,185,129,.3)}.profit-display.profit-high .profit-margin{color:#0b7e5e;background-color:#10b9811a;padding:2px 6px;border-radius:12px}.quick-view-title{justify-content:space-between}.profit-display.profit-medium{background-color:#f59e0b26;color:#b45309;border:1px solid rgba(245,158,11,.3)}.profit-display.profit-medium .profit-margin{color:#b45309;background-color:#f59e0b1a;padding:2px 6px;border-radius:12px}.profit-display.profit-low{background-color:#f9731626;color:#c2410c;border:1px solid rgba(249,115,22,.3)}.profit-display.profit-low .profit-margin{color:#c2410c;background-color:#f973161a;padding:2px 6px;border-radius:12px}.profit-display.profit-negative{background-color:#ef444426;color:#b91c1c;border:1px solid rgba(239,68,68,.3)}.profit-display.profit-negative .profit-margin{color:#b91c1c;background-color:#ef44441a;padding:2px 6px;border-radius:12px}.profit-display:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;transition:all .2s}.quick-view-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:10px}.quick-view-status-badge.status-active{background-color:#4cc9f01a;color:var(--prod-success);border:1px solid rgba(76,201,240,.3)}.quick-view-status-badge.status-inactive{background-color:#f725851a;color:var(--prod-danger);border:1px solid rgba(247,37,133,.3)}@media (max-width: 600px){.quick-view-grid{grid-template-columns:1fr}.quick-view-row.full-width{grid-column:span 1}}@media (max-width: 1200px){.prod-table th:nth-child(7),.prod-table td:nth-child(7){display:none}}@media (max-width: 1024px){.prod-table th:nth-child(6),.prod-table td:nth-child(6){display:none}.prod-tabs-header{gap:12px}.prod-search-controls{max-width:400px}}@media (max-width: 768px){.prod-table th:nth-child(10),.prod-table td:nth-child(10){display:none}.prod-container{padding:15px;height:auto}.prod-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.prod-tabs-selector{width:100%;min-width:100%}.prod-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.prod-search-input-group,.prod-search-field-selector{width:100%;min-width:100%}.prod-add-btn{width:100%;justify-content:center}.prod-table-wrapper{max-height:calc(100vh - 350px)}.prod-table th,.prod-table td{padding:12px 8px;font-size:13px}.prod-action-buttons{display:flex;gap:8px}.prod-action-btn{width:32px;height:32px}.prod-modal-content{margin:10px;max-height:85vh}.prod-modal-body{padding:20px}.prod-form-group{margin-bottom:15px}.prod-form-row,.prod-status-select-group{flex-direction:column;gap:10px}.prod-logs-list{gap:8px}.prod-compact-log-entry{padding:12px;gap:12px}.prod-log-icon{width:32px;height:32px}.prod-log-details,.prod-log-main-info{flex-direction:column;align-items:flex-start;gap:6px}.prod-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.prod-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.prod-date-input,.prod-apply-date-btn{width:100%}}@media (max-width: 480px){.prod-container{padding:12px}.prod-section-title{font-size:16px;flex-direction:column;align-items:flex-start;gap:5px}.prod-filter-summary{margin-left:0;font-size:13px}.prod-modal-header{padding:15px 20px}.prod-modal-body{padding:15px}.prod-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.prod-btn-cancel,.prod-btn-submit{width:100%;text-align:center}.prod-image-upload-container{padding:15px}.prod-compact-log-entry{flex-direction:column;gap:10px}.prod-log-content{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.prod-container{padding:20px}.prod-search-input-group{min-width:250px}.prod-table th,.prod-table td{padding:14px 10px}}@media print{.prod-container{box-shadow:none;padding:0}.prod-tabs-header,.prod-action-buttons,.prod-modal-overlay{display:none}.prod-table-wrapper{max-height:none;overflow:visible}.prod-table{border:1px solid #000}.prod-table th{background-color:#f0f0f0;color:#000}}.prod-export-options{display:flex;flex-direction:column;gap:12px}.prod-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--prod-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.prod-export-option:hover{border-color:var(--prod-primary);background-color:var(--prod-primary-light)}.prod-export-option.selected{border-color:var(--prod-primary);background-color:var(--prod-primary-light);box-shadow:0 0 0 3px #4361ee1a}.prod-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.prod-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.prod-export-radio-custom{width:20px;height:20px;border:2px solid var(--prod-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.prod-export-option.selected .prod-export-radio-custom{border-color:var(--prod-primary)}.prod-export-option.selected .prod-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--prod-primary);border-radius:50%}.prod-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.prod-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--prod-light);border-radius:8px}.prod-export-option-title{font-size:15px;font-weight:600;color:var(--prod-dark)}.prod-export-option-desc{font-size:13px;color:var(--prod-gray)}@media (max-width: 480px){.prod-export-option{padding:12px 15px}.prod-export-option-content{gap:10px}.prod-export-option-content i{width:30px;height:30px;font-size:16px}.prod-export-option-title{font-size:14px}.prod-export-option-desc{font-size:12px}}:root{--inv-primary: #4361ee;--inv-primary-light: #eef2ff;--inv-secondary: #3a0ca3;--inv-success: #4cc9f0;--inv-success-light: #e6f9ff;--inv-warning: #f8961e;--inv-warning-light: #fef7e6;--inv-danger: #f72585;--inv-danger-light: #fef2f7;--inv-dark: #1a1a2e;--inv-light: #f8f9fa;--inv-gray: #6c757d;--inv-gray-light: #e9ecef;--inv-border-radius: 12px;--inv-shadow: 0 4px 12px rgba(0, 0, 0, .05);--inv-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1);--badge-return: #fc38b7;--badge-return-light: rgba(252, 56, 183, .15);--badge-damage: #ff6b6b;--badge-damage-light: rgba(255, 107, 107, .15);--badge-sale: #8b5cf6;--badge-sale-light: rgba(139, 92, 246, .15);--badge-add: #10b981;--badge-add-light: rgba(16, 185, 129, .1);--badge-edit: #f59e0b;--badge-edit-light: rgba(245, 158, 11, .1);--badge-delete: #ef4444;--badge-delete-light: rgba(239, 68, 68, .1);--badge-update: #3b82f6;--badge-update-light: rgba(59, 130, 246, .1)}.inventory-container{background-color:#fff;padding:25px;box-shadow:var(--inv-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.cat-messages-container{margin-bottom:20px}.cat-message{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:10px;animation:slideIn .3s ease}.cat-message.success{background-color:#e6f9ff;border:1px solid #4cc9f0;color:#0a5d7c}.cat-message.error{background-color:#fef2f7;border:1px solid #f72585;color:#b80c5c}.cat-message button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:16px}.cat-network-error{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.cat-network-error i{font-size:24px;color:#856404}.cat-network-error .error-title{font-weight:600;color:#856404;margin-bottom:4px}.cat-network-error .error-message{color:#856404;font-size:14px}.cat-network-error button{background-color:#856404;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.cat-network-error button:hover{background-color:#6d5304}.inv-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--inv-gray-light)}.inv-tabs-selector{min-width:220px}.inv-select-container{position:relative;display:flex;align-items:center}.inv-select-icon{position:absolute;left:15px;color:var(--inv-primary);font-size:16px;z-index:2;pointer-events:none}.inv-tab-select{width:100%;padding:12px 45px;border:1px solid var(--inv-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--inv-dark);background-color:var(--inv-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.inv-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.inv-select-arrow{position:absolute;right:15px;color:var(--inv-primary);font-size:14px;z-index:2;pointer-events:none}.inv-tab-select option{font-size:14px;font-weight:500;color:var(--inv-dark);padding:10px;background-color:#fff}.inv-search-results{position:absolute;background:#fff;border:1px solid #ddd;border-radius:6px;max-height:200px;overflow-y:auto;z-index:10;width:100%}.inv-search-result-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee}.inv-search-result-item:hover{background:#f5f5f5}.inv-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.inv-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.inv-search-icon{position:absolute;left:12px;color:var(--inv-gray);font-size:14px;z-index:2}.inv-search-input{width:100%;padding:10px 40px;border:1px solid var(--inv-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--inv-dark);transition:all .3s;background-color:#fff}.inv-search-input:focus{outline:none;border-color:var(--inv-primary);box-shadow:0 0 0 3px #4361ee1a}.inv-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--inv-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.inv-clear-search-btn:hover{color:var(--inv-danger)}.inv-add-btn{background-color:var(--inv-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.inv-add-btn:hover{background-color:var(--inv-secondary);transform:translateY(-2px);box-shadow:var(--inv-shadow-hover)}.inv-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.inv-section-title{width:100%;margin-bottom:17px}.inv-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.inv-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.inv-title-left i{color:var(--inv-primary);font-size:18px}.inv-title-text{font-size:18px;font-weight:600;color:var(--inv-dark);white-space:nowrap}.inv-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.inv-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.inv-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--inv-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--inv-gray);white-space:nowrap}.inv-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.inv-count-label{font-weight:500;color:var(--inv-gray);margin-left:2px}.inv-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--inv-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--inv-gray);white-space:nowrap}.inv-loading-text i{color:var(--inv-primary)}.inv-search-badge-container{margin-top:12px;display:flex;justify-content:center}.inv-search-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--inv-primary-light);padding:6px 16px;border-radius:30px;font-size:13px;color:var(--inv-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-search-badge i{font-size:12px}.inv-clear-search-badge{background:none;border:none;color:var(--inv-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;transition:opacity .2s}.inv-clear-search-badge:hover{opacity:1}.inv-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center;background-color:var(--inv-light)}.inv-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--inv-gray-light);border-radius:50%;color:var(--inv-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.inv-nav-btn:hover:not(:disabled){background-color:var(--inv-primary);color:#fff;border-color:var(--inv-primary)}.inv-nav-btn:disabled{opacity:.4;cursor:not-allowed}.inv-nav-btn.loading{background-color:var(--inv-primary-light);border-color:var(--inv-primary)}.inv-nav-btn.loading i{color:var(--inv-primary)}.inv-page-control{display:flex;align-items:center;gap:4px}.inv-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--inv-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--inv-dark);padding:0 4px;transition:all .3s}.inv-page-input:focus{outline:none;border-color:var(--inv-primary);box-shadow:0 0 0 2px #4361ee1a}.inv-page-input:disabled{background-color:var(--inv-light);cursor:not-allowed}.inv-page-total{font-size:13px;color:var(--inv-gray);font-weight:500;white-space:nowrap}.inv-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--inv-gray-light);flex-shrink:0}.inv-per-page-select{width:60px;height:32px;border:1px solid var(--inv-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--inv-dark);background-color:#fff;cursor:pointer;transition:all .3s}.inv-per-page-select:focus{outline:none;border-color:var(--inv-primary)}.inv-per-page-select:disabled{background-color:var(--inv-light);cursor:not-allowed}.inv-per-page-label{font-size:12px;color:var(--inv-gray);white-space:nowrap}.inv-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--inv-gray-light);background-color:#fff;scrollbar-width:thin}.inv-table-wrapper::-webkit-scrollbar{width:4px;height:4px}.inv-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.inv-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.inv-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.inventory-table{width:100%;border-collapse:collapse;min-width:1000px}.inventory-table thead{background-color:var(--inv-light);position:sticky;top:0;z-index:10}.inventory-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--inv-dark);border-bottom:2px solid var(--inv-gray-light);white-space:nowrap}.inventory-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--inv-dark);border-bottom:1px solid var(--inv-gray-light);vertical-align:middle}.inventory-table tbody tr{transition:all .3s}.inventory-table tbody tr:hover{background-color:var(--inv-light)}.inv-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:90px}.inv-status-badge.Active,.inv-status-active{background-color:#4cc9f01a;color:var(--inv-success);border:1px solid rgba(76,201,240,.3)}.inv-status-inactive{background-color:#f725851a;color:var(--inv-danger);border:1px solid rgba(247,37,133,.3)}.inv-status-instock{background-color:#4cc9f01a;color:var(--inv-success);border:1px solid rgba(76,201,240,.3)}.inv-status-lowstock{background-color:#f8961e1a;color:var(--inv-warning);border:1px solid rgba(248,150,30,.3)}.inv-status-outofstock,.inv-status-damaged{background-color:#f725851a;color:var(--inv-danger);border:1px solid rgba(247,37,133,.3)}.inv-action-buttons{display:flex;gap:10px}.inv-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none}.inv-action-btn:hover{transform:translateY(-2px);box-shadow:var(--inv-shadow)}.inv-action-view{background-color:var(--inv-success)}.inv-action-batch{background-color:#1976d2}.inv-action-add-batch{background-color:#ff9800}.inv-action-edit{background-color:var(--inv-warning)}.inv-action-adjust{background-color:#8b5cf6}.inv-action-delete{background-color:var(--inv-danger)}.inv-available-stock{font-weight:600;text-align:center}.inv-available-stock.low{color:var(--inv-warning);background-color:#f8961e1a;padding:4px 8px;border-radius:6px}.inv-available-stock.high{color:var(--inv-primary);padding:4px 8px;border-radius:6px;font-weight:700}.inv-min-stock-indicator{margin-left:5px;color:var(--inv-warning);font-size:12px}.inv-sellingprice-stock{font-size:14px;text-align:center}.inv-notes-preview{font-size:11px;color:var(--inv-gray);margin-top:4px;display:flex;align-items:center;gap:4px}.inv-notes-preview i{font-size:10px}.inv-no-data{text-align:center;padding:40px!important;background-color:var(--inv-light)}.inv-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--inv-gray)}.inv-no-data-content i{font-size:48px;color:var(--inv-gray-light)}.inv-no-data-content p{font-size:16px;margin:0}.inv-sku-style{font-style:italic;font-size:12px}.inv-sku-style .fa-tag{margin-right:6px;color:var(--inv-primary)}.inv-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.inv-log-filters{margin-bottom:20px;padding:15px;background-color:var(--inv-light);border-radius:8px}.inv-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.inv-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--inv-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--inv-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.inv-filter-tab:hover{border-color:var(--inv-primary);color:var(--inv-primary)}.inv-filter-tab.active{background-color:var(--inv-primary);color:#fff;border-color:var(--inv-primary)}.inv-filter-count{background-color:var(--inv-gray-light);color:var(--inv-gray);padding:2px 6px;border-radius:10px;font-size:11px}.inv-filter-tab.active .inv-filter-count{background-color:#ffffff4d;color:#fff}.inv-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--inv-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.inv-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.inv-date-picker-row label{font-size:13px;color:var(--inv-dark);font-weight:600}.inv-date-input{padding:8px 12px;border:1px solid var(--inv-gray-light);border-radius:6px;font-size:13px;color:var(--inv-dark);flex:1}.inv-date-input:focus{outline:none;border-color:var(--inv-primary);box-shadow:0 0 0 2px #4361ee1a}.inv-apply-date-btn{padding:8px 16px;background-color:var(--inv-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.inv-apply-date-btn:hover:not(:disabled){background-color:var(--inv-secondary)}.inv-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.inv-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.inv-date-group{margin-bottom:25px}.inv-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--inv-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--inv-primary)}.inv-date-label{font-weight:600;color:var(--inv-dark);font-size:14px}.inv-date-count{font-size:12px;color:var(--inv-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.inv-logs-list{display:flex;flex-direction:column;gap:10px}.return-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border-radius:30px;font-weight:600;font-size:14px;margin-right:0}.return-badge i{font-size:14px;color:var(--badge-return)}.damage-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border-radius:30px;font-weight:600;font-size:14px;margin-right:0}.damage-badge i{font-size:14px;color:var(--badge-damage)}.inv-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--inv-gray-light);transition:all .2s;gap:15px;cursor:pointer}.inv-compact-log-entry:hover{border-color:var(--inv-primary);box-shadow:var(--inv-shadow);transform:translateY(-2px)}.inv-compact-log-entry.log-add_batch{border-left:3px solid var(--badge-add)}.inv-compact-log-entry.log-adjust_batch{border-left:3px solid var(--badge-edit)}.inv-compact-log-entry.log-update_batch{border-left:3px solid var(--badge-update)}.inv-compact-log-entry.log-delete_batch{border-left:3px solid var(--badge-delete)}.inv-compact-log-entry.log-sale,.inv-compact-log-entry.log-sale_grouped{border-left:3px solid var(--badge-sale)}.inv-compact-log-entry.log-return,.inv-compact-log-entry.log-return_grouped{border-left:3px solid var(--badge-return)}.inv-compact-log-entry.log-damage,.inv-compact-log-entry.log-damage_update,.inv-compact-log-entry.log-damage_delete{border-left:3px solid var(--badge-damage)}.inv-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inv-compact-log-entry.log-add_batch .inv-log-icon{background-color:var(--badge-add-light);color:var(--badge-add)}.inv-compact-log-entry.log-adjust_batch .inv-log-icon{background-color:var(--badge-edit-light);color:var(--badge-edit)}.inv-compact-log-entry.log-update_batch .inv-log-icon{background-color:var(--badge-update-light);color:var(--badge-update)}.inv-compact-log-entry.log-delete_batch .inv-log-icon{background-color:var(--badge-delete-light);color:var(--badge-delete)}.inv-compact-log-entry.log-sale .inv-log-icon,.inv-compact-log-entry.log-sale_grouped .inv-log-icon{background-color:var(--badge-sale-light);color:var(--badge-sale)}.inv-compact-log-entry.log-return .inv-log-icon,.inv-compact-log-entry.log-return_grouped .inv-log-icon{background-color:var(--badge-return-light);color:var(--badge-return)}.inv-compact-log-entry.log-damage .inv-log-icon,.inv-compact-log-entry.log-damage_update .inv-log-icon,.inv-compact-log-entry.log-damage_delete .inv-log-icon{background-color:var(--badge-damage-light);color:var(--badge-damage)}.inv-log-icon i{font-size:16px}.inv-log-content{flex:1;min-width:0}.inv-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.inv-log-action{font-weight:600;color:var(--inv-dark);font-size:14px}.inv-log-product{font-size:13px;color:var(--inv-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.inv-product-id{font-size:11px;color:var(--inv-gray);font-weight:500}.inv-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--inv-gray)}.inv-log-user{display:flex;align-items:center;gap:6px}.inv-log-user i{font-size:12px}.inv-user-role{color:#6c757d;font-size:11px}.inv-log-time{display:flex;align-items:center;gap:6px;background-color:var(--inv-light);padding:3px 10px;border-radius:12px}.inv-log-time i{font-size:12px}.inv-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--inv-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--inv-gray)}.inv-log-detail-count i{font-size:11px}.no-logs{text-align:center;padding:40px;background-color:var(--inv-light);border-radius:8px;color:var(--inv-gray)}.no-logs i{font-size:48px;color:var(--inv-gray-light);margin-bottom:15px}.inv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.inv-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--inv-shadow-hover);animation:invModalSlideIn .3s ease-out;scrollbar-width:thin}.inv-modal-content::-webkit-scrollbar{width:4px}.inv-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.inv-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}@keyframes invModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.inv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--inv-gray-light);background-color:var(--inv-light);border-radius:12px 12px 0 0}.inv-modal-header h3{margin:0;font-size:18px;color:var(--inv-dark);display:flex;align-items:center;gap:10px}.inv-modal-header h3 i{color:var(--inv-primary)}.inv-modal-close{background:none;border:none;font-size:20px;color:var(--inv-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.inv-modal-close:hover{background-color:var(--inv-gray-light);color:var(--inv-danger)}.inv-modal-body{padding:25px}.inv-modal-footer{padding:20px 25px;border-top:1px solid var(--inv-gray-light);display:flex;justify-content:flex-end;gap:15px}.inv-form-group{margin-bottom:20px}.inv-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--inv-dark);font-size:14px}.inv-form-group label.inv-required:after{content:" *";color:var(--inv-danger)}.inv-form-group input,.inv-form-group select,.inv-form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--inv-gray-light);border-radius:8px;font-size:14px;color:var(--inv-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.inv-form-group input:focus,.inv-form-group select:focus,.inv-form-group textarea:focus{outline:none;border-color:var(--inv-primary);box-shadow:0 0 0 3px #4361ee1a}.inv-form-row{display:flex;gap:15px;margin-bottom:15px}.inv-form-row .inv-form-group{flex:1;margin-bottom:0}.inv-btn-cancel{padding:12px 25px;background-color:var(--inv-gray-light);color:var(--inv-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.inv-btn-cancel:hover{background-color:#dee2e6}.inv-btn-submit{padding:12px 25px;background-color:var(--inv-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.inv-btn-submit:hover:not(:disabled){background-color:var(--inv-secondary);transform:translateY(-2px)}.inv-btn-submit:disabled{opacity:.5;cursor:not-allowed}.inv-search-results{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid var(--inv-gray-light);border-radius:8px;margin-top:5px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:var(--inv-shadow)}.inv-search-result-item{padding:12px 15px;border-bottom:1px solid var(--inv-gray-light);cursor:pointer;transition:background-color .2s}.inv-search-result-item:hover{background-color:var(--inv-light)}.inv-result-name{font-weight:600;color:var(--inv-dark);margin-bottom:4px}.inv-result-details{display:flex;gap:15px;font-size:12px;color:var(--inv-gray)}.inv-result-details i{margin-right:4px}.inv-no-results{padding:15px;text-align:center;color:var(--inv-gray)}.inv-batch-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;padding:16px;background-color:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0}.inv-batch-warning{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;font-size:14px;font-weight:500}.inv-batch-table-container{overflow-x:auto;margin-bottom:24px;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.inv-batch-pagination{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.inv-pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inv-pagination-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#333;cursor:pointer;transition:all .3s;font-size:14px}.inv-pagination-btn:hover:not(:disabled){background-color:var(--inv-primary);color:#fff;border-color:var(--inv-primary)}.inv-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.inv-pagination-btn.loading{background-color:var(--inv-primary-light);border-color:var(--inv-primary)}.inv-pagination-btn.loading i{color:var(--inv-primary)}.inv-summary-item{padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #00000005}.inv-summary-label{display:block;font-size:12px;color:var(--inv-gray);margin-bottom:4px}.inv-summary-value{font-size:16px;font-weight:700;color:var(--inv-primary)}.inv-batch-number{font-weight:600;color:var(--inv-primary);background-color:#4361ee1a;padding:4px 8px;border-radius:4px;font-size:13px}.inv-price-cell{color:#10b981;font-size:12px;font-weight:600}.inv-suppliers{font-size:13px;font-weight:600}.inv-qty-cell.total{font-weight:600;font-size:13px;color:var(--inv-dark)}.inv-qty-cell.remaining{font-weight:700;font-size:13px}.inv-remaining-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:600}.inv-remaining-badge.normal{background-color:#10b9811a;color:#10b981}.inv-remaining-badge.low{background-color:#f8961e1a;color:var(--inv-warning)}.inv-remaining-badge.empty{background-color:#f725851a;color:var(--inv-danger)}.inv-table-loading{padding:60px;text-align:center;background-color:#fafafa;border-radius:8px}.inv-table-loading i{font-size:48px;color:var(--inv-primary);margin-bottom:15px}.inv-table-loading p{color:var(--inv-gray);margin:0;font-size:14px}.inv-batch-table{width:100%;border-collapse:collapse;min-width:800px}.inv-batch-table th{background-color:#f8f9fa;padding:14px 12px;text-align:left;font-weight:600;font-size:14px;color:#333;border-bottom:2px solid #dee2e6;position:sticky;top:0;z-index:10}.inv-batch-table td{padding:12px;border-bottom:1px solid #eee;font-size:14px}.inv-batch-table tr:hover{background-color:#f9f9f9}.total-batch-count{color:#10b981;font-weight:600}.inv-batch-date{display:flex;flex-direction:column;gap:6px}.inv-batch-location{font-size:12px;font-style:italic}.fa-map-marker-alt{padding-right:7px;color:var(--inv-warning)}.inv-batch-date-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--inv-dark);padding:0 8px;border-radius:6px;transition:all .2s}.inv-batch-date-item:hover{background-color:var(--inv-primary-light);transform:translate(2px)}.inv-batch-date-item i{width:16px;font-size:13px;color:var(--inv-primary)}.inv-batch-date-item.received i{color:#10b981}.inv-batch-date-item.expiry i{color:#f59e0b}.inv-batch-date-item.expiry.expired{background-color:#fee2e2;border-left-color:#ef4444;color:#b91c1c}.inv-batch-date-item.expiry.expired i{color:#ef4444}.inv-no-batches{text-align:center;padding:40px!important;background-color:#fafafa}.inv-no-batches i{font-size:48px;color:#ddd;margin-bottom:16px;display:block}.inv-no-batches p{color:#888;margin:0;font-size:14px}.inv-batch-info-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;padding:16px;background-color:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0}.quick-view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.quick-view-row{display:flex;flex-direction:column;background-color:var(--inv-light);padding:12px;border-radius:8px;border-left:3px solid var(--inv-primary)}.quick-view-row.full-width{grid-column:span 2}.quick-view-label{font-size:12px;color:var(--inv-gray);margin-bottom:4px;display:flex;align-items:center;gap:5px}.quick-view-label i{font-size:12px;color:var(--inv-primary)}.quick-view-value{font-size:15px;font-weight:600;color:var(--inv-dark);word-break:break-word}.inv-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--inv-primary)}.inv-log-detail-main{margin-bottom:15px}.inv-log-detail-action{margin-bottom:12px}.inv-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.inv-action-add{background-color:var(--badge-add-light);color:var(--badge-add);border:1px solid var(--badge-add)}.inv-action-edit{background-color:var(--badge-edit-light);color:var(--badge-edit);border:1px solid var(--badge-edit)}.inv-action-delete{background-color:var(--badge-delete-light);color:var(--badge-delete);border:1px solid var(--badge-delete)}.inv-action-update{background-color:var(--badge-update-light);color:var(--badge-update);border:1px solid var(--badge-update)}.inv-action-sale{background-color:var(--badge-sale-light);color:var(--badge-sale);border:1px solid var(--badge-sale)}.inv-action-return{background-color:var(--badge-return-light);color:var(--badge-return);border:1px solid var(--badge-return)}.inv-action-damage{background-color:var(--badge-damage-light);color:var(--badge-damage);border:1px solid var(--badge-damage)}.inv-log-detail-product{display:flex;align-items:center;gap:10px;font-size:15px}.inv-log-detail-product i{color:var(--inv-primary)}.inv-product-name{font-weight:600;color:var(--inv-dark)}.inv-product-id-detail{font-size:12px;color:var(--inv-gray);background-color:var(--inv-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.inv-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.inv-log-detail-user,.inv-log-detail-time{display:flex;align-items:center;gap:12px}.inv-log-detail-user i,.inv-log-detail-time i{color:var(--inv-gray);font-size:20px}.inv-user-name-detail{font-weight:600;font-size:14px;color:var(--inv-dark)}.inv-user-role-detail{font-size:12px;color:var(--inv-gray)}.inv-log-date-detail{font-weight:600;font-size:14px;color:var(--inv-dark)}.inv-log-time-detail{font-size:12px;color:var(--inv-gray)}.inv-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--inv-gray-light)}.inv-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--inv-dark);font-weight:600}.inv-change-list{display:flex;flex-direction:column;gap:10px}.inv-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--inv-light);border-radius:6px;border-left:3px solid var(--inv-primary)}.inv-change-item i{color:var(--inv-primary);font-size:12px;margin-top:2px}.inv-change-item span{font-size:14px;color:var(--inv-dark);line-height:1.5}.inv-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--inv-light);border-radius:8px;color:var(--inv-gray);text-align:center;justify-content:center}.inv-no-changes i{font-size:18px}.inv-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;justify-content:center;align-items:center;animation:invFadeIn .2s ease}.inv-loading-spinner{text-align:center;background:#fff;padding:32px 48px;border-radius:20px;box-shadow:var(--inv-shadow-hover);border:1px solid var(--inv-primary-light)}.inv-spinner{width:56px;height:56px;border:4px solid var(--inv-gray-light);border-top:4px solid var(--inv-primary);border-radius:50%;margin:0 auto 20px;animation:invSpin 1s linear infinite}.inv-loading-message{font-size:18px;font-weight:600;color:var(--inv-dark);margin-bottom:8px}@keyframes invSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes invFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.inv-title-row{gap:10px}.inv-title-left{min-width:auto}.inv-title-text{font-size:16px}.inv-title-right{min-width:auto}.inv-showing-count{padding:4px 12px;font-size:13px}.inv-count-numbers{min-width:20px;padding:1px 4px}}@media (max-width: 760px){.inv-title-row{flex-direction:column;align-items:stretch;gap:12px}.inv-title-left{justify-content:center;text-align:center;width:100%}.inv-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.inv-compact-nav{width:100%;justify-content:center;padding:6px 10px}.inv-title-right{width:100%;justify-content:center}.inv-showing-count{width:fit-content;margin:0 auto}.inv-items-per-page{border-left:none;margin-left:0;padding-left:0}}@media (max-width: 768px){.inventory-container{padding:15px;height:auto}.inv-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.inv-tabs-selector{width:100%;min-width:100%}.inv-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.inv-search-input-group{width:100%;min-width:100%}.inv-add-btn{width:100%;justify-content:center}.inv-table-wrapper{max-height:calc(100vh - 350px)}.inventory-table th,.inventory-table td{padding:12px 8px;font-size:13px}.inv-action-buttons{display:flex;gap:8px}.inv-action-btn{width:32px;height:32px}.inv-modal-content{margin:10px;max-height:85vh}.inv-modal-body{padding:20px}.inv-form-group{margin-bottom:15px}.inv-form-row{flex-direction:column;gap:10px}.inv-logs-list{gap:8px}.inv-compact-log-entry{padding:12px;gap:12px}.inv-log-icon{width:32px;height:32px}.inv-log-details,.inv-log-main-info{flex-direction:column;align-items:flex-start;gap:6px}.inv-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.inv-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.inv-date-input,.inv-apply-date-btn{width:100%}.inv-batch-summary{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px}.inv-batch-info-panel{grid-template-columns:1fr;gap:8px}.inv-batch-actions{flex-direction:column;gap:4px}.inv-batch-actions .inv-action-btn{width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.inventory-container{padding:12px}.inv-section-title{font-size:16px;flex-direction:column;align-items:flex-start;gap:5px}.inv-modal-header{padding:15px 20px}.inv-modal-body{padding:15px}.inv-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.inv-btn-cancel,.inv-btn-submit{width:100%;text-align:center}.inv-compact-log-entry{flex-direction:column;gap:10px}.inv-log-content{width:100%}.inv-batch-summary{grid-template-columns:1fr}.inv-batch-summary-value{font-size:18px}.inv-batch-remaining{min-width:50px;padding:3px 8px;font-size:12px}.inv-batch-number{flex-direction:column;align-items:flex-start;gap:4px}}@media print{.inventory-container{box-shadow:none;padding:0}.inv-tabs-header,.inv-search-controls,.inv-action-buttons,.inv-modal-overlay,.inv-add-btn{display:none}.inv-table-wrapper{max-height:none;overflow:visible}.inventory-table{border:1px solid #000;min-width:100%}.inventory-table th{background-color:#f0f0f0;color:#000}}.inv-custom-select-wrapper{position:relative;width:100%}.inv-custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid var(--inv-gray-light);border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:14px;color:var(--inv-dark);height:46px;box-sizing:border-box}.inv-custom-select-trigger:hover{border-color:var(--inv-primary)}.inv-custom-select-trigger.open{border-color:var(--inv-primary);box-shadow:0 0 0 3px #4361ee1a}.inv-selected-value{flex:1;color:var(--inv-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-custom-select-trigger i{color:var(--inv-gray);font-size:12px;transition:transform .2s}.inv-custom-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border:1px solid var(--inv-gray-light);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto;animation:dropdownSlideDown .2s ease}.inv-custom-option{padding:10px 15px;cursor:pointer;transition:background-color .2s;font-size:14px;color:var(--inv-dark)}.inv-custom-option:hover{background-color:var(--inv-primary-light)}.inv-custom-option.selected{background-color:var(--inv-primary);color:#fff}.inv-custom-select-dropdown::-webkit-scrollbar{width:6px}.inv-custom-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.inv-custom-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.inv-custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.step-number{width:30px;height:30px;line-height:30px;border-radius:50%;background:#eee;margin:0 auto 5px;font-weight:700}.step-label{font-size:12px}.inv-image-upload{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s}.inv-image-upload:hover{border-color:#4361ee;background:#eef2ff}.inv-image-upload i{font-size:32px;color:#999;margin-bottom:8px;display:block}.inv-image-preview{position:relative;display:inline-block}.inv-image-preview img{max-width:150px;max-height:150px;border-radius:8px;border:1px solid #ddd}.inv-remove-image{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#f72585;color:#fff;border:none;border-radius:50%;cursor:pointer}.inv-btn-secondary{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.inv-total-purchase-container{display:flex;align-items:center;margin-right:15px}.inv-total-purchase-box{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:8px 18px;border-radius:10px;border:1px solid #86efac;box-shadow:0 2px 8px #10b9811a}.inv-total-purchase-box i{font-size:20px;color:#10b981}.inv-total-purchase-info{display:flex;flex-direction:column;line-height:1.2}.inv-total-purchase-label{font-size:11px;color:#6b7280;font-weight:500}.inv-total-purchase-value{font-size:16px;font-weight:700;color:#065f46}@media (max-width: 768px){.inv-total-purchase-container{margin-right:0;width:100%;order:-1}.inv-total-purchase-box{width:100%;justify-content:center;padding:6px 12px}.inv-total-purchase-value{font-size:14px}}.inv-export-options{display:flex;flex-direction:column;gap:12px}.inv-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--inv-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.inv-export-option:hover{border-color:var(--inv-primary);background-color:var(--inv-primary-light)}.inv-export-option.selected{border-color:var(--inv-primary);background-color:var(--inv-primary-light);box-shadow:0 0 0 3px #4361ee1a}.inv-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.inv-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.inv-export-radio-custom{width:20px;height:20px;border:2px solid var(--inv-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.inv-export-option.selected .inv-export-radio-custom{border-color:var(--inv-primary)}.inv-export-option.selected .inv-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--inv-primary);border-radius:50%}.inv-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.inv-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--inv-light);border-radius:8px}.inv-export-option-title{font-size:15px;font-weight:600;color:var(--inv-dark)}.inv-export-option-desc{font-size:13px;color:var(--inv-gray)}@media (max-width: 480px){.inv-export-option{padding:12px 15px}.inv-export-option-content{gap:10px}.inv-export-option-content i{width:30px;height:30px;font-size:16px}.inv-export-option-title{font-size:14px}.inv-export-option-desc{font-size:12px}}.userSalePage-main{background:#f5f7fa;height:calc(100vh - 50px)}.time{font-size:13px;padding-left:10px}.tooltip{position:relative;cursor:pointer}.tooltip:after{content:attr(data-tooltip);position:absolute;top:130%;left:10%;transform:translate(-50%);background:#333;color:#fff;padding:6px 10px;font-size:12px;border-radius:10px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.tooltip:hover:after{opacity:1}.card-cart-container{width:100%;display:flex;height:calc(100vh - 70px)}.card-container-show{width:73%;overflow-y:auto;height:calc(100vh - 50px)}.card-cart-show{width:27%;display:block;background:#fff;margin:10px 10px 0;border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #c8dffb;overflow-y:auto}.icon-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #c8dffb;cursor:pointer;padding:7px;border-radius:10px;transition:all .2s ease}.name-short{display:none}.icon-btn img{width:15px;height:15px;display:block;filter:brightness(0) saturate(100%) invert(25%);opacity:1;transition:all .2s ease}.menuBar-right .pf-btn{padding:5px 10px 5px 8px}.menuBar-right .pf{width:17px;height:17px}.icon-btn:hover{color:#fff;border:1px solid #9ac7fd;background:#9ac7fd}.icon-btn:hover img{filter:brightness(0) saturate(100%) invert(100%);opacity:1}.icon-btn:active img{filter:brightness(0) saturate(100%) invert(100%)}.user-btn{padding:6px 12px}.user-btn span{font-size:14px;font-weight:500;color:#334155}.menu-logo{width:100px;display:block}.user-filter-category{width:100%;overflow-x:auto;padding-bottom:7px;scrollbar-width:none;-ms-overflow-style:none}.card-box{display:flex;gap:14px;padding:10px;flex-wrap:nowrap}.cate-card.horizontal{min-width:160px;display:flex;align-items:center;gap:14px;background:#fff;border-radius:10px;padding:5px 20px;border:1px solid #e2e8f0;transition:.3s;flex-shrink:0}.cate-card.horizontal{padding-left:7px}.cate-card.horizontal:hover{transform:translateY(-4px);box-shadow:0 2px 2px #0000001a}.item-cart .cate-cus-img{width:30px;height:30px;border-radius:5px;background:#fff;text-align:center;align-items:center}.cate-cus-img img{width:20px;height:20px;margin-top:5px;text-align:center;filter:brightness(0) saturate(100%) invert(25%)}.cate-text span{font-size:14px;color:#000;display:block;font-family:Arial,Helvetica,sans-serif}.cate-text p{font-size:12px;color:#242424;margin-top:4px}.user-filter-category::-webkit-scrollbar{height:0px}.user-filter-category::-webkit-scrollbar-track{background:transparent}.user-filter-category::-webkit-scrollbar-thumb{background:#e2e2e2;border-radius:10px}.user-filter-category::-webkit-scrollbar-thumb:hover{background:#d1d1d1}.user-search-category{width:100%;margin-top:-9px}.card-box select{padding:5px 10px;border-radius:10px;border:1px solid #cad2dc}.sale-search-input-container{position:relative;flex:1;width:100%}.sale-searchbar{width:100%;padding:8px 40px 8px 45px;border-radius:20px;border:1px solid #c3cddb;font-size:14px;outline:none;transition:border-color .2s;outline:none!important}.sale-searchbar:focus{border-color:#4da1ff;box-shadow:0 0 0 2px #4da1ff1a;outline:none!important}.sale-search-input-container .search-btn{position:absolute;left:5px;top:45%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;z-index:2}.sale-search-input-container .search-btn-icon{width:15px;height:15px;margin-bottom:5px;filter:brightness(0) saturate(100%) invert(25%);opacity:.6}.clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:16px;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;z-index:2;opacity:.7}.clear-search-btn:hover{background-color:#f0f0f0;color:#666;opacity:1}.card-box label{font-size:14px;display:flex;align-items:center;min-width:108px}.card-box input[type=checkbox]{width:20px;height:20px;accent-color:#a6caf7;margin-right:5px;vertical-align:middle;border-radius:10px}.card-box .noti-icon{background:none;width:16px;height:16px;filter:brightness(0) saturate(100%) invert(25%);opacity:.6}.notification-btn{position:relative}.notification-badge{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:#f44;border-radius:50%;border:2px solid white;animation:pulse 1.5s infinite;box-shadow:0 0 #f446}.notification-count{position:absolute;top:-8px;right:-8px;background-color:#f44;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8;box-shadow:0 0 5px #f449}to{transform:scale(1);opacity:1}}.low-stock-badge{position:absolute;top:35px;left:5px;background:#f80;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:700;z-index:5;box-shadow:0 2px 4px #0003}.out-of-stock-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);background:#ff0000e6;color:#fff;padding:5px 10px;font-size:12px;font-weight:700;border-radius:5px;z-index:10;white-space:nowrap;box-shadow:0 2px 8px #0000004d;border:1px solid white}.category-card-list.out-of-stock{opacity:.7;filter:grayscale(30%);cursor:not-allowed!important}.category-card-list.out-of-stock:hover{transform:none!important;box-shadow:0 4px 8px #0000001a!important}.no-spin::-webkit-inner-spin-button,.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.no-spin{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.middle:focus{outline:none!important;border-color:#ddd!important}.user-category-card-show{padding:10px;margin-top:0;font-family:Pyidaungsu,Noto Sans Myanmar,sans-serif;overflow-y:auto;box-sizing:border-box;height:calc(100vh - 235px);margin-bottom:0}.user-category-card-show::-webkit-scrollbar{width:7px}.user-category-card-show::-webkit-scrollbar-track{background:transparent}.user-category-card-show::-webkit-scrollbar-thumb{background:#e2e2e2;border-radius:10px}.user-category-card-show::-webkit-scrollbar-thumb:hover{background:#d1d1d1}.category-card-box{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.category-card-list{border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease}.category-card-list:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.category-image-container{position:relative;width:100%;height:180px;overflow:hidden}.category-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.category-image-container:hover .category-image{transform:scale(1.05)}.cate-overlay{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,#000000b3,#0000);color:#fff;text-align:center;box-sizing:border-box;background:#fff;padding:5px 10px;opacity:.95}.cate-overlay-qty .item-qty{position:absolute;top:90px;right:5px;text-align:center;align-items:center;margin-right:5px;margin-top:5px;font-size:12px;color:#000;background:#fff;padding:1px 10px;border-radius:10px}.cate-overlay-discount{position:absolute;top:0;left:0;margin-left:5px;margin-top:5px;font-size:12px;color:#000;background:#fff;padding:1px 10px;border-radius:10px}.item-name{display:block;color:#000;font-size:14px;border-radius:5px;padding:0;margin:0}.item-price-cart{margin:0;font-size:14px;font-weight:700;color:#3d3d3d}.card-cart-show{height:calc(100vh - 60px)}.item-cart{margin:0;height:calc(100vh - 65px);display:flex;flex-direction:column;overflow:hidden}.payment-voucher-card{background:#ccc}.cate-main-frame{display:flex;align-items:center;gap:10px}.item-cart .cate-card.horizontal{min-width:160px;display:flex;align-items:center;gap:14px;background:#ff4848;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px;justify-content:space-between;transition:.3s}.cate-card2{margin:10px;height:50px}.cate-card2.horizontal{padding-left:6px;margin:5px}.cate-card button{right:30px;text-align:center;align-items:center;padding:2px 9px;color:#000;background:#fff;border:none;border-radius:8px}.close-guest:hover{color:#fff;background:#868686}.cate-img2 img{width:100%;height:100%;background:none;border:none;border-radius:10px;object-fit:cover}.cate-text1 .guest{font-size:13px;color:#fff;display:block;margin-bottom:-5px}.guest-phone{color:#fff;font-size:13px}.cate-text2 .cart-name{font-size:13px;color:#000}.cate-text2 .cart-price{font-size:14px;margin-top:-5px}.cart-items-card{height:calc(100vh - 390px);display:flex;flex-direction:column}.cart-items-card h2{color:#333;font-weight:400;font-size:14px;padding-top:10px;padding-left:10px;font-weight:700;flex-shrink:0}.sub-cart-items-card{padding:10px;margin-top:5px;font-family:Pyidaungsu,Noto Sans Myanmar,sans-serif;overflow-y:auto;box-sizing:border-box;margin-bottom:10px;max-height:400px;-webkit-overflow-scrolling:touch;z-index:0;overflow-x:hidden;flex:1}.sub-cart-items-card::-webkit-scrollbar{width:7px}.cart-items-card::-webkit-scrollbar-track{background:transparent}.sub-cart-items-card::-webkit-scrollbar-thumb{background:#e2e2e2;border-radius:10px}.sub-cart-items-card::-webkit-scrollbar-thumb:hover{background:#d1d1d1}.btn-collection{display:flex;align-items:center;clear:center;flex-shrink:0}.btn-collection .close-guest{color:#000;font-size:14px;border-radius:0;align-items:center;background:#fff;justify-content:center;border:1px solid rgb(214,214,214)}.btn-collection .first{padding:3px 7px;border-top-left-radius:5px;border-bottom-left-radius:5px}.btn-collection .third{padding:3px 5px;border-top-right-radius:5px;border-bottom-right-radius:5px}.btn-collection .middle{text-align:center;align-items:center;width:30px;padding:3.5px 7px;border:1px solid rgb(214,214,214)}.middle[type=number]{appearance:auto;-moz-appearance:number-input;-webkit-appearance:inner-spin-button}.middle[type=number]::-webkit-inner-spin-button,.middle[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1;display:block;height:25px;width:15px;background-color:#f8f8f8;border-left:1px solid #ddd;cursor:pointer;position:relative}@supports (-moz-appearance: none){.middle[type=number]{padding-right:0}}.middle[type=number]:focus:invalid{box-shadow:0 0 0 2px #f003;border-color:#f44}.sale-title-center{display:flex;justify-content:space-between;align-items:center;padding:0;flex-wrap:wrap;gap:10px}.cat-compact-nav{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:30px}.sale-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#fff;border-radius:50%;cursor:pointer;color:#495057;font-size:14px;transition:all .2s ease;border:1px solid #dee2e6}.sale-nav-btn:hover:not(:disabled){background:#1f87f0;color:#fff}.sale-nav-btn:disabled{opacity:.4;cursor:not-allowed}.sale-nav-btn.loading{cursor:wait}.sale-page-control{display:flex;align-items:center;gap:5px;background:#fff;padding:2px 8px;border-radius:20px;border:1px solid #dee2e6}.sale-page-input{width:50px;text-align:center;border:none;outline:none;font-size:14px;font-weight:500;color:#212529;background:transparent;padding:4px 0}.sale-page-input:disabled{background:#f8f9fa;cursor:not-allowed}.sale-page-total{color:#6c757d;font-size:14px}.sale-items-per-page{display:flex;align-items:center;gap:4px;background:#fff;padding:2px 8px;border-radius:20px;border:1px solid #dee2e6;margin-left:5px}.sale-per-page-select{border:none;outline:none;font-size:13px;color:#212529;background:transparent;cursor:pointer;padding:4px 0}.sale-per-page-select:disabled{opacity:.6;cursor:not-allowed;border:none}.sale-per-page-label{color:#6c757d;font-size:13px}.sale-showing-count{display:flex;align-items:center;gap:5px;background:#f8f9fa;padding:5px 15px;border-radius:30px;font-size:13px;color:#495057;border:1px solid #e9ecef}.sale-count-numbers{font-weight:600;color:#212529;background:#fff;padding:2px 8px;border-radius:20px;font-size:12px}.sale-count-label{color:#6c757d}.fa-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.sale-title-center{flex-direction:column;align-items:flex-start;gap:10px}.cat-compact-nav,.sale-showing-count{width:100%;justify-content:center}}@media (max-width: 480px){.cat-compact-nav{flex-wrap:wrap;gap:5px}.sale-nav-btn{width:28px;height:28px;font-size:12px}.sale-page-input{width:40px;font-size:13px}.sale-page-total,.sale-per-page-label,.sale-per-page-select{font-size:12px}}.cate-card2.horizontal{min-width:0;display:flex;align-items:center;gap:10px;background:#f2f2f2;border-radius:5px;padding:0 8px;justify-content:space-between;border:1px solid #e2e8f0;transition:.3s;width:100%;flex-wrap:nowrap;overflow:hidden;box-sizing:border-box}.cate-main-frame.cart-item-box{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.cate-main-frame button{align-items:center;text-align:center}.cate-img2{width:40px;height:40px;background:none;align-items:center;text-align:center;opacity:1;flex-shrink:0}.cate-img2 img{width:100%;height:100%;background:none;border:none;border-radius:8px;object-fit:cover}.cate-text2{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}.cate-text2 .cart-name{font-size:13px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;line-height:1.2}.cate-text2 .cart-price{font-size:13px;color:#333;font-weight:500;line-height:1.2;margin:0}.btn-collection{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:8px}.btn-collection .close-guest{color:#000;font-size:12px;border-radius:0;background:#fff;border:1px solid rgb(214,214,214);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.btn-collection .first{border-top-left-radius:4px;border-bottom-left-radius:4px}.btn-collection .third{border-top-right-radius:4px;border-bottom-right-radius:4px}.btn-collection .middle{text-align:center;align-items:center;width:35px;padding:0;border:1px solid rgb(214,214,214);height:28px;font-size:13px;box-sizing:border-box}.payment-voucher-card{background:#fff;width:100%;bottom:0;box-shadow:0 -6px 20px #0000001f;flex-shrink:0}.payment-voucher-card-container{padding:5px 20px 20px;box-shadow:0 8px 24px #00000014;font-family:Pyidaungsu,Noto Sans Myanmar,sans-serif}.payment-voucher-card-container>div{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px dashed #e5e5e5}.payment-voucher-card-container span{font-size:14px;color:#444}.total-qty span:last-child{font-size:14px;font-weight:600}.subTotal span:last-child{font-weight:600}.tax-label-row,.tax-input-row{display:flex;align-items:center;width:100%}.tax-input-row input{width:50px;border:none;outline:none;margin-left:5px;background:transparent;font-size:15px;text-align:right;border-radius:5px;background:#f3f3f3}.tax-input .percent{margin-left:4px;color:#666;font-weight:500}.tax-amount-display{margin-left:auto;font-weight:600}.card-cart-show{width:27%;display:flex;flex-direction:column;background:#fff;margin:10px 10px 0;border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #c8dffb;overflow:hidden;height:calc(100vh - 60px)}.item-cart{display:flex;flex-direction:column;height:100%;overflow:hidden}.item-cart .cate-card.horizontal{flex-shrink:0}.cart-items-card{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.sub-cart-items-card{overflow-y:auto;flex:1;min-height:0;padding:10px;margin-bottom:0;max-height:none}.payment-voucher-card{flex-shrink:0;background:#fff;width:100%;box-shadow:0 -6px 20px #0000001f;position:relative}.payment-voucher-card-container{padding:5px 20px 20px}.payment-box select{padding:4px 14px;border-radius:10px;border:1px solid #ddd;background:#f9f9f9;font-size:14px;outline:none}.finalTotal{font-weight:700}.button-collection{width:100%;display:flex;flex-direction:column;gap:12px}.button-type{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.button-type button,.checkOut,.checkOut button{width:100%}.btn{padding:7px;font-size:14px;border-radius:5px;border:none;cursor:pointer}.button-type .clear{color:#fff;background:#f44}.button-type .hold{color:#fff;background:#f9a64b}.checkOut .checkout{color:#fff;background-color:#169df0;transition:.3s ease}.button-type .clear:hover{color:#fff;background:#c82c2c}.button-type .hold:hover{color:#fff;background:#d58733}.checkOut .checkout:hover{color:#fff;background-color:#1483c8}.modal-header{background:#fff}.modal-content{width:60%;max-height:80vh}.modal-content *::-webkit-scrollbar{width:6px;height:6px}.modal-content *::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content *::-webkit-scrollbar-thumb{background:#a5a5a5;border-radius:3px}.modal-content *::-webkit-scrollbar-thumb:hover{background:#a5a5a5}.modal-content *{scrollbar-width:thin;scrollbar-color:#a0a0a0 #f1f1f1}.sale-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;justify-content:center;align-items:center;animation:saleFadeIn .2s ease}.sale-loading-spinner{text-align:center;background:#fff;padding:40px 60px;border-radius:20px;box-shadow:0 8px 24px #00000026;border:1px solid #eef2ff;max-width:400px}.sale-spinner{width:56px;height:56px;border:4px solid #e9ecef;border-top:4px solid #4361ee;border-radius:50%;margin:0 auto 20px;animation:saleSpin .8s linear infinite}.sale-loading-message{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:8px}@keyframes saleFadeIn{0%{opacity:0}to{opacity:1}}.sale-messages-container{margin-bottom:15px}.sale-message{display:flex;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:10px;animation:slideIn .3s ease;border-left:4px solid transparent}.sale-message.error{background-color:#f8d7da;color:#721c24;border-left-color:#dc3545}.sale-message i:first-child{font-size:20px;margin-right:12px}.sale-message span{flex:1;font-size:14px;font-weight:500}.sale-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;opacity:.7;transition:opacity .2s;padding:0 4px}.sale-message button:hover{opacity:1}.sale-network-error{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:10px;display:flex;align-items:center;gap:12px;border-left:4px solid #dc3545}.sale-network-error i{font-size:24px}.sale-network-error .error-content{flex:1}.sale-network-error .error-title{font-weight:600;font-size:14px;margin-bottom:2px}.sale-network-error .error-message{font-size:13px}.sale-network-error button{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s;white-space:nowrap}.sale-network-error button:hover{background-color:#c82333;transform:translateY(-1px)}.cate-card.horizontal.active-category{background-color:#4361ee;color:#fff;border-color:#4361ee}.cate-card.horizontal.active-category .cate-text span,.cate-card.horizontal.active-category .cate-text p,.cate-card.horizontal.active-category .cate-img i{color:#fff}.loading-state{text-align:center;padding:40px;color:#666}.loading-state i{color:#4361ee}.no-products{grid-column:1/-1;text-align:center;padding:40px;background:#f8f9fa;border-radius:8px;color:#666}.product-search-modal-content{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #00000026;animation:modalSlideIn .3s ease-out}.product-search-modal-header{background:#4361ee;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.product-search-modal-header h3{margin:0;font-size:18px}.modal-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1}.product-search-box{padding:20px;display:flex;gap:10px;border-bottom:1px solid #e9ecef}.search-input-container{flex:1;position:relative}.search-input{width:100%;padding:10px 40px;border:1px solid #dee2e6;border-radius:8px;font-size:14px}.search-input:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a}.search-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0}.search-btn-icon{width:18px;height:18px;opacity:.5}.clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;font-size:16px}.clear-search-btn:hover{color:#666}.search-submit-btn{padding:10px 20px;background:#4361ee;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.search-submit-btn:hover{background:#3a0ca3}.search-submit-btn:disabled{opacity:.6;cursor:not-allowed}.search-error{margin:0 20px 20px;padding:12px;background:#f8d7da;color:#721c24;border-radius:6px;display:flex;align-items:center;gap:8px}.product-search-results{padding:0 20px 20px;max-height:400px;overflow-y:auto}.no-search-yet,.no-results{text-align:center;padding:40px;color:#666}.empty-state-icon{font-size:48px;margin-bottom:15px}.results-list{display:flex;flex-direction:column;gap:15px}.product-card{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.product-header{background:#f8f9fa;padding:12px 15px;border-bottom:1px solid #e9ecef}.product-title{margin:0 0 8px;font-size:16px;color:#1a1a2e}.product-codes{display:flex;gap:10px;flex-wrap:wrap}.code-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600}.code-badge.sku{background:#e3f2fd;color:#1976d2}.code-badge.barcode{background:#e8f5e9;color:#388e3c}.branches-list{padding:15px}.branches-title{margin:0 0 10px;font-size:14px;color:#666}.branch-item{padding:12px;border-bottom:1px solid #e9ecef}.branch-item:last-child{border-bottom:none}.branch-item.current-branch{background:#e3f2fd;border-radius:6px}.branch-info{display:flex;flex-direction:column;gap:8px}.branch-name-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.branch-name{font-size:14px;color:#1a1a2e}.current-branch-badge{background:#4361ee;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;margin-left:5px}.stock-badge{padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600}.stock-badge.in-stock{background:#c8e6c9;color:#2e7d32}.stock-badge.out-of-stock{background:#ffcdd2;color:#c62828}.branch-address,.branch-contact{font-size:12px;color:#666;display:flex;align-items:center;gap:8px}.branch-address i,.branch-contact i{width:16px;color:#999}.branch-price{color:#4361ee;font-weight:600}.product-search-modal-footer{padding:15px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.result-count{font-size:13px;color:#666}.btn-secondary{padding:8px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.btn-secondary:hover{background:#5a6268}@media (min-width: 769px) and (max-width: 1200px){.category-card-box{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.category-image-container{height:150px}.card-cart-container{height:calc(100vh - 70px)}.card-container-show{width:60%}.card-cart-show{width:40%}.name-full{display:none}.name-short{display:inline;font-size:13px}.pf-btn{display:flex;align-items:center;gap:6px}.sale-searchbar{font-size:13px;padding:7px 35px 7px 30px}.search-btn{left:8px}.search-btn-icon{width:15px;height:15px}.clear-search-btn{right:8px;font-size:14px;width:18px;height:18px}.cate-card2.horizontal{padding:10px 6px;gap:8px}.cate-img2{width:35px;height:35px}.cate-text2 .cart-name,.cate-text2 .cart-price{font-size:12px}.btn-collection .close-guest{min-width:26px;height:26px;font-size:11px}.btn-collection .middle{width:32px;height:26px;font-size:12px}}@media (min-width: 481px) and (max-width: 768px){.category-card-box{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px}.card-cart-container{flex-direction:column;height:auto}.card-container-show{width:100%;height:60vh}.card-cart-show{width:100%;height:40vh;margin:10px}.name-full{display:none}.name-short{display:inline;font-size:13px}.pf-btn{display:flex;align-items:center;gap:6px}.user-search-category .card-box{flex-wrap:wrap}.sale-searchbar{font-size:13px;padding:6px 35px 6px 30px}.search-btn{left:8px}.clear-search-btn{right:8px;font-size:14px;width:18px;height:18px}.card-box select{flex:1;min-width:120px}.card-box label{min-width:100px}.cate-card2.horizontal{padding:10px 6px;gap:8px}.cate-img2{width:32px;height:32px}.cate-text2 .cart-name{font-size:11px;max-width:150px}.cate-text2 .cart-price{font-size:11px}.btn-collection .close-guest{min-width:24px;height:24px;font-size:10px}.btn-collection .middle{width:28px;height:24px;font-size:11px}}@media (max-width: 480px){.category-card-box{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.card-cart-container{flex-direction:column;height:auto}.card-container-show{width:100%;height:50vh;padding:5px}.card-cart-show{width:100%;height:50vh;margin:5px;border-radius:8px}.name-full{display:none}.name-short{display:inline;font-size:12px}.menuBar-right{gap:5px}.time,.wifi,.reload{display:none}.user-search-category .card-box{flex-wrap:wrap;gap:8px}.sale-search-input-container{order:1;width:100%}.sale-searchbar{font-size:12px;padding:5px 30px 5px 28px}.search-btn{left:8px}.search-btn-icon{width:14px;height:14px}.clear-search-btn{right:8px;font-size:13px;width:16px;height:16px}.card-box select{order:2;flex:1;min-width:100px;font-size:12px;padding:4px 8px}.icon-btn{order:3;padding:4px}.card-box label{order:4;min-width:90px;font-size:12px}.card-box input[type=checkbox]{width:18px;height:18px}.cate-card2.horizontal{padding:8px 5px;gap:6px}.cate-img2{width:28px;height:28px}.cate-text2 .cart-name{font-size:10px;max-width:120px}.cate-text2 .cart-price{font-size:10px}.btn-collection{margin-left:4px}.btn-collection .close-guest{min-width:22px;height:22px;font-size:9px}.btn-collection .middle{width:26px;height:22px;font-size:10px}.cart-items-card h2{font-size:12px;padding:8px}.payment-voucher-card-container{padding:5px 12px 20px}.payment-voucher-card-container span{font-size:12px}.btn{padding:6px;font-size:12px}}@media (max-width: 320px){.category-card-box{grid-template-columns:repeat(2,1fr);gap:8px}.category-image-container{height:100px}.searchbar{font-size:11px;padding:4px 25px}.search-btn{left:6px}.search-btn-icon{width:13px;height:13px}.clear-search-btn{right:6px;font-size:12px;width:15px;height:15px}.card-box select{font-size:11px;padding:3px 6px}.cate-text2 .cart-name{max-width:80px;font-size:9px}.cate-text2 .cart-price{font-size:9px}.btn-collection .close-guest{min-width:20px;height:20px;font-size:8px}.btn-collection .middle{width:24px;height:20px;font-size:9px}.cate-card2.horizontal{flex-direction:column;align-items:stretch;padding:8px;gap:8px}.cate-main-frame.cart-item-box{justify-content:space-between}.btn-collection{justify-content:flex-end;width:100%;margin-left:0}}@media (max-width: 768px){.modal-content{width:95%;max-height:80vh}.held-cart-item{flex-direction:column;align-items:stretch;gap:10px}.held-cart-actions{flex-direction:column;gap:8px;width:100%}.btn-continue,.btn-delete{width:100%;padding:8px}}@media (max-height: 600px) and (orientation: landscape){.card-cart-container{flex-direction:row;height:calc(100vh - 60px)}.card-container-show{width:60%;height:auto}.card-cart-show{width:40%;height:auto}.user-category-card-show{max-height:calc(100vh - 160px)}.cart-items-card{height:calc(100vh - 380px)}}@media (hover: none) and (pointer: coarse){.icon-btn,.btn,.close-guest{min-height:44px}.btn-collection .close-guest,.btn-collection .first,.btn-collection .third,.btn-collection .middle{min-height:36px}.category-card-list{cursor:pointer}.clear-search-btn{min-height:36px;min-width:36px}}.variant-modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}.variant-modal-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;border-radius:16px 16px 0 0}.variant-modal-header h3{margin:0;font-size:18px;color:#333;display:flex;align-items:center;gap:8px}.variant-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.variant-modal-close:hover{background:#e0e0e0;color:#333}.variant-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.variant-group-info{display:flex;gap:20px;padding-bottom:20px;border-bottom:1px solid #e9ecef;margin-bottom:20px}.variant-group-image{width:100px;height:100px;border-radius:12px;overflow:hidden;background:#f5f5f5;flex-shrink:0}.variant-group-image img{width:100%;height:100%;object-fit:cover}.variant-group-details h4{margin:0 0 8px;font-size:18px;font-weight:600;color:#1a1a2e}.variant-price-range{margin-bottom:5px}.variant-price-range-text{font-size:14px;color:#4361ee;font-weight:500}.variant-price{font-size:16px;color:#f44;font-weight:600}.variant-stock{font-size:13px;color:#666}.variant-list h5{margin:0 0 15px;font-size:14px;color:#666;font-weight:500}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.variant-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:12px;transition:all .2s ease;cursor:pointer}.variant-sku{font-size:12px;font-weight:600;color:#4361ee;margin-bottom:5px;font-family:monospace}.variant-barcode{font-size:11px;color:#888;margin-bottom:8px}.variant-price-detail{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.variant-price-value{font-size:14px;font-weight:600;color:#f44}.variant-stock-detail{margin-bottom:5px}.variant-stock-badge{font-size:11px;padding:2px 8px;border-radius:12px;display:inline-block}.variant-discount-badge{font-size:10px;background:#f44;color:#fff;padding:2px 6px;border-radius:10px;display:inline-block;margin-top:5px}.price-range-badge{position:absolute;top:10px;left:10px;background:#4361eee6;color:#fff;padding:3px 8px;border-radius:15px;font-size:10px;font-weight:600;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.variant-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;background:#f8f9fa;border-radius:0 0 16px 16px}.variant-btn-cancel{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.variant-btn-cancel:hover{background:#5a6268}@media (max-width: 480px){.variant-grid{grid-template-columns:1fr}.variant-group-info{flex-direction:column;align-items:center;text-align:center}.variant-group-image{width:80px;height:80px}}.more-text{color:#4361ee;font-weight:500;font-size:13px;display:inline-flex;align-items:center;gap:4px;background:#e8f0fe;padding:4px 10px;border-radius:20px;transition:all .2s ease}.variant-card{display:flex;align-items:center;gap:12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:10px 12px;transition:all .2s ease;cursor:pointer}.main-group{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.left-group{display:flex;flex-direction:column;gap:4px}.variant-card:hover:not(.out-of-stock){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#4361ee}.variant-card.out-of-stock{opacity:.6;cursor:not-allowed;background:#f5f5f5}.variant-card.low-stock{border-left:3px solid #ff8800}.variant-card-image-container{position:relative;width:55px;height:55px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e9ecef;cursor:pointer}.variant-card-image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.variant-image-zoom{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:10000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;border:2px solid #fff;overflow:hidden}.variant-card-image-container:hover .variant-image-zoom{opacity:1;visibility:visible}.variant-image-zoom img{width:100%;height:100%;object-fit:contain;background:#f5f5f5}.variant-card-content{flex:1;min-width:0}.variant-sku{font-size:12px;font-weight:600;color:#4361ee;margin-bottom:4px;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-barcode{font-size:11px;color:#888;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-price-detail{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.variant-price-value{font-size:13px;font-weight:600;color:#f44}.variant-original-price{font-size:11px;color:#999;text-decoration:line-through}.variant-stock-detail{margin-bottom:4px}.variant-stock-badge{font-size:10px;padding:2px 8px;border-radius:12px;display:inline-block}.variant-stock-badge.in{background:#d4edda;color:#155724}.variant-stock-badge.low{background:#fff3cd;color:#856404}.variant-stock-badge.out{background:#f8d7da;color:#721c24}.variant-discount-badge{font-size:10px;background:#f44;color:#fff;padding:2px 6px;border-radius:10px;display:inline-block}@media (max-width: 480px){.variant-card{padding:8px 10px;gap:8px}.variant-card-image-container{width:45px;height:45px}.variant-image-zoom{width:250px;height:250px}.variant-sku{font-size:11px}.variant-barcode{font-size:10px}.variant-price-value{font-size:12px}.variant-stock-badge{font-size:9px;padding:2px 6px}.variant-discount-badge{font-size:9px;padding:2px 5px}}.red-flash-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none;overflow:hidden;animation:beamFadeOut .5s ease-out forwards}.red-flash-overlay:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:60px;background:linear-gradient(90deg,transparent 0%,rgba(255,180,180,0) 15%,rgba(255,180,180,.7) 30%,rgba(255,160,160,.8) 40%,rgba(255,170,200,.85) 45%,rgba(180,180,255,.85) 50%,rgba(160,170,255,.8) 55%,rgba(160,180,255,.7) 60%,rgba(160,180,255,.4) 70%,rgba(160,180,255,0) 85%,transparent 100%);filter:blur(12px);animation:beamSweep .4s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 0 20px #ffa0a080,0 0 15px #a0b4ff66}.red-flash-overlay:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:120px;background:linear-gradient(90deg,transparent 0%,rgba(255,200,200,0) 20%,rgba(255,190,190,.25) 35%,rgba(255,180,200,.35) 42%,rgba(220,190,255,.4) 48%,rgba(190,190,255,.4) 52%,rgba(180,200,255,.3) 58%,rgba(180,200,255,.15) 65%,rgba(180,200,255,0) 80%,transparent 100%);filter:blur(20px);animation:beamSweepWide .45s cubic-bezier(.4,0,.2,1) forwards}@keyframes beamSweep{0%{width:0%;opacity:0;filter:blur(18px)}20%{width:40%;opacity:1;filter:blur(10px)}50%{width:100%;opacity:1;filter:blur(12px)}80%{width:120%;opacity:.6;filter:blur(15px)}to{width:150%;opacity:0;filter:blur(20px)}}@keyframes beamSweepWide{0%{width:0%;opacity:0;filter:blur(25px)}30%{width:60%;opacity:.7;filter:blur(18px)}60%{width:120%;opacity:.5;filter:blur(22px)}to{width:180%;opacity:0;filter:blur(30px)}}@keyframes beamFadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes cartFlashSoft{0%{transform:scale(1);box-shadow:0 0 #ffb4b499}25%{transform:scale(1.15);box-shadow:0 0 15px 8px #ffb4b466;background-color:#ffc8c840}50%{transform:scale(1.08);box-shadow:0 0 12px 6px #b4b4ff66;background-color:#c8c8ff33}75%{transform:scale(1);box-shadow:0 0 6px 3px #ffbebe4d}to{transform:scale(1);box-shadow:0 0 #ffb4b400}}.cart-flash{animation:cartFlashSoft .4s cubic-bezier(.68,-.55,.265,1.55)!important;border-color:#ffc0c0!important;background:linear-gradient(135deg,#ffc8c833,#c8c8ff33)!important}.particle-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;pointer-events:none;overflow:hidden}.particle{position:absolute;background:radial-gradient(circle,#ffc0c0,#ffd0d0,#ffe0e0);border-radius:50%;box-shadow:0 0 6px #ffb4b480;opacity:0}.particle:nth-child(2n){background:radial-gradient(circle,#c0c0ff,#d0d0ff,#e0e0ff);box-shadow:0 0 6px #b4b4ff80}@keyframes particleExplode{0%{opacity:.8;transform:scale(0) translateY(0)}30%{opacity:.7;transform:scale(.8) translateY(-15px) rotate(120deg)}70%{opacity:.3;transform:scale(.5) translateY(-35px) rotate(240deg)}to{opacity:0;transform:scale(0) translateY(-50px) rotate(360deg)}}.sparkle{position:fixed;width:2px;height:2px;background:#ffc8c8;border-radius:50%;pointer-events:none;z-index:10001;animation:sparkleFloat .45s ease-out forwards}.sparkle:nth-child(2n){background:#c8c8ff}@keyframes sparkleFloat{0%{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:.6;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.5)}}@keyframes itemAddedSoftGlow{0%{background-color:transparent;border-color:#e8e8e8}20%{background-color:#ffc8c826;border-color:#ffc8c8}40%{background-color:#c8c8ff26;border-color:#c8c8ff}60%{background-color:#ffd2d21a;border-color:#ffd0d0}to{background-color:transparent;border-color:#e8e8e8}}.cart-item-flash{animation:itemAddedSoftGlow .4s ease-out!important}@keyframes successTextSoftGlow{0%{text-shadow:0 0 0px rgba(255,180,180,0)}25%{text-shadow:0 0 6px rgba(255,180,180,.6),0 0 3px rgba(180,180,255,.4);color:#ffb8b8}50%{text-shadow:0 0 8px rgba(180,180,255,.6),0 0 4px rgba(255,180,180,.4);color:#c0c0ff}to{text-shadow:0 0 0px rgba(255,180,180,0)}}.success-glow{animation:successTextSoftGlow .4s ease-out}@keyframes rippleSoft{0%{transform:translate(-50%,-50%) scale(0);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.red-flash-overlay .ripple{position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#ffc8c866,#c8c8ff4d);animation:rippleSoft .45s ease-out forwards;pointer-events:none}.sale-category-select-wrapper{min-width:180px;position:relative}.sale-custom-select-wrapper{position:relative;width:100%}.sale-custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;border:1px solid #c3cddb;border-radius:10px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:13px;color:#333;height:38px;box-sizing:border-box;gap:8px}.sale-custom-select-trigger:hover{border-color:#4361ee}.sale-custom-select-trigger.open{border-color:#4361ee;box-shadow:0 0 0 2px #4361ee1a}.sale-selected-value{flex:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.sale-custom-select-trigger i{color:#999;font-size:12px;transition:transform .2s;flex-shrink:0}.sale-custom-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:250px;overflow-y:auto;animation:dropdownSlideDown .2s ease}.sale-custom-option{padding:10px 15px;cursor:pointer;transition:background-color .2s;font-size:13px;color:#333}.sale-custom-option:hover{background-color:#eef2ff}.sale-custom-option.selected{background-color:#4361ee;color:#fff}.sale-custom-select-dropdown::-webkit-scrollbar{width:6px}.sale-custom-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.sale-custom-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.sale-custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sale-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999999;display:flex;justify-content:center;align-items:center;animation:saleFadeIn .3s ease}.sale-progress-container{background:#fff;border-radius:24px;padding:40px 50px 35px;max-width:460px;width:90%;box-shadow:0 20px 60px #00000059;text-align:center;animation:saleSlideUp .4s ease}@keyframes saleSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sale-progress-header{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px}.sale-progress-icon{font-size:32px;color:#4361ee}.sale-progress-icon i{animation:saleSpin 1s linear infinite}.sale-progress-title{font-size:20px;font-weight:700;color:#1a1a2e;letter-spacing:.5px}.sale-progress-bar-wrapper{width:100%;height:32px;background:#eef2f7;border-radius:16px;overflow:hidden;position:relative;margin-bottom:22px;box-shadow:inset 0 2px 4px #0000000f}.sale-progress-bar{height:100%;background:linear-gradient(90deg,#4361ee,#7209b7,#4361ee);background-size:200% 100%;border-radius:16px;transition:width .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;animation:shimmer 2.5s infinite;position:relative}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sale-progress-percent{color:#fff;font-size:14px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.25);letter-spacing:.5px;z-index:1}.sale-progress-steps{display:flex;justify-content:space-between;margin-bottom:6px;padding:0 4px}.sale-progress-steps span{font-size:22px;color:#d1d5db;transition:all .4s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f6}.sale-progress-steps span.active{color:#4361ee;background:#e8edff;transform:scale(1.1);box-shadow:0 0 20px #4361ee33}.sale-progress-steps-label{display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#b0b8c5;padding:0 4px;letter-spacing:.3px}.sale-progress-steps-label span{transition:all .4s ease;width:36px;text-align:center}.sale-progress-steps-label span.active{color:#4361ee}.sale-progress-steps span.complete{color:#22c55e;background:#dcfce7}.sale-progress-steps-label span.complete{color:#22c55e}@keyframes saleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.sale-progress-container{padding:28px 20px 24px;border-radius:18px}.sale-progress-title{font-size:16px}.sale-progress-icon{font-size:26px}.sale-progress-bar-wrapper{height:26px;border-radius:13px}.sale-progress-percent{font-size:12px}.sale-progress-steps span{font-size:18px;width:30px;height:30px}.sale-progress-steps-label{font-size:9px}.sale-progress-steps-label span{width:30px}}@media (min-width: 769px){.mobile-cart-float-btn,.mobile-cart-modal{display:none!important}}@media (max-width: 768px){.card-cart-show{display:none!important}.card-container-show{width:100%!important}.card-cart-container{flex-direction:column!important;height:100vh!important}.card-container-show{height:calc(100vh - 60px)!important}.mobile-cart-float-btn{position:fixed;bottom:20px;left:20px;z-index:999;display:flex!important;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:600;box-shadow:0 6px 24px #4361ee66;cursor:pointer;transition:all .3s ease;min-width:60px;min-height:24px}.mobile-cart-float-btn:hover{transform:scale(1.05);box-shadow:0 8px 32px #4361ee80}.mobile-cart-float-btn:active{transform:scale(.95)}.mobile-cart-float-btn .cart-icon{font-size:20px;display:flex;align-items:center;justify-content:center;color:#fff}.mobile-cart-float-btn .cart-total{font-size:13px;opacity:.9;font-weight:600}.mobile-cart-float-btn .cart-badge{position:absolute;top:-6px;right:-6px;background:#f44;color:#fff;border-radius:50%;width:22px;height:22px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 8px #f446}@media (max-width: 480px){.mobile-cart-float-btn{padding:10px 18px;font-size:13px;bottom:16px;right:16px;min-height:48px}.mobile-cart-float-btn .cart-icon{font-size:18px}.mobile-cart-float-btn .cart-badge{width:20px;height:20px;font-size:10px;top:-5px;right:-5px}}.mobile-cart-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex!important;justify-content:center;align-items:flex-end;animation:mobileCartSlideUp .3s ease}@keyframes mobileCartSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-cart-modal-content{background:#fff;width:100%;max-height:90vh;border-radius:20px 20px 0 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 -10px 40px #0003}.mobile-cart-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;flex-shrink:0}.mobile-cart-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a2e}.mobile-cart-modal-header h3 span{color:#4361ee}.mobile-cart-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px 8px;border-radius:8px;transition:all .2s}.mobile-cart-modal-close:hover{background:#f0f0f0}.mobile-cart-modal-body{flex:1;overflow-y:auto;padding:16px 20px}.mobile-cart-modal-body::-webkit-scrollbar{width:4px}.mobile-cart-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.mobile-cart-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.mobile-cart-item:last-child{border-bottom:none}.mobile-cart-item-img{width:50px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#f5f5f5}.mobile-cart-item-info{flex:1;min-width:0}.mobile-cart-item-name{font-size:14px;font-weight:500;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-cart-item-price{font-size:13px;color:#4361ee;font-weight:600}.mobile-cart-item-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.mobile-cart-item-controls button{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-cart-item-controls button:hover{background:#4361ee;color:#fff;border-color:#4361ee}.mobile-cart-item-controls button:disabled{opacity:.4;cursor:not-allowed}.mobile-cart-item-controls input{width:36px;height:30px;text-align:center;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:600;padding:0}.mobile-cart-item-controls input:focus{outline:none;border-color:#4361ee}.mobile-cart-footer{flex-shrink:0;padding:16px 20px;border-top:1px solid #e9ecef;background:#f8f9fa}.mobile-cart-footer .cart-summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.mobile-cart-footer .cart-total-row{font-size:18px;font-weight:700;color:#4361ee;padding:8px 0;border-top:1px dashed #ddd;margin-top:4px}.mobile-cart-footer .checkout-btn{width:100%;padding:12px;background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.mobile-cart-footer .checkout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #4361ee4d}.mobile-cart-footer .checkout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-cart-empty{text-align:center;padding:40px 20px;color:#666}.mobile-cart-empty img{opacity:.2;margin-bottom:16px}.mobile-cart-empty p{font-size:16px;font-weight:500;margin-bottom:4px}.mobile-cart-empty small{font-size:13px;color:#888}}@media (max-width: 480px){.mobile-cart-float-btn{padding:12px 18px;font-size:13px;bottom:16px;right:16px}.mobile-cart-float-btn .cart-icon{font-size:18px}.mobile-cart-float-btn .cart-badge{width:20px;height:20px;font-size:10px}.mobile-cart-modal-content{max-height:95vh}.mobile-cart-modal-body{padding:12px 16px}.mobile-cart-item{padding:10px 0}.mobile-cart-item-img{width:44px;height:44px}.mobile-cart-item-name{font-size:13px}.mobile-cart-item-price{font-size:12px}}.mobile-cart-customer-section{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef;margin-bottom:8px}.mobile-cart-customer-row{display:flex;align-items:center;gap:8px;flex:1}.mobile-cart-customer-label{font-size:13px;color:#666;font-weight:500}.mobile-cart-customer-label i{margin-right:4px;color:#4361ee}.mobile-cart-customer-name{font-size:13px;font-weight:600;color:#1a1a2e}.mobile-cart-customer-phone{font-weight:400;color:#666;font-size:12px}.mobile-cart-register-btn{background:none;border:none;color:#4361ee;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.mobile-cart-register-btn:hover{background:#eef2ff}.mobile-cart-register-btn i{margin-right:4px}.mobile-cart-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.mobile-cart-clear-btn{padding:10px;background:#f44;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.mobile-cart-clear-btn:hover:not(:disabled){background:#c00;transform:translateY(-2px)}.mobile-cart-clear-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-cart-hold-btn{padding:10px;background:#f9a64b;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:6px}.mobile-cart-hold-btn:hover:not(:disabled){background:#d58733;transform:translateY(-2px)}.mobile-cart-hold-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-cart-footer .cart-summary-row{padding:4px 0}.mobile-cart-footer .cart-total-row{padding:8px 0;margin-top:4px}@media (max-width: 760px){.user-filter-category{display:none}.user-search-category{padding-top:15px}}@media (max-width: 480px){.user-filter-category{display:none}.mobile-cart-customer-section{flex-wrap:wrap;gap:6px}.mobile-cart-customer-row{width:100%}.mobile-cart-register-btn{width:100%;justify-content:center;padding:6px;background:#eef2ff;border-radius:8px}.mobile-cart-actions-row{grid-template-columns:1fr 1fr;gap:8px}.mobile-cart-clear-btn,.mobile-cart-hold-btn{font-size:13px;padding:8px}.mobile-cart-customer-name{font-size:12px}}@media (max-width: 480px){.user-search-category{padding:8px 10px 0;margin-top:0}.user-search-category .card-box{display:flex;flex-wrap:wrap;gap:8px;padding:8px;align-items:center}.sale-search-input-container{order:1;width:100%;flex:1 1 100%;margin-bottom:0}.sale-searchbar{font-size:12px;padding:8px 35px 8px 32px;height:36px;border-radius:18px;width:100%}.sale-search-input-container .search-btn{left:8px}.sale-search-input-container .search-btn-icon{width:14px;height:14px}.clear-search-btn{right:10px;font-size:14px;width:18px;height:18px}.sale-category-select-wrapper{order:2;flex:1 1 calc(60% - 4px);min-width:0}.sale-custom-select-wrapper{width:100%}.sale-custom-select-trigger{font-size:11px;padding:6px 10px;height:34px;border-radius:8px;gap:6px}.sale-selected-value{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-custom-select-trigger i{font-size:10px}.sale-custom-select-dropdown{font-size:11px;max-height:200px}.sale-custom-option{padding:8px 12px;font-size:11px}.notification-btn{order:3;flex:0 0 34px;width:34px;height:34px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center}.notification-btn .noti-icon{width:16px;height:16px}.notification-badge{width:8px;height:8px;top:-1px;right:-1px;border-width:1.5px}.notification-count{width:16px;height:16px;font-size:9px;top:-6px;right:-6px;border-width:1.5px}.branch-checkbox-label{order:4;flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:6px 10px;height:34px;background:#f8fafc;border:1px solid #c3cddb;border-radius:8px;white-space:nowrap;cursor:pointer;margin:0}.branch-checkbox-label input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:#a6caf7}.user-filter-category{display:none}.user-category-card-show{padding:8px;height:calc(100vh - 230px);margin-bottom:0}.category-card-box{grid-template-columns:repeat(2,1fr);gap:10px}.category-image-container{height:120px}.item-name,.item-price-cart{font-size:12px}.cate-overlay{padding:4px 8px}.sale-title-center{flex-direction:column;gap:8px;padding:6px}.sale-showing-count{font-size:11px;padding:4px 10px}.sale-count-numbers{font-size:11px;padding:1px 6px}.cat-compact-nav{flex-wrap:nowrap;gap:4px;padding:4px 6px;width:100%;justify-content:center}.sale-items-per-page{padding:2px 6px}.sale-per-page-select{font-size:11px;padding:3px 0}.sale-per-page-label{font-size:10px}.sale-nav-btn{width:28px;height:28px;font-size:11px}.sale-page-control{padding:2px 6px}.sale-page-input{width:36px;font-size:12px}.sale-page-total{font-size:11px}}@media (max-width: 360px){.user-search-category .card-box{gap:6px;padding:6px}.sale-searchbar{font-size:11px;padding:7px 30px 7px 28px;height:34px}.sale-custom-select-trigger{font-size:10px;padding:5px 8px;height:32px}.sale-selected-value{font-size:10px}.notification-btn{flex:0 0 32px;width:32px;height:32px}.notification-btn .noti-icon{width:14px;height:14px}.branch-checkbox-label{font-size:10px;padding:5px 8px;height:32px;gap:4px}.branch-checkbox-label input[type=checkbox]{width:12px;height:12px}.category-card-box{grid-template-columns:repeat(2,1fr);gap:8px}.category-image-container{height:100px}.item-name,.item-price-cart{font-size:11px}}.cate-text2 .cart-price-block{display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3;margin:1px 0}.cate-text2 .cart-original-price{font-size:11px;color:#999;text-decoration:line-through;font-weight:400;white-space:nowrap}.cate-text2 .cart-discount-price{font-size:13px;color:#f44;font-weight:700;white-space:nowrap}.cate-text2 .cart-discount-tag{font-size:9px;background:linear-gradient(135deg,#f44,#ff6b6b);color:#fff;padding:1px 6px;border-radius:8px;font-weight:700;letter-spacing:.2px;white-space:nowrap;box-shadow:0 1px 3px #ff44444d}.cate-text2 .cart-line-total{font-size:10px;color:#666;font-weight:500;margin-top:1px}.cate-text2 .cart-price{font-size:13px;color:#333;font-weight:600;line-height:1.2}.mobile-cart-price-block{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}.mobile-cart-original-price{font-size:11px;color:#999;text-decoration:line-through;font-weight:400}.mobile-cart-discount-price{font-size:14px;color:#f44;font-weight:700}.mobile-cart-discount-tag{font-size:9px;background:linear-gradient(135deg,#f44,#ff6b6b);color:#fff;padding:2px 6px;border-radius:8px;font-weight:700;letter-spacing:.2px;box-shadow:0 1px 3px #ff44444d}@media (max-width: 480px){.cate-text2 .cart-original-price{font-size:10px}.cate-text2 .cart-discount-price{font-size:12px}.cate-text2 .cart-discount-tag{font-size:8px;padding:1px 5px}.cate-text2 .cart-line-total{font-size:9px}.mobile-cart-original-price{font-size:10px}.mobile-cart-discount-price{font-size:13px}.mobile-cart-discount-tag{font-size:8px;padding:1px 5px}}.voucher-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;overflow-y:auto}.voucher-modal-container{width:100%;max-width:1000px;background:#fff;border-radius:27px;overflow:hidden;box-shadow:0 20px 40px #0003;max-height:98vh;display:flex;flex-direction:column}.voucher-modal-header{background:#3b97f3;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.voucher-modal-header h3{margin:0;font-size:16px;font-weight:600}.voucher-modal-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:0 4px;line-height:1;transition:opacity .2s}.voucher-modal-two-col{display:flex;gap:20px;padding:20px;flex:1;overflow:hidden;min-height:0}.voucher-left{flex:2;min-width:0;display:flex;flex-direction:column;overflow:hidden}.voucher-right{flex:1;min-width:220px;max-width:320px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.receipt-preview{font-family:Courier New,monospace;font-size:12px;background:#f8f9fa;padding:16px 20px 16px 16px;border-radius:10px;border:1px solid #e2e8f0;overflow-y:auto;max-height:65vh;flex:1;min-height:300px}.receipt-preview::-webkit-scrollbar{width:6px}.receipt-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.receipt-preview::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.receipt-preview::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.receipt-preview{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.receipt-shop-info{text-align:center;margin-bottom:10px}.receipt-shop-name{font-weight:700;font-size:13px}.receipt-shop-address,.receipt-shop-phone{font-size:10px}.receipt-divider{border-top:1px dashed #999;margin:8px 0}.invoice-info-container{margin-bottom:8px;font-size:10px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.invoice-info-left,.invoice-info-right{flex:1}.invoice-info-right{text-align:right}.invoice-no{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.invoice-spinner{display:inline-block;width:10px;height:10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-left:4px}.customer-info{margin-bottom:8px;font-size:10px}.receipt-header{display:flex;font-weight:700;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:6px;font-size:10px;color:#333;flex-shrink:0}.receipt-header-col{padding:0 2px}.items-container{overflow-y:auto;margin-bottom:10px;flex:1;min-height:80px;max-height:200px}.items-container::-webkit-scrollbar{width:4px}.items-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.items-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.items-container{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.receipt-item{display:flex;margin-bottom:4px;padding:2px 0;border-bottom:1px dotted #ddd;align-items:flex-start;font-size:10px}.receipt-item-col-number{width:8%;text-align:center;padding-top:2px;flex-shrink:0}.receipt-item-col-name{width:32%;word-break:break-word;padding-top:2px;flex-shrink:0}.receipt-item-col-qty{width:15%;text-align:center;padding-top:2px;flex-shrink:0}.receipt-item-col-price{width:25%;text-align:right;padding-top:2px;flex-shrink:0}.receipt-item-col-total{width:20%;text-align:right;font-weight:700;padding-top:2px;padding-right:4px;flex-shrink:0}.receipt-item-discount-label{font-size:8px;color:#d63031;margin-top:2px;font-style:italic}.receipt-item-free-badge{font-size:8px;color:#28a745;font-weight:700;margin-top:2px}.receipt-item-original-price{font-size:8px;color:#999;text-decoration:line-through;margin-top:2px}.receipt-item-discount-amount{font-size:8px;color:#d63031}.totals-container{margin-top:8px;flex-shrink:0}.receipt-line{display:flex;justify-content:space-between;margin-bottom:5px;font-size:10px}.discount-line{color:#d63031}.grand-total{font-weight:700;font-size:11px;margin-top:6px;padding-top:5px;border-top:1px solid #333}.receipt-summary{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:#666;border-top:1px dotted #ccc;padding-top:6px}.receipt-payment-method{margin-top:8px;text-align:center;font-size:10px}.receipt-footer{text-align:center;font-size:9px;color:#777;margin-top:8px}.control-group{margin-bottom:0}.control-group label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:#2c3e50}.discount-input-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.discount-type-select,.discount-amount-input,.tax-percent-input{padding:6px 10px;border-radius:6px;border:1px solid #ccc;background:#fff;font-size:12px}.discount-amount-input{width:90px}.tax-input-group{display:flex;gap:6px;align-items:center;background:#f0f0f0;padding:6px 10px;border-radius:6px;border:1px solid #ddd}.tax-percent-input{width:55px;text-align:right;font-weight:700;background:#fff}.tax-amount{font-size:13px;font-weight:700;color:#27ae60;margin-left:auto}.payment-icons{display:flex;gap:10px;justify-content:space-around;margin-top:6px;flex-wrap:wrap}.payment-icon{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px 10px;border-radius:8px;transition:all .2s;border:2px solid transparent;background:#f5f5f5;flex:1;min-width:70px}.payment-icon.selected{border-color:#2c3e50;background:#e3f2fd}.payment-icon i{font-size:20px;margin-bottom:4px;color:#2c3e50}.payment-icon span{font-size:11px;font-weight:500;color:#2c3e50}.voucher-right .btn-group-vertical{display:flex;flex-direction:column;gap:10px;flex-shrink:0;margin-top:auto}.voucher-right .btn-action{padding:14px 16px;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;text-align:center;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px}.voucher-right .btn-action:disabled{opacity:.6;cursor:not-allowed}.voucher-right .btn-action:hover:not(:disabled){transform:translateY(-2px);filter:brightness(.95);box-shadow:0 4px 8px #0000001a}.voucher-right .btn-pdf{background:#3498db;color:#fff}.voucher-right .btn-print{background:#2ecc71;color:#fff}.voucher-right .btn-complete{background:#9b59b6;color:#fff}.voucher-right .btn-cancel{background:#d63031;color:#fff}@media (max-width: 768px){.voucher-modal-two-col{flex-direction:column;padding:16px;gap:16px;overflow-y:auto;max-height:85vh}.voucher-left,.voucher-right{width:100%;max-width:100%;flex:none}.voucher-right{gap:12px}.receipt-preview{max-height:45vh;padding:12px;min-height:200px}.receipt-header,.receipt-item{font-size:9px}.receipt-item-col-name{width:30%}.receipt-item-col-qty{width:12%}.receipt-item-col-price{width:28%}.receipt-item-col-total{width:22%}.control-group label{font-size:11px}.payment-icon{min-width:65px;padding:6px 8px}.payment-icon i{font-size:18px}.payment-icon span{font-size:10px}.voucher-right .btn-action{padding:12px 14px;font-size:12px;min-height:40px}.voucher-right .btn-group-vertical{flex-direction:row;flex-wrap:wrap}.voucher-right .btn-group-vertical .btn-action{flex:1;min-width:120px}}@media (max-width: 480px){.voucher-modal-overlay{padding:8px;align-items:flex-end}.voucher-modal-container{max-height:96vh;border-radius:20px 20px 0 0}.voucher-modal-header{padding:10px 16px;flex-shrink:0}.voucher-modal-header h3{font-size:14px}.voucher-modal-close{font-size:20px}.voucher-modal-two-col{padding:12px;gap:12px;max-height:82vh;overflow-y:auto}.voucher-modal-two-col::-webkit-scrollbar{width:4px}.voucher-modal-two-col::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.voucher-modal-two-col::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.voucher-modal-two-col{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.receipt-preview{padding:10px;font-size:10px;max-height:40vh;min-height:150px}.receipt-shop-name{font-size:12px}.receipt-shop-address,.receipt-shop-phone{font-size:9px}.invoice-info-container{font-size:9px;flex-direction:column;text-align:center;gap:4px}.invoice-info-right{text-align:center}.invoice-no{justify-content:center}.customer-info{text-align:center;font-size:9px}.receipt-header{font-size:8px}.receipt-item{font-size:8px;flex-wrap:wrap;padding:4px 0}.receipt-item-col-number{width:10%}.receipt-item-col-name{width:50%}.receipt-item-col-qty{width:15%}.receipt-item-col-price{width:25%}.receipt-item-col-total{width:100%;text-align:right;margin-top:4px;padding-top:2px;border-top:1px dotted #eee}.receipt-item-discount-label,.receipt-item-free-badge,.receipt-item-original-price,.receipt-item-discount-amount{font-size:7px}.receipt-line{font-size:9px}.grand-total{font-size:10px}.receipt-summary{font-size:8px;flex-direction:column;text-align:center;gap:4px}.discount-input-group{flex-wrap:wrap;justify-content:stretch}.discount-type-select,.discount-amount-input{flex:1;min-width:80px}.tax-input-group{flex-wrap:wrap;justify-content:stretch}.tax-percent-input{width:70px}.tax-amount{margin-left:0;margin-top:4px;width:100%;text-align:center}.payment-icons{gap:6px}.payment-icon{min-width:55px;padding:5px 6px;flex:1}.payment-icon i{font-size:16px}.payment-icon span{font-size:9px}.voucher-right .btn-group-vertical{flex-direction:column;gap:8px}.voucher-right .btn-group-vertical .btn-action{flex:none;width:100%;min-width:unset}.voucher-right .btn-action{padding:10px 12px;font-size:11px;min-height:38px}.voucher-right{gap:12px}}@media (max-width: 360px){.voucher-modal-container{border-radius:16px 16px 0 0}.voucher-modal-two-col{padding:8px;gap:8px;max-height:80vh}.receipt-preview{padding:8px;font-size:9px;max-height:35vh;min-height:120px}.receipt-item-col-name{width:45%}.receipt-item-col-qty{width:12%}.receipt-item-col-price{width:28%}.receipt-header,.receipt-item{font-size:7px}.receipt-shop-name{font-size:11px}.voucher-right .btn-action{padding:8px 10px;font-size:10px;min-height:34px}.payment-icon{min-width:48px;padding:4px}.payment-icon i{font-size:14px}.payment-icon span{font-size:8px}.discount-type-select,.discount-amount-input{font-size:11px;padding:4px 8px}}.pss-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.pss-modal{background:#fff;border-radius:16px;width:100%;max-width:1000px;max-height:95vh;min-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden;margin:auto;animation:pssSlideIn .3s ease}@keyframes pssSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.pss-header{padding:16px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;flex-shrink:0;border-radius:16px 16px 0 0}.pss-title{margin:0;font-size:20px;color:#333;font-weight:600}.pss-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.pss-close:hover{background:#e0e0e0;color:#333}.pss-search-box{padding:16px 24px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:12px;align-items:center;flex-shrink:0}.pss-search-wrap{flex:1;position:relative;display:flex;align-items:center;background:#f5f5f5;border-radius:8px;border:1px solid #ddd;transition:all .2s}.pss-search-wrap:focus-within{border-color:#007bff;background:#fff;box-shadow:0 0 0 3px #007bff1a}.pss-search-btn{background:none;border:none;padding:10px 0 10px 12px;cursor:pointer;display:flex;align-items:center}.pss-search-icon{width:20px;height:20px;opacity:1}.pss-search-input{flex:1;padding:12px 8px;border:none!important;background:none;font-size:15px;outline:none!important}.pss-search-input:focus{border:none!important;outline:none!important}.pss-search-input:disabled{opacity:.6;cursor:not-allowed}.pss-clear{background:none;border:none;padding:10px 15px;cursor:pointer;color:#666;font-size:18px}.pss-clear:hover{color:#212121}.pss-clear:disabled{opacity:.5;cursor:not-allowed}.pss-submit{padding:12px 30px;background:#007bff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.pss-submit:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff33}.pss-submit:disabled{opacity:.6;cursor:not-allowed}.pss-error{margin:12px 24px;padding:12px 16px;background:#f8d7da;color:#721c24;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:14px}.pss-error i{color:#721c24}.pss-results{flex:1;overflow-y:auto;padding:20px 24px;background:#f5f5f5;min-height:400px;max-height:60vh}.pss-results::-webkit-scrollbar{width:6px}.pss-results::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.pss-results::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:8px}.pss-results::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pss-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:350px;color:#666;background:#fff;border-radius:8px}.pss-empty-icon{font-size:56px;margin-bottom:16px;opacity:.5}.pss-empty p{font-size:16px;color:#888;margin:0}.pss-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:350px;color:#666;background:#fff;border-radius:8px}.pss-loading i{font-size:32px;margin-bottom:12px;color:#007bff}.pss-loading p{font-size:15px;color:#888;margin:0}.pss-list{display:flex;flex-direction:column;gap:16px}.pss-card{background:#fff;border-radius:10px;padding:18px 20px;box-shadow:0 2px 8px #00000014;transition:all .2s}.pss-card:hover{box-shadow:0 4px 12px #0000001f}.pss-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.pss-card-title{margin:0;font-size:18px;color:#333;font-weight:600}.pss-card-codes{display:flex;gap:8px}.pss-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.pss-badge.sku{background:#e3f2fd;color:#1976d2}.pss-badge.barcode{background:#f5e5e6;color:#991939}.pss-branches-title{margin:0 0 10px;font-size:15px;color:#555;font-weight:500}.pss-branch{background:#f8f9fa;border-radius:8px;padding:14px 16px;border-left:4px solid #007bff;margin-bottom:10px;transition:all .2s}.pss-branch:last-child{margin-bottom:0}.pss-branch:hover{background:#f0f7ff}.pss-branch-info{display:flex;flex-direction:column;gap:10px}.pss-branch-row{display:flex;justify-content:space-between;align-items:center}.pss-branch-name{font-size:15px;color:#333}.pss-stock-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.pss-stock-badge.in{background:#d4edda;color:#155724}.pss-stock-badge.out{background:#f8d7da;color:#721c24}.pss-branch-address{display:flex;align-items:flex-start;gap:10px;color:#555;font-size:13px;line-height:1.5}.pss-branch-address i{width:18px;color:#007bff;margin-top:2px;flex-shrink:0}.pss-branch-address span{flex:1;word-break:break-word}.pss-branch-contact{display:flex;gap:20px;flex-wrap:wrap}.pss-branch-price{display:flex;align-items:center;gap:6px;color:#28a745;font-weight:600;font-size:14px}.pss-branch-price i{color:#28a745}.pss-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #e0e0e0}.pss-page-info{color:#4a5568;font-size:14px}.pss-page-controls{display:flex;gap:10px;align-items:center}.pss-page-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#4a5568;cursor:pointer;transition:all .2s}.pss-page-btn:hover:not(:disabled){background:#007bff;color:#fff;border-color:#007bff}.pss-page-btn:disabled{opacity:.4;cursor:not-allowed}.pss-page-input-group{display:flex;align-items:center;gap:4px}.pss-page-input{width:50px;height:34px;text-align:center;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:500;color:#1a202c;transition:all .2s}.pss-page-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.pss-page-input:disabled{background:#f5f5f5;cursor:not-allowed}.pss-page-total{color:#718096;font-size:14px}.pss-footer{padding:14px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;flex-shrink:0;flex-wrap:wrap;gap:10px;border-radius:0 0 16px 16px}.pss-result-count{color:#666;font-size:14px}.pss-items-per-page{display:flex;align-items:center;gap:8px}.pss-select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px}.pss-select:disabled{opacity:.5;cursor:not-allowed}.pss-close-footer{padding:8px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pss-close-footer:hover{background:#545b62}@media (max-width: 992px){.pss-modal{max-height:92vh;min-height:70vh}.pss-results{max-height:50vh;min-height:300px}.pss-empty,.pss-loading{height:280px}}@media (max-width: 768px){.pss-overlay{padding:10px;align-items:flex-end}.pss-modal{max-height:95vh;min-height:70vh;border-radius:16px}.pss-header{padding:14px 18px;border-radius:16px 16px 0 0}.pss-title{font-size:17px}.pss-close{font-size:20px;width:32px;height:32px}.pss-search-box{flex-direction:column;padding:14px 18px;gap:10px}.pss-search-wrap{width:100%}.pss-search-input{font-size:14px;padding:10px 8px}.pss-search-icon{width:18px;height:18px}.pss-submit{width:100%;justify-content:center;padding:10px}.pss-results{padding:14px 16px;max-height:45vh;min-height:250px}.pss-card-header{flex-direction:column;align-items:flex-start;gap:8px}.pss-card-title{font-size:16px}.pss-card-codes{flex-wrap:wrap}.pss-badge{font-size:11px;padding:3px 8px}.pss-branch{padding:12px 14px}.pss-branch-row{flex-direction:column;align-items:flex-start;gap:6px}.pss-branch-name{font-size:14px}.pss-stock-badge{font-size:11px;padding:3px 10px}.pss-branch-address{font-size:12px}.pss-branch-contact{gap:12px}.pss-branch-price{font-size:13px}.pss-pagination{flex-direction:column;gap:8px;align-items:center}.pss-page-controls{width:100%;justify-content:center;flex-wrap:wrap}.pss-page-input{width:44px;height:30px;font-size:13px}.pss-page-btn{width:30px;height:30px}.pss-footer{flex-direction:column;gap:8px;padding:12px 16px}.pss-result-count{font-size:13px}.pss-items-per-page{width:100%;justify-content:center}.pss-close-footer{width:100%;justify-content:center;padding:8px}.pss-empty{height:200px}.pss-empty-icon{font-size:48px}.pss-empty p{font-size:14px}.pss-loading{height:200px}.pss-loading i{font-size:28px}.pss-error{margin:10px 16px;padding:10px 14px;font-size:13px}}@media (max-width: 480px){.pss-overlay{padding:6px}.pss-modal{max-height:98vh;min-height:60vh;border-radius:12px}.pss-header{padding:12px 14px}.pss-title{font-size:15px}.pss-close{font-size:18px;width:28px;height:28px}.pss-search-box{padding:10px 14px;gap:8px}.pss-search-input{font-size:13px;padding:8px 6px}.pss-search-icon{width:16px;height:16px;opacity:1}.pss-submit{font-size:13px;padding:8px}.pss-results{padding:10px 12px;max-height:40vh;min-height:200px}.pss-card{padding:14px}.pss-card-title{font-size:14px}.pss-badge{font-size:10px;padding:2px 6px}.pss-branch{padding:10px 12px}.pss-branch-name{font-size:13px}.pss-stock-badge{font-size:10px;padding:2px 8px}.pss-branch-address,.pss-branch-price{font-size:12px}.pss-page-input{width:38px;height:28px;font-size:12px}.pss-page-btn{width:28px;height:28px;font-size:12px}.pss-close-footer{font-size:12px;padding:6px}.pss-empty{height:150px}.pss-empty-icon{font-size:36px}.pss-empty p{font-size:13px}.pss-loading{height:150px}.pss-loading i{font-size:24px}.pss-loading p{font-size:13px}.pss-result-count{font-size:12px}.pss-error{margin:8px 12px;padding:8px 12px;font-size:12px}}.pss-search-btn{background:none;border:none;padding:10px 0 10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;font-size:18px;transition:all .2s}.pss-search-btn:hover:not(:disabled){color:#007bff}.pss-search-btn:disabled{opacity:.5;cursor:not-allowed}.pss-search-icon{font-size:18px;color:#999;transition:all .2s}.pss-search-wrap:focus-within .pss-search-icon{color:#007bff}.pss-search-input{flex:1;padding:12px 8px 12px 4px;border:none!important;background:none;font-size:15px;outline:none!important}.low-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px;overflow-y:auto}.low-stock-modal-content{background:#fff;border-radius:16px;width:70%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #00000026;animation:low-modalSlideIn .25s ease;margin:auto}@keyframes low-modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.low-stock-modal-header{background:#2c3e50;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.low-stock-modal-header h3{margin:0;font-size:18px;font-weight:500;display:flex;align-items:center;gap:8px}.low-stock-modal-header h3 i{color:#ffc107;font-size:18px}.low-modal-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.low-modal-close-btn:hover{opacity:1;background:#ffffff1a}.low-stock-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #edf2f7;flex-shrink:0}.low-summary-card{background:#fff;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 3px #0000000f;border:1px solid #e9ecef;transition:transform .15s,box-shadow .15s}.low-summary-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.low-summary-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.low-summary-card.total .low-summary-icon{background:#e8f2ff;color:#3182ce}.low-summary-card.expired .low-summary-icon{background:#fee9e9;color:#dc3545}.low-summary-value.expired-value{color:#dc3545}.low-summary-card.expiring .low-summary-icon{background:#fff5e6;color:#f80}.low-summary-value.expiring-value{color:#f80}.low-summary-card.low .low-summary-icon{background:#fff5e6;color:#dd6b20}.low-summary-card.out .low-summary-icon{background:#f0f0f0;color:#6c757d}.low-summary-value.out-value{color:#6c757d}.low-summary-info{display:flex;flex-direction:column;min-width:0}.low-summary-label{font-size:11px;color:#718096;margin-bottom:1px;white-space:nowrap}.low-summary-value{font-size:20px;font-weight:700;color:#1a202c;line-height:1.2}.low-stock-list-container{flex:1;overflow-y:auto;padding:14px 16px;min-height:150px;max-height:400px;background:#fff}.low-stock-list-container::-webkit-scrollbar{width:6px}.low-stock-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.low-stock-list-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:8px}.low-stock-list{display:flex;flex-direction:column;gap:10px}.low-stock-item{display:flex;gap:12px;padding:12px 14px;background:#fafbfc;border-radius:12px;border:1px solid #edf2f7;transition:all .15s}.low-stock-item:hover{background:#fff;border-color:#cbd5e0;box-shadow:0 2px 6px #0000000a}.low-stock-item.expired{border-left:4px solid #dc3545;background:#fff8f8}.low-stock-item.expired:hover{background:#fff5f5;border-color:#dc3545}.low-stock-item.expiring-soon{border-left:4px solid #ff8800;background:#fffbf5}.low-stock-item.expiring-soon:hover{background:#fff8f0;border-color:#f80}.low-stock-item.out-of-stock{border-left:4px solid #6c757d;background:#f8f9fa;opacity:.7}.low-stock-item.out-of-stock:hover{opacity:.9}.low-stock-item.low-stock{border-left:4px solid #ffc107;background:#fffdf5}.low-item-image{width:56px;height:56px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#fff;border:1px solid #e2e8f0}.low-item-image img{width:100%;height:100%;object-fit:cover}.low-item-info{flex:1;min-width:0}.low-item-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:4px}.low-item-name{margin:0;font-size:15px;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.low-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:10px;font-weight:600;white-space:nowrap;flex-shrink:0}.low-status-badge i{font-size:10px}.low-status-badge.expired{background-color:#dc3545;color:#fff}.low-status-badge.expiring-soon{background-color:#f80;color:#fff}.low-status-badge.out-of-stock{background-color:#6c757d;color:#fff}.low-status-badge.low-stock{background-color:#ffc107;color:#333}.low-item-details{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.low-item-details span{font-size:11px;padding:2px 8px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;color:#4a5568}.low-item-price{color:#38a169!important;font-weight:600}.low-item-stock{display:flex;align-items:center;gap:10px}.low-stock-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;max-width:150px}.low-stock-fill{height:100%;border-radius:3px;transition:width .3s ease}.low-stock-count{font-size:11px;color:#718096;min-width:65px;text-align:right}.low-stock-count strong{color:#2d3748;font-size:12px;margin-left:2px}.low-loading-state{text-align:center;padding:40px 20px;color:#718096}.low-loading-state i{font-size:32px;margin-bottom:8px;color:#4299e1}.low-loading-state p{font-size:14px}.low-no-results{text-align:center;padding:50px 20px;color:#718096}.low-no-results i{font-size:48px;margin-bottom:12px;color:#48bb78}.low-no-results p{font-size:15px}.low-stock-pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid #edf2f7;background:#fafbfc;font-size:13px;flex-shrink:0}.low-pagination-info{color:#4a5568}.low-pagination-controls{display:flex;gap:8px;align-items:center}.low-pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;transition:all .15s}.low-pagination-btn:hover:not(:disabled){background:#4299e1;color:#fff;border-color:#4299e1}.low-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.low-pagination-page{display:flex;align-items:center;gap:4px}.low-pagination-input{width:48px;height:32px;text-align:center;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:500;color:#1a202c}.low-pagination-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 2px #4299e126}.low-pagination-total{color:#718096;font-size:13px}.low-stock-modal-footer{padding:10px 16px;border-top:1px solid #edf2f7;display:flex;justify-content:space-between;align-items:center;background:#fff;flex-shrink:0}.low-result-count{font-size:12px;color:#718096}.low-btn-secondary{padding:8px 20px;background:#e2e8f0;color:#2d3748;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.low-btn-secondary:hover{background:#cbd5e0}@media (max-width: 992px){.low-stock-summary{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px}.low-stock-modal-content{width:85%;max-height:85vh}}@media (max-width: 640px){.low-modal-overlay{padding:10px}.low-stock-summary{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px 10px}.low-stock-modal-content{width:95%;max-height:90vh;border-radius:12px}.low-summary-card{padding:8px 10px;gap:8px}.low-summary-icon{width:30px;height:30px;font-size:13px}.low-summary-value{font-size:18px}.low-summary-label{font-size:10px}.low-item-name{max-width:150px;font-size:14px}.low-item-name-row,.low-item-details{flex-wrap:wrap}.low-item-details span{font-size:10px;padding:1px 6px}.low-stock-pagination{flex-direction:column;gap:6px;align-items:center;padding:8px 12px}.low-pagination-controls{width:100%;justify-content:center}.low-stock-modal-footer{flex-direction:column;gap:6px;padding:8px 12px}.low-result-count{font-size:11px}}@media (max-width: 480px){.low-modal-overlay{padding:6px}.low-stock-summary{grid-template-columns:repeat(2,1fr);gap:4px;padding:6px 8px}.low-stock-item{flex-direction:column;gap:8px;padding:10px 12px}.low-item-image{width:100%;height:100px}.low-item-name{max-width:100%;font-size:13px;white-space:normal}.low-item-stock{flex-direction:column;align-items:flex-start;gap:4px}.low-stock-bar{width:100%;max-width:none}.low-stock-count{text-align:left;width:100%}.low-status-badge{font-size:9px;padding:1px 8px}.low-item-details span{font-size:9px;padding:1px 6px}.low-stock-modal-header h3{font-size:15px}.low-modal-close-btn{font-size:20px;width:28px;height:28px}.low-pagination-input{width:40px;height:28px;font-size:12px}.low-pagination-btn{width:28px;height:28px}}:root{--branch-primary: #4361ee;--branch-primary-light: #eef2ff;--branch-secondary: #3a0ca3;--branch-success: #4cc9f0;--branch-warning: #f8961e;--branch-danger: #f72585;--branch-danger-light: #fef2f7;--branch-dark: #1a1a2e;--branch-light: #f8f9fa;--branch-gray: #6c757d;--branch-gray-light: #e9ecef;--border-radius: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .05);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.branch-table-wrapper::-webkit-scrollbar,.branch-compact-logs-container::-webkit-scrollbar,.branch-modal-content::-webkit-scrollbar{width:6px;height:6px}.branch-table-wrapper,.branch-compact-logs-container,.branch-modal-content{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.branch-container{background-color:#fff;padding:25px;box-shadow:var(--shadow);display:flex;flex-direction:column;height:110vh;overflow:hidden;width:100%;max-width:100%}.branch-limit-warning{margin-top:10px;padding:8px 16px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;font-size:14px;display:flex;align-items:center;gap:8px}.header-top-row{padding:14px 0}.branch-header{flex-shrink:0;margin-bottom:25px;padding:30px 10px;border-bottom:1px solid var(--branch-gray-light);position:relative;align-items:center;width:100%}.header-center-content h1{margin:0;font-size:24px;color:var(--branch-dark);display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.header-center-content h1 i{color:var(--branch-primary)}.header-center-content p{margin:5px 0 0;font-size:14px;color:var(--branch-gray);text-align:center}.branch-code-badge{margin-top:8px;display:inline-block;padding:4px 12px;background-color:var(--branch-primary-light);color:var(--branch-primary);border-radius:20px;font-size:13px;font-weight:600}.branch-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--branch-primary);text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap;position:relative;z-index:2;background:none;border:none;cursor:pointer}.branch-back-btn:hover{color:var(--branch-danger);transform:translateY(-2px)}.branch-tabs-selector{min-width:220px}.branch-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;justify-content:center;align-items:center;animation:branchFadeIn .2s ease}.branch-loading-spinner{text-align:center;background:#fff;padding:32px 48px;border-radius:20px;box-shadow:var(--shadow-hover);border:1px solid var(--branch-primary-light)}.branch-spinner{width:56px;height:56px;border:4px solid var(--branch-gray-light);border-top:4px solid var(--branch-primary);border-radius:50%;margin:0 auto 20px;animation:branchSpin 1s linear infinite}.branch-loading-message{font-size:18px;font-weight:600;color:var(--branch-dark);margin-bottom:8px}.branch-loading-submessage{font-size:14px;color:var(--branch-gray)}@keyframes branchSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes branchFadeIn{0%{opacity:0}to{opacity:1}}.branch-tabs-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--branch-gray-light);width:100%}.branch-select-container{position:relative;display:flex;align-items:center}.branch-select-icon{position:absolute;left:15px;color:var(--branch-primary);font-size:16px;z-index:2;pointer-events:none}.branch-tab-select{width:100%;padding:12px 45px;border:1px solid var(--branch-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--branch-dark);background-color:var(--branch-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.branch-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.branch-select-arrow{position:absolute;right:15px;color:var(--branch-primary);font-size:14px;z-index:2;pointer-events:none}.branch-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:700px}.branch-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.branch-search-icon{position:absolute;left:12px;color:var(--branch-gray);font-size:14px;z-index:2}.branch-search-input{width:100%;padding:10px 40px;border:1px solid var(--branch-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--branch-dark);transition:all .3s;background-color:#fff}.branch-search-input:focus{outline:none;border-color:var(--branch-primary);box-shadow:0 0 0 3px #4361ee1a}.branch-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--branch-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.branch-clear-search-btn:hover{color:var(--branch-danger)}.branch-clear-search-btn.secondary{position:static;width:auto;padding:10px 15px;background-color:var(--branch-gray-light);color:var(--branch-dark);border-radius:8px;font-size:13px;font-weight:600}.branch-clear-search-btn.secondary:hover{background-color:var(--branch-primary);color:#fff}.branch-filter-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.branch-search-select{padding:10px 12px;border:1px solid var(--branch-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--branch-dark);background-color:#fff;cursor:pointer;min-width:140px}.branch-search-select:focus{outline:none;border-color:var(--branch-primary)}.branch-add-btn{background-color:var(--branch-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.branch-add-btn:hover{background-color:var(--branch-secondary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.branch-section-title{flex-shrink:0;width:100%;margin-bottom:17px}.branch-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.branch-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.branch-title-left i{color:var(--branch-primary);font-size:18px}.branch-title-text{font-size:18px;font-weight:600;color:var(--branch-dark);white-space:nowrap}.branch-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.branch-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.branch-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--branch-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--branch-gray);white-space:nowrap}.branch-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.branch-count-label{font-weight:500;color:var(--branch-gray);margin-left:2px}.branch-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--branch-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--branch-gray);white-space:nowrap}.branch-loading-text i{color:var(--branch-primary)}.branch-search-badge-container{margin-top:12px;display:flex;justify-content:center}.branch-search-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--branch-primary-light);padding:6px 16px;border-radius:30px;font-size:13px;color:var(--branch-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-clear-search-badge{background:none;border:none;color:var(--branch-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;transition:opacity .2s}.branch-clear-search-badge:hover{opacity:1}.branch-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center}.branch-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--branch-gray-light);border-radius:50%;color:var(--branch-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.branch-nav-btn:hover:not(:disabled){background-color:var(--branch-primary);color:#fff;border-color:var(--branch-primary)}.branch-nav-btn:disabled{opacity:.4;cursor:not-allowed}.branch-nav-btn.loading{background-color:var(--branch-primary-light);border-color:var(--branch-primary)}.branch-page-control{display:flex;align-items:center;gap:4px}.branch-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--branch-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--branch-dark);padding:0 4px;transition:all .3s}.branch-page-input:focus{outline:none;border-color:var(--branch-primary);box-shadow:0 0 0 2px #4361ee1a}.branch-page-input:disabled{background-color:var(--branch-light);cursor:not-allowed}.branch-page-total{font-size:13px;color:var(--branch-gray);font-weight:500;white-space:nowrap}.branch-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--branch-gray-light);flex-shrink:0}.branch-per-page-select{width:60px;height:32px;border:1px solid var(--branch-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--branch-dark);background-color:#fff;cursor:pointer;transition:all .3s}.branch-per-page-select:focus{outline:none;border-color:var(--branch-primary)}.branch-per-page-select:disabled{background-color:var(--branch-light);cursor:not-allowed}.branch-per-page-label{font-size:12px;color:var(--branch-gray);white-space:nowrap}.branch-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;border-radius:8px;border:1px solid var(--branch-gray-light);background-color:#fff;width:100%;position:relative}.branch-table{width:max-content;min-width:100%;border-collapse:collapse;border-spacing:0;background-color:#fff}.branch-table thead{background-color:var(--branch-light);position:sticky;top:0;z-index:10}.branch-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--branch-dark);border-bottom:2px solid var(--branch-gray-light);white-space:nowrap;background-color:var(--branch-light);position:sticky;top:0;z-index:10}.branch-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--branch-dark);border-bottom:1px solid var(--branch-gray-light);vertical-align:middle;white-space:nowrap}.branch-table tbody tr:hover{background-color:var(--branch-light)}.branch-table th:nth-child(1){min-width:60px}.branch-table th:nth-child(2){min-width:120px}.branch-table th:nth-child(3){min-width:150px}.branch-table th:nth-child(4){min-width:200px}.branch-table th:nth-child(5){min-width:120px}.branch-table th:nth-child(6){min-width:100px}.branch-table th:nth-child(7){min-width:100px}.branch-contact-cell{display:flex;flex-direction:column;gap:6px;white-space:nowrap}.branch-contact-item{display:flex;align-items:center;gap:8px;white-space:nowrap}.fullname{font-weight:800}.branch-contact-icon.fa-envelope{font-size:12px;width:16px;text-align:center;color:var(--branch-primary);flex-shrink:0}.branch-contact-icon.fa-phone{font-size:12px;width:16px;text-align:center;color:var(--branch-success);flex-shrink:0}.branch-contact-text{font-size:12px;color:var(--branch-dark);white-space:nowrap}.branch-role-cell{display:flex;flex-direction:column;gap:4px}.branch-role-badge{padding:6px 8px;text-align:center;border-radius:20px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.role-staff{background-color:#4361ee1a;color:var(--branch-primary);border:1px solid rgba(67,97,238,.3)}.role-manager{background-color:#f8961e1a;color:var(--branch-warning);border:1px solid rgba(248,150,30,.3)}.role-inventory_staff{background-color:#4cc9f01a;color:var(--branch-success);border:1px solid rgba(76,201,240,.3)}.role-cashier{background-color:#f725851a;color:var(--branch-danger);border:1px solid rgba(247,37,133,.3)}.role-viewer{background-color:#6c757d1a;color:var(--branch-gray);border:1px solid rgba(108,117,125,.3)}.branch-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px;white-space:nowrap}.branch-status-active{background-color:#4cc9f01a;color:var(--branch-success);border:1px solid rgba(76,201,240,.3)}.branch-status-inactive{background-color:#f725851a;color:var(--branch-danger);border:1px solid rgba(247,37,133,.3)}.branch-status-pending{background-color:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.branch-action-buttons{display:flex;gap:10px;white-space:nowrap}.branch-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none;flex-shrink:0}.branch-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.branch-action-edit{background-color:var(--branch-warning)}.branch-action-delete{background-color:var(--branch-danger)}.branch-no-data{text-align:center;padding:40px!important;background-color:var(--branch-light)}.branch-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--branch-gray)}.branch-no-data-content i{font-size:48px;color:var(--branch-gray-light)}.branch-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.branch-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-hover);animation:branchModalSlideIn .3s ease-out}@keyframes branchModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.branch-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--branch-gray-light);background-color:var(--branch-light);border-radius:12px 12px 0 0}.branch-modal-header h3{margin:0;font-size:18px;color:var(--branch-dark);display:flex;align-items:center;gap:10px}.branch-modal-header h3 i{color:var(--branch-primary)}.branch-modal-close{background:none;border:none;font-size:20px;color:var(--branch-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.branch-modal-close:hover{background-color:var(--branch-gray-light);color:var(--branch-danger)}.branch-modal-body{padding:25px}.branch-modal-footer{padding:20px 25px;border-top:1px solid var(--branch-gray-light);display:flex;justify-content:flex-end;gap:15px}.branch-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--branch-primary)}.branch-current-user-banner i{font-size:24px;color:var(--branch-primary)}.branch-current-user-banner .branch-user-name{font-size:14px;font-weight:600;color:var(--branch-dark)}.branch-current-user-banner .branch-user-role{font-size:12px;color:var(--branch-gray)}.branch-form-group{margin-bottom:20px}.branch-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--branch-dark);font-size:14px}.branch-form-group label.branch-required:after{content:" *";color:var(--branch-danger)}.branch-form-group input,.branch-form-group textarea,.branch-form-group select{width:100%;padding:12px 15px;border:1px solid var(--branch-gray-light);border-radius:8px;font-size:14px;color:var(--branch-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.branch-form-group input:focus,.branch-form-group textarea:focus,.branch-form-group select:focus{outline:none;border-color:var(--branch-primary);box-shadow:0 0 0 3px #4361ee1a}.branch-input-error{border-color:var(--branch-danger)!important;background-color:var(--branch-danger-light)!important}.branch-field-error{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--branch-danger);font-size:12px;font-weight:500}.branch-validation-error{display:flex;align-items:center;gap:6px;padding:12px 16px;background-color:var(--branch-danger-light);border-radius:8px;border-left:3px solid var(--branch-danger);color:var(--branch-danger);font-size:14px;margin-bottom:15px}.branch-status-select-group{display:flex;gap:15px}.branch-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--branch-gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.branch-status-option:hover{border-color:var(--branch-primary)}.branch-status-option.selected{border-color:var(--branch-primary);background-color:var(--branch-primary-light)}.branch-status-radio{display:none}.branch-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--branch-gray);cursor:pointer}.branch-status-label i{font-size:20px}.branch-status-option.selected .branch-status-label{color:var(--branch-primary)}.branch-status-option:nth-child(1) .branch-status-label i{color:var(--branch-success)}.branch-status-option:nth-child(2) .branch-status-label i{color:var(--branch-danger)}.branch-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background-color:#4cc9f01a;border-radius:8px;border-left:3px solid var(--branch-success);margin-top:10px}.branch-info-box i{color:var(--branch-success);font-size:16px;margin-top:2px}.branch-info-box span{font-size:13px;color:var(--branch-dark);line-height:1.5}.branch-btn-cancel{padding:12px 25px;background-color:var(--branch-gray-light);color:var(--branch-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.branch-btn-cancel:hover{background-color:#dee2e6}.branch-btn-submit{padding:12px 25px;background-color:var(--branch-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.branch-btn-submit:hover:not(:disabled){background-color:var(--branch-secondary);transform:translateY(-2px)}.branch-btn-submit:disabled{opacity:.5;cursor:not-allowed}.branch-created{font-size:11px;color:var(--branch-gray);margin-top:4px;display:flex;align-items:center;gap:4px;white-space:nowrap}.branch-messages-container{position:fixed;top:30px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:450px}.branch-message{padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000026;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:4px solid transparent}.branch-message i{font-size:24px;flex-shrink:0}.branch-message span{flex:1;font-size:14px;font-weight:500;line-height:1.5}.branch-message button{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s;border-radius:6px;flex-shrink:0}.branch-message button:hover{opacity:1;background-color:#fff3}.branch-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left-color:#064e3b}.branch-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left-color:#7f1d1d}.branch-network-error{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003}.branch-network-error i{font-size:32px;color:#fca5a5}.branch-network-error .error-content{flex:1}.branch-network-error .error-title{font-size:16px;font-weight:700;margin-bottom:4px}.branch-network-error .error-message{font-size:14px;opacity:.9}.branch-network-error button{padding:8px 16px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.branch-network-error button:hover{background-color:#ffffff4d}.branch-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1;width:100%}.branch-log-filters{flex-shrink:0;margin-bottom:20px;padding:15px;background-color:var(--branch-light);border-radius:8px;width:100%}.branch-compact-logs-container{flex:1;min-height:0;overflow-y:auto;padding-right:5px;width:100%}.branch-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.branch-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--branch-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--branch-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.branch-filter-tab:hover{border-color:var(--branch-primary);color:var(--branch-primary)}.branch-filter-tab.active{background-color:var(--branch-primary);color:#fff;border-color:var(--branch-primary)}.branch-filter-count{background-color:var(--branch-gray-light);color:var(--branch-gray);padding:2px 6px;border-radius:10px;font-size:11px}.branch-filter-tab.active .branch-filter-count{background-color:#ffffff4d;color:#fff}.branch-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--branch-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.branch-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.branch-date-picker-row label{font-size:13px;color:var(--branch-dark);font-weight:600}.branch-date-input{padding:8px 12px;border:1px solid var(--branch-gray-light);border-radius:6px;font-size:13px;color:var(--branch-dark);flex:1}.branch-date-input:focus{outline:none;border-color:var(--branch-primary);box-shadow:0 0 0 2px #4361ee1a}.branch-apply-date-btn{padding:8px 16px;background-color:var(--branch-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.branch-apply-date-btn:hover:not(:disabled){background-color:var(--branch-secondary)}.branch-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.branch-date-group{margin-bottom:25px}.branch-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--branch-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--branch-primary)}.branch-date-label{font-weight:600;color:var(--branch-dark);font-size:14px}.branch-date-count{font-size:12px;color:var(--branch-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.branch-logs-list{display:flex;flex-direction:column;gap:10px}.branch-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--branch-gray-light);transition:all .2s;gap:15px;cursor:pointer}.branch-compact-log-entry:hover{border-color:var(--branch-primary);box-shadow:var(--shadow);transform:translateY(-2px)}.branch-compact-log-entry.log-add{border-left:3px solid var(--branch-success)}.branch-compact-log-entry.log-edit{border-left:3px solid var(--branch-warning)}.branch-compact-log-entry.log-delete{border-left:3px solid var(--branch-danger)}.branch-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.branch-compact-log-entry.log-add .branch-log-icon{background-color:#4cc9f01a;color:var(--branch-success)}.branch-compact-log-entry.log-edit .branch-log-icon{background-color:#f8961e1a;color:var(--branch-warning)}.branch-compact-log-entry.log-delete .branch-log-icon{background-color:#f725851a;color:var(--branch-danger)}.branch-log-icon i{font-size:16px}.branch-log-content{flex:1;min-width:0}.branch-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.branch-log-action{font-weight:600;color:var(--branch-dark);font-size:14px}.branch-log-category{font-size:13px;color:var(--branch-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.branch-category-id{font-size:11px;color:var(--branch-gray);font-weight:500}.branch-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--branch-gray)}.branch-log-user{display:flex;align-items:center;gap:6px}.branch-user-role{color:var(--branch-gray);font-size:11px}.branch-log-time{display:flex;align-items:center;gap:6px;background-color:var(--branch-light);padding:3px 10px;border-radius:12px}.branch-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--branch-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--branch-gray)}.no-logs{text-align:center;padding:40px;background-color:var(--branch-light);border-radius:8px;color:var(--branch-gray)}.branch-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--branch-primary)}.branch-log-detail-main{margin-bottom:15px}.branch-log-detail-action{margin-bottom:12px}.branch-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.branch-action-add{background-color:#4cc9f01a;color:var(--branch-success);border:1px solid rgba(76,201,240,.3)}.branch-action-edit{background-color:#f8961e1a;color:var(--branch-warning);border:1px solid rgba(248,150,30,.3)}.branch-action-delete{background-color:#f725851a;color:var(--branch-danger);border:1px solid rgba(247,37,133,.3)}.branch-log-detail-category{display:flex;align-items:center;gap:10px;font-size:15px;flex-wrap:wrap}.branch-category-name{font-weight:600;color:var(--branch-dark)}.branch-category-id-detail{font-size:12px;color:var(--branch-gray);background-color:var(--branch-gray-light);padding:2px 8px;border-radius:10px}.branch-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.branch-log-detail-user,.branch-log-detail-time{display:flex;align-items:center;gap:12px}.branch-log-detail-user i,.branch-log-detail-time i{color:var(--branch-gray);font-size:20px}.branch-user-name-detail{font-weight:600;font-size:14px;color:var(--branch-dark)}.branch-user-role-detail{font-size:12px;color:var(--branch-gray)}.branch-log-date-detail{font-weight:600;font-size:14px;color:var(--branch-dark)}.branch-log-time-detail{font-size:12px;color:var(--branch-gray)}.branch-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--branch-gray-light)}.branch-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--branch-dark);font-weight:600}.branch-change-list{display:flex;flex-direction:column;gap:10px}.branch-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--branch-light);border-radius:6px;border-left:3px solid var(--branch-primary)}.branch-change-item i{color:var(--branch-primary);font-size:12px;margin-top:2px}.branch-change-item span{font-size:14px;color:var(--branch-dark);line-height:1.5}.branch-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--branch-light);border-radius:8px;color:var(--branch-gray);text-align:center;justify-content:center}.branch-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.branch-info-column{display:flex;flex-direction:column;gap:20px}.branch-info-item{display:flex;flex-direction:column;gap:8px}.branch-info-item label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.branch-info-value{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;color:#1e293b}.branch-info-value i{width:20px;color:#94a3b8;font-size:16px}.branch-divider{position:relative;margin:25px 0;text-align:center}.branch-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.branch-divider span{position:relative;background:#fff;padding:0 20px;font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px}@media (max-width: 1200px){.branch-title-row{gap:10px}.branch-title-center{min-width:280px}}@media (max-width: 900px){.branch-title-left{min-width:auto}.branch-title-text{font-size:16px}.branch-title-right{min-width:auto}}@media (max-width: 768px){.branch-header{min-height:120px}.header-center-content{position:static;left:auto;top:auto;transform:none;margin-top:40px;width:100%;max-width:100%;order:2}.branch-container{height:160vh}.header-center-content h1{white-space:normal;flex-wrap:wrap;justify-content:center}.header-top-row{flex-direction:column}.branch-back-btn{order:1;align-self:flex-start;margin-top:-20px;margin-bottom:-50px}.branch-container{padding:15px;height:auto}.branch-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.branch-tabs-selector{width:100%;min-width:100%}.branch-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.branch-search-input-group{width:100%;min-width:100%}.branch-add-btn{width:100%;justify-content:center}.branch-title-row{flex-direction:column;align-items:stretch;gap:12px}.branch-title-left{justify-content:center;text-align:center;width:100%}.branch-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.branch-compact-nav{width:100%;justify-content:center;padding:6px 10px}.branch-title-right{width:100%;justify-content:center}.branch-showing-count{width:fit-content;margin:0 auto}.branch-items-per-page{border-left:none;margin-left:0;padding-left:0}.branch-modal-content{margin:10px;max-height:85vh}.branch-status-select-group{flex-direction:column;gap:10px}.branch-filter-buttons{flex-direction:column;align-items:stretch}.branch-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.branch-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.branch-date-input,.branch-apply-date-btn{width:100%}.branch-info-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.branch-container{padding:12px}.branch-section-title{font-size:16px}.branch-compact-nav{flex-wrap:wrap;gap:6px;padding:8px}.branch-nav-btn{width:28px;height:28px}.branch-page-input{width:40px;height:28px;font-size:12px}.branch-page-total{font-size:12px}.branch-per-page-select{width:50px;height:28px;font-size:11px}.branch-per-page-label{font-size:11px}.branch-showing-count{font-size:12px;padding:4px 10px}.branch-modal-header{padding:15px 20px}.branch-modal-body{padding:15px}.branch-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.branch-btn-cancel,.branch-btn-submit{width:100%;text-align:center}}@media print{.branch-container{box-shadow:none;padding:0}.branch-tabs-header,.branch-action-buttons,.branch-modal-overlay{display:none}.branch-table-wrapper{max-height:none;overflow:visible}.branch-table{width:100%;min-width:100%}.branch-table th{background-color:#f0f0f0;color:#000}}@media (max-width: 576px){.branch-modal-overlay{padding:10px!important;align-items:flex-start!important;overflow-y:auto!important}.branch-modal-content{width:100%!important;max-width:100%!important;margin:0 auto!important;border-radius:16px!important;max-height:none!important;overflow-y:visible!important}.branch-modal-header{padding:16px 20px!important}.branch-modal-header h3{font-size:18px!important}.branch-modal-body{padding:20px!important}.branch-current-user-banner{padding:12px!important;margin-bottom:20px!important}.branch-form-group{width:100%!important;margin-bottom:20px!important}.branch-form-group label{font-size:14px!important;margin-bottom:8px!important}.branch-modal-body input,.branch-modal-body select,.branch-modal-body textarea{font-size:14px!important;padding:10px!important;border-radius:10px!important}.branch-modal-body>div[style*="display: flex"]{flex-direction:column!important;gap:0!important}.branch-field-error{font-size:13px!important;margin-top:6px!important}.branch-validation-error{padding:12px!important;font-size:14px!important;margin-bottom:20px!important}.branch-status-select-group{flex-direction:column!important;gap:12px!important}.branch-status-option{padding:16px!important;width:100%!important}.branch-status-label{font-size:16px!important}.branch-status-label i{font-size:24px!important}.branch-info-box{padding:14px!important;margin-bottom:20px!important;font-size:14px!important}.branch-info-grid{grid-template-columns:1fr!important;gap:20px!important;padding:16px!important;margin-bottom:20px!important}.branch-info-value{padding:12px!important;font-size:15px!important}.branch-divider{margin:20px 0!important}.branch-divider span{font-size:14px!important;padding:0 15px!important}.branch-modal-footer{flex-direction:column!important;gap:12px!important;padding:20px!important}.branch-modal-footer button{width:100%!important;margin:0!important;padding:16px!important;font-size:16px!important;border-radius:10px!important;justify-content:center!important}.branch-btn-cancel,.branch-btn-submit{height:auto!important}.branch-info-box:last-of-type{margin-top:10px!important;margin-bottom:0!important}}@media (max-width: 375px){.branch-modal-content{border-radius:12px!important}.branch-modal-header{padding:14px 16px!important}.branch-modal-body,.branch-modal-footer{padding:16px!important}.branch-modal-footer button{padding:14px!important;font-size:15px!important}.branch-status-option{padding:14px!important}.branch-status-label i{font-size:20px!important}.branch-status-label{font-size:15px!important}.branch-info-value{padding:10px!important;font-size:14px!important;gap:8px!important}}:root{--return-primary: #4361ee;--return-primary-light: #eef2ff;--return-secondary: #3a0ca3;--return-success: #4cc9f0;--return-success-light: #e6f9ff;--return-warning: #f8961e;--return-warning-light: #fff3e0;--return-danger: #f72585;--return-danger-light: #fef2f7;--return-dark: #1a1a2e;--return-light: #f8f9fa;--return-gray: #6c757d;--return-gray-light: #e9ecef;--return-border-radius: 12px;--return-shadow: 0 4px 12px rgba(0, 0, 0, .05);--return-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.return-container{background-color:#fff;padding:25px;box-shadow:var(--return-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.return-messages-container{margin-bottom:15px}.return-message{display:flex;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:10px;animation:slideIn .3s ease;border-left:4px solid transparent}.return-message.success{background-color:#e6f9ff;border:1px solid #4cc9f0;color:#0a5d7c}.return-message.error{background-color:#fef2f7;border:1px solid #f72585;color:#b80c5c}.return-message i:first-child{font-size:20px;margin-right:12px}.return-message span{flex:1;font-size:14px;font-weight:500}.return-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;opacity:.7;transition:opacity .2s;padding:0 4px}.return-message button:hover{opacity:1}.return-network-error{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:10px;display:flex;align-items:center;gap:12px;border-left:4px solid #dc3545}.return-network-error i{font-size:24px}.return-network-error .error-content{flex:1}.return-network-error .error-title{font-weight:600;font-size:14px;margin-bottom:2px}.return-network-error .error-message{font-size:13px}.return-network-error button{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s;white-space:nowrap}.return-network-error button:hover{background-color:#c82333;transform:translateY(-1px)}.return-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--return-gray-light)}.return-tabs-selector{min-width:240px}.return-select-container{position:relative;display:flex;align-items:center}.return-select-icon{position:absolute;left:15px;color:var(--return-primary);font-size:16px;z-index:2;pointer-events:none}.return-tab-select{width:100%;padding:12px 45px;border:1px solid var(--return-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--return-dark);background-color:var(--return-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.return-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.return-select-arrow{position:absolute;right:15px;color:var(--return-primary);font-size:14px;z-index:2;pointer-events:none}.return-tab-select option{font-size:14px;font-weight:500;color:var(--return-dark);padding:10px;background-color:#fff}.return-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.return-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.return-search-icon{position:absolute;left:12px;color:var(--return-gray);font-size:14px;z-index:2}.return-search-input{width:100%;padding:10px 40px;border:1px solid var(--return-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--return-dark);transition:all .3s;background-color:#fff}.return-search-input:focus{outline:none;border-color:var(--return-primary);box-shadow:0 0 0 3px #4361ee1a}.return-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--return-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.return-clear-search-btn:hover{color:var(--return-danger)}.return-search-field-selector{min-width:140px}.return-search-select{width:100%;padding:10px 12px;border:1px solid var(--return-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--return-dark);background-color:#fff;cursor:pointer;transition:all .3s}.return-search-select:focus{outline:none;border-color:var(--return-primary)}.return-header-stats{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.return-stat-card{padding:8px 15px;background-color:var(--return-light);border-radius:8px;border-left:4px solid var(--return-primary);min-width:100px}.return-stat-label{font-size:12px;color:var(--return-gray);margin-bottom:4px}.return-stat-value{font-size:16px;font-weight:700;color:var(--return-primary)}.return-stat-danger{color:var(--return-danger)}.return-add-btn{background-color:var(--return-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.return-add-btn:hover{background-color:var(--return-secondary);transform:translateY(-2px);box-shadow:var(--return-shadow-hover)}.return-add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.return-section-title{width:100%;margin-bottom:17px}.return-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.return-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.return-title-left i{color:var(--return-primary);font-size:18px}.return-title-text{font-size:18px;font-weight:600;color:var(--return-dark);white-space:nowrap}.return-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.return-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.return-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--return-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--return-gray);white-space:nowrap}.return-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center;color:var(--return-gray)}.return-count-label{font-weight:500;color:var(--return-gray);margin-left:2px}.return-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--return-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--return-gray);white-space:nowrap}.return-loading-text i{color:var(--return-primary);animation:spin 1s linear infinite}.return-search-badge{margin-left:6px;padding:2px 8px;background-color:var(--return-primary-light);border-radius:16px;font-size:11px;color:var(--return-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.return-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center;background-color:var(--return-light)}.return-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--return-gray-light);border-radius:50%;color:var(--return-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.return-nav-btn:hover:not(:disabled){background-color:var(--return-primary);color:#fff;border-color:var(--return-primary)}.return-nav-btn:disabled{opacity:.4;cursor:not-allowed}.return-nav-btn.loading{background-color:var(--return-primary-light);border-color:var(--return-primary)}.return-nav-btn.loading i{color:var(--return-primary);animation:spin 1s linear infinite}.return-page-control{display:flex;align-items:center;gap:4px}.return-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--return-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--return-dark);padding:0 4px;transition:all .3s;background-color:#fff}.return-page-input:focus{outline:none;border-color:var(--return-primary);box-shadow:0 0 0 2px #4361ee1a}.return-page-input:disabled{background-color:var(--return-light);cursor:not-allowed}.return-page-total{font-size:13px;color:var(--return-gray);font-weight:500;white-space:nowrap}.return-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--return-gray-light);flex-shrink:0}.return-per-page-select{width:60px;height:32px;border:1px solid var(--return-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--return-dark);background-color:#fff;cursor:pointer;transition:all .3s}.return-per-page-select:focus{outline:none;border-color:var(--return-primary)}.return-per-page-select:disabled{background-color:var(--return-light);cursor:not-allowed}.return-per-page-label{font-size:12px;color:var(--return-gray);white-space:nowrap}.return-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--return-gray-light);background-color:#fff;scrollbar-width:thin}.return-table-wrapper::-webkit-scrollbar{width:4px;height:4px}.return-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.return-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.return-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.return-table{width:100%;border-collapse:collapse;min-width:1300px}.return-table thead{background-color:var(--return-light);position:sticky;top:0;z-index:10}.return-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--return-dark);border-bottom:2px solid var(--return-gray-light);white-space:nowrap}.return-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--return-dark);border-bottom:1px solid var(--return-gray-light);vertical-align:middle}.return-table tbody tr{transition:all .3s}.return-table tbody tr:hover{background-color:var(--return-light)}.return-row-completed{opacity:.8;background-color:#4cc9f00d}.return-invoice-cell{display:flex;align-items:center;gap:8px}.return-invoice-value{font-family:Courier New,monospace;font-weight:600;color:var(--return-secondary);letter-spacing:.5px}.return-view-invoice-btn-small{background-color:var(--return-success);color:#fff;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .3s;padding:0}.return-view-invoice-btn-small:hover:not(:disabled){background-color:#3ab8d9;transform:scale(1.1)}.return-view-invoice-btn-small:disabled{opacity:.5;cursor:not-allowed}.return-date-cell{display:flex;flex-direction:column;gap:4px}.return-time-small{font-size:11px;color:var(--return-gray)}.return-amount-cell{display:flex;flex-direction:column;gap:4px}.return-amount-total{font-weight:600;color:var(--return-dark)}.return-restocking-fee{font-size:11px;color:var(--return-danger)}.return-refund-amount{color:var(--return-success);font-weight:700;font-size:15px}.return-type-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-align:center;min-width:80px}.return-type-badge-small{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;text-align:center;min-width:70px}.return-reason-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help}.return-items-badge{background-color:#4361ee;color:#fff;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.return-items-total{font-size:13px;color:#4cc9f0;font-weight:600;margin-left:4px}.return-search-badge-container{margin-top:12px;display:flex;justify-content:center}.return-payment-method{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background-color:#4361ee1a;border-radius:20px;font-size:12px;font-weight:500;color:var(--return-primary);white-space:nowrap}.return-payment-method i{font-size:11px;color:var(--return-primary)}.return-status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;text-align:center;min-width:90px}.return-status-badge-small{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#fff;text-align:center;min-width:70px}.return-action-buttons{display:flex;gap:6px;flex-wrap:wrap}.return-action-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:12px;transition:all .3s;border:none}.return-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--return-shadow)}.return-action-btn:disabled{opacity:.5;cursor:not-allowed}.return-action-view{background-color:var(--return-success)}.return-action-edit{background-color:var(--return-warning)}.return-action-complete{background-color:var(--return-primary)}.return-action-print{background-color:var(--return-secondary)}.return-action-delete{background-color:var(--return-danger)}.return-no-data{text-align:center;padding:40px!important;background-color:var(--return-light)}.return-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--return-gray)}.return-no-data-content i{font-size:48px;color:var(--return-gray-light)}.return-no-data-content p{font-size:16px;margin:0}.return-no-data-content .return-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--return-gray-light);color:var(--return-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.return-no-data-content .return-clear-search-btn.secondary:hover{background-color:var(--return-primary);color:#fff}.return-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.return-log-filters{margin-bottom:20px;padding:15px;background-color:var(--return-light);border-radius:8px}.return-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.return-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--return-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--return-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.return-filter-tab:hover:not(:disabled){border-color:var(--return-primary);color:var(--return-primary)}.return-filter-tab:disabled{opacity:.5;cursor:not-allowed}.return-filter-tab.active{background-color:var(--return-primary);color:#fff;border-color:var(--return-primary)}.return-filter-count{background-color:var(--return-gray-light);color:var(--return-gray);padding:2px 6px;border-radius:10px;font-size:11px;margin-left:4px}.return-filter-tab.active .return-filter-count{background-color:#ffffff4d;color:#fff}.return-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--return-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.return-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.return-date-picker-row label{font-size:13px;color:var(--return-dark);font-weight:600;min-width:40px}.return-date-input{padding:8px 12px;border:1px solid var(--return-gray-light);border-radius:6px;font-size:13px;color:var(--return-dark);flex:1}.return-date-input:focus{outline:none;border-color:var(--return-primary);box-shadow:0 0 0 2px #4361ee1a}.return-apply-date-btn{padding:8px 16px;background-color:var(--return-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.return-apply-date-btn:hover:not(:disabled){background-color:var(--return-secondary)}.return-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.return-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.return-date-group{margin-bottom:25px}.return-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--return-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--return-primary)}.return-date-label{font-weight:600;color:var(--return-dark);font-size:14px}.return-date-count{font-size:12px;color:var(--return-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.return-logs-list{display:flex;flex-direction:column;gap:10px}.return-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--return-gray-light);transition:all .2s;gap:15px;cursor:pointer}.return-compact-log-entry:hover{border-color:var(--return-primary);box-shadow:var(--return-shadow);transform:translateY(-2px)}.return-compact-log-entry.log-return{border-left:3px solid var(--return-success)}.return-compact-log-entry.log-update{border-left:3px solid var(--return-warning)}.return-compact-log-entry.log-complete{border-left:3px solid var(--return-primary)}.return-compact-log-entry.log-delete{border-left:3px solid var(--return-danger)}.return-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.return-compact-log-entry.log-return .return-log-icon{background-color:#4cc9f01a;color:var(--return-success)}.return-compact-log-entry.log-update .return-log-icon{background-color:#f8961e1a;color:var(--return-warning)}.return-compact-log-entry.log-complete .return-log-icon{background-color:#4361ee1a;color:var(--return-primary)}.return-compact-log-entry.log-delete .return-log-icon{background-color:#f725851a;color:var(--return-danger)}.return-log-icon i{font-size:16px}.return-log-content{flex:1;min-width:0}.return-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.return-log-action{font-weight:600;color:var(--return-dark);font-size:14px}.return-log-return{font-size:13px;color:var(--return-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.return-return-id{font-size:11px;color:var(--return-gray);font-weight:500}.return-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--return-gray)}.return-log-user{display:flex;align-items:center;gap:6px}.return-log-user i{font-size:12px;color:var(--return-primary)}.return-user-role{color:#6c757d;font-size:11px;margin-left:2px}.return-log-time{display:flex;align-items:center;gap:6px;background-color:var(--return-light);padding:3px 10px;border-radius:12px}.return-log-time i{font-size:12px}.return-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--return-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--return-gray)}.return-log-detail-count i{font-size:11px}.no-logs{text-align:center;padding:40px;background-color:var(--return-light);border-radius:8px;color:var(--return-gray)}.no-logs i{font-size:48px;color:var(--return-gray-light);margin-bottom:15px}.return-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.return-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--return-shadow-hover);animation:returnModalSlideIn .3s ease-out;scrollbar-width:thin}.return-modal-content::-webkit-scrollbar{width:4px}.return-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.return-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}@keyframes returnModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.return-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--return-gray-light);background-color:var(--return-light);border-radius:12px 12px 0 0}.return-modal-header h3{margin:0;font-size:18px;color:var(--return-dark);display:flex;align-items:center;gap:10px}.return-modal-header h3 i{color:var(--return-primary)}.return-modal-close{background:none;border:none;font-size:20px;color:var(--return-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.return-modal-close:hover:not(:disabled){background-color:var(--return-gray-light);color:var(--return-danger)}.return-modal-close:disabled{opacity:.5;cursor:not-allowed}.return-modal-body{padding:25px}.return-modal-footer{padding:20px 25px;border-top:1px solid var(--return-gray-light);display:flex;justify-content:flex-end;gap:15px}.return-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--return-primary)}.return-current-user-banner i{font-size:24px;color:var(--return-primary)}.return-current-user-banner .return-user-name{font-size:14px;font-weight:600;color:var(--return-dark)}.return-current-user-banner .return-user-role{font-size:12px;color:var(--return-gray)}.return-validation-error{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:10px;border-left:4px solid #dc3545;margin-bottom:15px}.return-validation-error i{font-size:18px}.return-field-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;gap:5px}.return-field-error i{font-size:12px}.return-input-error{border-color:#dc3545!important}.return-input-error:focus{box-shadow:0 0 0 3px #dc35451a!important}.return-form-group{margin-bottom:20px}.return-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--return-dark);font-size:14px}.return-form-group label.return-required:after{content:" *";color:var(--return-danger)}.return-form-group input,.return-form-group select,.return-form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--return-gray-light);border-radius:8px;font-size:14px;color:var(--return-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.return-form-group input:focus,.return-form-group select:focus,.return-form-group textarea:focus{outline:none;border-color:var(--return-primary);box-shadow:0 0 0 3px #4361ee1a}.return-form-group input:disabled,.return-form-group select:disabled,.return-form-group textarea:disabled{background-color:var(--return-light);cursor:not-allowed;opacity:.6}.return-form-row{display:flex;gap:15px;margin-bottom:15px}.return-form-row .return-form-group{flex:1;margin-bottom:0}.return-invoice-search-group{display:flex;gap:10px}.return-invoice-search-group input{flex:1}.return-search-invoice-btn{background-color:var(--return-success);color:#fff;border:none;padding:12px 15px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s}.return-search-invoice-btn:hover:not(:disabled){background-color:#3ab8d9;transform:translateY(-1px)}.return-search-invoice-btn:disabled{opacity:.5;cursor:not-allowed}.return-sale-info{margin-top:10px;margin-bottom:20px;padding:15px;background-color:var(--return-light);border-radius:8px;border-left:3px solid var(--return-primary)}.return-sale-info-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:var(--return-primary)}.return-sale-info-header i{font-size:16px}.return-sale-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.return-sale-info-item{display:flex;flex-direction:column;gap:4px}.return-info-label{font-size:12px;color:var(--return-gray)}.return-info-value{font-size:14px;font-weight:600;color:var(--return-dark)}.return-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:10px}.return-type-option{border:2px solid var(--return-gray-light);border-radius:8px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px}.return-type-option:hover{border-color:var(--return-primary);background-color:var(--return-primary-light)}.return-type-option.selected{border-color:var(--return-primary);background-color:var(--return-primary-light);color:var(--return-primary)}.return-type-option i{font-size:20px;color:inherit}.return-type-option span{font-size:13px;font-weight:600}.return-items-table-container{max-height:300px;overflow-y:auto;border:1px solid var(--return-gray-light);border-radius:8px;margin-bottom:10px}.return-items-table{width:100%;border-collapse:collapse;min-width:600px}.return-items-table th{background-color:var(--return-light);padding:12px 10px;text-align:left;font-size:13px;font-weight:600;color:var(--return-dark);border-bottom:1px solid var(--return-gray-light);position:sticky;top:0;z-index:5}.return-items-table td{padding:12px 10px;border-bottom:1px solid var(--return-gray-light);font-size:13px}.return-item-name{font-weight:600;color:var(--return-dark);margin-bottom:2px}.return-item-sku{font-size:11px;color:var(--return-gray)}.return-item-qty-sold{text-align:center;font-weight:600}.return-item-qty-input{width:70px;padding:6px 8px;border:1px solid var(--return-gray-light);border-radius:4px;text-align:center}.return-item-qty-input:focus{outline:none;border-color:var(--return-primary)}.return-item-reason-input{width:150px;padding:6px 8px;border:1px solid var(--return-gray-light);border-radius:4px;font-size:12px}.return-item-reason-input:focus{outline:none;border-color:var(--return-primary)}.return-selected-summary{margin-top:10px;padding:10px;background-color:var(--return-success-light);border-radius:6px;font-size:13px;font-weight:600;color:var(--return-success);display:flex;align-items:center;gap:8px}.return-selected-summary i{font-size:14px}.return-refund-summary{margin-top:20px;padding:15px;background-color:var(--return-light);border-radius:8px;border:1px solid var(--return-gray-light)}.return-refund-row{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--return-gray-light);font-size:14px}.return-refund-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.return-refund-total{font-size:16px;font-weight:700;color:var(--return-success)}.return-value-input{position:relative;display:flex;align-items:center}.return-value-input input{flex:1;padding-left:45px;padding-right:45px}.return-value-prefix{position:absolute;left:15px;color:var(--return-gray);font-weight:500}.return-value-suffix{position:absolute;right:15px;color:var(--return-gray);font-weight:500}.return-btn-cancel{padding:12px 25px;background-color:var(--return-gray-light);color:var(--return-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.return-btn-cancel:hover:not(:disabled){background-color:#dee2e6}.return-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.return-btn-submit{padding:12px 25px;background-color:var(--return-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.return-btn-submit:hover:not(:disabled){background-color:var(--return-secondary);transform:translateY(-2px)}.return-btn-submit:disabled{opacity:.5;cursor:not-allowed}.return-btn-submit.loading{opacity:.8}.return-invoice-search{position:relative;margin-bottom:20px}.return-invoice-search i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--return-gray)}.return-invoice-search input{width:100%;padding:12px 15px 12px 40px;border:1px solid var(--return-gray-light);border-radius:8px;font-size:14px}.return-invoice-list{max-height:400px;overflow-y:auto;border:1px solid var(--return-gray-light);border-radius:8px}.return-invoice-item{padding:15px;border-bottom:1px solid var(--return-gray-light);cursor:pointer;transition:all .3s}.return-invoice-item:hover{background-color:var(--return-primary-light)}.return-invoice-item:last-child{border-bottom:none}.return-invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.return-invoice-no{font-weight:700;color:var(--return-secondary);font-family:Courier New,monospace;font-size:14px}.return-invoice-date{font-size:12px;color:var(--return-gray)}.return-invoice-details{display:flex;gap:15px;margin-bottom:10px;font-size:13px;flex-wrap:wrap}.return-invoice-customer i,.return-invoice-amount i,.return-invoice-payment i{margin-right:5px;color:var(--return-primary)}.return-invoice-amount{font-weight:600;color:var(--return-success)}.return-invoice-items{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--return-gray)}.return-invoice-items-label{font-weight:600;color:var(--return-dark)}.return-invoice-item-name{background-color:var(--return-gray-light);padding:2px 8px;border-radius:12px}.return-invoice-more{color:var(--return-primary);font-style:italic}.return-details-header{background-color:var(--return-light);border-radius:8px;padding:15px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;border-left:4px solid var(--return-primary)}.return-details-title{display:flex;align-items:center;gap:8px;font-size:14px}.return-details-label{font-weight:600;color:var(--return-gray)}.return-details-value{font-weight:600;color:var(--return-dark)}.return-details-section{margin-bottom:25px;padding:15px;background-color:#fff;border:1px solid var(--return-gray-light);border-radius:8px}.return-details-section-title{display:flex;align-items:center;gap:8px;margin:0 0 15px;font-size:15px;color:var(--return-primary);font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--return-gray-light)}.return-details-section-title i{font-size:16px}.return-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.return-details-row{display:flex;flex-direction:column;gap:4px}.return-items-details-table-container{overflow-x:auto;max-height:300px;overflow-y:auto;border:1px solid var(--return-gray-light);border-radius:8px}.return-items-details-table{width:100%;border-collapse:collapse;min-width:800px}.return-items-details-table th{background-color:var(--return-light);padding:12px 10px;text-align:left;font-size:13px;font-weight:600;color:var(--return-dark);border-bottom:1px solid var(--return-gray-light);position:sticky;top:0;z-index:5}.return-items-details-table td{padding:12px 10px;border-bottom:1px solid var(--return-gray-light);font-size:13px}.return-item-codes{display:flex;flex-direction:column;gap:2px;font-size:11px}.return-item-sku{color:var(--return-primary);font-weight:500}.return-item-barcode{color:var(--return-gray)}.return-item-qty{text-align:center;font-weight:600}.return-item-price{font-weight:600;color:var(--return-success)}.return-item-total{font-weight:600;color:var(--return-dark)}.return-batch-id{background-color:#4361ee1a;color:var(--return-primary);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:Courier New,monospace}.return-item-reason{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:help;color:var(--return-gray);font-size:12px}.return-refund-summary-box{padding:15px;background-color:var(--return-light);border-radius:8px;border:1px solid var(--return-gray-light)}.return-refund-summary-box .return-refund-row{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--return-gray-light)}.return-refund-summary-box .return-refund-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.return-refund-summary-box .return-refund-total{font-size:16px;font-weight:700;color:var(--return-success)}.return-notes-box{padding:15px;background-color:var(--return-light);border-radius:8px;border:1px solid var(--return-gray-light);font-size:14px;line-height:1.6;color:var(--return-dark)}.return-details-footer{margin-top:20px;padding:15px;background-color:var(--return-light);border-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--return-gray)}.return-created-by,.return-created-at{display:flex;align-items:center;gap:8px}.return-created-by i,.return-created-at i{color:var(--return-primary)}.return-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--return-primary)}.return-log-detail-main{margin-bottom:15px}.return-log-detail-action{margin-bottom:12px}.return-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.return-action-return{background-color:#4cc9f01a;color:var(--return-success);border:1px solid rgba(76,201,240,.3)}.return-action-update{background-color:#f8961e1a;color:var(--return-warning);border:1px solid rgba(248,150,30,.3)}.return-action-complete{background-color:#4361ee1a;color:var(--return-primary);border:1px solid rgba(67,97,238,.3)}.return-action-delete{background-color:#f725851a;color:var(--return-danger);border:1px solid rgba(247,37,133,.3)}.return-log-detail-return{display:flex;align-items:center;gap:10px;font-size:15px}.return-log-detail-return i{color:var(--return-primary)}.return-return-name{font-weight:600;color:var(--return-dark)}.return-return-id-detail{font-size:12px;color:var(--return-gray);background-color:var(--return-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.return-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.return-log-detail-user,.return-log-detail-time{display:flex;align-items:center;gap:12px}.return-log-detail-user i,.return-log-detail-time i{color:var(--return-gray);font-size:20px}.return-user-name-detail{font-weight:600;font-size:14px;color:var(--return-dark)}.return-user-role-detail{font-size:12px;color:var(--return-gray)}.return-log-date-detail{font-weight:600;font-size:14px;color:var(--return-dark)}.return-log-time-detail{font-size:12px;color:var(--return-gray)}.return-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--return-gray-light)}.return-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--return-dark);font-weight:600}.return-change-list{display:flex;flex-direction:column;gap:12px}.return-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--return-light);border-radius:6px;border-left:3px solid var(--return-primary)}.return-change-item i{color:var(--return-primary);font-size:12px;margin-top:2px}.return-change-item span{font-size:14px;color:var(--return-dark);line-height:1.5}.return-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--return-light);border-radius:8px;color:var(--return-gray);text-align:center;justify-content:center}.return-no-changes i{font-size:18px}.return-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;justify-content:center;align-items:center;animation:returnFadeIn .2s ease}.return-loading-spinner{text-align:center;background:#fff;padding:40px 60px;border-radius:20px;box-shadow:var(--return-shadow-hover);border:1px solid var(--return-primary-light);max-width:400px}.return-spinner{width:56px;height:56px;border:4px solid var(--return-gray-light);border-top:4px solid var(--return-primary);border-radius:50%;margin:0 auto 20px;animation:returnSpin .8s linear infinite}.return-loading-message{font-size:18px;font-weight:600;color:var(--return-dark);margin-bottom:8px}@keyframes returnSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes returnFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.return-tabs-header{gap:12px}.return-search-controls{max-width:400px}}@media (max-width: 900px){.return-title-row{gap:10px}.return-title-left{min-width:auto}.return-title-text{font-size:16px}.return-title-right{min-width:auto}.return-showing-count{padding:4px 12px;font-size:13px}.return-count-numbers{min-width:20px;padding:1px 4px}}@media (max-width: 768px){.return-container{padding:15px;height:auto}.return-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.return-tabs-selector{width:100%;min-width:100%}.return-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.return-search-input-group,.return-search-field-selector{width:100%;min-width:100%}.return-header-stats{width:100%;flex-direction:column;align-items:stretch;gap:10px}.return-stat-card{width:100%;min-width:auto}.return-add-btn{width:100%;justify-content:center}.return-table-wrapper{max-height:calc(100vh - 350px)}.return-table th,.return-table td{padding:12px 8px;font-size:13px}.return-action-buttons{display:flex;gap:4px;flex-wrap:wrap}.return-action-btn{width:28px;height:28px;font-size:11px}.return-modal-content{margin:10px;max-height:85vh}.return-modal-body{padding:20px}.return-form-group{margin-bottom:15px}.return-form-row{flex-direction:column;gap:10px}.return-logs-list{gap:8px}.return-compact-log-entry{padding:12px;gap:12px}.return-log-icon{width:32px;height:32px}.return-log-details,.return-log-main-info{flex-direction:column;align-items:flex-start;gap:6px}.return-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.return-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.return-date-input,.return-apply-date-btn{width:100%}.return-invoice-details{flex-direction:column;gap:8px}.return-invoice-search-group{flex-direction:column}.return-search-invoice-btn{width:100%;justify-content:center}.return-type-selector{grid-template-columns:1fr}.return-items-table{min-width:500px}}@media (max-width: 760px){.return-title-row{flex-direction:column;align-items:stretch;gap:12px}.return-title-left{justify-content:center;text-align:center;width:100%}.return-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.return-compact-nav{width:100%;justify-content:center;padding:6px 10px}.return-title-right{width:100%;justify-content:center}.return-showing-count{width:fit-content;margin:0 auto}.return-items-per-page{border-left:none;margin-left:0;padding-left:0}}@media (max-width: 480px){.return-container{padding:12px}.return-section-title{font-size:16px}.return-modal-header{padding:15px 20px}.return-modal-body{padding:15px}.return-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.return-btn-cancel,.return-btn-submit{width:100%;text-align:center}.return-compact-nav{padding:2px 8px}.return-nav-btn{width:28px;height:28px}.return-page-input{width:40px;height:28px;font-size:12px}.return-per-page-select{width:60px;height:28px}.return-showing-count{font-size:12px;padding:4px 10px}.return-count-numbers{font-size:12px;min-width:18px}.return-log-entry{flex-direction:column;gap:10px}.return-log-content{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.return-container{padding:20px}.return-search-input-group{min-width:250px}.return-table th,.return-table td{padding:14px 10px}.return-type-selector{grid-template-columns:repeat(2,1fr)}}@media print{.return-container{box-shadow:none;padding:0}.return-tabs-header,.return-search-controls,.return-action-buttons,.return-modal-overlay,.return-add-btn,.return-nav-btn,.return-per-page-select{display:none}.return-table-wrapper{max-height:none;overflow:visible}.return-table{border:1px solid #000;min-width:100%}.return-table th{background-color:#f0f0f0;color:#000}.return-table td{border:1px solid #ddd}}.return-export-options{display:flex;flex-direction:column;gap:12px}.return-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--return-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.return-export-option:hover{border-color:var(--return-primary);background-color:var(--return-primary-light)}.return-export-option.selected{border-color:var(--return-primary);background-color:var(--return-primary-light);box-shadow:0 0 0 3px #4361ee1a}.return-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.return-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.return-export-radio-custom{width:20px;height:20px;border:2px solid var(--return-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.return-export-option.selected .return-export-radio-custom{border-color:var(--return-primary)}.return-export-option.selected .return-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--return-primary);border-radius:50%}.return-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.return-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--return-light);border-radius:8px}.return-export-option-title{font-size:15px;font-weight:600;color:var(--return-dark)}.return-export-option-desc{font-size:13px;color:var(--return-gray)}@media (max-width: 480px){.return-export-option{padding:12px 15px}.return-export-option-content{gap:10px}.return-export-option-content i{width:30px;height:30px;font-size:16px}.return-export-option-title{font-size:14px}.return-export-option-desc{font-size:12px}}:root{--credit-primary: #4361ee;--credit-primary-light: #eef2ff;--credit-secondary: #3a0ca3;--credit-success: #4cc9f0;--credit-warning: #f8961e;--credit-danger: #f72585;--credit-danger-light: #fef2f7;--credit-paid: #2ecc71;--credit-pending: #f39c12;--credit-overdue: #e74c3c;--credit-partial: #3498db;--credit-dark: #1a1a2e;--credit-light: #f8f9fa;--credit-gray: #6c757d;--credit-gray-light: #e9ecef;--credit-border-radius: 12px;--credit-shadow: 0 4px 12px rgba(0, 0, 0, .05);--credit-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.credit-table-wrapper::-webkit-scrollbar,.credit-compact-logs-container::-webkit-scrollbar,.credit-modal-content::-webkit-scrollbar{width:4px;height:4px}.credit-table-wrapper::-webkit-scrollbar-track,.credit-compact-logs-container::-webkit-scrollbar-track,.credit-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.credit-table-wrapper::-webkit-scrollbar-thumb,.credit-compact-logs-container::-webkit-scrollbar-thumb,.credit-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.credit-table-wrapper::-webkit-scrollbar-thumb:hover,.credit-compact-logs-container::-webkit-scrollbar-thumb:hover,.credit-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.credit-table-wrapper,.credit-compact-logs-container,.credit-modal-content{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.credit-search-badge-container{margin-top:12px;display:flex;justify-content:center}.credit-container{background-color:#fff;padding:25px;box-shadow:var(--credit-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.credit-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--credit-gray-light)}.credit-tabs-selector{min-width:240px}.credit-select-container{position:relative;display:flex;align-items:center}.credit-select-icon{position:absolute;left:15px;color:var(--credit-primary);font-size:16px;z-index:2;pointer-events:none}.credit-tab-select{width:100%;padding:12px 45px;border:1px solid var(--credit-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--credit-dark);background-color:var(--credit-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.credit-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.credit-select-arrow{position:absolute;right:15px;color:var(--credit-primary);font-size:14px;z-index:2;pointer-events:none}.credit-tab-select option{font-size:14px;font-weight:500;color:var(--credit-dark);padding:10px;background-color:#fff}.credit-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.credit-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.credit-search-icon{position:absolute;left:12px;color:var(--credit-gray);font-size:14px;z-index:2}.credit-search-input{width:100%;padding:10px 40px;border:1px solid var(--credit-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--credit-dark);transition:all .3s;background-color:#fff}.credit-search-input:focus{outline:none;border-color:var(--credit-primary);box-shadow:0 0 0 3px #4361ee1a}.credit-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--credit-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.credit-clear-search-btn:hover{color:var(--credit-danger)}.credit-search-field-selector{min-width:140px}.credit-search-select{width:100%;padding:10px 12px;border:1px solid var(--credit-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--credit-dark);background-color:#fff;cursor:pointer;transition:all .3s}.credit-search-select:focus{outline:none;border-color:var(--credit-primary)}.credit-header-stats{display:flex;align-items:center;gap:15px}.credit-stat-card{padding:10px 15px;background-color:var(--credit-light);border-radius:8px;border-left:4px solid var(--credit-primary);min-width:100px}.credit-stat-label{font-size:12px;color:var(--credit-gray);margin-bottom:5px}.credit-stat-value{font-size:16px;font-weight:700;letter-spacing:1px;color:var(--credit-primary)}.credit-stat-danger{color:var(--credit-danger)}.credit-add-btn{background-color:var(--credit-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.credit-add-btn:hover{background-color:var(--credit-secondary);transform:translateY(-2px);box-shadow:var(--credit-shadow-hover)}.credit-add-btn:disabled{opacity:.6;cursor:not-allowed}.credit-section-title{width:100%;margin-bottom:17px}.credit-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.credit-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.credit-title-left i{color:var(--credit-primary);font-size:18px}.credit-title-text{font-size:18px;font-weight:600;color:var(--credit-dark);white-space:nowrap}.credit-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.credit-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:200px}.credit-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--credit-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--credit-gray);white-space:nowrap}.credit-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center;color:var(--credit-gray)}.credit-count-label{font-weight:500;color:var(--credit-gray);margin-left:2px}.credit-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--credit-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--credit-gray);white-space:nowrap}.credit-loading-text i{color:var(--credit-primary)}.credit-loading-label{margin-left:4px}.credit-search-badge{margin-left:6px;padding:2px 8px;background-color:var(--credit-primary-light);border-radius:16px;font-size:11px;color:var(--credit-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.credit-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center;background-color:var(--credit-light)}.credit-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--credit-gray-light);border-radius:50%;color:var(--credit-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.credit-nav-btn:hover:not(:disabled){background-color:var(--credit-primary);color:#fff;border-color:var(--credit-primary)}.credit-nav-btn:disabled{opacity:.4;cursor:not-allowed}.credit-nav-btn.loading{background-color:var(--credit-primary-light);border-color:var(--credit-primary)}.credit-nav-btn.loading i{color:var(--credit-primary)}.credit-page-control{display:flex;align-items:center;gap:4px}.credit-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--credit-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--credit-dark);padding:0 4px;transition:all .3s;background-color:#fff}.credit-page-input:focus{outline:none;border-color:var(--credit-primary);box-shadow:0 0 0 2px #4361ee1a}.credit-page-input:disabled{background-color:var(--credit-light);cursor:not-allowed}.credit-page-total{font-size:13px;color:var(--credit-gray);font-weight:500;white-space:nowrap}.credit-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--credit-gray-light);flex-shrink:0}.credit-per-page-select{width:60px;height:32px;border:1px solid var(--credit-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--credit-dark);background-color:#fff;cursor:pointer;transition:all .3s}.credit-per-page-select:focus{outline:none;border-color:var(--credit-primary)}.credit-per-page-select:disabled{background-color:var(--credit-light);cursor:not-allowed}.credit-per-page-label{font-size:12px;color:var(--credit-gray);white-space:nowrap}.credit-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--credit-gray-light);background-color:#fff;scrollbar-width:thin}.credit-table{width:100%;border-collapse:collapse;min-width:1200px}.credit-table thead{background-color:var(--credit-light);position:sticky;top:0;z-index:10}.credit-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--credit-dark);border-bottom:2px solid var(--credit-gray-light);white-space:nowrap}.credit-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--credit-dark);border-bottom:1px solid var(--credit-gray-light);vertical-align:middle}.credit-table tbody tr{transition:all .3s}.credit-table tbody tr:hover{background-color:var(--credit-light)}.credit-id-cell{display:flex;flex-direction:column;gap:4px}.credit-id{font-weight:600;color:var(--credit-primary)}.credit-id-cell small{font-size:12px;color:var(--credit-gray)}.credit-notes-preview{font-size:12px;color:var(--credit-gray);margin-top:5px;display:flex;align-items:center;gap:5px}.credit-notes-preview i{font-size:10px;color:var(--credit-primary)}.credit-contact-cell{display:flex;flex-direction:column;gap:5px;font-size:13px}.credit-contact-cell i{width:16px;color:var(--credit-gray)}.credit-amount-cell{letter-spacing:1px}.credit-paid{letter-spacing:1px;color:var(--credit-paid)}.credit-remaining{font-weight:600;letter-spacing:1px;color:var(--credit-danger)}.credit-payment-progress{width:100%;height:6px;background-color:var(--credit-gray-light);border-radius:3px;margin-top:8px;overflow:hidden}.credit-progress-bar{height:100%;background-color:var(--credit-success);border-radius:3px;transition:width .3s ease}.credit-date-cell{display:flex;flex-direction:column;gap:4px}.credit-date-cell small{font-size:12px;color:var(--credit-gray)}.credit-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:100px}.credit-status-paid{background-color:#2ecc711a;color:#27ae60;border:1px solid rgba(46,204,113,.3)}.credit-status-pending{background-color:#f39c121a;color:#d35400;border:1px solid rgba(243,156,18,.3)}.credit-status-partial{background-color:#3498db1a;color:#2980b9;border:1px solid rgba(52,152,219,.3)}.credit-status-overdue{background-color:#e74c3c1a;color:#c0392b;border:1px solid rgba(231,76,60,.3)}.credit-action-buttons{display:flex;gap:8px}.credit-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none}.credit-action-btn:hover{transform:translateY(-2px);box-shadow:var(--credit-shadow)}.credit-action-btn:disabled{opacity:.5;cursor:not-allowed}.credit-action-view{background-color:var(--credit-primary)}.credit-action-payment{background-color:var(--credit-success)}.credit-action-edit{background-color:var(--credit-warning)}.credit-action-delete{background-color:var(--credit-danger)}.credit-no-data{text-align:center;padding:40px!important;background-color:var(--credit-light)}.credit-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--credit-gray)}.credit-no-data-content i{font-size:48px;color:var(--credit-gray-light)}.credit-no-data-content p{font-size:16px;margin:0}.credit-no-data-content .credit-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--credit-gray-light);color:var(--credit-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.credit-no-data-content .credit-clear-search-btn.secondary:hover{background-color:var(--credit-primary);color:#fff}.credit-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.credit-log-filters{margin-bottom:20px;padding:15px;background-color:var(--credit-light);border-radius:8px}.credit-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.credit-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--credit-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--credit-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.credit-filter-tab:hover:not(:disabled){border-color:var(--credit-primary);color:var(--credit-primary)}.credit-filter-tab:disabled{opacity:.5;cursor:not-allowed}.credit-filter-tab.active{background-color:var(--credit-primary);color:#fff;border-color:var(--credit-primary)}.credit-filter-count{background-color:var(--credit-gray-light);color:var(--credit-gray);padding:2px 6px;border-radius:10px;font-size:11px;margin-left:4px}.credit-filter-tab.active .credit-filter-count{background-color:#ffffff4d;color:#fff}.credit-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--credit-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.credit-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.credit-date-picker-row label{font-size:13px;color:var(--credit-dark);font-weight:600;min-width:40px}.credit-date-input{padding:8px 12px;border:1px solid var(--credit-gray-light);border-radius:6px;font-size:13px;color:var(--credit-dark);flex:1}.credit-date-input:focus{outline:none;border-color:var(--credit-primary);box-shadow:0 0 0 2px #4361ee1a}.credit-apply-date-btn{padding:8px 16px;background-color:var(--credit-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.credit-apply-date-btn:hover:not(:disabled){background-color:var(--credit-secondary)}.credit-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.credit-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.credit-date-group{margin-bottom:25px}.credit-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--credit-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--credit-primary)}.credit-date-label{font-weight:600;color:var(--credit-dark);font-size:14px}.credit-date-count{font-size:12px;color:var(--credit-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.credit-logs-list{display:flex;flex-direction:column;gap:10px}.credit-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--credit-gray-light);transition:all .2s;gap:15px;cursor:pointer}.credit-compact-log-entry:hover{border-color:var(--credit-primary);box-shadow:var(--credit-shadow);transform:translateY(-2px)}.credit-compact-log-entry.log-add{border-left:3px solid var(--credit-success)}.credit-compact-log-entry.log-edit{border-left:3px solid var(--credit-warning)}.credit-compact-log-entry.log-delete{border-left:3px solid var(--credit-danger)}.credit-compact-log-entry.log-payment_add{border-left:3px solid #2ecc71}.credit-compact-log-entry.log-payment_edit{border-left:3px solid #f59e0b}.credit-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.credit-compact-log-entry.log-add .credit-log-icon{background-color:#4cc9f01a;color:var(--credit-success)}.credit-compact-log-entry.log-edit .credit-log-icon{background-color:#f8961e1a;color:var(--credit-warning)}.credit-compact-log-entry.log-delete .credit-log-icon{background-color:#f725851a;color:var(--credit-danger)}.credit-compact-log-entry.log-payment_add .credit-log-icon{background-color:#2ecc711a;color:#2ecc71}.credit-compact-log-entry.log-payment_edit .credit-log-icon{background-color:#f59e0b1a;color:#f59e0b}.credit-log-icon i{font-size:16px}.credit-log-content{flex:1;min-width:0}.credit-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.credit-log-action{font-weight:600;color:var(--credit-dark);font-size:14px}.credit-log-customer{font-size:13px;color:var(--credit-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.credit-log-id{font-size:11px;color:var(--credit-gray);font-weight:500}.credit-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--credit-gray)}.credit-log-user{display:flex;align-items:center;gap:6px}.credit-log-user i{font-size:12px}.credit-user-role{color:#6c757d;font-size:11px;margin-left:2px}.credit-log-time{display:flex;align-items:center;gap:6px;background-color:var(--credit-light);padding:3px 10px;border-radius:12px}.credit-log-time i{font-size:12px}.credit-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--credit-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--credit-gray)}.credit-log-detail-count i{font-size:11px}.no-logs{text-align:center;padding:40px;background-color:var(--credit-light);border-radius:8px;color:var(--credit-gray)}.no-logs i{font-size:48px;color:var(--credit-gray-light);margin-bottom:15px}.no-logs .credit-clear-search-btn.secondary{padding:8px 20px;background-color:var(--credit-gray-light);color:var(--credit-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.no-logs .credit-clear-search-btn.secondary:hover{background-color:var(--credit-primary);color:#fff}.credit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.credit-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.credit-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--credit-shadow-hover);animation:creditModalSlideIn .3s ease-out;scrollbar-width:thin}.credit-modal-content::-webkit-scrollbar{width:4px}.credit-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.credit-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}@keyframes creditModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.credit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--credit-gray-light);background-color:var(--credit-light);border-radius:12px 12px 0 0}.credit-modal-header h3{margin:0;font-size:18px;color:var(--credit-dark);display:flex;align-items:center;gap:10px}.credit-modal-header h3 i{color:var(--credit-primary)}.credit-modal-close{background:none;border:none;font-size:20px;color:var(--credit-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.credit-modal-close:hover:not(:disabled){background-color:var(--credit-gray-light);color:var(--credit-danger)}.credit-modal-close:disabled{opacity:.5;cursor:not-allowed}.credit-modal-body{padding:25px}.credit-modal-footer{padding:20px 25px;border-top:1px solid var(--credit-gray-light);display:flex;justify-content:flex-end;gap:15px}.credit-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--credit-primary)}.credit-current-user-banner i{font-size:24px;color:var(--credit-primary)}.credit-current-user-banner .credit-user-name{font-size:14px;font-weight:600;color:var(--credit-dark)}.credit-current-user-banner .credit-user-role{font-size:12px;color:var(--credit-gray)}.credit-validation-error{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:10px;border-left:4px solid #dc3545}.credit-validation-error i{font-size:18px}.credit-field-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;gap:5px}.credit-field-error i{font-size:12px}.credit-input-error{border-color:#dc3545!important}.credit-input-error:focus{box-shadow:0 0 0 3px #dc35451a!important}.credit-form-group{margin-bottom:20px}.credit-form-row{display:flex;gap:15px;margin-bottom:20px}.credit-form-row .credit-form-group{flex:1;margin-bottom:0}.credit-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--credit-dark);font-size:14px}.credit-form-group label.credit-required:after{content:" *";color:var(--credit-danger)}.credit-form-group input,.credit-form-group textarea,.credit-form-group select{width:100%;padding:12px 15px;border:1px solid var(--credit-gray-light);border-radius:8px;font-size:14px;color:var(--credit-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.credit-form-group input:focus,.credit-form-group textarea:focus,.credit-form-group select:focus{outline:none;border-color:var(--credit-primary);box-shadow:0 0 0 3px #4361ee1a}.credit-form-group input:disabled,.credit-form-group textarea:disabled,.credit-form-group select:disabled{background-color:var(--credit-light);cursor:not-allowed}.credit-form-group textarea{min-height:80px;resize:vertical}.credit-input-with-symbol{position:relative}.credit-input-with-symbol input{padding-right:50px}.credit-input-symbol{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--credit-gray);font-weight:600}.credit-input-disabled input{background-color:var(--credit-light);cursor:not-allowed}.credit-input-hint{font-size:12px;color:var(--credit-gray);margin-top:5px}.credit-payment-method-select{background-color:#fff;cursor:pointer}.credit-payment-info{background-color:var(--credit-light);border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid var(--credit-primary)}.credit-payment-customer{display:flex;align-items:center;gap:15px;margin-bottom:15px}.credit-payment-customer i{font-size:24px;color:var(--credit-primary)}.credit-payment-customer-name{font-size:16px;font-weight:600;color:var(--credit-dark)}.credit-payment-customer-id{font-size:13px;color:var(--credit-gray)}.credit-payment-balance{display:flex;gap:20px;flex-wrap:wrap}.credit-balance-item{display:flex;flex-direction:column;gap:5px;min-width:120px}.credit-balance-label{font-size:12px;color:var(--credit-gray)}.credit-balance-value{font-size:16px;font-weight:600;color:var(--credit-dark)}.credit-balance-remaining .credit-balance-value{color:var(--credit-danger);font-size:18px}.credit-summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px;padding:20px;background-color:var(--credit-light);border-radius:8px}.credit-summary-item{text-align:center}.credit-summary-label{font-size:12px;color:var(--credit-gray);margin-bottom:5px}.credit-summary-value{font-size:20px;font-weight:700;color:var(--credit-primary)}.credit-summary-paid{color:var(--credit-success)}.credit-summary-remaining{color:var(--credit-danger)}.credit-summary-status{margin-top:5px}.credit-payment-history{margin-top:20px}.credit-history-title{font-size:16px;color:var(--credit-dark);margin-bottom:15px;display:flex;align-items:center;gap:10px}.credit-history-count{margin-left:auto;font-size:12px;color:var(--credit-gray);background-color:var(--credit-gray-light);padding:3px 10px;border-radius:12px}.credit-history-table{overflow-x:auto;border:1px solid var(--credit-gray-light);border-radius:8px}.credit-history-table table{width:100%;border-collapse:collapse;min-width:800px}.credit-history-table th{padding:12px 15px;background-color:var(--credit-light);font-size:13px;font-weight:600;color:var(--credit-dark);border-bottom:2px solid var(--credit-gray-light)}.credit-history-table td{padding:12px 15px;font-size:13px;color:var(--credit-dark);border-bottom:1px solid var(--credit-gray-light)}.credit-history-table tbody tr:hover{background-color:var(--credit-light)}.credit-history-amount{font-weight:600;color:var(--credit-success);font-family:Courier New,monospace}.credit-history-total{font-size:14px;color:var(--credit-primary);font-weight:700}.credit-payment-method{padding:4px 10px;background-color:#4361ee1a;color:var(--credit-primary);border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.credit-history-notes{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.credit-no-history{text-align:center;padding:40px;background-color:var(--credit-light);border-radius:8px;color:var(--credit-gray)}.credit-no-history i{font-size:48px;margin-bottom:15px;color:var(--credit-gray-light)}.credit-no-history p{font-size:14px;margin:0}.credit-status-display{padding:10px 0}.credit-payment-amount{margin-top:10px;padding:8px 12px;background-color:#2ecc711a;color:#27ae60;border-radius:6px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.credit-payment-amount i{font-size:16px}.credit-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--credit-primary)}.credit-log-detail-main{margin-bottom:15px}.credit-log-detail-action{margin-bottom:12px}.credit-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px;border:1px solid}.credit-log-detail-customer{display:flex;align-items:center;gap:10px;font-size:15px;flex-wrap:wrap}.credit-log-detail-customer i{color:var(--credit-primary)}.credit-customer-name{font-weight:600;color:var(--credit-dark)}.credit-credit-id-detail{font-size:12px;color:var(--credit-gray);background-color:var(--credit-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.credit-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap;margin-top:15px}.credit-log-detail-user,.credit-log-detail-time{display:flex;align-items:center;gap:12px}.credit-log-detail-user i,.credit-log-detail-time i{color:var(--credit-gray);font-size:20px}.credit-user-name-detail{font-weight:600;font-size:14px;color:var(--credit-dark)}.credit-user-role-detail{font-size:12px;color:var(--credit-gray)}.credit-log-date-detail{font-weight:600;font-size:14px;color:var(--credit-dark)}.credit-log-time-detail{font-size:12px;color:var(--credit-gray)}.credit-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--credit-gray-light)}.credit-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--credit-dark);font-weight:600}.credit-change-list{display:flex;flex-direction:column;gap:12px}.credit-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--credit-light);border-radius:6px;border-left:3px solid var(--credit-primary)}.credit-change-item i{color:var(--credit-primary);font-size:12px;margin-top:2px}.credit-change-item span{font-size:14px;color:var(--credit-dark);line-height:1.5;word-break:break-word}.credit-change-item span strong{margin-right:4px}.credit-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--credit-light);border-radius:8px;color:var(--credit-gray);text-align:center;justify-content:center}.credit-no-changes i{font-size:18px}.credit-btn-cancel{padding:12px 25px;background-color:var(--credit-gray-light);color:var(--credit-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.credit-btn-cancel:hover:not(:disabled){background-color:#dee2e6}.credit-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.credit-btn-submit{padding:12px 25px;background-color:var(--credit-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.credit-btn-submit:hover:not(:disabled){background-color:var(--credit-secondary);transform:translateY(-2px)}.credit-btn-submit:disabled{opacity:.5;cursor:not-allowed}.credit-btn-submit.loading{opacity:.8}.credit-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;justify-content:center;align-items:center;animation:creditFadeIn .2s ease}.credit-loading-spinner{text-align:center;background:#fff;padding:40px 60px;border-radius:20px;box-shadow:var(--credit-shadow-hover);border:1px solid var(--credit-primary-light);max-width:400px}.credit-spinner{width:56px;height:56px;border:4px solid var(--credit-gray-light);border-top:4px solid var(--credit-primary);border-radius:50%;margin:0 auto 20px;animation:creditSpin .8s linear infinite}.credit-loading-message{font-size:18px;font-weight:600;color:var(--credit-dark);margin-bottom:8px}@keyframes creditSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes creditFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.credit-title-row{gap:10px}.credit-title-left{min-width:auto}.credit-title-text{font-size:16px}.credit-title-right{min-width:auto}.credit-showing-count{padding:4px 12px;font-size:13px}.credit-count-numbers{min-width:20px;padding:1px 4px}}@media (max-width: 768px){.credit-container{padding:15px;height:auto}.credit-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.credit-tabs-selector{width:100%;min-width:100%}.credit-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.credit-search-input-group,.credit-search-field-selector{width:100%;min-width:100%}.credit-header-stats{flex-direction:column;align-items:stretch;gap:10px}.credit-stat-card{min-width:auto}.credit-add-btn{width:100%;justify-content:center}.credit-table-wrapper{max-height:calc(100vh - 350px)}.credit-table th,.credit-table td{padding:12px 8px;font-size:13px}.credit-action-buttons{flex-wrap:wrap;gap:5px}.credit-action-btn{width:32px;height:32px;font-size:12px}.credit-modal-content{margin:10px;max-height:85vh}.credit-modal-body{padding:20px}.credit-form-row{flex-direction:column;gap:15px}.credit-payment-balance{flex-direction:column;gap:10px}.credit-summary-card{grid-template-columns:repeat(2,1fr)}.credit-log-details,.credit-log-main-info{flex-direction:column;align-items:flex-start;gap:6px}.credit-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.credit-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.credit-date-input,.credit-apply-date-btn{width:100%}.credit-log-detail-meta{flex-direction:column;gap:10px}}@media (max-width: 760px){.credit-title-row{flex-direction:column;align-items:stretch;gap:12px}.credit-title-left{justify-content:center;text-align:center;width:100%}.credit-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.credit-compact-nav{width:100%;justify-content:center;padding:6px 10px}.credit-title-right{width:100%;justify-content:center}.credit-showing-count{width:fit-content;margin:0 auto}.credit-items-per-page{border-left:none;margin-left:0;padding-left:0}}@media (max-width: 480px){.credit-container{padding:12px}.credit-section-title{font-size:16px;flex-direction:column;align-items:flex-start;gap:5px}.credit-filter-summary{margin-left:0;font-size:13px}.credit-modal-header{padding:15px 20px}.credit-modal-body{padding:15px}.credit-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.credit-btn-cancel,.credit-btn-submit{width:100%;text-align:center;justify-content:center}.credit-summary-card{grid-template-columns:1fr}.credit-compact-log-entry{flex-direction:column;gap:10px}.credit-log-content{width:100%}.credit-compact-nav{flex-wrap:wrap;gap:6px;padding:8px}.credit-nav-btn{width:28px;height:28px}.credit-page-input{width:40px;height:28px;font-size:12px}.credit-page-total{font-size:12px}.credit-per-page-select{width:50px;height:28px;font-size:11px}.credit-per-page-label{font-size:11px}.credit-showing-count{font-size:12px;padding:4px 10px}.credit-count-numbers{font-size:12px;min-width:18px}.credit-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.credit-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.credit-date-input,.credit-apply-date-btn{width:100%}.credit-payment-customer{flex-direction:column;text-align:center}}@media (min-width: 769px) and (max-width: 1024px){.credit-container{padding:20px}.credit-search-input-group{min-width:250px}.credit-table th,.credit-table td{padding:14px 10px}}@media print{.credit-container{box-shadow:none;padding:0}.credit-tabs-header,.credit-action-buttons,.credit-modal-overlay,.credit-add-btn{display:none}.credit-table-wrapper{max-height:none;overflow:visible}.credit-table{border:1px solid #000;min-width:100%}.credit-table th{background-color:#f0f0f0;color:#000}.credit-table td{border:1px solid #ddd}}.credit-export-options{display:flex;flex-direction:column;gap:12px}.credit-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--credit-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.credit-export-option:hover{border-color:var(--credit-primary);background-color:var(--credit-primary-light)}.credit-export-option.selected{border-color:var(--credit-primary);background-color:var(--credit-primary-light);box-shadow:0 0 0 3px #4361ee1a}.credit-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.credit-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.credit-export-radio-custom{width:20px;height:20px;border:2px solid var(--credit-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.credit-export-option.selected .credit-export-radio-custom{border-color:var(--credit-primary)}.credit-export-option.selected .credit-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--credit-primary);border-radius:50%}.credit-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.credit-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--credit-light);border-radius:8px}.credit-export-option-title{font-size:15px;font-weight:600;color:var(--credit-dark)}.credit-export-option-desc{font-size:13px;color:var(--credit-gray)}@media (max-width: 480px){.credit-export-option{padding:12px 15px}.credit-export-option-content{gap:10px}.credit-export-option-content i{width:30px;height:30px;font-size:16px}.credit-export-option-title{font-size:14px}.credit-export-option-desc{font-size:12px}}.software-info-page{padding:24px;width:100%;margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;background-color:#f8fafc}.page-header{width:90%;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center}.page-header h1{font-size:24px;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:12px}.page-header h1 i{color:#3b82f6;font-size:28px}.software-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;overflow:hidden;width:90%;margin:0 auto}.software-card{padding:32px}.software-header-row{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4776e6,#8e54e9);border-radius:16px;padding:20px 32px;margin-bottom:32px;color:#fff;box-shadow:0 10px 15px -3px #4776e64d}.software-title-section{display:flex;align-items:center;gap:12px}.software-icon{width:60px;height:60px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.software-icon h3{margin:0;font-size:25px;font-weight:700;color:#fff}.software-title-info{display:flex;padding:5px 0;flex-direction:column}.software-title-info h2{margin:0;font-size:25px;font-weight:600;color:#fff;padding-bottom:5px;line-height:1.2}.software-version{margin:2px 0 0;font-size:12px;display:flex;align-items:center;gap:4px;color:#ffffffe6}.software-version i{font-size:10px}.header-right-info{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.plan-badge-premium{background:linear-gradient(145deg,#f093fb,#f5576c);padding:6px 16px;border-radius:30px;display:inline-flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.4);box-shadow:0 8px 15px -3px #f5576c66;width:fit-content}.plan-badge-premium i{font-size:14px;color:gold}.plan-badge-premium span{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.software-title-info .branch-name{margin:5px 0 0;font-size:12px;color:#fff;padding:4px 12px;border-radius:30px;display:inline-flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:fit-content}.branch-name i{font-size:10px;color:#fff}.two-card{display:flex;gap:30px;background-color:#fff;padding:20px 0}.info-section,.spec-section{flex:1}.info-section h3,.spec-section h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;display:flex;align-items:center;gap:8px}.info-section h3 i,.spec-section h3 i{color:#3b82f6;font-size:18px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.info-item:before{position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(135deg,#4776e6,#8e54e9);border-radius:4px 0 0 4px}.info-item:hover{transform:translateY(-2px);box-shadow:0 8px 12px -4px #0000001a}.info-label{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.info-value1{color:#1e293b;font-weight:600;font-size:15px;display:flex;align-items:center;gap:6px}.fa-globe{padding-right:5px}.info-value.license{color:#dc2626;background:#fef2f2;padding:4px 10px;border-radius:20px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.info-value.license i{color:#dc2626}.info-value.website{color:#3b82f6;text-decoration:none;cursor:pointer;font-size:14px}.info-value.website:hover{text-decoration:underline}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.spec-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease;position:relative;overflow:hidden}.spec-item:before{position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(135deg,#4776e6,#8e54e9)}.spec-item:hover{transform:translateY(-2px);box-shadow:0 8px 12px -4px #0000001a}.spec-item i{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:18px;border:1px solid #e2e8f0;flex-shrink:0}.spec-content{flex:1}.spec-label{display:block;color:#64748b;font-size:11px;margin-bottom:4px}.spec-value{display:block;color:#1e293b;font-weight:600;font-size:15px}.spec-item.storage-item{grid-column:span 2;flex-direction:column;align-items:stretch}.storage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.storage-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.storage-value{font-size:18px;font-weight:700;color:#1e293b}.storage-percentage{font-size:13px;font-weight:600;padding:2px 10px;border-radius:20px;background:#fff}.storage-bar-container{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin:12px 0}.storage-bar{height:100%;border-radius:4px;transition:width .3s ease}.storage-details{display:flex;justify-content:space-between;font-size:13px;flex-wrap:wrap;gap:10px}.storage-used,.storage-free{display:flex;align-items:center;gap:6px;color:#64748b;background:#fff;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0}.footer-section{text-align:center;padding:24px 0 0;margin-top:24px;border-top:2px solid #e2e8f0}.footer-section p{margin:4px 0;color:#64748b;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.copyright-note{color:#dc2626;font-size:13px;display:inline-flex;align-items:center;gap:8px;background:#fef2f2;padding:6px 16px;border-radius:30px;margin-top:8px;border:1px solid #fee2e2}.loading-state{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-state i{font-size:48px;color:#3b82f6;animation:spin 1s linear infinite}.loading-state p{font-size:16px;color:#1e293b}@media (max-width: 992px){.two-card{flex-direction:column;gap:24px}.software-header-row{padding:20px 24px}}@media (max-width: 768px){.software-info-page{padding:16px}.page-header{width:95%;flex-direction:column;gap:15px;align-items:center;text-align:center}.software-container{width:95%}.software-header-row{flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;gap:20px;text-align:center}.software-title-section{width:100%;justify-content:center;gap:10px}.header-right-info{align-items:center;width:100%}.software-card{padding:20px}.info-grid,.spec-grid{grid-template-columns:1fr}.spec-item.storage-item{grid-column:span 1}.plan-badge-premium,.branch-name{margin:0 auto}}@media (max-width: 576px){.software-card{padding:16px}.software-title-section{flex-wrap:wrap}.software-icon{width:42px;height:42px}.software-icon h3,.software-title-info h2{font-size:20px}.software-version{font-size:11px}.plan-badge-premium span{max-width:120px;font-size:13px}.plan-badge-premium{padding:5px 14px}.branch-name{font-size:11px;padding:3px 10px}.storage-info{flex-direction:column;align-items:center;text-align:center}.storage-stats{justify-content:center}.storage-details{flex-direction:column;align-items:center;gap:8px}.footer-section p{flex-direction:column;gap:6px}}@media (max-width: 480px){.software-header-row{padding:20px 15px}.software-title-section{flex-direction:column;gap:8px}.software-icon{width:40px;height:40px}.software-icon h3{font-size:18px}.software-title-info{align-items:center}.software-title-info h2{font-size:18px}.plan-badge-premium span{max-width:100px}.info-item,.spec-item{text-align:center}.spec-item{flex-direction:column;text-align:center}.spec-item i{margin-bottom:5px}}@media (max-width: 768px){.voucher-button-wrapper{justify-content:center}.voucher-glam-btn-content{padding:12px 24px;font-size:14px}}@media (max-width: 480px){.voucher-glam-btn-content{padding:10px 20px;font-size:13px;gap:8px}}.voucher-success-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;padding:12px 16px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;border-left:4px solid #28a745;animation:fadeOut 3s forwards}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px);display:none}}@media (max-width: 576px){.voucher-modal-content{width:95%;max-height:85vh}.voucher-modal-header{padding:16px 20px}.voucher-modal-header h3{font-size:18px}.voucher-modal-body{padding:20px}.voucher-modal-footer{padding:16px 20px}.voucher-btn-cancel,.voucher-btn-save{padding:10px 20px}}.voucher-notification{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 10px 25px -5px #0000001a;animation:slideInRight .3s ease;max-width:350px}.voucher-notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left:4px solid #fff}.voucher-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left:4px solid #fff}.voucher-notification i{font-size:18px}.voucher-info-text{background:#eff6ff;padding:12px 16px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:13px;color:#1e40af;border-left:4px solid #3b82f6}.voucher-info-text i{font-size:16px;color:#3b82f6}.voucher-button-wrapper{display:flex;justify-content:flex-end;margin:24px 0 20px;position:relative}.voucher-glam-btn{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;padding:0;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.voucher-glam-btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.voucher-glam-btn:hover .voucher-glam-btn-glow{left:100%}.voucher-glam-btn-content{display:flex;align-items:center;gap:12px;padding:14px 28px;color:#fff;font-weight:600;font-size:16px;letter-spacing:.5px;position:relative;z-index:1}.voucher-glam-btn-content i:first-child{font-size:18px;animation:pulse 2s infinite}.voucher-glam-btn-content i:last-child{font-size:14px;transition:transform .3s ease}.voucher-glam-btn:hover .voucher-glam-btn-content i:last-child{transform:translate(5px)}.voucher-glam-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.voucher-glam-btn:active{transform:translateY(0)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.voucher-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.voucher-modal-content{background:#fff;border-radius:24px;width:90%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.voucher-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:24px 24px 0 0}.voucher-modal-header h3{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px}.voucher-modal-header h3 i{font-size:24px}.voucher-modal-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.voucher-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.voucher-modal-body{padding:28px}.voucher-form-group{margin-bottom:22px}.voucher-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#1e293b;font-size:14px;display:flex;align-items:center;gap:8px}.voucher-form-group label i{color:#667eea;width:18px}.voucher-form-group input,.voucher-form-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s ease;font-family:inherit;background:#f8fafc}.voucher-form-group input:focus,.voucher-form-group textarea:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.voucher-form-group input:disabled,.voucher-form-group textarea:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.voucher-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 24px 24px}.voucher-btn-cancel,.voucher-btn-save{padding:12px 28px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px}.voucher-btn-cancel{background:#f1f5f9;color:#64748b}.voucher-btn-cancel:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.voucher-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.voucher-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.voucher-btn-save:disabled,.voucher-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 576px){.voucher-modal-content{width:95%;max-height:85vh}.voucher-modal-header{padding:16px 20px}.voucher-modal-header h3{font-size:18px}.voucher-modal-body{padding:20px}.voucher-modal-footer{padding:16px 20px}.voucher-btn-cancel,.voucher-btn-save{padding:10px 20px}.voucher-notification{top:10px;right:10px;left:10px;max-width:calc(100% - 20px)}}@media (max-width: 480px){.voucher-button-wrapper{justify-content:center}.voucher-glam-btn-content{padding:10px 20px;font-size:13px;gap:8px}}.paper-size-selector{display:flex;flex-direction:column;gap:12px;margin-top:8px}.paper-size-option{display:flex;align-items:center;gap:16px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;background:#f8fafc}.paper-size-option:hover{border-color:#667eea;background:#f0f4ff;transform:translate(4px)}.paper-size-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8edff);box-shadow:0 2px 8px #667eea33}.paper-size-preview{height:50px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid #cbd5e1;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.paper-size-option.selected .paper-size-preview{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.paper-size-preview-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.paper-size-preview-inner i{font-size:20px;color:#667eea}.paper-size-info{flex:1;display:flex;flex-direction:column;gap:4px}.paper-size-label{font-weight:700;font-size:15px;color:#1e293b}.paper-size-desc{font-size:11px;color:#64748b}.paper-size-check{color:#10b981;font-size:20px;margin-left:auto}.paper-size-hint{margin-top:12px;padding:10px 12px;background:#eff6ff;border-radius:8px;font-size:12px;color:#1e40af;display:flex;align-items:center;gap:8px}.paper-size-hint i{font-size:14px}@media (max-width: 576px){.paper-size-option{padding:10px 12px;gap:12px}.paper-size-preview{height:40px}.paper-size-preview-inner i{font-size:16px}.paper-size-label{font-size:13px}.paper-size-desc{font-size:10px}}.image-upload-container{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 0}.image-preview-wrapper{flex-shrink:0}.image-preview{position:relative;width:100px;height:100px;border-radius:12px;overflow:hidden;border:2px solid #e2e8f0;background:#f8fafc}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview.qr-preview{width:100px;height:100px}.image-remove-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:2px solid white;background:#ef4444;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.image-remove-btn:hover:not(:disabled){transform:scale(1.1);background:#dc2626}.image-remove-btn:disabled{opacity:.5;cursor:not-allowed}.image-placeholder{width:100px;height:100px;border-radius:12px;border:2px dashed #cbd5e1;background:#f1f5f9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#94a3b8;font-size:12px}.image-placeholder i{font-size:32px;color:#94a3b8}.image-placeholder.qr-placeholder{width:100px;height:100px}.image-placeholder.qr-placeholder i{font-size:36px}.image-upload-actions{display:flex;flex-direction:column;gap:8px}.image-upload-btn{padding:8px 20px;border:2px solid #667eea;background:transparent;color:#667eea;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.image-upload-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.image-upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 576px){.image-upload-container{flex-direction:column;align-items:center}.image-preview,.image-placeholder,.image-preview.qr-preview,.image-placeholder.qr-placeholder{width:80px;height:80px}}:root{--disc-primary: #4361ee;--disc-primary-light: #eef2ff;--disc-secondary: #3a0ca3;--disc-success: #4cc9f0;--disc-warning: #f8961e;--disc-danger: #f72585;--disc-danger-light: #fef2f7;--disc-dark: #1a1a2e;--disc-light: #f8f9fa;--disc-gray: #6c757d;--disc-gray-light: #e9ecef;--disc-border-radius: 12px;--disc-shadow: 0 4px 12px rgba(0, 0, 0, .05);--disc-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.disc-table-wrapper::-webkit-scrollbar,.disc-compact-logs-container::-webkit-scrollbar,.disc-modal-content::-webkit-scrollbar,.disc-product-list-container::-webkit-scrollbar{width:4px;height:4px}.disc-table-wrapper::-webkit-scrollbar-track,.disc-compact-logs-container::-webkit-scrollbar-track,.disc-modal-content::-webkit-scrollbar-track,.disc-product-list-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.disc-table-wrapper::-webkit-scrollbar-thumb,.disc-compact-logs-container::-webkit-scrollbar-thumb,.disc-modal-content::-webkit-scrollbar-thumb,.disc-product-list-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.disc-table-wrapper::-webkit-scrollbar-thumb:hover,.disc-compact-logs-container::-webkit-scrollbar-thumb:hover,.disc-modal-content::-webkit-scrollbar-thumb:hover,.disc-product-list-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.disc-container{background-color:#fff;padding:25px;box-shadow:var(--disc-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.cat-messages-container{margin-bottom:15px}.cat-message{display:flex;align-items:center;padding:12px 16px;border-radius:8px;margin-bottom:10px;animation:slideIn .3s ease;border-left:4px solid transparent}.cat-message.success{background-color:#d4edda;color:#155724;border-left-color:#28a745}.cat-message.error{background-color:#f8d7da;color:#721c24;border-left-color:#dc3545}.cat-message.warning{background-color:#fff3cd;color:#856404;border-left-color:#ffc107}.cat-message i:first-child{font-size:20px;margin-right:12px}.cat-message span{flex:1;font-size:14px;font-weight:500}.cat-message button{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;opacity:.7;transition:opacity .2s;padding:0 4px}.cat-message button:hover{opacity:1}.disc-conflict-alert{background-color:#fef2f7;border-left:4px solid #f72585;border-radius:8px;padding:12px 16px;margin-bottom:15px;display:flex;align-items:flex-start;gap:12px;animation:slideIn .3s ease}.disc-conflict-alert i:first-child{font-size:20px;color:#f72585;margin-top:2px}.disc-conflict-content{flex:1}.disc-conflict-title{font-weight:600;color:#f72585;font-size:14px;margin-bottom:4px}.disc-conflict-message{font-size:13px;color:#721c24}.disc-conflict-list{margin-top:8px;list-style:none;padding:0}.disc-conflict-list li{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 0;color:#666}.disc-conflict-list li i{color:#f72585;font-size:10px}.disc-conflict-close{background:none;border:none;color:#f72585;cursor:pointer;font-size:16px;padding:4px;opacity:.7;transition:opacity .2s}.disc-conflict-close:hover{opacity:1}.damage-network-error{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:10px;display:flex;align-items:center;gap:12px;border-left:4px solid #dc3545}.damage-network-error i{font-size:24px}.damage-network-error .error-title{font-weight:600;font-size:14px;margin-bottom:2px}.damage-network-error .error-message{font-size:13px}.damage-network-error button{background-color:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s;white-space:nowrap}.damage-network-error button:hover{background-color:#c82333;transform:translateY(-1px)}.disc-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--disc-gray-light)}.disc-tabs-selector{min-width:240px}.disc-select-container{position:relative;display:flex;align-items:center}.disc-select-icon{position:absolute;left:15px;color:var(--disc-primary);font-size:16px;z-index:2;pointer-events:none}.disc-tab-select{width:100%;padding:12px 45px;border:1px solid var(--disc-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--disc-dark);background-color:var(--disc-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.disc-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.disc-select-arrow{position:absolute;right:15px;color:var(--disc-primary);font-size:14px;z-index:2;pointer-events:none}.disc-tab-select option{font-size:14px;font-weight:500;color:var(--disc-dark);padding:10px;background-color:#fff}.disc-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:500px}.disc-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.disc-search-icon{position:absolute;left:12px;color:var(--disc-gray);font-size:14px;z-index:2}.disc-search-input{width:100%;padding:10px 40px;border:1px solid var(--disc-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--disc-dark);transition:all .3s;background-color:#fff}.disc-search-input:focus{outline:none;border-color:var(--disc-primary);box-shadow:0 0 0 3px #4361ee1a}.disc-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--disc-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.disc-clear-search-btn:hover{color:var(--disc-danger)}.disc-add-btn{background-color:var(--disc-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.disc-add-btn:hover{background-color:var(--disc-secondary);transform:translateY(-2px);box-shadow:var(--disc-shadow-hover)}.disc-add-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.disc-section-title{width:100%;margin-bottom:17px}.disc-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.disc-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.disc-title-left i{color:var(--disc-primary);font-size:18px}.disc-title-text{font-size:18px;font-weight:600;color:var(--disc-dark);white-space:nowrap}.disc-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.disc-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.disc-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--disc-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--disc-gray);white-space:nowrap}.disc-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center;color:var(--disc-gray)}.disc-count-label{font-weight:500;color:var(--disc-gray);margin-left:2px}.disc-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--disc-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--disc-gray);white-space:nowrap}.disc-loading-text i{color:var(--disc-primary)}.disc-loading-label{margin-left:4px}.disc-search-badge{margin-left:6px;padding:2px 8px;background-color:var(--disc-primary-light);border-radius:16px;font-size:11px;color:var(--disc-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.disc-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center;background-color:var(--disc-light)}.disc-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--disc-gray-light);border-radius:50%;color:var(--disc-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.disc-nav-btn:hover:not(:disabled){background-color:var(--disc-primary);color:#fff;border-color:var(--disc-primary)}.disc-nav-btn:disabled{opacity:.4;cursor:not-allowed}.disc-nav-btn.loading{background-color:var(--disc-primary-light);border-color:var(--disc-primary)}.disc-nav-btn.loading i{color:var(--disc-primary)}.disc-page-control{display:flex;align-items:center;gap:4px}.disc-search-badge-container{margin-top:12px;display:flex;justify-content:center}.disc-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--disc-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--disc-dark);padding:0 4px;transition:all .3s;background-color:#fff}.disc-page-input:focus{outline:none;border-color:var(--disc-primary);box-shadow:0 0 0 2px #4361ee1a}.disc-page-input:disabled{background-color:var(--disc-light);cursor:not-allowed}.disc-page-total{font-size:13px;color:var(--disc-gray);font-weight:500;white-space:nowrap}.disc-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--disc-gray-light);flex-shrink:0}.disc-per-page-select{width:60px;height:32px;border:1px solid var(--disc-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--disc-dark);background-color:#fff;cursor:pointer;transition:all .3s}.disc-per-page-select:focus{outline:none;border-color:var(--disc-primary)}.disc-per-page-select:disabled{background-color:var(--disc-light);cursor:not-allowed}.disc-per-page-label{font-size:12px;color:var(--disc-gray);white-space:nowrap}.disc-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--disc-gray-light);background-color:#fff}.disc-table{width:100%;border-collapse:collapse;min-width:1300px}.disc-table thead{background-color:var(--disc-light);position:sticky;top:0;z-index:10}.disc-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--disc-dark);border-bottom:2px solid var(--disc-gray-light);white-space:nowrap}.disc-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--disc-dark);border-bottom:1px solid var(--disc-gray-light);vertical-align:middle}.disc-table tbody tr{transition:all .3s}.disc-table tbody tr:hover{background-color:var(--disc-light)}.disc-row-inactive{opacity:.7;background-color:#f8f9fa}.disc-row-inactive:hover{opacity:.9;background-color:#f1f3f5}.disc-row-conflict{background-color:#f725850d;border-left:3px solid #f72585}.disc-row-conflict:hover{background-color:#f725851a}.disc-conflict-warning{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background-color:#fef2f7;color:#f72585;border-radius:12px;font-size:11px;font-weight:600;margin-left:6px;white-space:nowrap}.disc-conflict-warning i{font-size:10px}.disc-conflict-tooltip{position:relative;cursor:help}.disc-conflict-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:150%;left:50%;transform:translate(-50%);background:#fff;color:#333;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;box-shadow:0 2px 8px #00000026;border:1px solid #ddd;z-index:1000;min-width:200px;white-space:normal;text-align:left;line-height:1.4}.dis-notes{font-size:12px;font-style:italic}.fa-sticky-note{color:var(--disc-primary);font-size:12px;padding-right:5px}.disc-code-cell{display:flex;align-items:center;gap:8px}.disc-code-value{font-family:Courier New,monospace;font-weight:700;color:var(--disc-secondary);letter-spacing:1px}.disc-copy-code-btn-small{background-color:var(--disc-primary);color:#fff;border:none;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .3s;padding:0}.disc-copy-code-btn-small:hover{background-color:var(--disc-secondary);transform:scale(1.1)}.disc-copy-code-btn-small:disabled{opacity:.5;cursor:not-allowed}.disc-type-badge-small{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:600;color:#fff}.disc-type-badge-small i{font-size:10px}.disc-product-count-small{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background-color:#4361ee1a;border-radius:20px;font-size:12px;font-weight:600;color:var(--disc-primary)}.disc-product-count-small i{font-size:11px}.disc-product-view-btn{background-color:var(--disc-primary-light, #eef2ff);border:1px solid var(--disc-primary, #4361ee);border-radius:20px;color:var(--disc-primary, #4361ee);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 15px;font-size:13px;font-weight:500;transition:all .2s}.disc-product-view-btn i{font-size:14px}.disc-product-view-btn:hover{background-color:var(--disc-primary, #4361ee);color:#fff;transform:translateY(-1px);box-shadow:var(--disc-shadow-hover)}.disc-product-view-btn:hover i{color:#fff}.disc-product-view-btn span{font-weight:600}.disc-product-names-preview{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--disc-gray);background-color:#4361ee0d;padding:2px 8px;border-radius:12px}.disc-product-names-preview i{margin-right:4px;color:var(--disc-primary);font-size:10px}.disc-product-names-tooltip{position:relative;cursor:help}.disc-product-names-tooltip:hover:after{content:attr(data-products);position:absolute;bottom:150%;left:0;background:#fff;color:#333;padding:8px 12px;border-radius:6px;font-size:12px;white-space:normal;box-shadow:0 2px 8px #00000026;border:1px solid #ddd;z-index:1000;min-width:200px;max-width:300px;line-height:1.4}.disc-date-cell{display:flex;flex-direction:column;gap:4px}.disc-date-to{font-size:11px;color:var(--disc-gray);text-align:center}.disc-days-remaining-small{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--disc-warning);font-weight:600;background-color:#f8961e1a;padding:3px 8px;border-radius:12px;margin-top:4px;width:fit-content}.disc-days-remaining-small i{font-size:10px}.disc-expired-small{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--disc-gray);font-weight:600;background-color:#6c757d1a;padding:3px 8px;border-radius:12px;margin-top:4px;width:fit-content}.disc-expired-small i{font-size:10px}.disc-status-badge-small{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block;text-align:center;min-width:70px}.disc-status-active{background-color:#4cc9f01a;color:var(--disc-success);border:1px solid rgba(76,201,240,.3)}.disc-status-inactive{background-color:#f725851a;color:var(--disc-danger);border:1px solid rgba(247,37,133,.3)}.disc-status-expired{background-color:#6c757d1a;color:var(--disc-gray);border:1px solid rgba(108,117,125,.3)}.disc-total-given{display:flex;flex-direction:column;gap:2px}.disc-total-amount{font-weight:700;color:var(--disc-primary);font-size:13px}.disc-total-products{font-size:10px;color:var(--disc-gray);display:flex;align-items:center;gap:2px}.disc-total-products i{font-size:8px}.disc-action-buttons{display:flex;gap:8px}.disc-action-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:12px;transition:all .3s;border:none}.disc-action-btn:hover{transform:translateY(-2px);box-shadow:var(--disc-shadow)}.disc-action-btn:disabled{opacity:.5;cursor:not-allowed}.disc-action-edit{background-color:var(--disc-warning)}.disc-action-delete{background-color:var(--disc-danger)}.disc-no-data{text-align:center;padding:40px!important;background-color:var(--disc-light)}.disc-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--disc-gray)}.disc-no-data-content i{font-size:48px;color:var(--disc-gray-light)}.disc-no-data-content p{font-size:16px;margin:0}.disc-no-data-content .disc-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--disc-gray-light);color:var(--disc-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.disc-no-data-content .disc-clear-search-btn.secondary:hover{background-color:var(--disc-primary);color:#fff}.disc-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.disc-log-filters{margin-bottom:20px;padding:15px;background-color:var(--disc-light);border-radius:8px}.disc-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.disc-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--disc-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--disc-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.disc-filter-tab:hover:not(:disabled){border-color:var(--disc-primary);color:var(--disc-primary)}.disc-filter-tab:disabled{opacity:.5;cursor:not-allowed}.disc-filter-tab.active{background-color:var(--disc-primary);color:#fff;border-color:var(--disc-primary)}.disc-filter-count{background-color:var(--disc-gray-light);color:var(--disc-gray);padding:2px 6px;border-radius:10px;font-size:11px;margin-left:4px}.disc-filter-tab.active .disc-filter-count{background-color:#ffffff4d;color:#fff}.disc-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--disc-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.disc-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.disc-date-picker-row label{font-size:13px;color:var(--disc-dark);font-weight:600;min-width:40px}.disc-date-input{padding:8px 12px;border:1px solid var(--disc-gray-light);border-radius:6px;font-size:13px;color:var(--disc-dark);flex:1}.disc-date-input:focus{outline:none;border-color:var(--disc-primary);box-shadow:0 0 0 2px #4361ee1a}.disc-apply-date-btn{padding:8px 16px;background-color:var(--disc-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.disc-apply-date-btn:hover:not(:disabled){background-color:var(--disc-secondary)}.disc-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.disc-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.disc-date-group{margin-bottom:25px}.disc-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--disc-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--disc-primary)}.disc-date-label{font-weight:600;color:var(--disc-dark);font-size:14px}.disc-date-count{font-size:12px;color:var(--disc-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.disc-logs-list{display:flex;flex-direction:column;gap:10px}.disc-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--disc-gray-light);transition:all .2s;gap:15px;cursor:pointer}.disc-compact-log-entry:hover{border-color:var(--disc-primary);box-shadow:var(--disc-shadow);transform:translateY(-2px)}.disc-compact-log-entry.log-add{border-left:3px solid var(--disc-success)}.disc-compact-log-entry.log-edit{border-left:3px solid var(--disc-warning)}.disc-compact-log-entry.log-delete{border-left:3px solid var(--disc-danger)}.disc-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.disc-compact-log-entry.log-add .disc-log-icon{background-color:#4cc9f01a;color:var(--disc-success)}.disc-compact-log-entry.log-edit .disc-log-icon{background-color:#f8961e1a;color:var(--disc-warning)}.disc-compact-log-entry.log-delete .disc-log-icon{background-color:#f725851a;color:var(--disc-danger)}.disc-log-icon i{font-size:16px}.disc-log-content{flex:1;min-width:0}.disc-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.disc-log-action{font-weight:600;color:var(--disc-dark);font-size:14px}.disc-log-discount{font-size:13px;color:var(--disc-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.disc-discount-id{font-size:11px;color:var(--disc-gray);font-weight:500}.disc-log-products{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:12px;color:var(--disc-gray)}.disc-log-products i{color:var(--disc-primary);font-size:10px}.disc-product-tag{background-color:#4361ee14;color:var(--disc-primary);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;display:inline-block}.disc-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--disc-gray)}.disc-log-user{display:flex;align-items:center;gap:6px}.disc-log-user i{font-size:12px}.disc-user-role{color:#6c757d;font-size:11px;margin-left:2px}.disc-log-time{display:flex;align-items:center;gap:6px;background-color:var(--disc-light);padding:3px 10px;border-radius:12px}.disc-log-time i{font-size:12px}.disc-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--disc-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--disc-gray)}.disc-log-detail-count i{font-size:11px}.no-logs{text-align:center;padding:40px;background-color:var(--disc-light);border-radius:8px;color:var(--disc-gray)}.no-logs i{font-size:48px;color:var(--disc-gray-light);margin-bottom:15px}.disc-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.disc-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:var(--disc-shadow-hover);animation:discModalSlideIn .3s ease-out}@keyframes discModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.disc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--disc-gray-light);background-color:var(--disc-light);border-radius:12px 12px 0 0}.disc-modal-header h3{margin:0;font-size:18px;color:var(--disc-dark);display:flex;align-items:center;gap:10px}.disc-modal-header h3 i{color:var(--disc-primary)}.disc-modal-close{background:none;border:none;font-size:20px;color:var(--disc-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.disc-modal-close:hover{background-color:var(--disc-gray-light);color:var(--disc-danger)}.disc-modal-close:disabled{opacity:.5;cursor:not-allowed}.disc-modal-body{padding:25px}.disc-modal-footer{padding:20px 25px;border-top:1px solid var(--disc-gray-light);display:flex;justify-content:flex-end;gap:15px}.disc-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--disc-primary)}.disc-current-user-banner i{font-size:24px;color:var(--disc-primary)}.disc-current-user-banner .disc-user-name{font-size:14px;font-weight:600;color:var(--disc-dark)}.disc-current-user-banner .disc-user-role{font-size:12px;color:var(--disc-gray)}.disc-validation-error{background-color:#f8d7da;color:#721c24;padding:12px 15px;border-radius:8px;font-size:14px;display:flex;align-items:center;gap:10px;border-left:4px solid #dc3545}.disc-validation-error i{font-size:18px}.disc-field-error{color:#dc3545;font-size:12px;margin-top:5px;display:flex;align-items:center;gap:5px}.disc-field-error i{font-size:12px}.disc-input-error{border-color:#dc3545!important}.disc-input-error:focus{box-shadow:0 0 0 3px #dc35451a!important}.disc-form-group{margin-bottom:20px}.disc-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--disc-dark);font-size:14px}.disc-form-group label.disc-required:after{content:" *";color:var(--disc-danger)}.disc-form-group input,.disc-form-group select,.disc-form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--disc-gray-light);border-radius:8px;font-size:14px;color:var(--disc-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.disc-form-group input:focus,.disc-form-group select:focus,.disc-form-group textarea:focus{outline:none;border-color:var(--disc-primary);box-shadow:0 0 0 3px #4361ee1a}.disc-form-group input:disabled,.disc-form-group select:disabled,.disc-form-group textarea:disabled{background-color:var(--disc-light);cursor:not-allowed}.disc-form-row{display:flex;gap:15px}.disc-form-row .disc-form-group{flex:1;margin-bottom:0}.disc-code-input-group{display:flex;gap:10px}.disc-code-input-group input{flex:1}.disc-generate-code-btn{background-color:var(--disc-success);color:#fff;border:none;padding:12px 15px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s}.disc-generate-code-btn:hover:not(:disabled){background-color:#3ab8d9;transform:translateY(-1px)}.disc-generate-code-btn:disabled{opacity:.5;cursor:not-allowed}.disc-value-input{position:relative;display:flex;align-items:center}.disc-value-input input{flex:1;padding-left:45px;padding-right:45px}.disc-value-prefix{position:absolute;left:15px;color:var(--disc-gray);font-weight:500}.disc-value-suffix{position:absolute;right:15px;color:var(--disc-gray);font-weight:500}.disc-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:10px}.disc-type-option{border:2px solid var(--disc-gray-light);border-radius:8px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px}.disc-type-option:hover{border-color:var(--disc-primary);background-color:var(--disc-primary-light)}.disc-type-option.selected{border-color:var(--disc-primary);background-color:var(--disc-primary-light);color:var(--disc-primary)}.disc-type-option i{font-size:20px;color:inherit}.disc-type-option span{font-size:13px;font-weight:600}.disc-applicable-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.disc-applicable-option{border:2px solid var(--disc-gray-light);border-radius:8px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px}.disc-applicable-option:hover{border-color:var(--disc-primary);background-color:var(--disc-primary-light)}.disc-applicable-option.selected{border-color:var(--disc-primary);background-color:var(--disc-primary-light);color:var(--disc-primary)}.disc-applicable-option i{font-size:18px;color:inherit}.disc-applicable-option span{font-size:12px;font-weight:600}.disc-selected-products-preview{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--disc-light);border-radius:6px;margin-bottom:10px}.disc-selected-count{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--disc-success)}.disc-select-products-btn{background-color:var(--disc-primary);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.disc-select-products-btn:hover:not(:disabled){background-color:var(--disc-secondary)}.disc-select-products-btn:disabled{opacity:.5;cursor:not-allowed}.disc-status-select-group{display:flex;gap:15px}.disc-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--disc-gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.disc-status-option:hover{border-color:var(--disc-primary)}.disc-status-option.selected{border-color:var(--disc-primary);background-color:var(--disc-primary-light)}.disc-status-radio{display:none}.disc-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--disc-gray);cursor:pointer}.disc-status-label i{font-size:20px}.disc-status-option.selected .disc-status-label{color:var(--disc-primary)}.disc-status-option:nth-child(1) .disc-status-label i{color:var(--disc-success)}.disc-status-option:nth-child(2) .disc-status-label i{color:var(--disc-danger)}.disc-preview{margin-top:25px;padding-top:20px;border-top:1px solid var(--disc-gray-light)}.disc-preview h4{font-size:15px;font-weight:600;color:var(--disc-dark);margin-bottom:15px}.disc-preview-card{background-color:var(--disc-light);border-radius:8px;padding:20px;border:1px solid var(--disc-gray-light)}.disc-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed var(--disc-gray-light)}.disc-preview-name{font-size:16px;font-weight:600;color:var(--disc-dark)}.disc-preview-code{font-size:14px;font-weight:600;color:var(--disc-primary);background-color:#4361ee1a;padding:5px 10px;border-radius:4px}.disc-preview-body{display:flex;flex-direction:column;gap:10px}.disc-preview-type{font-size:12px;font-weight:600;color:#fff;padding:5px 10px;border-radius:12px;display:inline-block;width:fit-content}.disc-preview-value{font-size:16px;font-weight:700;color:var(--disc-secondary)}.disc-preview-applies{font-size:14px;color:var(--disc-gray)}.disc-preview-dates{font-size:13px;color:var(--disc-gray)}.disc-btn-cancel{padding:12px 25px;background-color:var(--disc-gray-light);color:var(--disc-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.disc-btn-cancel:hover:not(:disabled){background-color:#dee2e6}.disc-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.disc-btn-submit{padding:12px 25px;background-color:var(--disc-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.disc-btn-submit:hover:not(:disabled){background-color:var(--disc-secondary);transform:translateY(-2px)}.disc-btn-submit:disabled{opacity:.5;cursor:not-allowed}.disc-btn-submit.loading{opacity:.8}.disc-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--disc-primary)}.disc-log-detail-main{margin-bottom:15px}.disc-log-detail-action{margin-bottom:12px}.disc-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.disc-action-add{background-color:#4cc9f01a;color:var(--disc-success);border:1px solid rgba(76,201,240,.3)}.disc-action-edit{background-color:#f8961e1a;color:var(--disc-warning);border:1px solid rgba(248,150,30,.3)}.disc-action-delete{background-color:#f725851a;color:var(--disc-danger);border:1px solid rgba(247,37,133,.3)}.disc-log-detail-discount{display:flex;align-items:center;gap:10px;font-size:15px}.disc-log-detail-discount i{color:var(--disc-primary)}.disc-discount-name{font-weight:600;color:var(--disc-dark)}.disc-discount-id-detail{font-size:12px;color:var(--disc-gray);background-color:var(--disc-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.disc-log-product-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding:10px;background-color:#4361ee0d;border-radius:6px}.disc-log-product-tag{background-color:#fff;border:1px solid var(--disc-gray-light);color:var(--disc-primary);padding:4px 10px;border-radius:16px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;gap:4px}.disc-log-product-tag i{color:var(--disc-success);font-size:10px}.disc-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.disc-log-detail-user,.disc-log-detail-time{display:flex;align-items:center;gap:12px}.disc-log-detail-user i,.disc-log-detail-time i{color:var(--disc-gray);font-size:20px}.disc-user-name-detail{font-weight:600;font-size:14px;color:var(--disc-dark)}.disc-user-role-detail{font-size:12px;color:var(--disc-gray)}.disc-log-date-detail{font-weight:600;font-size:14px;color:var(--disc-dark)}.disc-log-time-detail{font-size:12px;color:var(--disc-gray)}.disc-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--disc-gray-light)}.disc-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--disc-dark);font-weight:600}.disc-change-list{display:flex;flex-direction:column;gap:12px}.disc-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--disc-light);border-radius:6px;border-left:3px solid var(--disc-primary)}.disc-change-item i{color:var(--disc-primary);font-size:12px;margin-top:2px}.disc-change-item span{font-size:14px;color:var(--disc-dark);line-height:1.5;word-break:break-word}.disc-change-item strong{margin-right:4px;color:var(--disc-dark)}.disc-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--disc-light);border-radius:8px;color:var(--disc-gray);text-align:center;justify-content:center}.disc-no-changes i{font-size:18px}.disc-product-selector-modal{max-width:900px}.disc-product-selector-header{display:flex;gap:15px;margin-bottom:20px}.disc-product-search{flex:2;position:relative}.disc-product-search i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--disc-gray)}.disc-product-search input{width:100%;padding:12px 15px 12px 40px;border:1px solid var(--disc-gray-light);border-radius:8px;font-size:14px}.disc-product-search input:focus{outline:none;border-color:var(--disc-primary);box-shadow:0 0 0 2px #4361ee1a}.disc-product-categories{flex:1;min-width:180px}.disc-product-categories select{width:100%;padding:12px 15px;border:1px solid var(--disc-gray-light);border-radius:8px;font-size:14px;background-color:#fff}.disc-product-categories select:focus{outline:none;border-color:var(--disc-primary);box-shadow:0 0 0 2px #4361ee1a}.disc-product-selector-actions{display:flex;gap:15px;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--disc-gray-light)}.disc-select-all-btn,.disc-clear-all-btn{padding:8px 15px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.disc-select-all-btn{background-color:var(--disc-success);color:#fff}.disc-select-all-btn:hover:not(:disabled){background-color:#3ab8d9}.disc-clear-all-btn{background-color:var(--disc-gray-light);color:var(--disc-dark)}.disc-clear-all-btn:hover:not(:disabled){background-color:#dee2e6}.disc-select-all-btn:disabled,.disc-clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.disc-selected-counter{margin-left:auto;font-size:14px;font-weight:600;color:var(--disc-primary);display:flex;align-items:center;gap:8px}.disc-selected-counter i{color:var(--disc-success)}.disc-product-list-container{max-height:400px;overflow-y:auto;border:1px solid var(--disc-gray-light);border-radius:8px;margin-bottom:20px}.disc-product-list{display:flex;flex-direction:column}.disc-product-item{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid var(--disc-gray-light);cursor:pointer;transition:all .3s}.disc-product-item:hover{background-color:var(--disc-primary-light)}.disc-product-item.selected{background-color:#4cc9f01a}.disc-product-item:last-child{border-bottom:none}.disc-product-checkbox{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:15px;color:var(--disc-primary)}.disc-product-info{flex:1}.disc-product-name{font-weight:600;color:var(--disc-dark);margin-bottom:4px}.disc-product-details{display:flex;gap:10px;font-size:11px;color:var(--disc-gray);flex-wrap:wrap}.disc-product-id{background-color:var(--disc-gray-light);padding:2px 6px;border-radius:8px}.disc-product-sku{background-color:#4361ee1a;color:var(--disc-primary);padding:2px 6px;border-radius:8px;font-weight:600}.disc-product-category{background-color:#4cc9f01a;color:var(--disc-success);padding:2px 6px;border-radius:8px}.disc-product-price{color:var(--disc-warning);font-weight:600}.disc-product-stock{color:var(--disc-gray)}.disc-product-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 0;margin-top:10px;border-top:1px solid var(--disc-gray-light)}.disc-product-pagination-info{font-size:13px;color:var(--disc-gray)}.disc-product-pagination-controls{display:flex;gap:8px;align-items:center}.disc-product-pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--disc-gray-light);border-radius:6px;color:var(--disc-dark);cursor:pointer;transition:all .3s;font-size:12px}.disc-product-pagination-btn:hover:not(:disabled){background-color:var(--disc-primary);color:#fff;border-color:var(--disc-primary)}.disc-product-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.disc-product-pagination-page{display:flex;align-items:center;gap:4px}.disc-product-pagination-input{width:50px;height:32px;text-align:center;border:1px solid var(--disc-gray-light);border-radius:6px;font-size:13px;font-weight:600;color:var(--disc-dark)}.disc-product-pagination-input:focus{outline:none;border-color:var(--disc-primary);box-shadow:0 0 0 2px #4361ee1a}.disc-product-pagination-total{font-size:13px;color:var(--disc-gray)}.disc-product-pagination-per-page{display:flex;align-items:center;gap:6px}.disc-product-pagination-select{width:60px;height:32px;border:1px solid var(--disc-gray-light);border-radius:6px;font-size:12px;padding:0 8px;color:var(--disc-dark);background-color:#fff;cursor:pointer}.disc-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;justify-content:center;align-items:center;animation:discFadeIn .2s ease}.disc-loading-spinner{text-align:center;background:#fff;padding:40px 60px;border-radius:20px;box-shadow:var(--disc-shadow-hover);border:1px solid var(--disc-primary-light);max-width:400px}.disc-spinner{width:56px;height:56px;border:4px solid var(--disc-gray-light);border-top:4px solid var(--disc-primary);border-radius:50%;margin:0 auto 20px;animation:discSpin .8s linear infinite}.disc-loading-message{font-size:18px;font-weight:600;color:var(--disc-dark);margin-bottom:8px}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes discFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.disc-title-row{gap:10px}.disc-title-left{min-width:auto}.disc-title-text{font-size:16px}.disc-title-right{min-width:auto}.disc-showing-count{padding:4px 12px;font-size:13px}}@media (max-width: 768px){.disc-container{padding:15px;height:auto}.disc-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.disc-tabs-selector{width:100%;min-width:100%}.disc-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.disc-search-input-group{width:100%;min-width:100%}.disc-add-btn{width:100%;justify-content:center}.disc-table-wrapper{max-height:calc(100vh - 350px)}.disc-table th,.disc-table td{padding:12px 8px;font-size:13px}.disc-action-buttons{display:flex;gap:8px}.disc-action-btn{width:32px;height:32px}.disc-modal-content{margin:10px;max-height:85vh}.disc-modal-body{padding:20px}.disc-form-group{margin-bottom:15px}.disc-form-row,.disc-status-select-group{flex-direction:column;gap:10px}.disc-type-selector{grid-template-columns:repeat(2,1fr)}.disc-applicable-selector{grid-template-columns:1fr}.disc-product-selector-header{flex-direction:column}.disc-product-categories{width:100%}.disc-product-selector-actions{flex-direction:column;align-items:stretch}.disc-select-all-btn,.disc-clear-all-btn{width:100%;justify-content:center}.disc-selected-counter{margin-left:0;justify-content:center}.disc-product-pagination{flex-direction:column;gap:10px;align-items:flex-start}.disc-product-pagination-controls{width:100%;justify-content:space-between}}@media (max-width: 760px){.disc-title-row{flex-direction:column;align-items:stretch;gap:12px}.disc-title-left{justify-content:center;text-align:center;width:100%}.disc-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.disc-compact-nav{width:100%;justify-content:center;padding:6px 10px}.disc-title-right{width:100%;justify-content:center}.disc-showing-count{width:fit-content;margin:0 auto}.disc-items-per-page{border-left:none;margin-left:0;padding-left:0}}@media (max-width: 480px){.disc-container{padding:12px}.disc-section-title{font-size:16px}.disc-modal-header{padding:15px 20px}.disc-modal-body{padding:15px}.disc-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.disc-btn-cancel,.disc-btn-submit{width:100%;text-align:center;justify-content:center}.disc-product-details{flex-direction:column;gap:4px}.disc-compact-nav{flex-wrap:wrap;gap:6px;padding:8px}.disc-nav-btn{width:28px;height:28px}.disc-page-input{width:40px;height:28px;font-size:12px}.disc-page-total{font-size:12px}.disc-per-page-select{width:50px;height:28px;font-size:11px}.disc-per-page-label{font-size:11px}.disc-showing-count{font-size:12px;padding:4px 10px}.disc-count-numbers{font-size:12px;min-width:18px}.disc-type-selector{grid-template-columns:1fr}.disc-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.disc-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.disc-date-input,.disc-apply-date-btn{width:100%}}@media (min-width: 769px) and (max-width: 1024px){.disc-container{padding:20px}.disc-search-input-group{min-width:250px}.disc-table th,.disc-table td{padding:14px 10px}.disc-type-selector{grid-template-columns:repeat(3,1fr)}}@media print{.disc-container{box-shadow:none;padding:0}.disc-tabs-header,.disc-search-controls,.disc-action-buttons,.disc-modal-overlay,.disc-add-btn,.disc-copy-code-btn-small{display:none}.disc-table-wrapper{max-height:none;overflow:visible}.disc-table{border:1px solid #000;min-width:100%}.disc-table th{background-color:#f0f0f0;color:#000}.disc-table td{border:1px solid #ddd}}.disc-custom-select-wrapper{position:relative;width:100%}.disc-custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid var(--disc-gray-light);border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:14px;color:var(--disc-dark);height:46px;box-sizing:border-box}.disc-custom-select-trigger:hover{border-color:var(--disc-primary)}.disc-custom-select-trigger.open{border-color:var(--disc-primary);box-shadow:0 0 0 3px #4361ee1a}.disc-selected-value{flex:1;color:var(--disc-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disc-custom-select-trigger i{color:var(--disc-gray);font-size:12px;transition:transform .2s}.disc-custom-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border:1px solid var(--disc-gray-light);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:250px;overflow-y:auto;animation:dropdownSlideDown .2s ease}.disc-custom-option{padding:10px 15px;cursor:pointer;transition:background-color .2s;font-size:14px;color:var(--disc-dark)}.disc-custom-option:hover{background-color:var(--disc-primary-light)}.disc-custom-option.selected{background-color:var(--disc-primary);color:#fff}.disc-custom-select-dropdown::-webkit-scrollbar{width:6px}.disc-custom-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.disc-custom-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.disc-custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.disc-export-options{display:flex;flex-direction:column;gap:12px}.disc-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--disc-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.disc-export-option:hover{border-color:var(--disc-primary);background-color:var(--disc-primary-light)}.disc-export-option.selected{border-color:var(--disc-primary);background-color:var(--disc-primary-light);box-shadow:0 0 0 3px #4361ee1a}.disc-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.disc-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.disc-export-radio-custom{width:20px;height:20px;border:2px solid var(--disc-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.disc-export-option.selected .disc-export-radio-custom{border-color:var(--disc-primary)}.disc-export-option.selected .disc-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--disc-primary);border-radius:50%}.disc-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.disc-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--disc-light);border-radius:8px}.disc-export-option-title{font-size:15px;font-weight:600;color:var(--disc-dark)}.disc-export-option-desc{font-size:13px;color:var(--disc-gray)}@media (max-width: 480px){.disc-export-option{padding:12px 15px}.disc-export-option-content{gap:10px}.disc-export-option-content i{width:30px;height:30px}}:root{--damage-primary: #4361ee;--damage-primary-light: #eef2ff;--damage-secondary: #3a0ca3;--damage-success: #4cc9f0;--damage-success-light: #e6f9ff;--damage-warning: #f8961e;--damage-warning-light: #fef7e6;--damage-danger: #f72585;--damage-danger-light: #fef2f7;--damage-dark: #1a1a2e;--damage-light: #f8f9fa;--damage-gray: #6c757d;--damage-gray-light: #e9ecef;--damage-border-radius: 12px;--damage-shadow: 0 4px 12px rgba(0, 0, 0, .05);--damage-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.damage-container{background-color:#fff;padding:25px;box-shadow:var(--damage-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.damage-messages-container{margin-bottom:20px}.damage-message{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;margin-bottom:10px;animation:slideIn .3s ease}.damage-message.success{background-color:var(--damage-success-light);border:1px solid var(--damage-success);color:#0a5d7c}.damage-message.error{background-color:var(--damage-danger-light);border:1px solid var(--damage-danger);color:#b80c5c}.damage-message button{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:16px}.damage-network-error{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.damage-network-error i{font-size:20px;color:#fffbed}.damage-network-error .error-content{flex:1}.damage-network-error .error-title{font-weight:600;color:#856404;margin-bottom:4px}.damage-network-error .error-message{color:#856404;font-size:14px}.damage-network-error button{background-color:#856404;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.damage-network-error button:hover{background-color:#6d5304}.damage-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}.damage-loading-spinner{text-align:center;background:#fff;padding:32px 48px;border-radius:20px;box-shadow:var(--damage-shadow-hover);border:1px solid var(--damage-primary-light)}.damage-spinner{width:56px;height:56px;border:4px solid var(--damage-gray-light);border-top:4px solid var(--damage-primary);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}.damage-loading-message{font-size:18px;font-weight:600;color:var(--damage-dark);margin-bottom:8px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.damage-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--damage-gray-light)}.damage-tabs-selector{min-width:220px;flex-shrink:0}.damage-select-container{position:relative;display:flex;align-items:center}.damage-select-icon{position:absolute;left:15px;color:var(--damage-primary);font-size:16px;z-index:2;pointer-events:none}.damage-tab-select{width:100%;padding:12px 45px;border:1px solid var(--damage-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--damage-dark);background-color:var(--damage-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.damage-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.damage-tab-select:disabled{opacity:.6;cursor:not-allowed}.damage-select-arrow{position:absolute;right:15px;color:var(--damage-primary);font-size:14px;z-index:2;pointer-events:none}.damage-search-controls{display:flex;align-items:center;justify-content:center;flex:1;max-width:500px;margin:0 auto;gap:10px}.damage-search-input-group{flex:1;min-width:300px;max-width:400px;position:relative;display:flex;align-items:center}.damage-search-icon{position:absolute;left:12px;color:var(--damage-gray);font-size:14px;z-index:2}.damage-search-input{width:100%;padding:10px 40px;border:1px solid var(--damage-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--damage-dark);transition:all .3s;background-color:#fff}.damage-search-input:focus{outline:none;border-color:var(--damage-primary);box-shadow:0 0 0 3px #4361ee1a}.damage-search-input:disabled{background-color:var(--damage-light);cursor:not-allowed}.damage-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--damage-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.damage-clear-search-btn:hover{color:var(--damage-danger)}.damage-filter-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}.damage-filter-select{min-width:180px;padding:10px 15px;border:1px solid var(--damage-gray-light);border-radius:8px;font-size:14px;color:var(--damage-dark);background-color:#fff;cursor:pointer;transition:all .3s}.damage-filter-select:focus{outline:none;border-color:var(--damage-primary);box-shadow:0 0 0 3px #4361ee1a}.damage-filter-select:disabled{background-color:var(--damage-light);cursor:not-allowed}.damage-clear-filters-btn{padding:10px 15px;background-color:var(--damage-danger-light);color:var(--damage-danger);border:1px solid var(--damage-danger);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s;white-space:nowrap}.damage-clear-filters-btn:hover:not(:disabled){background-color:var(--damage-danger);color:#fff}.damage-clear-filters-btn:disabled{opacity:.5;cursor:not-allowed}.damage-filter-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--damage-warning-light);padding:6px 16px;border-radius:30px;font-size:13px;color:var(--damage-warning);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-summary-cards{display:flex;gap:15px;flex-shrink:0;margin-right:15px}.damage-summary-card{padding:12px 20px;background-color:var(--damage-light);border-radius:8px;border-left:4px solid var(--damage-primary);min-width:130px;transition:all .3s}.damage-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.damage-summary-card.total{border-left-color:var(--damage-primary);background:linear-gradient(135deg,#f3f8ff,#f3f8ff)}.damage-summary-card.loss{border-left-color:var(--damage-danger);background:linear-gradient(135deg,#fff5f5,#fff5f5)}.damage-summary-content{display:flex;flex-direction:column;gap:5px}.damage-summary-label{font-size:12px;color:var(--damage-gray);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.damage-summary-value{font-size:18px;font-weight:700;color:var(--damage-primary);line-height:1.2}.damage-summary-card.loss .damage-summary-value{color:var(--damage-danger)}.damage-add-btn{background-color:var(--damage-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.damage-add-btn:hover:not(:disabled){background-color:var(--damage-secondary);transform:translateY(-2px);box-shadow:var(--damage-shadow-hover)}.damage-add-btn:disabled{opacity:.5;cursor:not-allowed}.damage-section-title{width:100%;margin-bottom:17px}.damage-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.damage-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.damage-title-left i{color:var(--damage-primary);font-size:18px}.damage-title-text{font-size:18px;font-weight:600;color:var(--damage-dark);white-space:nowrap}.damage-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.damage-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.damage-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--damage-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--damage-gray);white-space:nowrap}.damage-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.damage-count-label{font-weight:500;color:var(--damage-gray);margin-left:2px}.damage-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--damage-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--damage-gray);white-space:nowrap}.damage-loading-text i{color:var(--damage-primary)}.damage-search-badge-container{margin-top:12px;display:flex;justify-content:center}.damage-search-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--damage-primary-light);padding:6px 16px;border-radius:30px;font-size:13px;color:var(--damage-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-search-badge i{font-size:12px}.damage-clear-search-badge{background:none;border:none;color:var(--damage-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;transition:opacity .2s}.damage-clear-search-badge:hover{opacity:1}.damage-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center;background-color:var(--damage-light)}.damage-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--damage-gray-light);border-radius:50%;color:var(--damage-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.damage-nav-btn:hover:not(:disabled){background-color:var(--damage-primary);color:#fff;border-color:var(--damage-primary)}.damage-nav-btn:disabled{opacity:.4;cursor:not-allowed}.damage-nav-btn.loading{background-color:var(--damage-primary-light);border-color:var(--damage-primary)}.damage-nav-btn.loading i{color:var(--damage-primary)}.damage-page-control{display:flex;align-items:center;gap:4px}.damage-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--damage-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--damage-dark);padding:0 4px;transition:all .3s}.damage-page-input:focus{outline:none;border-color:var(--damage-primary);box-shadow:0 0 0 2px #4361ee1a}.damage-page-input:disabled{background-color:var(--damage-light);cursor:not-allowed}.damage-page-total{font-size:13px;color:var(--damage-gray);font-weight:500;white-space:nowrap}.damage-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--damage-gray-light);flex-shrink:0}.damage-per-page-select{width:60px;height:32px;border:1px solid var(--damage-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--damage-dark);background-color:#fff;cursor:pointer;transition:all .3s}.damage-per-page-select:focus{outline:none;border-color:var(--damage-primary)}.damage-per-page-select:disabled{background-color:var(--damage-light);cursor:not-allowed}.damage-per-page-label{font-size:12px;color:var(--damage-gray);white-space:nowrap}.damage-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--damage-gray-light);background-color:#fff;scrollbar-width:thin}.damage-table-wrapper::-webkit-scrollbar{width:4px;height:4px}.damage-table{width:100%;border-collapse:collapse;min-width:1200px}.damage-table thead{background-color:var(--damage-light);position:sticky;top:0;z-index:10}.damage-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--damage-dark);border-bottom:2px solid var(--damage-gray-light);white-space:nowrap}.damage-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--damage-dark);border-bottom:1px solid var(--damage-gray-light);vertical-align:middle}.damage-table tbody tr{transition:all .3s}.damage-table tbody tr:hover{background-color:var(--damage-light)}.damage-product-info{display:flex;flex-direction:column;gap:4px;margin-top:4px}.damage-product-info i{color:var(--damage-gray);font-size:12px;margin-right:4px}.damage-product-id{font-size:12px;color:var(--damage-gray);background-color:var(--damage-gray-light);padding:2px 8px;border-radius:4px;display:inline-block;width:fit-content}.damage-quantity{color:var(--damage-gray);padding:6px 12px;border-radius:6px;display:inline-block}.damage-type-badge{background-color:#6b72801a;color:#6b7280;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.damage-loss-cell{text-align:right;font-weight:600}.damage-loss-value{font-size:14px;font-weight:700}.damage-loss-value.has-loss{color:var(--damage-danger)}.damage-loss-value.no-loss{color:var(--damage-gray);font-style:italic}.damage-warehouse-info{background-color:#6b72801a;color:#6b7280;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.damage-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:90px}.damage-status-reported{background-color:#4361ee1a;color:var(--damage-primary);border:1px solid rgba(67,97,238,.3)}.damage-status-review{background-color:#f8961e1a;color:var(--damage-warning);border:1px solid rgba(248,150,30,.3)}.damage-status-approved{background-color:#4cc9f01a;color:var(--damage-success);border:1px solid rgba(76,201,240,.3)}.damage-status-rejected{background-color:#f725851a;color:var(--damage-danger);border:1px solid rgba(247,37,133,.3)}.damage-status-compensated{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.damage-reported-info{display:flex;flex-direction:column;gap:4px}.damage-reported-date{font-weight:600;color:var(--damage-dark)}.damage-reported-time{font-size:12px;color:var(--damage-gray)}.damage-reported-by{font-size:11px;color:var(--damage-gray);background-color:var(--damage-gray-light);padding:2px 6px;border-radius:4px;width:fit-content;display:flex;align-items:center;gap:4px}.damage-reported-by i{font-size:10px;color:var(--damage-primary)}.damage-action-buttons{display:flex;gap:8px}.damage-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none}.damage-action-btn:hover{transform:translateY(-2px);box-shadow:var(--damage-shadow)}.damage-action-view{background-color:var(--damage-success)}.damage-image-cell{position:relative;width:80px}.damage-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--damage-gray-light)}.damage-image-fallback{width:60px;height:60px;border-radius:8px;background-color:var(--damage-primary-light);color:var(--damage-primary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;border:1px solid var(--damage-primary)}.damage-image-count{position:absolute;top:-5px;right:5px;background-color:var(--damage-primary);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.damage-no-data{text-align:center;padding:40px!important;background-color:var(--damage-light)}.damage-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--damage-gray)}.damage-no-data-content i{font-size:48px;color:var(--damage-gray-light)}.damage-no-data-content p{font-size:16px;margin:0}.damage-no-data-content .damage-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--damage-gray-light);color:var(--damage-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.damage-no-data-content .damage-clear-search-btn.secondary:hover{background-color:var(--damage-primary);color:#fff}.damage-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.damage-log-filters{margin-bottom:20px;padding:15px;background-color:var(--damage-light);border-radius:8px}.damage-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.damage-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--damage-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--damage-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.damage-filter-tab:hover{border-color:var(--damage-primary);color:var(--damage-primary)}.damage-filter-tab.active{background-color:var(--damage-primary);color:#fff;border-color:var(--damage-primary)}.damage-filter-tab:disabled{opacity:.5;cursor:not-allowed}.damage-filter-count{background-color:var(--damage-gray-light);color:var(--damage-gray);padding:2px 6px;border-radius:10px;font-size:11px}.damage-filter-tab.active .damage-filter-count{background-color:#ffffff4d;color:#fff}.damage-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--damage-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.damage-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.damage-date-picker-row label{font-size:13px;color:var(--damage-dark);font-weight:600;min-width:40px}.damage-date-input{padding:8px 12px;border:1px solid var(--damage-gray-light);border-radius:6px;font-size:13px;color:var(--damage-dark);flex:1}.damage-date-input:focus{outline:none;border-color:var(--damage-primary);box-shadow:0 0 0 2px #4361ee1a}.damage-apply-date-btn{padding:8px 16px;background-color:var(--damage-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.damage-apply-date-btn:hover:not(:disabled){background-color:var(--damage-secondary)}.damage-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.damage-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.damage-date-group{margin-bottom:25px}.damage-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--damage-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--damage-primary)}.damage-date-label{font-weight:600;color:var(--damage-dark);font-size:14px}.damage-date-count{font-size:12px;color:var(--damage-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.damage-logs-list{display:flex;flex-direction:column;gap:10px}.damage-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--damage-gray-light);transition:all .2s;gap:15px;cursor:pointer}.damage-compact-log-entry:hover{border-color:var(--damage-primary);box-shadow:var(--damage-shadow);transform:translateY(-2px)}.damage-compact-log-entry.log-add{border-left:3px solid #10b981}.damage-compact-log-entry.log-edit{border-left:3px solid #f59e0b}.damage-compact-log-entry.log-delete{border-left:3px solid #ef4444}.damage-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.damage-log-icon i{font-size:16px}.damage-compact-log-entry.log-add .damage-log-icon{background-color:#10b9811a;color:#10b981}.damage-compact-log-entry.log-edit .damage-log-icon{background-color:#f59e0b1a;color:#f59e0b}.damage-compact-log-entry.log-delete .damage-log-icon{background-color:#ef44441a;color:#ef4444}.damage-log-content{flex:1;min-width:0}.damage-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.damage-log-action{font-weight:600;color:var(--damage-dark);font-size:14px}.damage-log-product{font-size:13px;color:var(--damage-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.damage-product-id{font-size:11px;color:var(--damage-gray);font-weight:500}.damage-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--damage-gray)}.damage-log-user{display:flex;align-items:center;gap:6px}.damage-log-user i{font-size:12px}.damage-user-role{color:var(--damage-gray);font-size:11px}.damage-log-time{display:flex;align-items:center;gap:6px;background-color:var(--damage-light);padding:3px 10px;border-radius:12px}.damage-log-time i{font-size:12px}.damage-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--damage-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--damage-gray)}.damage-log-detail-count i{font-size:11px}.no-logs{text-align:center;padding:40px;background-color:var(--damage-light);border-radius:8px;color:var(--damage-gray)}.no-logs i{font-size:48px;color:var(--damage-gray-light);margin-bottom:15px}.no-logs p{margin-bottom:20px}.damage-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.damage-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--damage-shadow-hover);animation:damageModalSlideIn .3s ease-out;scrollbar-width:thin}.damage-modal-content::-webkit-scrollbar{width:4px}.damage-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.damage-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}@keyframes damageModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.damage-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--damage-gray-light);background-color:var(--damage-light);border-radius:12px 12px 0 0}.damage-modal-header h3{margin:0;font-size:18px;color:var(--damage-dark);display:flex;align-items:center;gap:10px}.damage-modal-header h3 i{color:var(--damage-primary)}.damage-modal-close{background:none;border:none;font-size:20px;color:var(--damage-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.damage-modal-close:hover{background-color:var(--damage-gray-light);color:var(--damage-danger)}.damage-modal-body{padding:25px}.damage-modal-footer{padding:20px 25px;border-top:1px solid var(--damage-gray-light);display:flex;justify-content:flex-end;gap:15px}.damage-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--damage-primary)}.damage-log-detail-main{margin-bottom:15px}.damage-log-detail-action{margin-bottom:12px}.damage-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.damage-action-add{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.damage-action-edit{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.damage-action-delete{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.damage-log-detail-product{display:flex;align-items:center;gap:10px;font-size:15px}.damage-log-detail-product i{color:var(--damage-primary)}.damage-product-name{font-weight:600;color:var(--damage-dark)}.damage-product-id-detail{font-size:12px;color:var(--damage-gray);background-color:var(--damage-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.damage-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.damage-log-detail-user,.damage-log-detail-time{display:flex;align-items:center;gap:12px}.damage-log-detail-user i,.damage-log-detail-time i{color:var(--damage-gray);font-size:20px}.damage-user-name-detail{font-weight:600;font-size:14px;color:var(--damage-dark)}.damage-user-role-detail{font-size:12px;color:var(--damage-gray)}.damage-log-date-detail{font-weight:600;font-size:14px;color:var(--damage-dark)}.damage-log-time-detail{font-size:12px;color:var(--damage-gray)}.damage-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--damage-gray-light)}.damage-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--damage-dark);font-weight:600}.damage-change-list{display:flex;flex-direction:column;gap:12px}.damage-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--damage-light);border-radius:6px;border-left:3px solid var(--damage-primary)}.damage-change-item i{color:var(--damage-primary);font-size:12px;margin-top:2px}.damage-change-item span{font-size:14px;color:var(--damage-dark);line-height:1.5}.change-arrow{color:var(--damage-primary);margin:0 4px}.damage-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--damage-light);border-radius:8px;color:var(--damage-gray);text-align:center;justify-content:center}.damage-no-changes i{font-size:18px}.damage-form-group{margin-bottom:20px}.damage-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--damage-dark);font-size:14px}.damage-form-group label.damage-required:after{content:" *";color:var(--damage-danger)}.damage-form-group input,.damage-form-group select,.damage-form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--damage-gray-light);border-radius:8px;font-size:14px;color:#333;background-color:#fff;transition:all .3s;box-sizing:border-box;font-family:inherit}.damage-form-group input:focus,.damage-form-group select:focus,.damage-form-group textarea:focus{outline:none;border-color:var(--damage-primary);box-shadow:0 0 0 3px #4361ee1a}.damage-form-group input:disabled,.damage-form-group select:disabled{background-color:var(--damage-light);cursor:not-allowed}.damage-field-error{display:flex;align-items:center;gap:6px;margin-top:6px;color:var(--damage-danger);font-size:13px}.damage-field-error i{font-size:12px}.damage-input-error{border-color:var(--damage-danger)!important}.damage-validation-error{padding:12px 16px;background-color:var(--damage-danger-light);border:1px solid var(--damage-danger);border-radius:8px;color:var(--damage-danger);display:flex;align-items:center;gap:10px;font-size:14px}.damage-form-row{display:flex;gap:15px;margin-bottom:15px}.damage-form-row .damage-form-group{flex:1;margin-bottom:0}.damage-hint{display:block;margin-top:5px;font-size:12px;color:var(--damage-gray);font-style:italic}.damage-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--damage-primary)}.damage-current-user-banner i{font-size:24px;color:var(--damage-primary)}.damage-user-name{font-size:14px;font-weight:600;color:var(--damage-dark)}.damage-user-role{font-size:12px;color:var(--damage-gray)}.damage-product-select-container{display:flex;gap:10px}.damage-product-input{flex:1;cursor:pointer;background-color:#fff}.damage-select-product-btn{background-color:var(--damage-primary);color:#fff;border:none;padding:12px 15px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s}.damage-select-product-btn:hover:not(:disabled){background-color:var(--damage-secondary)}.damage-select-product-btn:disabled{opacity:.5;cursor:not-allowed}.damage-product-info-display{display:flex;gap:15px;margin-top:10px;font-size:13px;color:var(--damage-gray)}.damage-product-info-display span strong{color:var(--damage-dark);margin-left:5px}.damage-stock-info{display:flex;align-items:center;gap:15px;margin-top:10px;padding:10px;background-color:#f8fafc;border-radius:6px;font-size:13px}.damage-stock-info .stock-label{color:var(--damage-gray);font-weight:600}.damage-stock-info .stock-value{color:var(--damage-primary);font-weight:700}.damage-stock-info .avg-price{color:var(--damage-warning);font-weight:600;margin-left:auto}.damage-quantity-input-group{display:flex;gap:10px}.damage-quantity-input-group input{flex:1}.damage-unit-select{min-width:80px}.damage-loss-section{margin:20px 0;padding:20px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.damage-image-upload-container{border:2px dashed var(--damage-gray-light);border-radius:8px;padding:30px 20px;text-align:center;transition:all .3s;cursor:pointer}.damage-image-upload-container:hover{border-color:var(--damage-primary);background-color:var(--damage-primary-light)}.damage-image-upload-content{display:flex;flex-direction:column;align-items:center;gap:10px}.damage-image-upload-icon{font-size:32px;color:var(--damage-gray)}.damage-image-upload-text{font-size:14px;color:var(--damage-gray)}.damage-image-upload-hint{font-size:12px;color:var(--damage-gray)}.damage-image-preview{position:relative;display:inline-block;border-radius:8px;overflow:hidden}.damage-image-preview img{width:100%;max-width:200px;max-height:200px;object-fit:cover;border:1px solid var(--damage-gray-light);border-radius:8px}.damage-remove-image-btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background-color:var(--damage-danger);color:#fff;border:none;border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.damage-remove-image-btn:hover{transform:scale(1.1)}.damage-reporter-info{background-color:#f8fafc;border-radius:8px;padding:15px;margin-top:20px;border-left:3px solid var(--damage-primary)}.damage-info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.damage-info-row:last-child{margin-bottom:0}.damage-info-row span{color:var(--damage-gray)}.damage-info-row strong{color:var(--damage-dark);font-weight:600}.damage-btn-cancel{padding:12px 25px;background-color:var(--damage-gray-light);color:var(--damage-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.damage-btn-cancel:hover{background-color:#dee2e6}.damage-btn-submit{padding:12px 25px;background-color:var(--damage-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.damage-btn-submit:hover:not(:disabled){background-color:var(--damage-secondary);transform:translateY(-2px)}.damage-btn-submit:disabled{opacity:.5;cursor:not-allowed}.damage-btn-edit{padding:12px 25px;background-color:var(--damage-warning);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.damage-btn-edit:hover:not(:disabled){background-color:#e68a00;transform:translateY(-2px)}.quick-view-header{margin-bottom:20px}.quick-view-title{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.quick-view-title h4{margin:0;font-size:18px;color:var(--damage-dark)}.quick-view-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.quick-view-status-badge.damage-status-reported{background-color:#4361ee1a;color:var(--damage-primary);border:1px solid rgba(67,97,238,.3)}.quick-view-status-badge.damage-status-review{background-color:#f8961e1a;color:var(--damage-warning);border:1px solid rgba(248,150,30,.3)}.quick-view-status-badge.damage-status-approved{background-color:#4cc9f01a;color:var(--damage-success);border:1px solid rgba(76,201,240,.3)}.quick-view-status-badge.damage-status-rejected{background-color:#f725851a;color:var(--damage-danger);border:1px solid rgba(247,37,133,.3)}.quick-view-status-badge.damage-status-compensated{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.quick-view-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin:20px 0}.quick-view-detail-item{display:flex;flex-direction:column;gap:5px}.quick-view-detail-item.full-width{grid-column:1 / -1}.quick-view-detail-item .detail-label{font-size:12px;color:var(--damage-gray);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quick-view-detail-item .detail-value{font-size:14px;color:var(--damage-dark);font-weight:500}.quick-view-detail-item .detail-value.loss-value{color:var(--damage-danger);font-weight:700}.quick-view-detail-item .detail-value.notes{background-color:var(--damage-light);padding:10px;border-radius:6px;font-style:italic}.quick-view-description{margin:20px 0;padding:15px;background-color:var(--damage-light);border-radius:8px;border-left:3px solid var(--damage-primary)}.quick-view-description i{color:var(--damage-primary);font-size:14px;margin-right:8px}.quick-view-description p{margin:0;font-size:14px;color:var(--damage-dark);line-height:1.6}.quick-view-photos{margin:20px 0}.quick-view-photos h4{margin:0 0 10px;font-size:14px;color:var(--damage-dark)}.quick-view-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.quick-view-photo{width:100%;height:100px;object-fit:cover;border-radius:8px;border:1px solid var(--damage-gray-light);transition:all .3s}.quick-view-photo:hover{transform:scale(1.05);box-shadow:var(--damage-shadow)}.quick-view-photo-more{display:flex;align-items:center;justify-content:center;background-color:var(--damage-gray-light);border-radius:8px;font-size:18px;font-weight:600;color:var(--damage-gray);height:100px}.quick-view-footer{margin-top:20px;padding-top:15px;border-top:1px solid var(--damage-gray-light);display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--damage-gray)}.quick-view-footer .id-info{display:flex;align-items:center;gap:5px;background-color:var(--damage-light);padding:5px 12px;border-radius:20px}.quick-view-footer .id-info i{color:var(--damage-gray)}.damage-product-search-box{position:relative;margin-bottom:20px}.damage-product-search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--damage-gray)}.damage-product-search-box input{width:100%;padding:12px 15px 12px 45px;border:1px solid var(--damage-gray-light);border-radius:8px;font-size:14px;color:var(--damage-dark);transition:all .3s}.damage-product-search-box input:focus{outline:none;border-color:var(--damage-primary);box-shadow:0 0 0 3px #4361ee1a}.damage-product-list-container{max-height:400px;overflow-y:auto}.damage-product-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--damage-gray-light)}.damage-product-table{width:100%;border-collapse:collapse;min-width:700px}.damage-product-table thead{background-color:var(--damage-light);position:sticky;top:0;z-index:10}.damage-product-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--damage-dark);border-bottom:2px solid var(--damage-gray-light);white-space:nowrap}.damage-product-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--damage-dark);border-bottom:1px solid var(--damage-gray-light);vertical-align:middle}.damage-product-table tbody tr{transition:all .3s}.damage-product-table tbody tr:hover{background-color:var(--damage-primary-light)}.damage-product-table-info{display:flex;flex-direction:column;gap:4px}.damage-product-table-name{font-weight:600;color:var(--damage-dark)}.damage-product-table-barcode{font-family:monospace;font-size:13px;color:var(--damage-gray);padding:4px 8px;border-radius:4px;display:inline-block}.damage-product-table-category{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block;background-color:#4361ee1a;color:var(--damage-primary)}.damage-product-table-stock{display:flex;flex-direction:column;gap:4px}.damage-stock-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.damage-stock-badge.in-stock{background-color:#10b9811a;color:#10b981}.damage-stock-badge.out-of-stock{background-color:#ef44441a;color:#ef4444}.stock-price{font-size:11px;color:var(--damage-warning);font-weight:600}.damage-product-select-btn{background-color:var(--damage-primary);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.damage-product-select-btn:hover:not(:disabled){background-color:var(--damage-secondary);transform:translateY(-1px)}.damage-product-select-btn:disabled{opacity:.5;cursor:not-allowed}.damage-product-select-btn i{font-size:12px}.damage-product-count{font-size:13px;color:var(--damage-gray);display:flex;align-items:center;gap:8px}.damage-no-products{text-align:center;padding:40px 20px;color:var(--damage-gray)}.damage-no-products i{font-size:48px;margin-bottom:15px;color:var(--damage-gray-light)}.damage-no-products p{margin:0;font-size:16px}.damage-no-products small{font-size:14px;color:var(--damage-gray);display:block;margin-top:10px}.loading-state{text-align:center;padding:60px 20px;color:var(--damage-gray)}.loading-state i{color:var(--damage-primary)}@media (max-width: 1200px){.damage-table th:nth-child(8),.damage-table td:nth-child(8){display:none}}@media (max-width: 1024px){.damage-summary-cards{flex-wrap:wrap}.damage-table th:nth-child(7),.damage-table td:nth-child(7){display:none}}@media (max-width: 900px){.damage-title-row{gap:10px}.damage-title-left{min-width:auto}.damage-title-text{font-size:16px}.damage-title-right{min-width:auto}.damage-showing-count{padding:4px 12px;font-size:13px}.damage-count-numbers{min-width:20px;padding:1px 4px}}@media (max-width: 768px){.damage-container{padding:15px;height:auto}.damage-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.damage-tabs-selector{width:100%;min-width:100%}.damage-search-controls{width:100%;max-width:100%;margin:0;flex-direction:column}.damage-search-input-group{width:100%;min-width:100%;max-width:100%}.damage-filter-buttons{width:100%;justify-content:space-between}.damage-filter-select{flex:1;min-width:auto}.damage-summary-cards{width:100%;justify-content:space-between;margin-right:0}.damage-summary-card{flex:1;min-width:auto;padding:10px}.damage-summary-value{font-size:16px}.damage-add-btn{width:100%;justify-content:center}.damage-title-row{flex-direction:column;align-items:stretch;gap:12px}.damage-title-left{justify-content:center;text-align:center;width:100%}.damage-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.damage-compact-nav{width:100%;justify-content:center;padding:6px 10px}.damage-title-right{width:100%;justify-content:center}.damage-showing-count{width:fit-content;margin:0 auto}.damage-items-per-page{border-left:none;margin-left:0;padding-left:0}.damage-table-wrapper{max-height:calc(100vh - 350px)}.damage-table th,.damage-table td{padding:12px 8px;font-size:13px}.damage-action-buttons{display:flex;gap:8px}.damage-action-btn{width:32px;height:32px}.damage-modal-body{padding:15px}.damage-form-row{flex-direction:column;gap:15px}.damage-product-select-container{flex-direction:column}.damage-select-product-btn{width:100%;justify-content:center}.damage-logs-list{gap:8px}.damage-compact-log-entry{padding:12px;gap:12px}.damage-log-icon{width:32px;height:32px}.damage-log-details,.damage-log-main-info{flex-direction:column;align-items:flex-start;gap:6px}.damage-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.damage-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.damage-date-input,.damage-apply-date-btn{width:100%}.damage-stock-info{flex-direction:column;align-items:flex-start;gap:8px}.damage-stock-info .avg-price{margin-left:0}.damage-product-table th,.damage-product-table td{padding:10px 8px;font-size:12px}.damage-product-select-btn{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.damage-container{padding:12px}.damage-section-title{font-size:16px;flex-direction:column;align-items:flex-start;gap:5px}.damage-filter-summary{margin-left:0;font-size:13px}.damage-summary-card{min-width:auto;padding:8px}.damage-summary-value{font-size:14px}.damage-summary-label{font-size:10px}.damage-modal-header{padding:15px 20px}.damage-modal-header h3{font-size:16px}.damage-modal-footer{flex-direction:column;gap:10px}.damage-btn-cancel,.damage-btn-submit,.damage-btn-edit{width:100%;justify-content:center}.damage-compact-log-entry{flex-direction:column;gap:10px}.damage-log-content{width:100%}.damage-product-table th,.damage-product-table td{padding:8px 6px;font-size:11px}.damage-product-select-btn{padding:4px 8px;font-size:11px}.quick-view-title{flex-direction:column;align-items:flex-start;gap:10px}.quick-view-footer{flex-direction:column;gap:8px}.quick-view-footer .id-info{width:fit-content}}.damage-custom-select-wrapper{position:relative;width:100%;min-width:100px}.damage-custom-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid var(--damage-gray-light);border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:14px;color:var(--damage-dark);height:46px;box-sizing:border-box}.damage-custom-select-trigger:hover{border-color:var(--damage-primary)}.damage-custom-select-trigger.open{border-color:var(--damage-primary);box-shadow:0 0 0 3px #4361ee1a}.damage-selected-value{flex:1;color:var(--damage-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.damage-custom-select-trigger i{color:var(--damage-gray);font-size:12px;transition:transform .2s}.damage-custom-select-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background-color:#fff;border:1px solid var(--damage-gray-light);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:200px;overflow-y:auto;animation:dropdownSlideDown .2s ease}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.damage-custom-option{padding:10px 15px;cursor:pointer;transition:background-color .2s;font-size:14px;color:var(--damage-dark)}.damage-custom-option:hover{background-color:var(--damage-primary-light)}.damage-custom-option.selected{background-color:var(--damage-primary);color:#fff}.damage-custom-select-dropdown::-webkit-scrollbar{width:6px}.damage-custom-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.damage-custom-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.damage-custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.damage-fifo-details{background:#f8f9fa;border-radius:8px;padding:12px;margin-top:20px;border-left:3px solid #4361ee}.fifo-title{font-weight:600;font-size:13px;color:#4361ee;margin-bottom:10px;display:flex;align-items:center;gap:6px}.fifo-batches{margin-bottom:10px}.fifo-batch-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed #e9ecef;font-size:13px}.fifo-batch-item:last-child{border-bottom:none}.batch-label{color:#6c757d;font-weight:500}.batch-detail{color:#495057}.batch-loss{color:#f72585;margin-left:5px}.fifo-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px;margin-top:5px;border-top:1px solid #dee2e6;font-size:14px;font-weight:600}.total-loss{color:#f72585;font-size:16px}.damage-export-options{display:flex;flex-direction:column;gap:12px}.damage-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--damage-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.damage-export-option:hover{border-color:var(--damage-primary);background-color:var(--damage-primary-light)}.damage-export-option.selected{border-color:var(--damage-primary);background-color:var(--damage-primary-light);box-shadow:0 0 0 3px #4361ee1a}.damage-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.damage-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.damage-export-radio-custom{width:20px;height:20px;border:2px solid var(--damage-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.damage-export-option.selected .damage-export-radio-custom{border-color:var(--damage-primary)}.damage-export-option.selected .damage-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--damage-primary);border-radius:50%}.damage-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.damage-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--damage-light);border-radius:8px}.damage-export-option-title{font-size:15px;font-weight:600;color:var(--damage-dark)}.damage-export-option-desc{font-size:13px;color:var(--damage-gray)}@media (max-width: 480px){.damage-export-option{padding:12px 15px}.damage-export-option-content{gap:10px}.damage-export-option-content i{width:30px;height:30px;font-size:16px}.damage-export-option-title{font-size:14px}.damage-export-option-desc{font-size:12px}}:root{--capital-primary: #10b981;--capital-primary-light: #e6f9f0;--capital-secondary: #059669;--capital-success: #10b981;--capital-success-light: #d1fae5;--capital-warning: #f59e0b;--capital-warning-light: #fef3c7;--capital-danger: #ef4444;--capital-danger-light: #fee2e2;--capital-info: #3b82f6;--capital-info-light: #eff6ff;--capital-dark: #1a1a2e;--capital-light: #f8f9fa;--capital-gray: #6c757d;--capital-gray-light: #e9ecef;--capital-border-radius: 12px;--capital-shadow: 0 4px 12px rgba(0, 0, 0, .05);--capital-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.capital-container{background-color:#fff;padding:20px 25px 25px;box-shadow:var(--capital-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}.capital-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--capital-gray-light);flex-wrap:wrap;gap:12px;flex-shrink:0}.capital-header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.capital-header-center{display:flex;align-items:center;gap:16px;flex:1;justify-content:center;min-width:300px}.capital-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.capital-tab-select-container{position:relative;display:flex;align-items:center;min-width:200px}.capital-tab-select-icon{position:absolute;left:14px;color:var(--capital-dark);font-size:15px;z-index:2;pointer-events:none}.capital-tab-select{width:100%;padding:10px 40px 10px 42px;border:2px solid var(--capital-primary);border-radius:10px;font-size:14px;font-weight:600;color:var(--capital-dark);background-color:var(--capital-success-light)!important;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.capital-tab-select option{background-color:#fff!important;color:var(--capital-dark)!important}.capital-tab-select option:checked{background-color:var(--capital-primary)!important;color:#fff!important}.capital-tab-select:hover{background-color:var(--capital-secondary)!important;border-color:var(--capital-secondary)}.capital-tab-select:focus{outline:none;box-shadow:0 0 0 3px #10b98126}.capital-tab-select:disabled{opacity:.6;cursor:not-allowed}.capital-tab-select-arrow{position:absolute;right:14px;color:var(--capital-dark);font-size:12px;z-index:2;pointer-events:none}.capital-search-filter-wrapper{display:flex;align-items:center;gap:10px;flex:1;max-width:550px}.capital-search-box{flex:1;min-width:180px;max-width:300px;position:relative}.capital-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--capital-gray);font-size:14px}.capital-search-box input{width:100%;padding:9px 38px 9px 36px;border:1px solid var(--capital-gray-light);border-radius:8px;font-size:14px;transition:all .3s;background-color:#fff}.capital-search-box input:focus{outline:none;border-color:var(--capital-primary);box-shadow:0 0 0 3px #10b9811a}.capital-clear-search{position:absolute;right:25px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--capital-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center}.capital-clear-search:hover{color:var(--capital-danger)}.capital-filter-select{padding:9px 36px 9px 14px;border:1px solid var(--capital-gray-light);border-radius:8px;font-size:14px;color:var(--capital-dark);background-color:#fff;cursor:pointer;transition:all .3s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:130px}.capital-filter-select:focus{outline:none;border-color:var(--capital-primary);box-shadow:0 0 0 3px #10b9811a}.capital-clear-filters-btn{padding:9px 14px;background-color:var(--capital-danger-light);color:var(--capital-danger);border:1px solid var(--capital-danger);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s;white-space:nowrap}.capital-clear-filters-btn:hover{background-color:var(--capital-danger);color:#fff}.capital-closed-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#fef3c7;color:#f59e0b;border-radius:20px;font-size:12px;font-weight:600;margin-left:8px}.capital-closing-btn{background-color:#f59e0b;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.capital-closing-btn:hover:not(:disabled){background-color:#d97706;transform:translateY(-2px);box-shadow:var(--capital-shadow-hover)}.capital-closing-btn:disabled{opacity:.5;cursor:not-allowed}.capital-add-btn{background-color:var(--capital-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.capital-add-btn:hover:not(:disabled){background-color:var(--capital-secondary);transform:translateY(-2px);box-shadow:var(--capital-shadow-hover)}.capital-add-btn:disabled{opacity:.5;cursor:not-allowed}.capital-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;flex-shrink:0}.capital-summary-card{background:#fff;border-radius:var(--capital-border-radius);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--capital-shadow);transition:all .3s ease;border-left:4px solid var(--capital-primary)}.capital-summary-card:hover{transform:translateY(-2px);box-shadow:var(--capital-shadow-hover)}.capital-summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--capital-primary-light);color:var(--capital-primary);flex-shrink:0;font-size:20px}.capital-summary-card.balance{border-left-color:#10b981}.capital-summary-card.balance .capital-summary-icon{background:#d1fae5;color:#10b981}.capital-summary-card.withdrawals{border-left-color:#f59e0b}.capital-summary-card.withdrawals .capital-summary-icon{background:#fef3c7;color:#f59e0b}.capital-summary-card.monthly{border-left-color:#3b82f6}.capital-summary-card.monthly .capital-summary-icon{background:#eff6ff;color:#3b82f6}.capital-summary-info{flex:1;min-width:0}.capital-summary-label{font-size:.75rem;color:var(--capital-gray);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.capital-summary-value{font-size:1.2rem;font-weight:700;color:var(--capital-dark);margin-top:2px}.capital-summary-sub{font-size:.7rem;color:var(--capital-gray);margin-top:2px}.capital-pagination-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 14px;border-radius:8px;flex-wrap:wrap;gap:10px;flex-shrink:0}.capital-pagination-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--capital-dark);flex-shrink:0;padding-right:16px}.capital-pagination-title i{color:var(--capital-primary);font-size:18px}.capital-pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--capital-light);border-radius:20px;padding:5px 30px}.capital-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--capital-gray-light);border-radius:50%;color:var(--capital-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0}.capital-nav-btn:hover:not(:disabled){background:var(--capital-primary);color:#fff;border-color:var(--capital-primary)}.capital-nav-btn:disabled{opacity:.4;cursor:not-allowed}.capital-page-control{display:flex;align-items:center;gap:4px}.capital-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--capital-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--capital-dark);padding:0 4px;transition:all .3s;background:#fff}.capital-page-input:focus{outline:none;border-color:var(--capital-primary);box-shadow:0 0 0 2px #10b9811a}.capital-page-input:disabled{background-color:var(--capital-light);cursor:not-allowed}.capital-page-total{font-size:13px;color:var(--capital-gray);font-weight:500;white-space:nowrap}.capital-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--capital-gray-light)}.capital-per-page-select{width:60px;height:32px;border:1px solid var(--capital-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--capital-dark);background:#fff;cursor:pointer;transition:all .3s}.capital-per-page-select:focus{outline:none;border-color:var(--capital-primary)}.capital-per-page-select:disabled{background-color:var(--capital-light);cursor:not-allowed}.capital-per-page-label{font-size:12px;color:var(--capital-gray);white-space:nowrap}.capital-showing-count{font-size:13px;color:var(--capital-gray);background:#fff;padding:4px 14px;border-radius:20px;background:var(--capital-light)}.capital-history-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid var(--capital-gray-light);gap:12px}.capital-history-info{display:flex;align-items:center;gap:10px}.capital-table-wrapper{overflow-x:auto;overflow-y:auto;flex:1;border-radius:8px;border:1px solid var(--capital-gray-light);background-color:#fff;min-height:0;position:relative}.capital-table{width:100%;border-collapse:collapse;min-width:1000px}.capital-table thead{background-color:var(--capital-light);position:sticky;top:0;z-index:10}.capital-table th{padding:14px 12px;text-align:left;font-size:13px;font-weight:600;color:var(--capital-dark);border-bottom:2px solid var(--capital-gray-light);white-space:nowrap}.capital-table td{padding:12px;text-align:left;font-size:14px;color:var(--capital-dark);border-bottom:1px solid var(--capital-gray-light);vertical-align:middle}.capital-table tbody tr:hover{background-color:var(--capital-light)}.capital-type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.type-injection{background:var(--capital-success-light);color:var(--capital-success)}.type-withdrawal{background:var(--capital-warning-light);color:var(--capital-warning)}.type-transfer{background:var(--capital-info-light);color:var(--capital-info)}.type-closing{background:#fef3c7;color:#f59e0b}.type-other{background:var(--capital-gray-light);color:var(--capital-gray)}.capital-amount{font-weight:700;font-size:15px}.capital-amount.positive{color:var(--capital-success)}.capital-amount.negative{color:var(--capital-danger)}.capital-amount.neutral{color:var(--capital-info)}.capital-description-cell{display:flex;flex-direction:column}.capital-description{font-weight:500}.capital-category{font-size:12px;color:var(--capital-gray)}.capital-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-active{background:var(--capital-success-light);color:var(--capital-success)}.status-reversed{background:var(--capital-warning-light);color:var(--capital-warning)}.status-cancelled{background:var(--capital-danger-light);color:var(--capital-danger)}.status-closed{background:#fef3c7;color:#f59e0b}.status-other{background:var(--capital-gray-light);color:var(--capital-gray)}.capital-actions{display:flex;gap:6px}.capital-btn-view,.capital-btn-delete{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:13px}.capital-btn-view{background:var(--capital-info-light);color:var(--capital-info)}.capital-btn-view:hover{background:var(--capital-info);color:#fff;transform:translateY(-2px)}.capital-btn-delete{background:var(--capital-danger-light);color:var(--capital-danger)}.capital-btn-delete:hover{background:var(--capital-danger);color:#fff;transform:translateY(-2px)}.capital-btn-delete:disabled{opacity:.4;cursor:not-allowed}.capital-no-data{text-align:center;padding:60px!important;color:var(--capital-gray)}.capital-no-data i{font-size:48px;color:var(--capital-gray-light);display:block;margin-bottom:15px}.capital-no-data p{font-size:16px;margin:0}.capital-empty-state{text-align:center!important;vertical-align:middle!important;padding:60px 20px!important}.capital-empty-state .capital-no-data-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.capital-empty-state .capital-no-data-content i{font-size:48px;color:var(--capital-gray-light);display:block;margin-bottom:8px}.capital-empty-state .capital-no-data-content p{font-size:16px;font-weight:600;color:var(--capital-dark);margin:0}.capital-empty-state .capital-no-data-content span{font-size:14px;color:var(--capital-gray)}.capital-history-section{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px;padding:4px;min-height:0}.capital-log-entry{display:flex;gap:16px;padding:16px;background:#fff;border-radius:10px;border:1px solid var(--capital-gray-light);transition:all .3s;align-items:flex-start}.capital-log-entry:hover{border-color:var(--capital-primary);box-shadow:var(--capital-shadow);transform:translateY(-2px)}.capital-log-icon{width:40px;height:40px;border-radius:10px;background:var(--capital-primary-light);color:var(--capital-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.capital-log-icon.delete{background:#fee2e2;color:#ef4444}.capital-log-icon.close{background:#fef3c7;color:#f59e0b}.capital-log-content{flex:1;min-width:0}.capital-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;flex-wrap:wrap;gap:8px}.capital-log-action{font-weight:600;font-size:15px;color:var(--capital-dark)}.capital-log-time{font-size:12px;color:var(--capital-gray)}.capital-log-description{font-size:14px;color:var(--capital-gray);margin-bottom:4px}.capital-log-user{font-size:13px;color:var(--capital-gray);display:flex;align-items:center;gap:6px}.capital-log-user i{font-size:12px}.capital-log-role{color:var(--capital-gray);font-size:12px}.capital-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--capital-gray-light);background:var(--capital-light);border-radius:16px 16px 0 0;flex-shrink:0}.capital-modal-header h3{margin:0;font-size:18px;color:var(--capital-dark);display:flex;align-items:center;gap:10px}.capital-modal-header h3 i{color:var(--capital-primary)}.capital-modal-close{background:none;border:none;font-size:20px;color:var(--capital-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.capital-modal-close:hover{background:var(--capital-gray-light);color:var(--capital-danger)}.capital-detail-body{padding:24px;overflow-y:auto;flex:1}.capital-modal-footer{padding:16px 24px;border-top:1px solid var(--capital-gray-light);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background:var(--capital-light);border-radius:0 0 16px 16px}.capital-detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--capital-gray-light)}.capital-detail-row:last-child{border-bottom:none}.capital-detail-label{font-size:13px;font-weight:600;color:var(--capital-gray);min-width:120px}.capital-detail-value{font-size:14px;color:var(--capital-dark);text-align:right;flex:1}.capital-detail-value.amount{font-weight:700;color:var(--capital-primary)}.capital-delete-modal-content{background:#fff;border-radius:16px;padding:36px 32px 28px;max-width:400px;width:100%;text-align:center;box-shadow:0 24px 48px #0003;animation:capitalModalSlideIn .3s ease}.capital-delete-icon{width:64px;height:64px;border-radius:50%;background:var(--capital-danger-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.capital-delete-icon i{font-size:28px;color:var(--capital-danger)}.capital-delete-modal-content h3{margin:0 0 8px;font-size:20px;color:var(--capital-dark)}.capital-delete-modal-content p{margin:0 0 24px;font-size:15px;color:var(--capital-gray);line-height:1.6}.capital-delete-modal-content p strong{color:var(--capital-dark)}.capital-delete-actions{display:flex;gap:12px;justify-content:center}.capital-btn-confirm-delete{padding:10px 24px;background:var(--capital-danger);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.capital-btn-confirm-delete:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 24px #ef44444d}.capital-btn-confirm-close{padding:10px 24px;background:#f59e0b;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.capital-btn-confirm-close:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}.capital-closing-input{padding:8px 12px;border:1px solid #e9ecef;border-radius:6px;width:100%;font-size:14px;transition:all .3s}.capital-closing-input:focus{outline:none;border-color:var(--capital-primary);box-shadow:0 0 0 3px #10b9811a}.capital-loading-state{text-align:center;padding:60px 20px;color:var(--capital-gray)}.capital-loading-state i{font-size:48px;color:var(--capital-primary);display:block;margin-bottom:15px;animation:spin 1s linear infinite}.capital-closing-tab-wrapper{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:visible!important;width:100%}.capital-closing-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:4px 4px 40px;overflow-y:auto!important;flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;align-content:start}.capital-closing-card{background:#fff;border-radius:12px;border:1px solid var(--capital-gray-light);box-shadow:var(--capital-shadow);overflow:visible!important;transition:all .3s ease;display:flex;flex-direction:column;height:auto!important;max-height:none!important}.capital-closing-card:hover{transform:translateY(-4px);box-shadow:var(--capital-shadow-hover);border-color:#f59e0b}.capital-closing-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fcd34d}.capital-closing-card-period{display:flex;align-items:center;gap:8px;font-weight:600;color:#92400e;font-size:14px}.capital-closing-card-period i{color:#f59e0b}.capital-closing-card-badge{display:flex;align-items:center;gap:6px;background:#f59e0b;color:#fff;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:600}.capital-closing-card-badge i{font-size:11px}.capital-closing-card-body{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.capital-closing-stat{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:var(--capital-light);border-radius:8px}.capital-closing-stat-label{font-size:11px;color:var(--capital-gray);display:flex;align-items:center;gap:5px;font-weight:500}.capital-closing-stat-label i{font-size:12px}.capital-closing-stat-value{font-weight:700;font-size:14px}.capital-closing-card-capital{padding:10px 16px;background:#f8fafc;border-top:1px solid var(--capital-gray-light);border-bottom:1px solid var(--capital-gray-light);display:flex;flex-direction:column;gap:4px}.capital-closing-capital-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0}.capital-closing-capital-label{font-size:12px;color:var(--capital-gray);display:flex;align-items:center;gap:6px;font-weight:500}.capital-closing-capital-label i{font-size:11px}.capital-closing-capital-value{font-size:13px;font-weight:600;color:var(--capital-dark)}.capital-closing-card-capital-arrow{text-align:center;padding:0}.capital-closing-card-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--capital-gray-light);background:var(--capital-light)}.capital-closing-card-total{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--capital-gray)}.capital-closing-card-total strong{color:var(--capital-dark);font-size:13px}.capital-closing-card-user{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--capital-gray)}.capital-closing-card-user i{font-size:11px}.capital-closing-card-notes{padding:8px 16px 10px;font-size:12px;color:var(--capital-gray);border-top:1px solid var(--capital-gray-light);display:flex;align-items:flex-start;gap:8px}.capital-closing-card-notes i{color:var(--capital-gray);font-size:11px;margin-top:2px}.capital-closing-profit-label{font-size:10px;font-weight:600;padding:1px 8px;border-radius:12px;margin-left:4px}@media (max-width: 1200px){.capital-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.capital-header{flex-direction:column;align-items:stretch;gap:12px}.capital-header-left{justify-content:flex-start;width:100%}.capital-tab-select-container{width:100%;max-width:350px}.capital-header-center{flex-direction:column;gap:10px;min-width:unset}.capital-search-filter-wrapper{max-width:100%;width:100%;flex-wrap:wrap;justify-content:center}.capital-search-box{max-width:100%;min-width:200px;flex:1 1 200px}.capital-header-right{justify-content:center;width:100%}.capital-closing-btn,.capital-add-btn{flex:1;justify-content:center}}@media (max-width: 768px){.capital-container{padding:10px;height:100vh;overflow:hidden;max-height:100vh}.capital-header{flex-direction:column;align-items:stretch;gap:8px;padding-bottom:8px;margin-bottom:10px}.capital-header-left{width:100%;justify-content:flex-start;flex-wrap:wrap}.capital-tab-select-container{max-width:100%;min-width:unset;width:100%}.capital-tab-select{padding:8px 36px 8px 38px;font-size:13px}.capital-header-center{width:100%;min-width:unset;padding:0}.capital-search-filter-wrapper{display:flex;flex-direction:row!important;align-items:center;gap:6px;max-width:100%;width:100%;flex-wrap:nowrap}.capital-search-box{flex:1;min-width:0;max-width:none}.capital-search-box input{padding:6px 28px;font-size:12px;height:34px}.capital-search-box i{font-size:12px;left:10px}.capital-clear-search{right:22px;font-size:12px}.capital-filter-select{padding:6px 28px 6px 8px;font-size:11px;min-width:70px;width:auto;height:34px;background-position:right 8px center;background-size:10px;flex-shrink:0}.capital-clear-filters-btn{padding:4px 8px;font-size:11px;height:34px;flex-shrink:0}.capital-clear-filters-btn i{font-size:10px}.capital-header-right{flex-direction:row!important;width:100%;gap:6px;justify-content:stretch}.capital-closing-btn,.capital-add-btn{flex:1;padding:6px 10px;font-size:11px;justify-content:center;height:36px}.capital-closing-btn i,.capital-add-btn i{font-size:12px}.capital-summary-cards{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.capital-summary-card{padding:10px 12px;gap:10px}.capital-summary-icon{width:34px;height:34px;font-size:14px}.capital-summary-value{font-size:.9rem}.capital-summary-label{font-size:.6rem}.capital-summary-sub{font-size:.55rem}.capital-pagination-top{flex-direction:column;align-items:stretch;gap:6px;padding:6px 8px;margin-bottom:8px}.capital-pagination-title{justify-content:center;border-right:none;padding-right:0;padding-bottom:4px;border-bottom:1px solid var(--capital-gray-light);font-size:12px}.capital-pagination-title i{font-size:13px}.capital-pagination-controls{justify-content:center;gap:4px;padding:4px 8px;flex-wrap:wrap}.capital-nav-btn{width:26px;height:26px;font-size:10px}.capital-page-input{width:36px;height:26px;font-size:11px}.capital-page-total{font-size:11px}.capital-items-per-page{border-left:none;margin-left:0;padding-left:0}.capital-per-page-select{width:44px;height:26px;font-size:10px}.capital-per-page-label{font-size:10px}.capital-pagination-info{justify-content:center}.capital-showing-count{font-size:10px;padding:2px 8px}.capital-table-wrapper{overflow-x:auto!important;overflow-y:auto!important;flex:1 1 0!important;min-height:0!important;border-radius:6px;border:1px solid var(--capital-gray-light);width:100%;-webkit-overflow-scrolling:touch}.capital-table{min-width:700px;font-size:12px;width:100%;border-collapse:collapse}.capital-table th,.capital-table td{padding:8px;font-size:11px;white-space:nowrap}.capital-table th:nth-child(4),.capital-table td:nth-child(4){display:none}.capital-type-badge,.capital-status-badge{font-size:9px;padding:2px 6px}.capital-amount{font-size:12px}.capital-btn-view,.capital-btn-delete{width:26px;height:26px;font-size:11px}.capital-history-header{flex-direction:column;align-items:stretch;padding:8px 10px;gap:6px}.capital-history-info{justify-content:center}.capital-history-info span{font-size:14px}.capital-pagination-right{justify-content:center;flex-wrap:wrap;gap:6px}.capital-log-entry{padding:10px;gap:10px}.capital-log-icon{width:32px;height:32px;font-size:13px}.capital-log-action{font-size:13px}.capital-log-description{font-size:12px}.capital-closing-tab-wrapper{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.capital-closing-card-grid{flex:1 1 0;min-height:0;overflow-y:auto;max-height:100%;padding:4px 4px 8px;grid-template-columns:1fr}.capital-modal-content{max-width:100%;margin:8px;max-height:95vh;border-radius:12px}.capital-modal-header{padding:12px 16px}.capital-modal-header h3{font-size:15px}.capital-detail-body{padding:14px}.capital-detail-row{flex-direction:column;gap:2px;padding:6px 0}.capital-detail-label{min-width:auto;font-size:12px}.capital-detail-value{text-align:left;width:100%;font-size:13px}.capital-delete-modal-content{margin:10px;padding:24px 20px 20px}.capital-delete-actions{flex-direction:column}.capital-delete-actions button{width:100%;justify-content:center}.capital-closing-card-body{grid-template-columns:1fr 1fr;gap:6px;padding:10px}.capital-closing-card-header{padding:8px 12px}.capital-closing-card-period{font-size:12px}.capital-closing-card-stat-value{font-size:13px}.capital-closing-card-footer{flex-direction:column;gap:4px;align-items:stretch;text-align:center}.capital-closing-card-total,.capital-closing-card-user{justify-content:center}.capital-closing-card-capital{padding:8px 12px}.capital-closing-capital-row{flex-direction:column;align-items:flex-start;gap:2px}.capital-closing-capital-value{font-size:13px}.capital-closing-capital-label{font-size:11px}}@media (max-width: 480px){.capital-container{padding:6px}.capital-header-left{flex-direction:column;align-items:stretch;gap:4px}.capital-tab-select-container{width:100%}.capital-closed-badge{align-self:flex-start;font-size:9px;padding:2px 8px;margin-left:0}.capital-search-filter-wrapper{gap:4px}.capital-search-box input{padding:4px 24px;font-size:11px;height:30px}.capital-filter-select{padding:4px 24px 4px 6px;font-size:10px;min-width:55px;height:30px}.capital-clear-filters-btn{padding:3px 6px;font-size:10px;height:30px}.capital-clear-filters-btn i{font-size:9px}.capital-closing-btn,.capital-add-btn{font-size:10px;padding:5px 6px;height:32px}.capital-closing-btn i,.capital-add-btn i{font-size:11px}.capital-summary-cards{grid-template-columns:1fr 1fr;gap:5px}.capital-summary-card{padding:6px 8px;gap:8px}.capital-summary-icon{width:28px;height:28px;font-size:12px}.capital-summary-value{font-size:.8rem}.capital-table{min-width:550px}.capital-table th,.capital-table td{padding:5px 6px;font-size:10px}.capital-amount{font-size:11px}.capital-type-badge,.capital-status-badge{font-size:8px;padding:1px 5px}.capital-btn-view,.capital-btn-delete{width:22px;height:22px;font-size:9px}.capital-pagination-top{padding:4px 6px}.capital-pagination-title{font-size:11px}.capital-pagination-controls{gap:3px;padding:3px 6px}.capital-nav-btn{width:22px;height:22px;font-size:9px}.capital-page-input{width:30px;height:22px;font-size:10px}.capital-page-total{font-size:10px}.capital-per-page-select{width:38px;height:22px;font-size:9px}.capital-showing-count{font-size:9px;padding:1px 6px}.capital-closing-card-grid{gap:10px}.capital-closing-card-body{grid-template-columns:1fr 1fr;gap:4px;padding:8px}.capital-closing-stat{padding:4px 6px}.capital-closing-stat-value{font-size:12px}.capital-closing-card-footer{flex-direction:column;gap:4px;align-items:stretch;text-align:center}.capital-closing-card-total,.capital-closing-card-user{justify-content:center}.capital-closing-card-capital{padding:6px 10px}.capital-closing-capital-row{flex-direction:column;align-items:flex-start;gap:1px}.capital-closing-capital-value{font-size:12px}.capital-closing-capital-label{font-size:10px}}.capital-history-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid var(--capital-gray-light);gap:12px;flex-shrink:0}.capital-history-info{display:flex;align-items:center;gap:10px;flex-shrink:0}.capital-history-info i{color:var(--capital-primary);font-size:18px}.capital-history-info span{font-size:16px;font-weight:600;color:var(--capital-dark)}.capital-pagination-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.capital-pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--capital-light);border-radius:20px;padding:4px 12px}.capital-pagination-info{display:flex;align-items:center}.capital-showing-count{font-size:13px;color:var(--capital-gray);background:var(--capital-light);padding:4px 14px;border-radius:20px;white-space:nowrap}.capital-loading-text{font-size:13px;color:var(--capital-gray);display:flex;align-items:center;gap:8px;background:#fff;padding:4px 14px;border-radius:20px;border:1px solid var(--capital-gray-light)}.capital-loading-text i{color:var(--capital-primary)}@media (max-width: 768px){.capital-history-header{flex-direction:column;align-items:stretch;padding:8px 10px;gap:6px}.capital-history-info{justify-content:center}.capital-pagination-right{justify-content:center;flex-wrap:wrap;gap:6px}.capital-pagination-controls{justify-content:center;padding:4px 8px}.capital-pagination-info{justify-content:center}.capital-showing-count{font-size:11px;padding:2px 8px}}@media (max-width: 480px){.capital-pagination-right{flex-direction:column;gap:4px;width:100%}.capital-pagination-controls{flex-wrap:wrap;justify-content:center;width:100%}.capital-pagination-info{width:100%;justify-content:center}.capital-showing-count{font-size:10px;padding:2px 6px}}.capital-no-data-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px}.capital-no-data-content i{font-size:48px;color:var(--capital-gray-light)}.capital-no-data-content p{font-size:16px;font-weight:600;color:var(--capital-dark);margin:0}.capital-no-data-content span{font-size:14px;color:var(--capital-gray)}.capital-export-options{display:flex;flex-direction:column;gap:12px}.capital-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--capital-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.capital-export-option:hover{border-color:var(--capital-primary);background-color:var(--capital-primary-light)}.capital-export-option.selected{border-color:var(--capital-primary);background-color:var(--capital-primary-light);box-shadow:0 0 0 3px #10b9811a}.capital-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.capital-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.capital-export-radio-custom{width:20px;height:20px;border:2px solid var(--capital-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.capital-export-option.selected .capital-export-radio-custom{border-color:var(--capital-primary)}.capital-export-option.selected .capital-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--capital-primary);border-radius:50%}.capital-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.capital-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--capital-light);border-radius:8px}.capital-export-option-title{font-size:15px;font-weight:600;color:var(--capital-dark)}.capital-export-option-desc{font-size:13px;color:var(--capital-gray)}.capital-btn-submit{padding:10px 24px;background-color:var(--capital-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.capital-btn-submit:hover:not(:disabled){background-color:var(--capital-secondary);transform:translateY(-2px)}.capital-btn-submit:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.capital-export-option{padding:12px 15px}.capital-export-option-content{gap:10px}.capital-export-option-content i{width:30px;height:30px;font-size:16px}.capital-export-option-title{font-size:14px}.capital-export-option-desc{font-size:12px}}.capital-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.capital-modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #0003;animation:capitalModalSlideIn .3s ease}@keyframes capitalModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.capital-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa;border-radius:16px 16px 0 0;flex-shrink:0}.capital-modal-header h3{margin:0;font-size:18px;color:#1a1a2e;display:flex;align-items:center;gap:10px}.capital-modal-header h3 i{color:#10b981}.capital-modal-close{background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.capital-modal-close:hover{background:#e9ecef;color:#ef4444}.capital-form{padding:24px;overflow-y:auto}.capital-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.capital-form-group{display:flex;flex-direction:column;gap:6px}.capital-form-group label{font-size:13px;font-weight:600;color:#1a1a2e}.capital-form-group input,.capital-form-group select,.capital-form-group textarea{padding:10px 14px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s;font-family:inherit;background-color:#fff}.capital-form-group input:focus,.capital-form-group select:focus,.capital-form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.capital-form-group input:disabled,.capital-form-group select:disabled,.capital-form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.capital-form-group textarea{resize:vertical;min-height:60px}.capital-form-closed-warning{background:#fef3c7;color:#92400e;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:16px;border:1px solid #f59e0b}.capital-form-closed-warning i{color:#f59e0b;font-size:16px}.capital-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #e9ecef}.capital-btn-cancel{padding:10px 24px;background:#e9ecef;color:#1a1a2e;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.capital-btn-cancel:hover{background:#dee2e6}.capital-btn-submit{padding:10px 24px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.capital-btn-submit:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 8px 24px #10b9814d}.capital-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.capital-modal-overlay{padding:10px}.capital-modal-content{max-width:100%;margin:0;max-height:95vh;border-radius:12px}.capital-modal-header{padding:14px 16px}.capital-modal-header h3{font-size:16px}.capital-form{padding:16px}.capital-form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.capital-form-actions{flex-direction:column}.capital-form-actions button{width:100%;justify-content:center}.capital-btn-cancel,.capital-btn-submit{padding:12px 20px;font-size:14px}}@media (max-width: 480px){.capital-modal-overlay{padding:6px}.capital-modal-header{padding:12px 14px}.capital-modal-header h3{font-size:15px}.capital-modal-close{width:32px;height:32px;font-size:16px}.capital-form{padding:12px}.capital-form-group label{font-size:12px}.capital-form-group input,.capital-form-group select,.capital-form-group textarea{padding:8px 12px;font-size:13px}.capital-form-closed-warning{font-size:12px;padding:10px 12px}}.shared-login-main{background-image:url(/assets/coverImage-BTzzRfXg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;position:relative}.shared-login-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0006);z-index:0}.shared-login-container{width:100%;max-width:420px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000040;border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.shared-login-container:hover{transform:translateY(-5px);box-shadow:0 25px 80px #0000004d}.shared-login-card{padding:50px 40px;background:transparent}.shared-login-header{margin-bottom:30px;text-align:center}.shared-login-logo{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:15px}.shared-login-logo-icon{width:60px;height:60px;background:linear-gradient(135deg,#f8720a,#ff8c42);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.shared-login-logo-text{font-size:28px;font-weight:700;margin:0;color:#000;letter-spacing:-.5px}.shared-login-subtitle{color:#2f3135;text-align:center;margin:0;line-height:1.6;font-size:15px}.shared-alert{padding:12px 16px;border-radius:12px;margin-bottom:25px;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shared-alert-error{background:#fee;border:1px solid #fcc;color:#c00}.shared-alert-icon{font-size:18px;flex-shrink:0}.shared-alert-text{font-size:14px;line-height:1.4}.shared-login-form{display:flex;flex-direction:column;gap:20px}.shared-form-group{display:flex;flex-direction:column;gap:8px}.shared-form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.shared-form-label{font-size:14px;font-weight:600;color:#000;letter-spacing:.2px;display:flex;align-items:center;gap:8px}.shared-form-input{padding:12px 16px;border-radius:12px;border:2px solid #e2e8f0;outline:none!important;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;color:#000;width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.shared-form-input:focus{border-color:#f8720a!important;outline:none!important;box-shadow:0 0 0 3px #f8720a1a!important;transform:translateY(-1px)}.shared-form-input::-moz-focus-inner{border:0;padding:0}.shared-form-input:-webkit-autofill,.shared-form-input:-webkit-autofill:hover,.shared-form-input:-webkit-autofill:focus,.shared-form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:#000000!important;caret-color:#000}.shared-form-input::placeholder{font-size:14px;color:#686868}.shared-form-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.shared-password-input-wrapper{position:relative;width:100%}.shared-password-input{padding-right:50px}.shared-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px 8px;font-size:16px;transition:color .3s ease;display:flex;align-items:center;justify-content:center;outline:none!important}.shared-password-toggle:focus-visible{outline:2px solid #f8720a!important;outline-offset:2px;border-radius:4px}.shared-password-toggle:hover{color:#f8720a}.shared-password-toggle:disabled{cursor:not-allowed;opacity:.5}.shared-forgot-password{background:transparent;border:none;color:#f8720a;font-size:14px;cursor:pointer;padding:4px 8px;transition:all .3s ease;text-decoration:none;outline:none!important}.shared-forgot-password:focus-visible{outline:2px solid #f8720a!important;outline-offset:2px;border-radius:4px}.shared-forgot-password:hover{color:#e76405;text-decoration:underline}.shared-login-button{margin-top:10px;padding:16px;border-radius:12px;border:none;background:linear-gradient(135deg,#f8720a,#ff8c42);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;outline:none!important}.shared-login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.shared-login-button:hover{background:linear-gradient(135deg,#e76405,#f8720a);transform:translateY(-2px);box-shadow:0 10px 25px #f8720a4d}.shared-login-button:hover:before{left:100%}.shared-login-button:active{transform:translateY(0)}.shared-login-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.shared-login-button:focus-visible{outline:2px solid #fff!important;outline-offset:2px;box-shadow:0 0 0 4px #f8720a80}.shared-login-button-loading{position:relative}.shared-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.shared-login-footer{margin-top:30px;padding-top:20px;border-top:1px solid #eaeaea;text-align:center}.shared-footer-text{color:#666;font-size:14px;margin:0;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.shared-support-link{color:#f8720a;text-decoration:none;font-weight:500;transition:color .3s ease;outline:none!important}.shared-support-link:focus-visible{outline:2px solid #f8720a!important;outline-offset:2px;border-radius:4px}.shared-support-link:hover{color:#e76405;text-decoration:underline}.shared-login-bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#f8720a1a,#ff8c420d);z-index:-1}.shared-login-bg-shape-1{width:300px;height:300px;top:-150px;right:-150px}.shared-login-bg-shape-2{width:200px;height:200px;bottom:-100px;left:-100px}@media (max-width: 768px){.shared-login-main{padding:20px 15px}.shared-login-container{max-width:100%;border-radius:16px}.shared-login-card{padding:35px 25px}.shared-login-logo-text{font-size:24px}.shared-login-logo-icon{width:50px;height:50px;font-size:20px}}@media (max-width: 480px){.shared-login-card{padding:30px 20px}.shared-login-logo-text{font-size:22px}.shared-login-button{padding:14px;font-size:15px}.shared-form-label-row{flex-direction:column;align-items:flex-start;gap:5px}}button:focus-visible:not(:focus),input:focus-visible:not(:focus),select:focus-visible:not(:focus){outline:none}.js-focus-visible :focus:not(.focus-visible){outline:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.shared-form-hint{display:block;margin-top:4px;margin-left:4px;font-size:12px;color:#f8720a;font-weight:500;letter-spacing:.2px;opacity:.85;animation:fadeInHint .4s ease-out}@keyframes fadeInHint{0%{opacity:0;transform:translateY(-2px)}to{opacity:.85;transform:translateY(0)}}.shared-otp-main{background-image:url(/assets/coverImage-BTzzRfXg.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;position:relative}.shared-otp-main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000000b3,#0006);z-index:0}.shared-otp-container{width:100%;max-width:480px;padding:20px;position:relative;z-index:1}.shared-otp-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 50px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-out}.shared-otp-header{text-align:center;margin-bottom:32px;position:relative}.shared-otp-back-button{position:absolute;left:-30px;top:-30px;background:none;border:none;color:#414141;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:6px}.shared-otp-back-button:hover{background-color:#f5f3ff}.shared-otp-back-button i{font-size:12px}.shared-otp-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.shared-otp-logo-icon{font-size:32px;color:#f8720a}.shared-otp-logo-icon i{font-size:32px}.shared-otp-logo-text{font-size:28px;font-weight:700;background:#f8720a;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shared-otp-subtitle{color:#6b7280;font-size:14px;line-height:1.5;max-width:320px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}.shared-otp-subtitle i{font-size:14px;color:#414141}.shared-otp-user-details{display:flex;flex-direction:column;gap:4px}.shared-otp-alert{padding:14px 18px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out}.shared-otp-alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.shared-otp-alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.shared-otp-alert-icon{font-size:18px;display:flex;align-items:center}.shared-otp-alert-icon i{font-size:18px}.shared-otp-alert-text{font-size:14px;font-weight:500}.shared-otp-form{display:flex;flex-direction:column;gap:32px}.shared-otp-inputs-container{display:flex;flex-direction:column;gap:16px}.shared-otp-instruction{font-size:14px;color:#6b7280;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.shared-otp-instruction i{font-size:14px;color:#414141}.shared-otp-inputs-group{display:flex;justify-content:center;gap:12px}.shared-otp-input{width:56px;height:64px;border:2px solid #e5e7eb;border-radius:12px;font-size:24px;font-weight:600;text-align:center;color:#888;background:#fff;transition:all .2s;outline:none}.shared-otp-input:focus{border-color:#f8720a;box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px);outline:none}.shared-otp-input:disabled{background-color:#f9fafb;cursor:not-allowed}.shared-otp-input::placeholder{color:#d1d5db}.shared-otp-timer-section{text-align:center}.shared-otp-timer{font-size:14px;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px}.shared-otp-timer i{font-size:14px;color:#414141}.shared-otp-timer-count{font-weight:600;color:#dc2626;font-feature-settings:"tnum"}.shared-otp-resend-button{background:#1f5ae0;color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.shared-otp-resend-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #7c3aed4d}.shared-otp-resend-button:disabled{opacity:.7;cursor:not-allowed}.shared-otp-resend-button-loading{cursor:wait}.shared-otp-resend-button i{font-size:14px}.shared-otp-verify-button{padding:16px 32px;background:linear-gradient(135deg,#2059db,#16a6f2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.shared-otp-verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #10b9814d}.shared-otp-verify-button:active:not(:disabled){transform:translateY(0)}.shared-otp-verify-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280)}.shared-otp-verify-button-loading{cursor:wait}.shared-otp-verify-button i{font-size:16px}.shared-otp-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.shared-otp-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.shared-otp-footer-text{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.shared-otp-footer-text i{font-size:12px;color:#f8720a}.shared-otp-contact-support{background:none;border:none;color:#f8720a;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:6px;display:inline-flex;align-items:center;gap:8px}.shared-otp-contact-support:hover{color:#f8720a;background-color:#f5f3ff}.shared-otp-contact-support i{font-size:14px}@media (max-width: 520px){.shared-otp-container{padding:16px}.shared-otp-card{padding:32px 24px}.shared-otp-logo{flex-direction:column;gap:8px}.shared-otp-logo-text{font-size:24px}.shared-otp-input{width:48px;height:56px;font-size:20px}.shared-otp-inputs-group{gap:8px}.shared-otp-back-button{position:relative;justify-content:center;margin-bottom:16px;position:absolute;left:0;top:0}.shared-otp-subtitle,.shared-otp-footer-text{flex-direction:column;gap:4px}}@media (max-width: 480px){.shared-otp-input{width:42px;height:50px;font-size:18px}.shared-otp-inputs-group{gap:6px}}.owner-login-container{min-width:450px;padding:20px;position:relative;z-index:1}.owner-login-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-out}.owner-login-header{text-align:center;margin-bottom:32px}.owner-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.owner-logo-icon{font-size:32px;color:#4f46e5}.owner-logo-icon i{font-size:32px}.owner-logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.owner-login-subtitle{color:#6b7280;font-size:14px;line-height:1.5}.owner-alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out}.owner-alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.owner-alert-icon{font-size:18px;display:flex;align-items:center}.owner-alert-icon i{font-size:18px}.owner-alert-text{font-size:14px;font-weight:500}.owner-login-form{display:flex;flex-direction:column;gap:24px}.owner-form-group{display:flex;flex-direction:column;gap:8px}.owner-form-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.owner-form-label i{font-size:14px;color:#4f46e5}.owner-form-label-row{display:flex;justify-content:space-between;align-items:center}.owner-forgot-password{background:none;border:none;color:#4f46e5;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:6px;padding:4px 0}.owner-forgot-password:hover{color:#3730a3;text-decoration:underline}.owner-forgot-password i{font-size:12px}.owner-form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;color:#111827;background:#fff;transition:all .2s;outline:none;width:100%}.owner-form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.owner-form-input:disabled{background-color:#f9fafb;cursor:not-allowed}.owner-form-input::placeholder{color:#9ca3af}.owner-password-input-wrapper{position:relative;width:100%}.owner-password-input{padding-right:45px}.owner-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;font-size:16px}.owner-password-toggle:hover{color:#4f46e5}.owner-password-toggle:disabled{opacity:.5;cursor:not-allowed}.owner-password-toggle i{font-size:16px}.owner-login-button{padding:14px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;position:relative;overflow:hidden}.owner-login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.owner-login-button:active:not(:disabled){transform:translateY(0)}.owner-login-button:disabled{opacity:.7;cursor:not-allowed}.owner-login-button-loading{cursor:wait}.owner-login-button i{font-size:16px}.owner-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.owner-login-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.owner-footer-text{color:#6b7280;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.owner-footer-text i{font-size:12px;color:#4f46e5}.owner-support-link{color:#4f46e5;text-decoration:none;font-weight:500;transition:color .2s;display:inline-flex;align-items:center;gap:6px}.owner-support-link:hover{color:#3730a3;text-decoration:underline}.owner-support-link i{font-size:12px}.owner-login-bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);z-index:0}.owner-login-bg-shape-1{width:300px;height:300px;top:-220px;right:-10px}.owner-login-bg-shape-2{width:200px;height:200px;bottom:20px;left:-130px}.owner-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.owner-modal{background:#fff;border-radius:16px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}.owner-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.owner-modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.owner-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.owner-modal-close:hover{background:#ffffff4d}.owner-modal-body{padding:24px}.owner-modal-text{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:20px}.owner-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.owner-button-primary{padding:10px 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.owner-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.owner-button-primary:disabled{opacity:.7;cursor:not-allowed}.owner-button-secondary{padding:10px 20px;background:#fff;color:#4f46e5;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.owner-button-secondary:hover:not(:disabled){background:#f9fafb;border-color:#4f46e5}.owner-button-secondary:disabled{opacity:.7;cursor:not-allowed}.owner-alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.owner-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.owner-modal{margin:16px;max-width:calc(100% - 32px)}.owner-modal-footer{flex-direction:column}.owner-button-primary,.owner-button-secondary{width:100%}.owner-login-container{padding:16px}.owner-login-card{padding:32px 24px}.owner-logo{flex-direction:column;gap:8px}.owner-logo-text{font-size:24px}.owner-form-label-row{flex-direction:column;align-items:flex-start;gap:4px}.owner-footer-text{flex-direction:column;gap:4px}}.owner-otp-container{width:100%;max-width:480px;padding:20px;position:relative;z-index:1}.owner-otp-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 50px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-out}.owner-otp-header{text-align:center;margin-bottom:32px;position:relative}.owner-otp-back-button{position:absolute;left:0;top:0;background:none;border:none;color:#4f46e5;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:6px}.owner-otp-back-button:hover{background-color:#f5f3ff}.owner-otp-back-button i{font-size:12px}.owner-otp-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.owner-otp-logo-icon{font-size:32px;color:#7c3aed}.owner-otp-logo-icon i{font-size:32px}.owner-otp-logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.owner-otp-subtitle{color:#6b7280;font-size:14px;line-height:1.5;max-width:320px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}.owner-otp-subtitle i{font-size:14px;color:#7c3aed}.owner-otp-session-info{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #ddd6fe}.owner-otp-user-info{display:flex;align-items:center;gap:16px}.owner-otp-user-icon{font-size:24px;background:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d;color:#7c3aed}.owner-otp-user-icon i{font-size:24px}.owner-otp-user-details{display:flex;flex-direction:column;gap:4px}.owner-otp-username{font-size:16px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.owner-otp-username i{font-size:12px;color:#7c3aed}.owner-otp-device-info{font-size:13px;color:#7c3aed;font-weight:500;display:flex;align-items:center;gap:6px}.owner-otp-device-info i{font-size:12px}.owner-otp-alert{padding:14px 18px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out}.owner-otp-alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.owner-otp-alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.owner-otp-alert-icon{font-size:18px;display:flex;align-items:center}.owner-otp-alert-icon i{font-size:18px}.owner-otp-alert-text{font-size:14px;font-weight:500}.owner-otp-form{display:flex;flex-direction:column;gap:32px}.owner-otp-inputs-container{display:flex;flex-direction:column;gap:16px}.owner-otp-instruction{font-size:14px;color:#6b7280;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.owner-otp-instruction i{font-size:14px;color:#7c3aed}.owner-otp-inputs-group{display:flex;justify-content:center;gap:12px}.owner-otp-input{width:56px;height:64px;border:2px solid #e5e7eb;border-radius:12px;font-size:24px;font-weight:600;text-align:center;color:#111827;background:#fff;transition:all .2s;outline:none}.owner-otp-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px);outline:none}.owner-otp-input:disabled{background-color:#f9fafb;cursor:not-allowed}.owner-otp-input::placeholder{color:#d1d5db}.owner-otp-timer-section{text-align:center}.owner-otp-timer{font-size:14px;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px}.owner-otp-timer i{font-size:14px;color:#7c3aed}.owner-otp-timer-count{font-weight:600;color:#dc2626;font-feature-settings:"tnum"}.owner-otp-resend-button{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.owner-otp-resend-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #7c3aed4d}.owner-otp-resend-button:disabled{opacity:.7;cursor:not-allowed}.owner-otp-resend-button-loading{cursor:wait}.owner-otp-resend-button i{font-size:14px}.owner-otp-verify-button{padding:16px 32px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.owner-otp-verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #10b9814d}.owner-otp-verify-button:active:not(:disabled){transform:translateY(0)}.owner-otp-verify-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280)}.owner-otp-verify-button-loading{cursor:wait}.owner-otp-verify-button i{font-size:16px}.owner-otp-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.owner-otp-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.owner-otp-footer-text{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.owner-otp-footer-text i{font-size:12px;color:#7c3aed}.owner-otp-contact-support{background:none;border:none;color:#4f46e5;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:6px;display:inline-flex;align-items:center;gap:8px}.owner-otp-contact-support:hover{color:#3730a3;background-color:#f5f3ff}.owner-otp-contact-support i{font-size:14px}.owner-otp-bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#7c3aed14,#a855f714);z-index:0}.owner-otp-bg-shape-1{width:400px;height:400px;top:-200px;right:-200px}.owner-otp-bg-shape-2{width:250px;height:250px;bottom:-125px;left:-125px}.owner-otp-bg-shape-3{width:150px;height:150px;top:50%;left:-75px;transform:translateY(-50%)}@media (max-width: 520px){.owner-otp-container{padding:16px}.owner-otp-card{padding:32px 24px}.owner-otp-logo{flex-direction:column;gap:8px}.owner-otp-logo-text{font-size:24px}.owner-otp-input{width:48px;height:56px;font-size:20px}.owner-otp-inputs-group{gap:8px}.owner-otp-back-button{position:relative;justify-content:center;margin-bottom:16px}.owner-otp-subtitle,.owner-otp-footer-text{flex-direction:column;gap:4px}}@media (max-width: 380px){.owner-otp-input{width:42px;height:50px;font-size:18px}.owner-otp-inputs-group{gap:6px}}.ownerDashboard-main{min-height:100vh;padding:20px;position:relative;overflow-x:hidden;box-sizing:border-box;background:linear-gradient(135deg,#fff,#f1f5fe,#fdeaeb)}.ownerDashboard-main:before{content:"";position:absolute;top:0;left:0;right:0;height:250px;background:linear-gradient(135deg,#667eea,#764ba2);width:100%;margin:0 auto;z-index:0}.clearfix:after{content:"";display:table;clear:both}.dashboard-header{margin-bottom:30px;text-align:center;position:relative;z-index:1;width:100%}.dashboard-header h1{font-size:40px;color:#fff;margin-bottom:8px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.5px}.header-subtitle{color:#ffffffe6;font-size:.95rem;font-weight:500}.quick-stats{width:60%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:2}.stat-card1{background:#fff;border-radius:18px;padding:20px;text-align:left;box-shadow:0 10px 30px #00000014;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;width:100%;box-sizing:border-box}.quick-stats:after{content:"";display:table;clear:both}.stat-card1:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(to bottom,#667eea,#764ba2)}.stat-card1:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.stat-icon{width:50px;height:50px;border-radius:14px;display:inline-block;text-align:center;line-height:50px;margin-bottom:15px;font-size:1.4rem;color:#fff;vertical-align:middle}.stat-card1:nth-child(1) .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card1:nth-child(2) .stat-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card1:nth-child(3) .stat-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card1:nth-child(4) .stat-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-card1 h3{font-size:20px;color:#1e293b;letter-spacing:-.5px;display:inline-block;width:100%}.stat-card1 p{font-size:14px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;width:100%}.stat-trend{display:inline-block;width:100%;margin-top:8px;font-size:.8rem;font-weight:600}.trend-up{color:#10b981}.trend-down{color:#e05050}.portion-title{margin-top:20px}.portion-title h2{color:#667eea;margin-bottom:8px;text-align:center;font-weight:800;letter-spacing:-.5px}.dashboard-grid{width:100%;display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:2;gap:20px;padding:20px 0;border-radius:10px;box-sizing:border-box}.dashboard-grid:after{content:"";display:table;clear:both}.grid-item{background:#fff;border-radius:18px;padding:25px 20px;text-align:center;border:none;box-shadow:0 10px 20px #0000000f;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden;width:100%;box-sizing:border-box;float:left}.grid-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.grid-item:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.grid-item:hover:after{opacity:1}.grid-icon{width:60px;height:60px;border-radius:16px;display:inline-block;text-align:center;line-height:60px;margin-bottom:18px;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.grid-item:nth-child(1) .grid-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.grid-item:nth-child(2) .grid-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.grid-item:nth-child(3) .grid-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.grid-item:nth-child(4) .grid-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.grid-item:nth-child(5) .grid-icon{background:linear-gradient(135deg,#30cfd0,#330867)}.grid-item:nth-child(6) .grid-icon{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.grid-item:nth-child(7) .grid-icon{background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#333}.grid-item:nth-child(8) .grid-icon{background:linear-gradient(135deg,#a6c0fe,#f68084)}.grid-item:nth-child(9) .grid-icon{background:linear-gradient(135deg,#d299c2,#fef9d7);color:#fff}.grid-item h3{font-size:1.1rem;margin-bottom:8px;color:#1e293b;font-weight:700;display:inline-block;width:100%}.grid-item p{font-size:.85rem;color:#64748b;font-weight:500;display:inline-block;width:100%}.recent-activity{background:#fff;border-radius:20px;padding:25px;border:none;box-shadow:0 10px 30px #00000014;position:relative;z-index:2;width:100%;box-sizing:border-box}.recent-activity h2{font-size:1.4rem;margin-bottom:22px;color:#1e293b;font-weight:700;padding-bottom:15px;border-bottom:2px solid #f1f5f9;display:inline-block;width:100%}.recent-activity h2 i{color:#667eea;margin-right:10px}.activity-list{list-style-type:none;padding:0;margin:0;width:100%}.activity-list li{padding:18px 0;border-bottom:1px solid #f1f5f9;position:relative;transition:all .3s ease;width:100%;display:block;box-sizing:border-box}.activity-list li:hover{background:#f8fafc;padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px;border-radius:10px;width:calc(100% + 20px)}.activity-list li:last-child{border-bottom:none}.activity-icon{width:42px;height:42px;border-radius:12px;display:inline-block;text-align:center;line-height:42px;margin-right:15px;font-size:1rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);vertical-align:middle}.activity-list li:nth-child(2) .activity-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.activity-list li:nth-child(3) .activity-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.activity-time{display:inline-block;background:#667eea1a;color:#667eea;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;margin-right:15px;min-width:75px;text-align:center;vertical-align:middle}.activity-text{font-size:.95rem;color:#475569;font-weight:500;display:inline-block;vertical-align:middle;max-width:calc(100% - 180px)}.activity-arrow{color:#cbd5e1;font-size:.9rem;opacity:.7;position:absolute;right:0;top:50%;transform:translateY(-50%)}.logout-btn{background:#ff4757;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;bottom:10px;left:20px;margin-top:20px;z-index:1000}.logout-button:hover{background:#ff3838;transform:scale(1.05)}.language-switcher{position:absolute;top:140px;right:20px;display:flex;gap:10px;background:#fff;padding:8px 15px;border-radius:30px;box-shadow:0 2px 10px #0000001a;z-index:10}.lang-btn{padding:5px 15px;border:none;border-radius:20px;cursor:pointer;font-weight:700;background:transparent;color:#666;transition:all .3s ease;font-size:14px}.lang-btn.active{background:#667eea;color:#fff}.lang-btn:hover{background:#f0f0f0}.lang-btn.active:hover{background:#5a6fd1}.shop-account-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.shop-account-loading-spinner{text-align:center;background:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 10px 40px #0000001a}.shop-account-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.shop-account-loading-message{color:#333;font-size:16px;font-weight:500}.shop-account-no-data{text-align:center;padding:60px 20px!important}.shop-account-no-data-content{color:#999}.shop-account-no-data-content i{font-size:48px;margin-bottom:15px;color:#ccc}.shop-account-no-data-content p{font-size:16px;margin-bottom:15px}@media (max-width: 768px){.language-switcher{top:110px;right:0;padding:5px 10px}.lang-btn{padding:4px 10px;font-size:12px}}@media (max-width: 480px){.language-switcher{top:120px;left:50%;transform:translate(-50%);right:auto}}@media (max-width: 768px){.dashboard-header h1{font-size:25px;color:#fff;margin-bottom:8px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.2);letter-spacing:-.5px}.ownerDashboard-main:before{width:100%}.quick-stats{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;position:relative;z-index:2}.dashboard-grid{width:100%;margin:10px auto 30px;display:grid;grid-template-columns:repeat(2,1fr);gap:15px;position:relative;z-index:2}}.financial-analytics-main{min-height:100vh;padding:20px;background:linear-gradient(135deg,#fff,#f1f5fe,#fdeaeb);box-sizing:border-box}.financial-header{margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;position:relative}.header-center-content h1{font-size:2.2rem;margin-bottom:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap}.header-center-content p{font-size:1rem;opacity:.9;text-align:center}.financial-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 0;color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s;position:relative;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.financial-back-btn:hover{transform:translateY(-2px);color:red}.summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.summary-card{background:#fff;border-radius:15px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 15px #0000001a;transition:all .3s}.summary-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.summary-icon{width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.total-revenue .summary-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.pending-amount .summary-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.total-paid .summary-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.average-revenue .summary-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.summary-content h3{margin:0 0 5px;font-size:.9rem;color:#64748b;font-weight:600}.summary-content h2{margin:0 0 5px;font-size:1.8rem;color:#1e293b;font-weight:700}.summary-content p{margin:0;font-size:.85rem;color:#94a3b8}.controls-section{background:#fff;border-radius:15px;padding:20px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 5px 15px #0000001a}.time-range{display:flex;gap:10px}.time-range button{padding:8px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.9rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s}.time-range button:hover{background:#f1f5f9;border-color:#cbd5e1}.time-range button.active{background:#667eea;border-color:#667eea;color:#fff}.controls-right{display:flex;align-items:center;gap:15px}.view-type select,.filter-type select{padding:8px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:600;color:#1e293b;background:#fff;cursor:pointer;min-width:150px}.view-type select:focus,.filter-type select:focus{outline:none;border-color:#667eea}.btn-generate,.btn-export{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-generate{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-export{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.btn-generate:hover,.btn-export:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.charts-section{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:30px}.chart-container{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.chart-container.large{grid-column:span 2}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.chart-header h3{margin:0;font-size:1.1rem;color:#1e293b;display:flex;align-items:center;gap:10px}.chart-legend{display:flex;gap:15px}.legend-item{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#64748b}.legend-item.revenue i{color:#667eea}.legend-item.shops i{color:#f093fb}.shops-financial-section{background:#fff;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a}.section-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.section-header h2{margin:0 0 5px;font-size:1.4rem;color:#1e293b;display:flex;align-items:center;gap:10px}.section-header p{margin:0;font-size:.9rem;color:#64748b}.shops-table-container{overflow-x:auto}.shops-financial-table{width:100%;border-collapse:collapse}.shops-financial-table thead{background:#f8fafc}.shops-financial-table th{padding:15px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.shops-financial-table tbody tr{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .3s}.shops-financial-table tbody tr:hover{background:#f8fafc}.shops-financial-table tbody tr.selected{background:#e0e7ff}.shops-financial-table td{padding:15px}.shop-info{display:flex;align-items:center;gap:10px}.shop-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.shop-info small{display:block;font-size:.8rem;color:#64748b;margin-top:2px}.package-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.package-badge.premium{background:#dbeafe;color:#1e40af}.package-badge.standard{background:#fef3c7;color:#92400e}.package-badge.basic{background:#dcfce7;color:#166534}.revenue-cell{font-weight:700;color:#1e293b}.pending-cell{color:#dc2626;font-weight:600;display:flex;align-items:center;gap:5px}.pending-cell .warning{color:#dc2626}.paid-cell{color:#16a34a;font-weight:600;display:flex;align-items:center;gap:5px}.paid-cell .success{color:#16a34a}.btn-receive-payment{padding:6px 15px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.btn-receive-payment:hover{transform:translateY(-2px);box-shadow:0 5px 10px #f093fb4d}.selected-shop-details{background:#fff;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.details-header h3{margin:0;font-size:1.2rem;color:#1e293b;display:flex;align-items:center;gap:10px}.btn-close{width:36px;height:36px;border:2px solid #e2e8f0;background:#fff;border-radius:50%;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-close:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.payment-history table{width:100%;border-collapse:collapse;margin-bottom:20px}.payment-history th{padding:12px;text-align:left;background:#f8fafc;color:#475569;font-weight:600;border-bottom:2px solid #e2e8f0}.payment-history td{padding:12px;border-bottom:1px solid #f1f5f9}.amount-cell{font-weight:700;color:#1e293b}.status-badge.paid{background:#d1fae5;color:#065f46}.btn-invoice{padding:6px 15px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.btn-invoice:hover{background:#e2e8f0;border-color:#cbd5e1}.shop-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:20px;border-top:2px solid #f1f5f9}.summary-item{text-align:center;padding:15px;background:#f8fafc;border-radius:10px}.summary-item h4{margin:0 0 10px;font-size:.9rem;color:#64748b;font-weight:600}.summary-item h2{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700}.summary-item h2.warning{color:#dc2626}.summary-item h2.success{color:#16a34a}.date-range-section{background:#fff;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a}.date-range-section h3{margin:0 0 20px;font-size:1.1rem;color:#1e293b;display:flex;align-items:center;gap:10px}.date-range-inputs{display:flex;align-items:center;gap:20px}.input-group{flex:1}.input-group label{display:block;margin-bottom:8px;font-size:.9rem;color:#475569;font-weight:600}.input-group input{width:100%;padding:10px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b}.input-group input:focus{outline:none;border-color:#667eea}.btn-apply{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;margin-top:28px}.btn-apply:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}@media (max-width: 1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.chart-container.large{grid-column:span 1}.shop-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.financial-header{padding:20px 15px}.header-top-row{flex-direction:column;align-items:flex-start;gap:15px}.header-center-content{position:static;left:auto;top:auto;transform:none;width:100%;max-width:100%;text-align:center;margin-top:10px}.header-center-content h1{white-space:normal;font-size:1.8rem}.financial-back-btn{margin-top:-10px;margin-bottom:-50px;align-self:flex-start}.controls-section{flex-direction:column;gap:20px;align-items:stretch}.controls-right{flex-wrap:wrap}.summary-cards{grid-template-columns:1fr}.date-range-inputs{flex-direction:column;align-items:stretch}.btn-apply{margin-top:0}}.audit-logs-main{min-height:100vh;padding:20px;background:#f0f2f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.audit-header{background:linear-gradient(135deg,#4361ee,#3a0ca3);border-radius:16px;padding:24px 32px;margin-bottom:24px;text-align:center}.audit-header h1{font-size:1.8rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.audit-header p{font-size:.95rem;color:#fffc}.statistics-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:16px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #00000014;transition:all .2s ease;border-left:4px solid}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.total{border-left-color:#4f46e5}.stat-card.today{border-left-color:#f59e0b}.stat-card.critical{border-left-color:#ef4444}.stat-card.failed{border-left-color:#dc2626}.stat-card.users{border-left-color:#10b981}.stat-card.ips{border-left-color:#06b6d4}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff}.total .stat-icon{background:#4f46e5}.today .stat-icon{background:#f59e0b}.critical .stat-icon{background:#ef4444}.failed .stat-icon{background:#dc2626}.users .stat-icon{background:#10b981}.ips .stat-icon{background:#06b6d4}.stat-content h3{font-size:.8rem;font-weight:500;color:#64748b;margin-bottom:4px}.stat-content h2{font-size:1.6rem;font-weight:700;color:#1e293b;line-height:1.2}.stat-content p{font-size:.7rem;color:#94a3b8;margin-top:4px}.system-users-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #00000014}.system-users-header h2{font-size:1.2rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px;margin-bottom:16px}.system-users-buttons{display:flex;gap:16px;margin-bottom:20px}.sys-user-btn{padding:8px 20px;border-radius:30px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;border:none}.sys-user-btn.whitelist{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.sys-user-btn.whitelist.active{background:#10b981;color:#fff;border-color:#10b981}.sys-user-btn.blacklist{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.sys-user-btn.blacklist.active{background:#dc2626;color:#fff;border-color:#dc2626}.whitelist-header,.blacklist-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.whitelist-header h3,.blacklist-header h3{font-size:1rem;font-weight:600;color:#1e293b}.whitelist-filters,.blacklist-filters{display:flex;gap:10px;flex-wrap:wrap}.whitelist-filters input,.whitelist-filters select,.blacklist-filters input,.blacklist-filters select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff}.whitelist-clear-btn,.blacklist-clear-btn{padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-size:.8rem}.blacklist-add-btn{padding:8px 18px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.whitelist-table,.blacklist-table{width:100%;border-collapse:collapse;font-size:.85rem}.whitelist-table th,.blacklist-table th{padding:12px 10px;text-align:left;background:#f8fafc;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.85rem}.whitelist-table td,.blacklist-table td{padding:10px;border-bottom:1px solid #f1f5f9;font-size:.85rem}.user-type-badge,.block-type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.btn-unblock{padding:5px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.75rem}.controls-section{background:#fff;border-radius:16px;padding:16px 20px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.controls-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:2}.controls-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-box{position:relative;min-width:260px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem}.search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;background:#fff}.filter-group{display:flex;gap:10px;flex-wrap:wrap}.filter-group select,.filter-group input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;background:#fff;min-width:120px}.fingerprint-search{min-width:180px;font-family:monospace}.date-filters{display:flex;gap:10px;align-items:center}.date-input{display:flex;align-items:center;gap:6px}.date-input label{font-size:.8rem;font-weight:500;color:#475569}.date-input input{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem}.mode-toggle{display:flex;gap:16px;align-items:center}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem}.toggle-slider{width:36px;height:18px;background:#cbd5e1;border-radius:20px;position:relative;transition:.2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.2s}.toggle-label input:checked+.toggle-slider{background:#4f46e5}.toggle-label input:checked+.toggle-slider:before{transform:translate(18px)}.btn-clear,.btn-export,.btn-report,.btn-refresh{padding:8px 16px;border-radius:10px;font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:none;transition:.2s}.btn-clear{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-export{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.btn-report{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.btn-refresh{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.btn-clear:hover,.btn-export:hover,.btn-report:hover,.btn-refresh:hover{transform:translateY(-1px)}.audit-table-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-header h2{font-size:1.2rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.table-info{font-size:.85rem;color:#64748b}.audit-table-container{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:1300px}.audit-table th{padding:14px 10px;text-align:left;background:#f8fafc;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap;font-size:.85rem}.audit-table td{padding:12px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:.85rem}.audit-table tbody tr{cursor:pointer;transition:.2s}.audit-table tbody tr:hover{background:#f8fafc}.audit-table tbody tr.selected{background:#e0e7ff}.user-cell{display:flex;align-items:center;gap:10px;flex-direction:row}.user-avatar{width:34px;height:34px;margin-bottom:5px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.user-info strong{display:block;font-size:.85rem}.user-info small{font-size:.7rem;color:#64748b}.action-badge{padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:.75rem;font-weight:600;display:inline-block}.description-cell{max-width:220px}.description-text{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-info{font-size:.7rem;color:#64748b;margin-top:4px}.browser-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.browser-info i{font-size:1.1rem}.os-info{font-size:.7rem;color:#64748b}.device-type-badge{padding:2px 6px;background:#e0e7ff;border-radius:12px;font-size:.65rem}.device-fp{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace}.device-fp i{font-size:1rem;color:#8b5cf6}.fp-hash-full{font-size:.75rem;color:#475569;background:#f1f5f9;padding:4px 8px;border-radius:6px;font-family:Courier New,monospace;word-break:break-all;max-width:200px;display:inline-block}.severity-badge,.status-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;color:#fff;display:inline-block;min-width:70px;text-align:center}.ip-cell .ip-address{font-family:monospace;font-size:.8rem;font-weight:500}.ip-location{font-size:.7rem;color:#64748b}.btn-view-details,.btn-block-ip,.btn-block-fp{padding:5px 10px;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;border:none;margin-right:5px;display:inline-flex;align-items:center;gap:4px;margin-bottom:5px}.btn-view-details{background:#e0e7ff;color:#3730a3}.btn-block-ip{background:#fee2e2;color:#991b1b}.btn-block-fp{background:#fef3c7;color:#92400e}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.pagination-buttons{display:flex;gap:10px;align-items:center}.pagination-btn{padding:6px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.8rem;color:#475569}.page-size-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem}.log-details-panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #00000014}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.details-header h3{font-size:1rem;font-weight:600;color:#1e293b}.btn-close{width:32px;height:32px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item label{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase}.detail-value{font-size:.9rem;color:#1e293b;word-break:break-word}.device-fp-full code{font-size:.8rem;background:#f1f5f9;padding:6px 10px;border-radius:8px;font-family:monospace;word-break:break-all}.details-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-block{padding:8px 18px;background:#fee2e2;color:#991b1b;border:none;border-radius:8px;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.back-section{text-align:center;margin-top:24px}.btn-back{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:#475569;color:#fff;text-decoration:none;border-radius:10px;font-size:.9rem;font-weight:500}.audit-message{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-radius:10px;margin-bottom:20px;font-size:.85rem}.audit-message.success{background:#ecfdf5;color:#047857;border-left:4px solid #10b981}.audit-message.error{background:#fef2f2;color:#b91c1c;border-left:4px solid #dc2626}.blacklist-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.blacklist-modal-content{background:#fff;border-radius:16px;width:500px;max-width:90%;max-height:85vh;overflow-y:auto}.blacklist-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.blacklist-modal-header h3{font-size:1.1rem;font-weight:600}.blacklist-modal-close{background:none;border:none;font-size:1.3rem;cursor:pointer}.blacklist-modal-body{padding:20px}.blacklist-form-group{margin-bottom:16px}.blacklist-form-group label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500}.blacklist-form-group input,.blacklist-form-group select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem}.blacklist-form-row{display:flex;gap:15px}.blacklist-form-row .blacklist-form-group{flex:1}.error-message{color:#dc2626;font-size:.7rem;margin-top:4px;display:block}.blacklist-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0}.blacklist-btn-cancel{padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-size:.85rem}.blacklist-btn-submit{padding:8px 18px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem}.loading-cell,.no-data{text-align:center;padding:40px;color:#64748b;font-size:.9rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}@media (max-width: 1200px){.statistics-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.statistics-cards{grid-template-columns:repeat(2,1fr)}.controls-section,.controls-left,.controls-right{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column}.date-filters{flex-direction:column;align-items:stretch}.details-grid{grid-template-columns:1fr}.system-users-buttons{flex-direction:column}}@media (max-width: 480px){.statistics-cards{grid-template-columns:1fr}.audit-table th,.audit-table td{padding:8px 6px}.fp-hash-full{max-width:120px;font-size:.65rem}}.whitelist-section{margin-top:20px;animation:fadeIn .3s ease}.whitelist-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.whitelist-header h3{font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.whitelist-header h3 i{color:#10b981}.whitelist-filters{display:flex;gap:10px;flex-wrap:wrap}.whitelist-filters input,.whitelist-filters select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff;transition:all .2s}.whitelist-filters input:focus,.whitelist-filters select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.whitelist-clear-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.whitelist-clear-btn:hover{background:#e2e8f0}.whitelist-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.whitelist-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:800px}.whitelist-table th{padding:14px 12px;text-align:left;background:#f8fafc;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.85rem;white-space:nowrap}.whitelist-table td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:.85rem}.whitelist-table tbody tr:hover{background:#f8fafc}.device-fp-cell{max-width:250px}.device-fp-code i{color:#8b5cf6;font-size:.85rem}.user-type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500}.user-type-badge.branch{background:#e0e7ff;color:#3730a3}.user-type-badge.shop{background:#fef3c7;color:#b45309}.btn-revoke{padding:6px 14px;background:#fee2e2;color:#991b1b;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-revoke:hover{background:#fecaca;transform:translateY(-1px)}.whitelist-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.whitelist-pagination button{padding:6px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .2s}.whitelist-pagination button:hover:not(:disabled){background:#e2e8f0}.whitelist-pagination button:disabled{opacity:.5;cursor:not-allowed}.whitelist-pagination span{font-size:.85rem;color:#475569}.no-data{text-align:center;padding:40px;color:#94a3b8;font-size:.9rem}.loading-cell{text-align:center;padding:40px;color:#64748b}.location-info{display:flex;align-items:flex-start;gap:8px}.location-info i{color:#10b981;font-size:.85rem;margin-top:2px}.location-details{display:flex;flex-direction:column;gap:4px}.location-name{font-size:.8rem;color:#1e293b}.location-ip{font-size:.7rem;color:#64748b;font-family:monospace;display:inline-flex;align-items:center;gap:4px}.location-ip i{font-size:.65rem;color:#64748b}.history-section{background:#fff;border-radius:16px;padding:20px;margin-top:20px}.history-filters{margin-bottom:20px;padding:15px;background:#f8fafc;border-radius:12px}.filter-group-full{display:flex;gap:12px;margin-bottom:15px;flex-wrap:wrap}.filter-group-full input,.filter-group-full select{flex:1;min-width:150px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem}.date-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.date-filter-btn{padding:6px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.date-filter-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.date-filter-btn.clear{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.custom-date-picker{display:flex;gap:12px;align-items:flex-end;margin-top:15px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;flex-wrap:wrap}.date-picker-row{display:flex;flex-direction:column;gap:5px}.date-picker-row label{font-size:.7rem;font-weight:600;color:#64748b}.date-picker-row input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px}.apply-date-btn{padding:8px 18px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer}.history-pagination-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.page-controls{display:flex;align-items:center;gap:8px}.nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-control{display:flex;align-items:center;gap:4px}.page-input{width:50px;text-align:center;padding:6px;border:1px solid #e2e8f0;border-radius:6px}.page-total{font-size:.8rem;color:#64748b}.per-page-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px}.showing-count{font-size:.8rem;color:#64748b}.history-logs-container{max-height:500px;overflow-y:auto}.history-date-group{margin-bottom:20px}.history-date-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f1f5f9;border-radius:8px;margin-bottom:10px}.history-date-label{font-weight:600;font-size:.85rem;color:#1e293b}.history-date-count{font-size:.7rem;color:#64748b;background:#fff;padding:2px 10px;border-radius:12px}.history-logs-list{display:flex;flex-direction:column;gap:8px}.history-log-entry{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s;cursor:pointer}.history-log-entry:hover{border-color:#4f46e5;box-shadow:0 2px 8px #0000000d}.history-log-entry.log-add{border-left:3px solid #10b981}.history-log-entry.log-edit{border-left:3px solid #f59e0b}.history-log-entry.log-delete{border-left:3px solid #ef4444}.history-log-entry.log-login{border-left:3px solid #3b82f6}.history-log-entry.log-logout{border-left:3px solid #6b7280}.history-log-entry.log-view{border-left:3px solid #8b5cf6}.history-log-entry.log-export{border-left:3px solid #06b6d4}.history-log-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5f9;flex-shrink:0}.history-log-content{flex:1}.history-log-main-info{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.history-log-action{font-weight:600;font-size:.85rem;color:#1e293b}.history-log-entity{font-size:.8rem;color:#f59e0b}.history-entity-id{font-size:.7rem;color:#94a3b8;margin-left:4px}.history-log-details{display:flex;gap:15px;flex-wrap:wrap;font-size:.7rem;color:#64748b}.history-log-user i,.history-log-time i,.history-log-desc i{margin-right:4px}.history-user-role{font-size:.65rem;color:#94a3b8}.no-history{text-align:center;padding:40px;color:#94a3b8}.no-history i{font-size:48px;margin-bottom:15px}.history-detail-header{padding:15px;background:#f8fafc;border-radius:10px;margin-bottom:20px}.history-detail-action{margin-bottom:12px}.history-action-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.history-action-badge.action-add{background:#d1fae5;color:#065f46}.history-action-badge.action-edit{background:#fed7aa;color:#9a3412}.history-action-badge.action-delete{background:#fee2e2;color:#991b1b}.history-action-badge.action-login{background:#dbeafe;color:#1e40af}.history-detail-meta{display:flex;gap:20px;flex-wrap:wrap}.history-detail-user,.history-detail-time{display:flex;align-items:center;gap:10px}.history-detail-info{margin-bottom:20px}.info-row{display:flex;padding:8px 0;border-bottom:1px solid #f1f5f9}.info-row label{width:120px;font-weight:600;font-size:.8rem;color:#475569}.info-row span{flex:1;font-size:.85rem;color:#1e293b;word-break:break-word}.entity-id{font-size:.7rem;color:#94a3b8}.device-info-text{font-family:monospace;font-size:.7rem}.history-changes-section{margin-top:15px;padding:12px;background:#f8fafc;border-radius:10px}.history-changes-section h4{margin-bottom:10px;font-size:.85rem;color:#1e293b}.history-changes-list{display:flex;flex-direction:column;gap:6px}.history-change-item{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:#475569;padding:4px 0}.history-change-item i{color:#4f46e5;font-size:.7rem;margin-top:3px}.system-health-main{min-height:100vh;padding:20px;background:linear-gradient(135deg,#fff,#f1f5fe,#fdeaeb);box-sizing:border-box}.health-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff}.health-header h1{font-size:2.2rem;margin-bottom:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:15px}.health-header p{font-size:1rem;opacity:.9}.health-status-banner{border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a;border:3px solid}.banner-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.status-indicator{display:flex;align-items:center;gap:15px}.status-dot{width:20px;height:20px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-indicator h2{margin:0;font-size:1.5rem;color:#1e293b}.health-score{text-align:center}.score-circle{position:relative;width:80px;height:80px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 15px #0000001a}.score-value{font-size:1.8rem;font-weight:700;color:#1e293b}.score-label{font-size:.8rem;color:#64748b}.health-score p{margin:5px 0 0;font-size:.9rem;color:#64748b}.banner-stats{display:flex;gap:30px}.stat-item{display:flex;align-items:center;gap:10px;color:#475569;font-weight:600}.stat-item i{font-size:1.2rem}.banner-actions{display:flex;gap:15px;justify-content:flex-end}.btn-diagnostics,.btn-refresh{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-diagnostics{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-refresh{background:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.btn-diagnostics:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-refresh:hover{background:#e2e8f0;border-color:#cbd5e1}.controls-section{background:#fff;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;align-items:center}.controls-left{display:flex;align-items:center;gap:20px}.time-range-controls{display:flex;gap:5px}.time-range-controls button{padding:8px 15px;border:2px solid #e2e8f0;background:#fff;border-radius:6px;font-size:.8rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s}.time-range-controls button:hover{background:#f1f5f9;border-color:#cbd5e1}.time-range-controls button.active{background:#667eea;border-color:#667eea;color:#fff}.view-controls select{padding:8px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:600;color:#475569;background:#fff;cursor:pointer;min-width:150px}.view-controls select:focus{outline:none;border-color:#667eea}.controls-right,.refresh-controls{display:flex;align-items:center;gap:15px}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;color:#475569}.toggle-label input{display:none}.toggle-slider{position:relative;width:40px;height:20px;background:#cbd5e1;border-radius:20px;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s}.toggle-label input:checked+.toggle-slider{background:#667eea}.toggle-label input:checked+.toggle-slider:before{transform:translate(20px)}.refresh-controls select{padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:.9rem;color:#475569;background:#fff;cursor:pointer}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.metric-card.large{grid-column:span 3}@media (max-width: 1199px) and (min-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card.large{grid-column:span 2}}@media (max-width: 767px){.metrics-grid{grid-template-columns:1fr}.metric-card.large{grid-column:span 1}}.metric-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.metric-card.large{grid-column:span 2}.card-header{margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.card-header h3{margin:0;font-size:1.1rem;color:#1e293b;display:flex;align-items:center;gap:10px}.card-subtitle{display:block;font-size:.8rem;color:#64748b;margin-top:5px}.radial-charts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.radial-chart-item{text-align:center}.radial-chart-container{position:relative;width:100%;height:120px;margin-bottom:10px}.radial-chart-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:#1e293b}.radial-chart-label h4{margin:0 0 5px;font-size:.9rem;color:#1e293b}.usage-status{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase}.usage-status.high{background:#fee2e2;color:#991b1b}.usage-status.medium{background:#fef3c7;color:#92400e}.usage-status.low{background:#dcfce7;color:#166534}.metric-list{display:flex;flex-direction:column;gap:15px}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9}.metric-item:last-child{border-bottom:none}.metric-label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#475569}.metric-label i{color:#667eea;width:20px;text-align:center}.metric-value{font-size:.95rem;font-weight:600;color:#1e293b;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.metric-bar{width:80px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.network-stats{display:flex;flex-direction:column;gap:3px;font-size:.8rem}.network-in,.network-out{display:flex;align-items:center;gap:5px}.network-in i{color:#10b981}.network-out i{color:#667eea}.temp-status,.connection-status,.backup-status,.response-status{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;display:inline-block;margin-left:8px}.temp-status.high,.connection-status.high{background:#fee2e2;color:#991b1b}.temp-status.normal,.connection-status.normal,.backup-status.healthy{background:#dcfce7;color:#166534}.backup-status.warning{background:#fef3c7;color:#92400e}.response-status.slow{background:#fee2e2;color:#991b1b}.response-status.fast{background:#dcfce7;color:#166534}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:30px}.chart-card{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.chart-card.large{grid-column:span 1}.services-section{background:#fff;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.section-header h2{margin:0;font-size:1.4rem;color:#1e293b;display:flex;align-items:center;gap:10px}.service-stats{display:flex;gap:20px;font-size:.9rem;color:#475569}.service-stats span{display:flex;align-items:center;gap:5px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{background:#fff;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s;border:2px solid transparent;box-shadow:0 3px 10px #00000014}.service-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.service-card.running{border-color:#10b981}.service-card.warning{border-color:#f59e0b}.service-card.error{border-color:#ef4444}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.service-status{display:flex;align-items:center;gap:5px}.status-dot{width:8px;height:8px;border-radius:50%}.status-text{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.service-actions{display:flex;gap:5px}.btn-action{width:24px;height:24px;border:none;border-radius:4px;background:#f1f5f9;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all .3s}.btn-action:hover{background:#e2e8f0}.service-body h3{margin:0 0 10px;font-size:1rem;color:#1e293b}.service-metrics{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.8rem;color:#64748b}.service-metrics .metric{display:flex;flex-direction:column;align-items:center;gap:3px}.service-metrics i{font-size:.9rem;color:#667eea}.service-uptime{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#94a3b8}.alerts-logs-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.alerts-section,.logs-section{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.section-header h3{margin:0;font-size:1.1rem;color:#1e293b;display:flex;align-items:center;gap:10px}.alert-count{font-size:.9rem;color:#64748b;font-weight:600}.alerts-list,.logs-list{max-height:300px;overflow-y:auto}.alert-item{padding:15px;margin-bottom:10px;border-radius:10px;border-left:4px solid}.alert-item.critical{border-left-color:#ef4444;background:#fef2f2}.alert-item.high{border-left-color:#f97316;background:#fffbeb}.alert-item.medium{border-left-color:#f59e0b;background:#fffbeb}.alert-item.low{border-left-color:#3b82f6;background:#eff6ff}.alert-item.acknowledged{opacity:.6}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.alert-severity{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.alert-time{font-size:.75rem;color:#64748b}.alert-body h4{margin:0 0 5px;font-size:.9rem;color:#1e293b}.alert-body p{margin:0;font-size:.85rem;color:#475569}.alert-actions{display:flex;gap:10px;margin-top:10px}.btn-acknowledge,.btn-details{padding:6px 12px;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.btn-acknowledge{background:#f1f5f9;color:#475569}.btn-details{background:transparent;color:#667eea;border:1px solid #667eea}.btn-acknowledge:hover{background:#e2e8f0}.btn-details:hover{background:#667eea;color:#fff}.logs-list{display:flex;flex-direction:column;gap:8px}.log-item{display:flex;align-items:center;gap:15px;padding:10px;background:#f8fafc;border-radius:8px;font-size:.85rem;transition:all .3s}.log-item:hover{background:#f1f5f9}.log-timestamp{min-width:50px;color:#64748b;font-family:Courier New,monospace;font-size:.8rem}.log-level{min-width:60px;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.log-service{min-width:100px;color:#475569;font-weight:600}.log-message{flex:1;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-clear-logs{padding:6px 12px;background:#fee2e2;color:#991b1b;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .3s}.btn-clear-logs:hover{background:#fecaca}.quick-actions-section{background:#fff;border-radius:15px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px #0000001a}.quick-actions-section h3{margin:0 0 20px;font-size:1.2rem;color:#1e293b;display:flex;align-items:center;gap:10px}.actions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.action-btn{padding:15px 10px;border:none;border-radius:10px;background:#f8fafc;color:#475569;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .3s}.action-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.action-btn.backup{background:#dbeafe;color:#1e40af}.action-btn.restart{background:#fef3c7;color:#92400e}.action-btn.optimize{background:#dcfce7;color:#166534}.action-btn.clear-cache{background:#f3e8ff;color:#7c3aed}.action-btn.maintenance{background:#fce7f3;color:#be185d}.action-btn.report{background:#f0f9ff;color:#0369a1}.action-btn i{font-size:1.5rem}.action-btn span{font-size:.8rem;font-weight:600;text-align:center}@media (max-width: 1200px){.metrics-grid{grid-template-columns:1fr 1fr}.metrics-grid .metric-card.large{grid-column:span 2}.charts-section{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.alerts-logs-section{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr}.metrics-grid .metric-card.large{grid-column:span 1}.radial-charts,.services-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.banner-content{flex-direction:column;gap:20px;align-items:flex-start}.banner-stats{flex-direction:column;gap:10px}.banner-actions{align-self:stretch;justify-content:center}.controls-section{flex-direction:column;gap:15px}.controls-left{flex-direction:column;align-items:stretch}.time-range-controls{flex-wrap:wrap}.health-header h1{font-size:1.8rem}.log-item{flex-wrap:wrap;gap:5px}.log-timestamp,.log-level,.log-service{min-width:auto}}:root{--shop-primary: #4361ee;--shop-primary-light: #eef2ff;--shop-secondary: #3a0ca3;--shop-success: #4cc9f0;--shop-warning: #f8961e;--shop-danger: #f72585;--shop-danger-light: #fef2f7;--shop-dark: #1a1a2e;--shop-light: #f8f9fa;--shop-gray: #6c757d;--shop-gray-light: #e9ecef;--shop-border-radius: 12px;--shop-shadow: 0 4px 12px rgba(0, 0, 0, .05);--shop-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.shop-container{background:#fff;border-radius:var(--shop-border-radius);padding:25px;box-shadow:var(--shop-shadow);display:flex;flex-direction:column;height:110vh;overflow:hidden}.shop-management-header{margin-bottom:25px;padding:40px 10px;border-bottom:1px solid var(--shop-gray-light);position:relative;align-items:center}.header-center-content h1{margin:0;font-size:24px;color:var(--shop-dark);display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.header-center-content p{margin:5px 0 0;font-size:14px;color:var(--shop-gray);text-align:center}.shop-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--shop-light);text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap;position:relative;z-index:2}.shop-back-btn:hover{color:var(--shop-danger);transform:translateY(-2px)}.shop-tabs-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--shop-gray-light);gap:15px;margin-bottom:20px;padding:15px 0;flex-wrap:wrap}.shop-select-icon{position:absolute;left:15px;color:var(--shop-primary);font-size:16px;z-index:2;pointer-events:none}.shop-tab-select{width:100%;padding:12px 45px;border:1px solid var(--shop-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--shop-dark);background-color:var(--shop-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.shop-select-arrow{position:absolute;right:15px;color:var(--shop-primary);font-size:14px;z-index:2;pointer-events:none}.branch-count-btn{background:var(--shop-primary-light);border:1px solid var(--shop-primary);border-radius:20px;padding:4px 12px;color:var(--shop-primary);font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s;font-size:13px;white-space:nowrap}.branch-count-btn:hover{background:var(--shop-primary);color:#fff}.branch-count-btn i{font-size:12px}.shop-search-icon{position:absolute;left:12px;color:var(--shop-gray);font-size:14px;z-index:2}.shop-search-input{width:100%;padding:10px 40px;border:1px solid var(--shop-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--shop-dark);transition:all .3s;background-color:#fff}.shop-search-input:focus{outline:none;border-color:var(--shop-primary);box-shadow:0 0 0 3px #4361ee1a}.shop-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--shop-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.shop-clear-search-btn:hover{color:var(--shop-danger)}.shop-search-select{padding:10px 12px;border:1px solid var(--shop-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--shop-dark);background-color:#fff;cursor:pointer;transition:all .3s}.shop-search-select:focus{outline:none;border-color:var(--shop-primary)}.shop-clear-search-btn.secondary{position:static;width:auto;padding:10px 15px;background-color:var(--shop-gray-light);border-radius:8px}.shop-clear-search-btn.secondary:hover{background-color:var(--shop-danger-light);color:var(--shop-danger)}.shop-add-btn{background-color:var(--shop-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.shop-add-btn:hover{background-color:var(--shop-secondary);transform:translateY(-2px);box-shadow:var(--shop-shadow-hover)}.shop-title-left i{color:var(--shop-primary);font-size:18px}.shop-title-text{font-size:18px;font-weight:600;color:var(--shop-dark);white-space:nowrap}.shop-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--shop-gray-light);border-radius:50%;color:var(--shop-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.shop-nav-btn:active:not(:disabled),.shop-nav-btn:hover:not(:disabled){background-color:var(--shop-primary)!important;border-color:var(--shop-primary)!important}.shop-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--shop-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--shop-dark);padding:0 4px;transition:all .3s}.shop-page-input:focus{outline:none;border-color:var(--shop-primary);box-shadow:0 0 0 2px #4361ee1a}.shop-page-total{font-size:13px;color:var(--shop-gray);font-weight:500;white-space:nowrap}.shop-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--shop-gray-light);flex-shrink:0}.shop-per-page-select{width:60px;height:32px;border:1px solid var(--shop-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--shop-dark);background-color:#fff;cursor:pointer;transition:all .3s}.shop-per-page-select:focus{outline:none;border-color:var(--shop-primary)}.shop-per-page-label{font-size:12px;color:var(--shop-gray);font-weight:400}.shop-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--shop-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--shop-gray);white-space:nowrap}.shop-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--shop-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--shop-gray);white-space:nowrap}.shop-loading-text i{color:var(--shop-primary)}.shop-search-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--shop-primary-light);border-radius:20px;font-size:13px;color:var(--shop-primary)}.shop-clear-search-badge{background:none;border:none;color:var(--shop-gray);cursor:pointer;padding:0 4px}.shop-clear-search-badge:hover{color:var(--shop-danger)}.shop-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--shop-gray-light);background-color:#fff}.shop-table thead{background-color:var(--shop-light);position:sticky;top:0;z-index:10}.shop-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--shop-dark);border-bottom:2px solid var(--shop-gray-light);white-space:nowrap}.shop-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--shop-dark);border-bottom:1px solid var(--shop-gray-light);vertical-align:middle}.shop-table tbody tr:hover{background-color:var(--shop-light)}.shop-id{font-size:11px;color:var(--shop-gray);margin-top:4px}.shop-address-info{display:flex;align-items:flex-start;gap:6px;margin-top:4px;font-size:12px;color:var(--shop-gray)}.shop-address-info i{color:var(--shop-primary);font-size:11px;margin-top:1px}.shop-contact-cell{display:flex;flex-direction:column;gap:6px}.shop-contact-cell i{width:16px;color:var(--shop-gray)}.shop-contact-cell i.fa-envelope{color:var(--shop-primary)}.shop-contact-cell i.fa-phone{color:var(--shop-success)}.shop-type-tag{padding:4px 8px;background-color:#eef2ff;color:var(--shop-primary);border-radius:4px;font-size:13px;font-weight:600;display:inline-block}.status-active{background-color:#4cc9f01a;color:var(--shop-success);border:1px solid rgba(76,201,240,.3)}.status-unactive{background-color:#f725851a;color:var(--shop-danger);border:1px solid rgba(247,37,133,.3)}.shop-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shop-shadow)}.shop-action-edit{background-color:var(--shop-warning)}.shop-action-delete{background-color:var(--shop-danger)}.shop-no-data{text-align:center;padding:40px!important;background-color:var(--shop-light)}.shop-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--shop-gray)}.shop-no-data-content i{font-size:48px;color:var(--shop-gray-light)}.shop-no-data-content .shop-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--shop-gray-light);color:var(--shop-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.shop-no-data-content .shop-clear-search-btn.secondary:hover{background-color:var(--shop-primary);color:#fff}.shop-log-filters{margin-bottom:20px;padding:15px;background-color:var(--shop-light);border-radius:8px}.shop-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--shop-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--shop-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.shop-filter-tab:hover:not(:disabled){border-color:var(--shop-primary);color:var(--shop-primary)}.shop-filter-tab.active{background-color:var(--shop-primary);color:#fff;border-color:var(--shop-primary)}.shop-filter-count{background-color:var(--shop-gray-light);color:var(--shop-gray);padding:2px 6px;border-radius:10px;font-size:11px}.shop-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--shop-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.shop-date-picker-row label{font-size:13px;color:var(--shop-dark);font-weight:600}.shop-date-input{padding:8px 12px;border:1px solid var(--shop-gray-light);border-radius:6px;font-size:13px;color:var(--shop-dark);flex:1}.shop-date-input:focus{outline:none;border-color:var(--shop-primary);box-shadow:0 0 0 2px #4361ee1a}.shop-apply-date-btn{padding:8px 16px;background-color:var(--shop-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.shop-apply-date-btn:hover:not(:disabled){background-color:var(--shop-secondary)}.shop-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--shop-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--shop-primary)}.shop-date-label{font-weight:600;color:var(--shop-dark);font-size:14px}.shop-date-count{font-size:12px;color:var(--shop-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.shop-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--shop-gray-light);transition:all .2s;gap:15px;cursor:pointer}.shop-compact-log-entry:hover{border-color:var(--shop-primary);box-shadow:var(--shop-shadow);transform:translateY(-2px)}.shop-compact-log-entry.log-add{border-left:3px solid var(--shop-success)}.shop-compact-log-entry.log-edit{border-left:3px solid var(--shop-warning)}.shop-compact-log-entry.log-delete{border-left:3px solid var(--shop-danger)}.shop-compact-log-entry.log-add .shop-log-icon{background-color:#4cc9f01a;color:var(--shop-success)}.shop-compact-log-entry.log-edit .shop-log-icon{background-color:#f8961e1a;color:var(--shop-warning)}.shop-compact-log-entry.log-delete .shop-log-icon{background-color:#f725851a;color:var(--shop-danger)}.shop-log-action{font-weight:600;color:var(--shop-dark);font-size:14px}.shop-log-shop{font-size:13px;color:var(--shop-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.shop-shop-id{font-size:11px;color:var(--shop-gray);font-weight:500}.shop-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--shop-gray)}.shop-user-role{color:var(--shop-gray);font-size:11px}.shop-log-time{display:flex;align-items:center;gap:6px;background-color:var(--shop-light);padding:3px 10px;border-radius:12px}.shop-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--shop-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--shop-gray)}.no-logs{text-align:center;padding:60px 20px;color:var(--shop-gray)}.no-logs i{font-size:48px;color:var(--shop-gray-light);margin-bottom:15px}.shop-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--shop-primary)}.shop-action-add{background-color:#4cc9f01a;color:var(--shop-success);border:1px solid rgba(76,201,240,.3)}.shop-action-edit{background-color:#f8961e1a;color:var(--shop-warning);border:1px solid rgba(248,150,30,.3)}.shop-action-delete{background-color:#f725851a;color:var(--shop-danger);border:1px solid rgba(247,37,133,.3)}.shop-log-detail-shop i{color:var(--shop-primary)}.shop-name{font-weight:600;color:var(--shop-dark)}.shop-id-detail{font-size:12px;color:var(--shop-gray);background-color:var(--shop-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.shop-log-detail-user i,.shop-log-detail-time i{color:var(--shop-gray);font-size:20px}.shop-user-name-detail{font-weight:600;font-size:14px;color:var(--shop-dark)}.shop-user-role-detail{font-size:12px;color:var(--shop-gray)}.shop-log-date-detail{font-weight:600;font-size:14px;color:var(--shop-dark)}.shop-log-time-detail{font-size:12px;color:var(--shop-gray)}.shop-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--shop-gray-light)}.shop-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--shop-dark);font-weight:600}.shop-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--shop-light);border-radius:6px;border-left:3px solid var(--shop-primary)}.shop-change-item i{color:var(--shop-primary);font-size:12px;margin-top:2px}.shop-change-item span{font-size:14px;color:var(--shop-dark);line-height:1.5}.shop-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--shop-light);border-radius:8px;color:var(--shop-gray);text-align:center;justify-content:center}.shop-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shop-shadow-hover);animation:shopModalSlideIn .3s ease-out}.shop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--shop-gray-light);background-color:var(--shop-light);border-radius:12px 12px 0 0}.shop-modal-header h3{margin:0;font-size:18px;color:var(--shop-dark);display:flex;align-items:center;gap:10px}.shop-modal-header h3 i{color:var(--shop-primary)}.shop-modal-close{background:none;border:none;font-size:20px;color:var(--shop-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.shop-modal-close:hover{background-color:var(--shop-gray-light);color:var(--shop-danger)}.shop-modal-footer{padding:20px 25px;border-top:1px solid var(--shop-gray-light);display:flex;justify-content:flex-end;gap:15px}.shop-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--shop-primary)}.shop-current-user-banner i{font-size:24px;color:var(--shop-primary)}.shop-user-name{font-size:14px;font-weight:600;color:var(--shop-dark)}.shop-user-role{font-size:12px;color:var(--shop-gray)}.shop-validation-error{display:flex;align-items:center;gap:6px;padding:12px 16px;background-color:var(--shop-danger-light);border-radius:8px;border-left:3px solid var(--shop-danger);color:var(--shop-danger);font-size:14px;margin-bottom:15px}.shop-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--shop-dark);font-size:14px}.shop-form-group label.shop-required:after{content:" *";color:var(--shop-danger)}.shop-form-group input,.shop-form-group textarea,.shop-form-group select{width:100%;padding:12px 15px;border:1px solid var(--shop-gray-light);border-radius:8px;font-size:14px;color:var(--shop-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.shop-form-group input:focus,.shop-form-group textarea:focus,.shop-form-group select:focus{outline:none;border-color:var(--shop-primary);box-shadow:0 0 0 3px #4361ee1a}.shop-input-error{border-color:var(--shop-danger)!important;background-color:var(--shop-danger-light)!important}.shop-field-error{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--shop-danger);font-size:12px;font-weight:500}.shop-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--shop-gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.shop-status-option:hover{border-color:var(--shop-primary)}.shop-status-option.selected{border-color:var(--shop-primary);background-color:var(--shop-primary-light)}.shop-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--shop-gray);cursor:pointer}.shop-status-option.selected .shop-status-label{color:var(--shop-primary)}.shop-status-option:nth-child(1) .shop-status-label i{color:var(--shop-success)}.shop-status-option:nth-child(2) .shop-status-label i{color:var(--shop-danger)}.shop-btn-cancel{padding:12px 25px;background-color:var(--shop-gray-light);color:var(--shop-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.shop-btn-submit{padding:12px 25px;background-color:var(--shop-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.shop-btn-submit:hover:not(:disabled){background-color:var(--shop-secondary);transform:translateY(-2px)}.shop-plan-loading-spinner{text-align:center;background:#fff;padding:40px 60px;border-radius:20px;box-shadow:var(--shop-shadow-hover);border:1px solid var(--shop-primary-light);max-width:400px}.shop-plan-spinner{width:56px;height:56px;border:4px solid var(--shop-gray-light);border-top:4px solid var(--shop-primary);border-radius:50%;margin:0 auto 20px;animation:shopSpin .8s linear infinite}.shop-plan-loading-message{font-size:18px;font-weight:600;color:var(--shop-dark);margin-bottom:8px}.shop-management-main{min-height:100vh;padding:20px;background:linear-gradient(135deg,#fff,#f1f5fe,#fdeaeb);box-sizing:border-box}.shop-management-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff}.shop-management-container{display:flex;gap:20px;margin-bottom:30px}.shop-list-panel{flex:1;background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.panel-header h2{font-size:1.4rem;color:#1e293b}.search-box{position:relative;width:300px}.search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.shop-list{max-height:600px;overflow-y:auto}.shop-list-item{padding:15px;margin-bottom:10px;border-radius:10px;background:#f8fafc;border:2px solid transparent;cursor:pointer;transition:all .3s}.shop-list-item:hover{background:#eef2ff;transform:translateY(-2px)}.shop-list-item.active{background:#e0e7ff;border-color:#667eea;box-shadow:0 5px 15px #667eea33}.shop-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shop-list-header h3{font-size:1.1rem;color:#1e293b;margin:0}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-pending-payment{background:#fef3c7;color:#92400e}.shop-list-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-size:.85rem;color:#64748b}.shop-list-details p{margin:0;display:flex;align-items:center;gap:5px}.shop-list-details i{font-size:.8rem}.shop-details-panel{flex:2;background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.details-header h2{font-size:1.6rem;color:#1e293b;margin:0}.btn-edit,.btn-payment{padding:8px 15px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-payment{background:#f0fdf4;color:#166534;border:2px solid #bbf7d0}.btn-payment:hover{background:#dcfce7}.payment-section{background:#f8fafc;padding:20px;border-radius:10px;margin-bottom:20px}.payment-section h3{margin-top:0;margin-bottom:15px;color:#1e293b;display:flex;align-items:center;gap:10px}.payment-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-group label{font-size:.9rem;color:#475569;margin-bottom:5px;font-weight:500}.form-group input,.form-group select{padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-confirm{grid-column:span 2;padding:12px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.shop-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.info-card{background:#f8fafc;padding:15px;border-radius:10px;border-left:4px solid #667eea;display:flex;align-items:center;gap:15px}.info-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}.info-content h4{margin:0 0 5px;color:#1e293b;font-size:.9rem;font-weight:600}.info-value{margin:0;color:#667eea;font-size:1.1rem;font-weight:700}.info-sub{margin:2px 0;color:#64748b;font-size:.85rem}.info-card select{width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;background:#fff}.contact-section{background:#f0f9ff;padding:20px;border-radius:10px;margin-bottom:20px}.contact-section h3{margin-top:0;margin-bottom:15px;color:#0369a1;display:flex;align-items:center;gap:10px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-item{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border-radius:8px}.contact-item i{color:#667eea;font-size:1rem}.contact-item span{font-size:.9rem;color:#475569}.status-section{background:#fefce8;padding:20px;border-radius:10px;margin-bottom:20px}.status-section h3{margin-top:0;margin-bottom:15px;color:#92400e;display:flex;align-items:center;gap:10px}.status-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-status{padding:10px 20px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-status.active{background:#e0e7ff;border-color:#667eea;color:#4f46e5}.btn-status:hover:not(.btn-delete){background:#e0e7ff;border-color:#667eea}.btn-delete{background:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-delete:hover{background:#fee2e2;border-color:#fca5a5}.save-section{text-align:center;margin-top:20px}.btn-save{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;padding:50px 20px}.no-selection h3{margin:0 0 10px;color:#475569}.no-selection p{margin:0;max-width:300px}.btn-back{display:inline-flex;align-items:center;gap:10px;padding:12px 25px;background:#475569;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.btn-back:hover{background:#334155;transform:translateY(-2px);box-shadow:0 5px 15px #4755694d}@media (max-width: 1024px){.shop-management-container{flex-direction:column}.payment-form,.shop-info-grid,.contact-grid{grid-template-columns:1fr}}@media (max-width: 768px){.panel-header{flex-direction:column;gap:15px;align-items:stretch}.search-box{width:100%}.details-header{flex-direction:column;gap:15px;align-items:stretch}.action-buttons{justify-content:stretch}.btn-edit,.btn-payment{flex:1;justify-content:center}.shop-list-details{grid-template-columns:1fr;gap:5px}.status-buttons{flex-direction:column}.shop-management-header h1{font-size:1.8rem}}:root{--shop-plan-primary: #4361ee;--shop-plan-primary-light: #eef2ff;--shop-plan-secondary: #3a0ca3;--shop-plan-success: #4cc9f0;--shop-plan-warning: #f8961e;--shop-plan-danger: #f72585;--shop-plan-danger-light: #fef2f7;--shop-plan-dark: #1a1a2e;--shop-plan-light: #f8f9fa;--shop-plan-gray: #6c757d;--shop-plan-gray-light: #e9ecef;--shop-plan-border-radius: 12px;--shop-plan-shadow: 0 4px 12px rgba(0, 0, 0, .05);--shop-plan-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.shop-plan-container{background:#fff;border-radius:var(--shop-plan-border-radius);padding:25px;box-shadow:var(--shop-plan-shadow);display:flex;flex-direction:column;height:110vh;overflow:hidden}.shop-management-header{margin-bottom:25px;padding:40px 10px;border-bottom:1px solid var(--shop-plan-gray-light);position:relative;align-items:center}.header-center-content h1{margin:0;font-size:24px;color:var(--shop-plan-dark);display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.header-center-content p{margin:5px 0 0;font-size:14px;color:var(--shop-plan-gray);text-align:center}.shop-plan-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--shop-plan-light);text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap;position:relative;z-index:2}.shop-plan-back-btn:hover{color:var(--shop-plan-danger);transform:translateY(-2px)}.shop-plan-tabs-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--shop-plan-gray-light);gap:15px;margin-bottom:20px;padding:15px 0;flex-wrap:wrap}.shop-plan-tabs-selector{min-width:220px}.shop-plan-select-container{position:relative;display:flex;align-items:center}.shop-plan-select-icon{position:absolute;left:15px;color:var(--shop-plan-primary);font-size:16px;z-index:2;pointer-events:none}.shop-plan-tab-select{width:100%;padding:12px 45px;border:1px solid var(--shop-plan-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--shop-plan-dark);background-color:var(--shop-plan-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.shop-plan-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.shop-plan-select-arrow{position:absolute;right:15px;color:var(--shop-plan-primary);font-size:14px;z-index:2;pointer-events:none}.shop-plan-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:600px}.shop-plan-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.shop-plan-search-icon{position:absolute;left:12px;color:var(--shop-plan-gray);font-size:14px;z-index:2}.shop-plan-search-input{width:100%;padding:10px 40px;border:1px solid var(--shop-plan-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--shop-plan-dark);transition:all .3s;background-color:#fff}.shop-plan-search-input:focus{outline:none;border-color:var(--shop-plan-primary);box-shadow:0 0 0 3px #4361ee1a}.shop-plan-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--shop-plan-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.shop-plan-clear-search-btn:hover{color:var(--shop-plan-danger)}.shop-plan-filter-select-group{position:relative;display:flex;align-items:center;min-width:150px}.shop-plan-filter-icon{position:absolute;left:12px;color:var(--shop-plan-gray);font-size:14px;z-index:2;pointer-events:none}.shop-plan-filter-select{width:100%;padding:10px 30px 10px 35px;border:1px solid var(--shop-plan-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--shop-plan-dark);background-color:#fff;cursor:pointer;transition:all .3s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.shop-plan-filter-select:focus{outline:none;border-color:var(--shop-plan-primary);box-shadow:0 0 0 3px #4361ee1a}.shop-plan-filter-buttons{display:flex;align-items:center;gap:10px}.shop-plan-clear-filters-btn{padding:10px 15px;background-color:var(--shop-plan-gray-light);color:var(--shop-plan-dark);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s;white-space:nowrap}.shop-plan-clear-filters-btn:hover:not(:disabled){background-color:var(--shop-plan-danger-light);color:var(--shop-plan-danger)}.shop-plan-add-btn{background-color:var(--shop-plan-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.shop-plan-add-btn:hover{background-color:var(--shop-plan-secondary);transform:translateY(-2px);box-shadow:var(--shop-plan-shadow-hover)}.shop-plan-section-title{width:100%;margin-bottom:17px}.shop-plan-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.shop-plan-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.shop-plan-title-left i{color:var(--shop-plan-primary);font-size:18px}.shop-plan-title-text{font-size:18px;font-weight:600;color:var(--shop-plan-dark);white-space:nowrap}.shop-plan-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.shop-plan-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.shop-plan-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center}.shop-plan-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--shop-plan-gray-light);border-radius:50%;color:var(--shop-plan-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.shop-plan-nav-btn:active:not(:disabled),.shop-plan-nav-btn:hover:not(:disabled){background-color:var(--shop-plan-primary)!important;border-color:var(--shop-plan-primary)!important}.shop-plan-nav-btn:active:not(:disabled) i,.shop-plan-nav-btn:hover:not(:disabled) i{color:#fff!important}.shop-plan-nav-btn:disabled{opacity:.4;cursor:not-allowed}.shop-plan-page-control{display:flex;align-items:center;gap:4px}.shop-plan-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--shop-plan-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--shop-plan-dark);padding:0 4px;transition:all .3s}.shop-plan-page-input:focus{outline:none;border-color:var(--shop-plan-primary);box-shadow:0 0 0 2px #4361ee1a}.shop-plan-page-total{font-size:13px;color:var(--shop-plan-gray);font-weight:500;white-space:nowrap}.shop-plan-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--shop-plan-gray-light);flex-shrink:0}.shop-plan-per-page-select{width:60px;height:32px;border:1px solid var(--shop-plan-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--shop-plan-dark);background-color:#fff;cursor:pointer;transition:all .3s}.shop-plan-per-page-select:focus{outline:none;border-color:var(--shop-plan-primary)}.shop-plan-per-page-label{font-size:12px;color:var(--shop-plan-gray);font-weight:0}.shop-plan-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--shop-plan-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--shop-plan-gray);white-space:nowrap}.shop-plan-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.shop-plan-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--shop-plan-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--shop-plan-gray);white-space:nowrap}.shop-plan-loading-text i{color:var(--shop-plan-primary)}.shop-plan-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--shop-plan-gray-light);background-color:#fff}.shop-plan-table{width:100%;border-collapse:collapse;min-width:800px}.shop-plan-table thead{background-color:var(--shop-plan-light);position:sticky;top:0;z-index:10}.shop-plan-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--shop-plan-dark);border-bottom:2px solid var(--shop-plan-gray-light);white-space:nowrap}.shop-plan-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--shop-plan-dark);border-bottom:1px solid var(--shop-plan-gray-light);vertical-align:middle}.shop-plan-table tbody tr{transition:all .3s}.shop-plan-table tbody tr:hover{background-color:var(--shop-plan-light)}.shop-plan-created{font-size:11px;color:var(--shop-plan-gray);margin-top:4px;display:flex;align-items:center;gap:4px}.shop-plan-description{font-size:12px;color:var(--shop-plan-gray);margin-top:4px;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-plan-level-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.level-BASIC{background-color:#4cc9f01a;color:var(--shop-plan-success);border:1px solid rgba(76,201,240,.3)}.level-STANDARD{background-color:#4361ee1a;color:var(--shop-plan-primary);border:1px solid rgba(67,97,238,.3)}.level-PREMIUM{background-color:#f8961e1a;color:var(--shop-plan-warning);border:1px solid rgba(248,150,30,.3)}.level-ENTERPRISE{background-color:#3a0ca31a;color:var(--shop-plan-secondary);border:1px solid rgba(58,12,163,.3)}.shop-plan-price-tag{font-weight:600;color:var(--shop-plan-dark);font-size:15px}.shop-plan-billing-cycle{font-size:12px;color:var(--shop-plan-gray);font-weight:400}.shop-plan-feature-value{font-weight:600;color:var(--shop-plan-dark);font-size:14px}.shop-plan-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.status-active{background-color:#4cc9f01a;color:var(--shop-plan-success);border:1px solid rgba(76,201,240,.3)}.status-inactive{background-color:#f725851a;color:var(--shop-plan-danger);border:1px solid rgba(247,37,133,.3)}.shop-plan-action-buttons{display:flex;gap:10px}.shop-plan-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none}.shop-plan-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shop-plan-shadow)}.shop-plan-action-edit{background-color:var(--shop-plan-warning)}.shop-plan-action-delete{background-color:var(--shop-plan-danger)}.shop-plan-no-data{text-align:center;padding:40px!important;background-color:var(--shop-plan-light)}.shop-plan-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--shop-plan-gray)}.shop-plan-no-data-content i{font-size:48px;color:var(--shop-plan-gray-light)}.shop-plan-no-data-content p{font-size:16px;margin:0}.shop-plan-no-data-content .shop-plan-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--shop-plan-gray-light);color:var(--shop-plan-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.shop-plan-no-data-content .shop-plan-clear-search-btn.secondary:hover{background-color:var(--shop-plan-primary);color:#fff}.shop-plan-search-badge,.shop-plan-filter-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background-color:var(--shop-plan-primary-light);border-radius:20px;font-size:12px;color:var(--shop-plan-primary)}.shop-plan-filter-badge{background-color:var(--shop-plan-success);color:#fff}.shop-plan-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.shop-plan-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shop-plan-shadow-hover);animation:shopPlanModalSlideIn .3s ease-out}@keyframes shopPlanModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.shop-plan-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--shop-plan-gray-light);background-color:var(--shop-plan-light);border-radius:12px 12px 0 0}.shop-plan-modal-header h3{margin:0;font-size:18px;color:var(--shop-plan-dark);display:flex;align-items:center;gap:10px}.shop-plan-modal-header h3 i{color:var(--shop-plan-primary)}.shop-plan-modal-close{background:none;border:none;font-size:20px;color:var(--shop-plan-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.shop-plan-modal-close:hover{background-color:var(--shop-plan-gray-light);color:var(--shop-plan-danger)}.shop-plan-modal-body{padding:25px}.shop-plan-modal-footer{padding:20px 25px;border-top:1px solid var(--shop-plan-gray-light);display:flex;justify-content:flex-end;gap:15px}.shop-plan-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--shop-plan-primary)}.shop-plan-current-user-banner i{font-size:24px;color:var(--shop-plan-primary)}.shop-plan-user-name{font-size:14px;font-weight:600;color:var(--shop-plan-dark)}.shop-plan-form-group{margin-bottom:20px}.shop-plan-form-row{display:flex;gap:15px;margin-bottom:20px}.shop-plan-form-row .shop-plan-form-group{flex:1;margin-bottom:0}.shop-plan-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--shop-plan-dark);font-size:14px}.shop-plan-form-group label.shop-plan-required:after{content:" *";color:var(--shop-plan-danger)}.shop-plan-form-group input,.shop-plan-form-group textarea,.shop-plan-form-group select{width:100%;padding:12px 15px;border:1px solid var(--shop-plan-gray-light);border-radius:8px;font-size:14px;color:var(--shop-plan-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.shop-plan-form-group input:focus,.shop-plan-form-group textarea:focus,.shop-plan-form-group select:focus{outline:none;border-color:var(--shop-plan-primary);box-shadow:0 0 0 3px #4361ee1a}.shop-plan-form-group textarea{min-height:60px;resize:vertical}.shop-plan-input-error{border-color:var(--shop-plan-danger)!important;background-color:var(--shop-plan-danger-light)!important}.shop-plan-field-error{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--shop-plan-danger);font-size:12px;font-weight:500}.shop-plan-validation-error{display:flex;align-items:center;gap:6px;padding:12px 16px;background-color:var(--shop-plan-danger-light);border-radius:8px;border-left:3px solid var(--shop-plan-danger);color:var(--shop-plan-danger);font-size:14px}.shop-plan-status-select-group{display:flex;gap:15px}.shop-plan-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--shop-plan-gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.shop-plan-status-option:hover{border-color:var(--shop-plan-primary)}.shop-plan-status-option.selected{border-color:var(--shop-plan-primary);background-color:var(--shop-plan-primary-light)}.shop-plan-status-radio{display:none}.shop-plan-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--shop-plan-gray);cursor:pointer}.shop-plan-status-label i{font-size:20px}.shop-plan-status-option.selected .shop-plan-status-label{color:var(--shop-plan-primary)}.shop-plan-section-divider{margin:20px 0 15px;padding-bottom:10px;border-bottom:1px solid var(--shop-plan-gray-light)}.shop-plan-section-divider h4{margin:0;font-size:16px;color:var(--shop-plan-dark);font-weight:600}.shop-plan-btn-cancel{padding:12px 25px;background-color:var(--shop-plan-gray-light);color:var(--shop-plan-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.shop-plan-btn-cancel:hover{background-color:#dee2e6}.shop-plan-btn-submit{padding:12px 25px;background-color:var(--shop-plan-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.shop-plan-btn-submit:hover:not(:disabled){background-color:var(--shop-plan-secondary);transform:translateY(-2px)}.shop-plan-btn-submit:disabled{opacity:.5;cursor:not-allowed}.shop-plan-btn-submit.loading{position:relative;color:transparent;pointer-events:none}.shop-plan-btn-submit.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinner .6s linear infinite}.shop-plan-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.shop-plan-log-filters{margin-bottom:20px;padding:15px;background-color:var(--shop-plan-light);border-radius:8px}.shop-plan-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.shop-plan-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--shop-plan-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--shop-plan-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.shop-plan-filter-tab:hover:not(:disabled){border-color:var(--shop-plan-primary);color:var(--shop-plan-primary)}.shop-plan-filter-tab.active{background-color:var(--shop-plan-primary);color:#fff;border-color:var(--shop-plan-primary)}.shop-plan-filter-count{background-color:var(--shop-plan-gray-light);color:var(--shop-plan-gray);padding:2px 6px;border-radius:10px;font-size:11px}.shop-plan-filter-tab.active .shop-plan-filter-count{background-color:#ffffff4d;color:#fff}.shop-plan-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--shop-plan-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.shop-plan-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.shop-plan-date-picker-row label{font-size:13px;color:var(--shop-plan-dark);font-weight:600}.shop-plan-date-input{padding:8px 12px;border:1px solid var(--shop-plan-gray-light);border-radius:6px;font-size:13px;color:var(--shop-plan-dark);flex:1}.shop-plan-date-input:focus{outline:none;border-color:var(--shop-plan-primary);box-shadow:0 0 0 2px #4361ee1a}.shop-plan-apply-date-btn{padding:8px 16px;background-color:var(--shop-plan-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.shop-plan-apply-date-btn:hover:not(:disabled){background-color:var(--shop-plan-secondary)}.shop-plan-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 360px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.shop-plan-date-group{margin-bottom:25px}.shop-plan-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--shop-plan-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--shop-plan-primary)}.shop-plan-date-label{font-weight:600;color:var(--shop-plan-dark);font-size:14px}.shop-plan-date-count{font-size:12px;color:var(--shop-plan-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.shop-plan-logs-list{display:flex;flex-direction:column;gap:10px}.shop-plan-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--shop-plan-gray-light);transition:all .2s;gap:15px;cursor:pointer}.shop-plan-compact-log-entry:hover{border-color:var(--shop-plan-primary);box-shadow:var(--shop-plan-shadow);transform:translateY(-2px)}.shop-plan-compact-log-entry.log-add{border-left:3px solid var(--shop-plan-success)}.shop-plan-compact-log-entry.log-edit{border-left:3px solid var(--shop-plan-warning)}.shop-plan-compact-log-entry.log-delete{border-left:3px solid var(--shop-plan-danger)}.shop-plan-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-plan-compact-log-entry.log-add .shop-plan-log-icon{background-color:#4cc9f01a;color:var(--shop-plan-success)}.shop-plan-compact-log-entry.log-edit .shop-plan-log-icon{background-color:#f8961e1a;color:var(--shop-plan-warning)}.shop-plan-compact-log-entry.log-delete .shop-plan-log-icon{background-color:#f725851a;color:var(--shop-plan-danger)}.shop-plan-log-icon i{font-size:16px}.shop-plan-log-content{flex:1;min-width:0}.shop-plan-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.shop-plan-log-action{font-weight:600;color:var(--shop-plan-dark);font-size:14px}.shop-plan-log-plan{font-size:13px;color:var(--shop-plan-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.shop-plan-plan-id{font-size:11px;color:var(--shop-plan-gray);font-weight:500}.shop-plan-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--shop-plan-gray)}.shop-plan-log-user{display:flex;align-items:center;gap:6px}.shop-plan-log-user i{font-size:12px}.shop-plan-user-role{color:var(--shop-plan-gray);font-size:11px}.shop-plan-log-time{display:flex;align-items:center;gap:6px;background-color:var(--shop-plan-light);padding:3px 10px;border-radius:12px}.shop-plan-log-time i{font-size:12px}.shop-plan-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--shop-plan-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--shop-plan-gray)}.shop-plan-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--shop-plan-primary)}.shop-plan-log-detail-main{margin-bottom:15px}.shop-plan-log-detail-action{margin-bottom:12px}.shop-plan-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.shop-plan-action-add{background-color:#4cc9f01a;color:var(--shop-plan-success);border:1px solid rgba(76,201,240,.3)}.shop-plan-action-edit{background-color:#f8961e1a;color:var(--shop-plan-warning);border:1px solid rgba(248,150,30,.3)}.shop-plan-action-delete{background-color:#f725851a;color:var(--shop-plan-danger);border:1px solid rgba(247,37,133,.3)}.shop-plan-log-detail-plan{display:flex;align-items:center;gap:10px;font-size:15px}.shop-plan-log-detail-plan i{color:var(--shop-plan-primary)}.shop-plan-name{font-weight:600;color:var(--shop-plan-dark)}.shop-plan-id-detail{font-size:12px;color:var(--shop-plan-gray);background-color:var(--shop-plan-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.shop-plan-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.shop-plan-log-detail-user,.shop-plan-log-detail-time{display:flex;align-items:center;gap:12px}.shop-plan-log-detail-user i,.shop-plan-log-detail-time i{color:var(--shop-plan-gray);font-size:20px}.shop-plan-user-name{font-weight:600;font-size:14px;color:var(--shop-plan-dark)}.shop-plan-user-role{font-size:12px;color:var(--shop-plan-gray)}.shop-plan-log-date{font-weight:600;font-size:14px;color:var(--shop-plan-dark)}.shop-plan-log-time{font-size:12px;color:var(--shop-plan-gray)}.shop-plan-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--shop-plan-gray-light)}.shop-plan-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--shop-plan-dark);font-weight:600}.shop-plan-change-list{display:flex;flex-direction:column;gap:12px}.shop-plan-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--shop-plan-light);border-radius:6px;border-left:3px solid var(--shop-plan-primary)}.shop-plan-change-item i{color:var(--shop-plan-primary);font-size:12px;margin-top:2px}.shop-plan-change-item span{font-size:14px;color:var(--shop-plan-dark);line-height:1.5}.change-arrow{color:var(--shop-plan-primary);margin:0 4px}.shop-plan-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--shop-plan-light);border-radius:8px;color:var(--shop-plan-gray);text-align:center;justify-content:center}.shop-plan-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;justify-content:center;align-items:center;animation:shopPlanFadeIn .2s ease}.shop-plan-loading-spinner{text-align:center;background:#fff;padding:40px 60px;border-radius:20px;box-shadow:var(--shop-plan-shadow-hover);border:1px solid var(--shop-plan-primary-light);max-width:400px}.shop-plan-spinner{width:56px;height:56px;border:4px solid var(--shop-plan-gray-light);border-top:4px solid var(--shop-plan-primary);border-radius:50%;margin:0 auto 20px;animation:shopPlanSpin .8s linear infinite}.shop-plan-loading-message{font-size:18px;font-weight:600;color:var(--shop-plan-dark);margin-bottom:8px}@keyframes shopPlanSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shopPlanFadeIn{0%{opacity:0}to{opacity:1}}.shop-plan-messages-container{position:fixed;top:30px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:450px}.shop-plan-message{padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000026;animation:slideInRight .3s ease-out}.shop-plan-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.shop-plan-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.shop-plan-message i{font-size:24px}.shop-plan-message button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:auto;opacity:.7;transition:opacity .2s}.shop-plan-message button:hover{opacity:1}.shop-plan-network-error{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003}.shop-plan-network-error i{font-size:32px;color:#fca5a5}.shop-plan-network-error .error-content{flex:1}.shop-plan-network-error .error-title{font-size:16px;font-weight:700;margin-bottom:4px}.shop-plan-network-error button{padding:8px 16px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.shop-plan-network-error button:hover{background-color:#ffffff4d}.no-logs{text-align:center;padding:60px 20px;color:var(--shop-plan-gray)}.no-logs i{font-size:48px;color:var(--shop-plan-gray-light);margin-bottom:15px}.quick-view-header{padding:15px 20px;background:var(--shop-plan-primary-light);border-radius:8px;margin-bottom:20px;border-left:4px solid var(--shop-plan-primary)}.quick-view-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:10px}.quick-view-title h2{margin:0;font-size:22px;color:var(--shop-plan-dark);font-weight:700}.quick-view-status-badge{padding:6px 15px;border-radius:30px;font-size:13px;font-weight:600;display:inline-block}.quick-view-status-badge.status-active{background-color:#4cc9f026;color:var(--shop-plan-success);border:1px solid rgba(76,201,240,.3)}.quick-view-status-badge.status-inactive{background-color:#f7258526;color:var(--shop-plan-danger);border:1px solid rgba(247,37,133,.3)}.quick-view-code{display:flex;align-items:center;gap:8px;font-size:14px}.code-label{color:var(--shop-plan-gray);font-weight:500}.code-value{font-weight:700;color:var(--shop-plan-primary);background-color:#fff;padding:4px 12px;border-radius:20px;border:1px solid var(--shop-plan-primary-light);letter-spacing:.5px}.quick-view-description{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;background-color:var(--shop-plan-light);border-radius:8px;margin-bottom:20px}.quick-view-description i{color:var(--shop-plan-gray);font-size:18px;opacity:.7}.quick-view-description p{margin:0;font-size:14px;color:var(--shop-plan-dark);line-height:1.6;font-style:italic}.quick-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.quick-view-column{display:flex;flex-direction:column;gap:12px}.quick-view-item{display:flex;align-items:center;padding:12px 15px;background-color:#fff;border:1px solid var(--shop-plan-gray-light);border-radius:8px;transition:all .2s}.quick-view-item:hover{border-color:var(--shop-plan-primary);box-shadow:0 2px 8px #4361ee1a;transform:translateY(-1px)}.item-label{display:flex;align-items:center;gap:8px;min-width:120px;font-size:13px;color:var(--shop-plan-gray);font-weight:500}.item-label i{color:var(--shop-plan-gray);font-size:14px;width:18px}.item-value{font-size:14px;font-weight:600;color:var(--shop-plan-dark);flex:1}.bill{padding-left:10px}.item-value.level-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-align:center}.item-value.price-value{color:var(--shop-plan-primary);font-size:16px;font-weight:700}.quick-view-features{margin-top:20px;padding:20px;background-color:#fff;border:1px solid var(--shop-plan-gray-light);border-radius:12px}.quick-view-features h4{margin:0 0 15px;font-size:16px;color:var(--shop-plan-dark);display:flex;align-items:center;gap:8px}.quick-view-features h4 i{color:var(--shop-plan-primary)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{display:flex;align-items:center;gap:12px;padding:15px;background-color:var(--shop-plan-light);border-radius:8px;transition:all .2s;border:1px solid transparent}.feature-card:hover{border-color:var(--shop-plan-primary);background-color:#fff}.feature-card i{font-size:20px;color:var(--shop-plan-gray);width:30px;text-align:center}.feature-content{flex:1}.feature-title{display:block;font-size:12px;color:var(--shop-plan-gray);margin-bottom:4px;font-weight:500}.feature-value{display:block;font-size:16px;font-weight:700;color:var(--shop-plan-dark)}.quick-view-footer{margin-top:20px;padding:12px 15px;background-color:var(--shop-plan-light);border-radius:8px;text-align:right}.id-info{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--shop-plan-gray);background-color:#fff;padding:5px 12px;border-radius:20px;border:1px solid var(--shop-plan-gray-light)}.id-info i{color:var(--shop-plan-gray)}.shop-plan-action-view{background-color:var(--shop-plan-primary);color:#fff}.shop-plan-action-view:hover{background-color:var(--shop-plan-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #4361ee4d}.shop-plan-btn-edit{padding:12px 25px;background-color:var(--shop-plan-warning);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.shop-plan-btn-edit:hover{background-color:#e07b1f;transform:translateY(-2px);box-shadow:0 4px 12px #f8961e4d}.shop-plan-btn-edit i{font-size:14px}.shop-plan-action-buttons{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 768px){.quick-view-grid{grid-template-columns:1fr;gap:10px}.quick-view-title{flex-direction:column;align-items:flex-start}.quick-view-title h2{font-size:20px}.features-grid{grid-template-columns:1fr}.quick-view-item{flex-direction:column;align-items:flex-start;gap:8px}.item-label{min-width:auto;width:100%}.item-value{width:100%;padding-left:26px}.shop-plan-action-buttons{justify-content:flex-start}}@keyframes quickViewSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.shop-plan-modal-overlay .shop-plan-modal-content{animation:quickViewSlideIn .3s ease-out}.feature-card{position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.feature-card:hover:before{left:100%}.quick-view-badge{box-shadow:0 2px 4px #0000000d;font-weight:500;border:1px solid var(--shop-plan-gray-light)}.quick-view-status-badge{box-shadow:0 2px 4px #0000000d;letter-spacing:.3px}.code-value{font-family:Courier New,monospace;box-shadow:0 2px 4px #4361ee1a}.quick-view-description{border:1px solid rgba(67,97,238,.1);box-shadow:inset 0 1px 3px #00000005}.id-info{font-family:Courier New,monospace;box-shadow:0 2px 4px #00000005}@media (max-width: 768px){.shop-plan-container{padding:15px;height:auto}.shop-plan-tabs-header{flex-direction:column;align-items:stretch}.shop-plan-tabs-selector{width:100%}.shop-plan-search-controls{width:100%;max-width:100%;flex-direction:column}.shop-plan-search-input-group,.shop-plan-filter-select-group{width:100%}.shop-plan-add-btn{width:100%;justify-content:center}.shop-plan-title-row{flex-direction:column;align-items:stretch}.shop-plan-title-center{min-width:auto}.shop-plan-compact-nav{flex-wrap:wrap}.shop-plan-modal-content{margin:10px;max-height:85vh}.shop-plan-form-row{flex-direction:column;gap:0}.shop-plan-status-select-group,.shop-plan-compact-log-entry{flex-direction:column}}.tenant-management-main{min-height:100vh;padding:20px;background:linear-gradient(135deg,#f8fafc,#e0e7ff,#f1f5fe);box-sizing:border-box}.tenant-management-header{text-align:center;margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:15px;color:#fff;box-shadow:0 10px 25px #6366f14d}.tenant-management-header h1{font-size:2.2rem;margin-bottom:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:15px}.tenant-management-header p{font-size:1rem;opacity:.9}.tenant-management-container{display:flex;gap:20px;margin-bottom:30px}.tenant-list-panel{flex:1;background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 20px #00000014}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.panel-header h2{font-size:1.4rem;color:#1e293b;font-weight:600}.header-actions{display:flex;align-items:center;gap:15px}.search-box{position:relative;width:250px}.search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b}.search-box input{width:100%;padding:10px 15px 10px 40px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;transition:all .3s}.search-box input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.btn-create{padding:10px 20px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-create:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.tenant-list{max-height:700px;overflow-y:auto}.tenant-list-item{padding:15px;margin-bottom:12px;border-radius:12px;background:#f8fafc;border:2px solid transparent;cursor:pointer;transition:all .3s}.tenant-list-item:hover{background:#eef2ff;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.tenant-list-item.active{background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-color:#6366f1;box-shadow:0 5px 20px #6366f133}.tenant-list-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.tenant-avatar{width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:600;flex-shrink:0}.tenant-info{flex:1}.tenant-info h3{margin:0 0 4px;color:#1e293b;font-size:1rem}.tenant-company{margin:0;color:#64748b;font-size:.85rem}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-active{background:#d1fae5;color:#065f46}.status-suspended{background:#fee2e2;color:#991b1b}.status-inactive{background:#f1f5f9;color:#475569}.tenant-list-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0;font-size:.85rem;color:#64748b}.tenant-list-details p{margin:0;display:flex;align-items:center;gap:6px}.tenant-list-details i{font-size:.8rem;color:#8b5cf6}.tenant-list-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #e2e8f0}.plan-badge{padding:4px 10px;background:#f0f9ff;color:#0369a1;border-radius:6px;font-size:.8rem;font-weight:600}.date-info{font-size:.8rem;color:#94a3b8}.tenant-details-panel{flex:2;background:#fff;border-radius:15px;padding:25px;box-shadow:0 5px 20px #00000014}.details-container{height:100%}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.details-header h2{font-size:1.6rem;color:#1e293b;margin:0;font-weight:700}.action-buttons{display:flex;gap:10px}.btn-edit,.btn-history{padding:8px 16px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-edit{background:#f0f9ff;color:#0369a1;border:2px solid #bae6fd}.btn-history{background:#fefce8;color:#92400e;border:2px solid #fef3c7}.btn-edit:hover{background:#e0f2fe}.btn-history:hover{background:#fef3c7}.history-section{background:#f8fafc;padding:20px;border-radius:12px;margin-bottom:25px}.history-section h3{margin-top:0;margin-bottom:15px;color:#1e293b;display:flex;align-items:center;gap:10px}.history-list{max-height:300px;overflow-y:auto}.history-item{display:flex;gap:15px;padding:15px;background:#fff;border-radius:8px;margin-bottom:10px;border-left:4px solid #6366f1}.history-icon{width:40px;height:40px;background:#e0e7ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.history-content{flex:1}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.history-header strong{color:#1e293b;font-size:.95rem}.history-time{font-size:.8rem;color:#64748b}.history-content p{margin:5px 0;color:#475569;font-size:.9rem}.history-content small{color:#94a3b8;font-size:.8rem}.edit-form{background:#f8fafc;padding:25px;border-radius:12px;margin-bottom:20px}.edit-form h3{margin-top:0;margin-bottom:20px;color:#1e293b;display:flex;align-items:center;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;color:#475569;margin-bottom:6px;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.btn-save{padding:10px 25px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-save:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f166}.btn-cancel{padding:10px 25px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.tenant-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.info-card{background:#f8fafc;padding:20px;border-radius:12px;border-top:4px solid #8b5cf6;display:flex;gap:15px}.info-icon{width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.info-content{flex:1}.info-content h4{margin:0 0 12px;color:#1e293b;font-size:1rem;font-weight:600}.info-content p{margin:6px 0;color:#475569;font-size:.9rem}.info-content strong{color:#1e293b;font-weight:600}.plan-tag{display:inline-block;padding:2px 8px;background:#e0e7ff;color:#4f46e5;border-radius:4px;font-size:.8rem;font-weight:600}.quick-actions{background:linear-gradient(135deg,#fefce8,#fffbeb);padding:20px;border-radius:12px;margin-bottom:25px;border:1px solid #fef3c7}.quick-actions h3{margin-top:0;margin-bottom:15px;color:#92400e;display:flex;align-items:center;gap:10px}.action-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action-btn{padding:12px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.action-btn.active{background:#e0e7ff;border-color:#6366f1;color:#4f46e5}.action-btn:hover:not(.btn-danger){background:#e0e7ff;border-color:#6366f1}.btn-danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.btn-danger:hover{background:#fee2e2;border-color:#fca5a5}.associated-section{background:#f0f9ff;padding:20px;border-radius:12px}.associated-section h3{margin-top:0;margin-bottom:8px;color:#0369a1;display:flex;align-items:center;gap:10px}.associated-section p{margin:0 0 15px;color:#475569;font-size:.9rem}.btn-view-shops{padding:10px 20px;background:#fff;border:2px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-view-shops:hover{background:#e0f2fe}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;padding:60px 20px}.no-selection i{font-size:4rem;margin-bottom:20px;opacity:.5}.no-selection h3{margin:0 0 10px;color:#475569;font-size:1.4rem}.no-selection p{margin:0;max-width:300px;font-size:.95rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:15px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #f1f5f9}.modal-header h2{margin:0;color:#1e293b;font-size:1.4rem;display:flex;align-items:center;gap:10px}.modal-close{background:none;border:none;font-size:1.2rem;color:#94a3b8;cursor:pointer;padding:5px;transition:all .3s}.modal-close:hover{color:#dc2626}.modal-body{padding:25px}.modal-footer{padding:20px 25px;border-top:2px solid #f1f5f9;display:flex;justify-content:flex-end;gap:10px}.btn-create-confirm{padding:10px 25px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-create-confirm:hover{transform:translateY(-2px);box-shadow:0 5px 15px #10b98166}.back-section{text-align:center;margin-top:30px}.btn-back{display:inline-flex;align-items:center;gap:10px;padding:12px 25px;background:linear-gradient(135deg,#475569,#64748b);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.btn-back:hover{background:linear-gradient(135deg,#334155,#475569);transform:translateY(-2px);box-shadow:0 5px 15px #4755694d}@media (max-width: 1200px){.tenant-management-container{flex-direction:column}.form-grid,.tenant-info-grid,.action-buttons-grid{grid-template-columns:1fr}}@media (max-width: 768px){.panel-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{flex-direction:column;width:100%}.search-box{width:100%}.details-header{flex-direction:column;gap:15px;align-items:stretch}.action-buttons{width:100%}.btn-edit,.btn-history{flex:1;justify-content:center}.tenant-list-details{grid-template-columns:1fr}.modal-content{width:95%;margin:10px}.tenant-management-header h1{font-size:1.8rem}}.tenant-list::-webkit-scrollbar,.history-list::-webkit-scrollbar{width:6px}.tenant-list::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tenant-list::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:3px}.tenant-list::-webkit-scrollbar-thumb:hover,.history-list::-webkit-scrollbar-thumb:hover{background:#a5b4fc}:root{--primary: #4361ee;--primary-light: #eef2ff;--secondary: #3a0ca3;--success: #4cc9f0;--warning: #f8961e;--danger: #f72585;--danger-light: #fef2f7;--dark: #1a1a2e;--light: #f8f9fa;--gray: #6c757d;--gray-light: #e9ecef;--border-radius: 12px;--shadow: 0 4px 12px rgba(0, 0, 0, .05);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}::-webkit-scrollbar{width:8px;height:8px}.cat-table-wrapper::-webkit-scrollbar,.cat-compact-logs-container::-webkit-scrollbar,.cat-modal-content::-webkit-scrollbar{width:6px;height:6px}.cat-table-wrapper,.cat-compact-logs-container,.cat-modal-content{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.shop-account-container.cat-container{background-color:#fff;border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow);display:flex;flex-direction:column;height:110vh;overflow:hidden;width:100%;max-width:100%}.shop-management-header.uac{flex-shrink:0;margin-bottom:25px;padding:30px 10px;border-bottom:1px solid var(--gray-light);position:relative;align-items:center;width:100%}.header-center-content h1{margin:0;font-size:24px;color:var(--light);display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.header-center-content h1 i{color:var(--light)}.header-center-content p{margin:5px 0 0;font-size:14px;color:var(--light);text-align:center}.user-account-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--light);text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap;position:relative;z-index:2}.user-account-back-btn:hover{color:var(--danger);transform:translateY(-2px)}.user-account-tabs-selector.cat-tabs-selector{min-width:220px}.cat-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;justify-content:center;align-items:center;animation:catFadeIn .2s ease}.cat-loading-spinner{text-align:center;background:#fff;padding:32px 48px;border-radius:20px;box-shadow:var(--shadow-hover);border:1px solid var(--primary-light)}.cat-spinner{width:56px;height:56px;border:4px solid var(--gray-light);border-top:4px solid var(--primary);border-radius:50%;margin:0 auto 20px;animation:catSpin 1s linear infinite}.cat-loading-message{font-size:18px;font-weight:600;color:var(--dark);margin-bottom:8px}.cat-loading-submessage{font-size:14px;color:var(--gray)}@keyframes catSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes catFadeIn{0%{opacity:0}to{opacity:1}}.cat-tabs-header{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--gray-light);width:100%}.cat-select-container{position:relative;display:flex;align-items:center}.cat-select-icon{position:absolute;left:15px;color:var(--primary);font-size:16px;z-index:2;pointer-events:none}.cat-tab-select{width:100%;padding:12px 45px;border:1px solid var(--primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--dark);background-color:var(--primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.cat-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.cat-select-arrow{position:absolute;right:15px;color:var(--primary);font-size:14px;z-index:2;pointer-events:none}.cat-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:700px}.cat-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.cat-search-icon{position:absolute;left:12px;color:var(--gray);font-size:14px;z-index:2}.cat-search-input{width:100%;padding:10px 40px;border:1px solid var(--gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--dark);transition:all .3s;background-color:#fff}.cat-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}.cat-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.cat-clear-search-btn:hover{color:var(--danger)}.cat-clear-search-btn.secondary{position:static;width:auto;padding:10px 15px;background-color:var(--gray-light);color:var(--dark);border-radius:8px;font-size:13px;font-weight:600}.cat-clear-search-btn.secondary:hover{background-color:var(--primary);color:#fff}.user-account-filter-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-account-filter-buttons .cat-search-select,.user-account-filter-buttons .cat-search-input{width:auto;min-width:120px}.cat-add-btn{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.cat-add-btn:hover{background-color:var(--secondary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.cat-section-title{flex-shrink:0;width:100%;margin-bottom:17px}.cat-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.cat-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.cat-title-left i{color:var(--primary);font-size:18px}.cat-title-text{font-size:18px;font-weight:600;color:var(--dark);white-space:nowrap}.cat-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.cat-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.cat-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--gray);white-space:nowrap}.cat-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.cat-count-label{font-weight:500;color:var(--gray);margin-left:2px}.cat-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--gray);white-space:nowrap}.cat-loading-text i{color:var(--primary)}.cat-search-badge-container{margin-top:12px;display:flex;justify-content:center}.cat-search-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--primary-light);padding:6px 16px;border-radius:30px;font-size:13px;color:var(--primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-clear-search-badge{background:none;border:none;color:var(--primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;transition:opacity .2s}.cat-clear-search-badge:hover{opacity:1}.cat-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center}.cat-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--gray-light);border-radius:50%;color:var(--dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.cat-nav-btn:hover:not(:disabled){background-color:var(--primary);color:#fff;border-color:var(--primary)}.cat-nav-btn:disabled{opacity:.4;cursor:not-allowed}.cat-nav-btn.loading{background-color:var(--primary-light);border-color:var(--primary)}.cat-page-control{display:flex;align-items:center;gap:4px}.cat-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--dark);padding:0 4px;transition:all .3s}.cat-page-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4361ee1a}.cat-page-input:disabled{background-color:var(--light);cursor:not-allowed}.cat-page-total{font-size:13px;color:var(--gray);font-weight:500;white-space:nowrap}.cat-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--gray-light);flex-shrink:0}.cat-per-page-select{width:60px;height:32px;border:1px solid var(--gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--dark);background-color:#fff;cursor:pointer;transition:all .3s}.cat-per-page-select:focus{outline:none;border-color:var(--primary)}.cat-per-page-select:disabled{background-color:var(--light);cursor:not-allowed}.cat-per-page-label{font-size:12px;color:var(--gray);white-space:nowrap}.cat-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;border-radius:8px;border:1px solid var(--gray-light);background-color:#fff;width:100%;position:relative}.cat-table{width:max-content;min-width:100%;border-collapse:collapse;border-spacing:0;background-color:#fff}.cat-table thead{background-color:var(--light);position:sticky;top:0;z-index:10}.cat-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--dark);border-bottom:2px solid var(--gray-light);white-space:nowrap;background-color:var(--light);position:sticky;top:0;z-index:10}.cat-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--dark);border-bottom:1px solid var(--gray-light);vertical-align:middle;white-space:nowrap}.cat-table tbody tr:hover{background-color:var(--light)}.cat-table th:nth-child(1){min-width:60px}.cat-table th:nth-child(2){min-width:100px}.cat-table th:nth-child(3){min-width:120px}.cat-table th:nth-child(4){min-width:150px}.cat-table th:nth-child(5){min-width:200px}.cat-table th:nth-child(6){min-width:120px}.cat-table th:nth-child(7){min-width:120px}.cat-table th:nth-child(8){min-width:100px}.cat-table th:nth-child(9){min-width:100px}.user-account-contact-cell{display:flex;flex-direction:column;gap:6px;white-space:nowrap}.user-account-contact-item{display:flex;align-items:center;gap:8px;white-space:nowrap}.user-account-contact-icon{font-size:12px;width:16px;text-align:center;flex-shrink:0}.user-account-contact-text{font-size:12px;color:var(--dark);white-space:nowrap}.cat-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px;white-space:nowrap}.cat-status-active{background-color:#4cc9f01a;color:var(--success);border:1px solid rgba(76,201,240,.3)}.cat-status-inactive{background-color:#f725851a;color:var(--danger);border:1px solid rgba(247,37,133,.3)}.cat-status-pending{background-color:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.cat-action-buttons{display:flex;gap:10px;white-space:nowrap}.cat-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none;flex-shrink:0}.cat-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cat-action-edit{background-color:var(--warning)}.cat-action-delete{background-color:var(--danger)}.cat-no-data{text-align:center;padding:40px!important;background-color:var(--light)}.cat-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--gray)}.cat-no-data-content i{font-size:48px;color:var(--gray-light)}.cat-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.cat-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-hover);animation:catModalSlideIn .3s ease-out}@keyframes catModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.cat-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--gray-light);background-color:var(--light);border-radius:12px 12px 0 0}.cat-modal-header h3{margin:0;font-size:18px;color:var(--dark);display:flex;align-items:center;gap:10px}.cat-modal-header h3 i{color:var(--primary)}.cat-modal-close{background:none;border:none;font-size:20px;color:var(--gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.cat-modal-close:hover{background-color:var(--gray-light);color:var(--danger)}.cat-modal-body{padding:25px}.cat-modal-footer{padding:20px 25px;border-top:1px solid var(--gray-light);display:flex;justify-content:flex-end;gap:15px}.cat-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--primary)}.cat-current-user-banner i{font-size:24px;color:var(--primary)}.cat-current-user-banner .cat-user-name{font-size:14px;font-weight:600;color:var(--dark)}.cat-current-user-banner .cat-user-role{font-size:12px;color:var(--gray)}.cat-form-group{margin-bottom:20px}.cat-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark);font-size:14px}.cat-form-group label.cat-required:after{content:" *";color:var(--danger)}.cat-form-group input,.cat-form-group textarea,.cat-form-group select{width:100%;padding:12px 15px;border:1px solid var(--gray-light);border-radius:8px;font-size:14px;color:var(--dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.cat-form-group input:focus,.cat-form-group textarea:focus,.cat-form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee1a}.cat-input-error{border-color:var(--danger)!important;background-color:var(--danger-light)!important}.cat-field-error{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--danger);font-size:12px;font-weight:500}.cat-validation-error{display:flex;align-items:center;gap:6px;padding:12px 16px;background-color:var(--danger-light);border-radius:8px;border-left:3px solid var(--danger);color:var(--danger);font-size:14px;margin-bottom:15px}.cat-created-info{font-size:12px;color:var(--gray);margin-top:4px}.cat-status-select-group{display:flex;gap:15px}.cat-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.cat-status-option:hover{border-color:var(--primary)}.cat-status-option.selected{border-color:var(--primary);background-color:var(--primary-light)}.cat-status-radio{display:none}.cat-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--gray);cursor:pointer}.cat-status-label i{font-size:20px}.cat-status-option.selected .cat-status-label{color:var(--primary)}.cat-status-option:nth-child(1) .cat-status-label i{color:var(--success)}.cat-status-option:nth-child(2) .cat-status-label i{color:var(--danger)}.cat-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background-color:#4cc9f01a;border-radius:8px;border-left:3px solid var(--success);margin-top:20px}.cat-info-box i{color:var(--success);font-size:16px;margin-top:2px}.cat-info-box span{font-size:13px;color:var(--dark);line-height:1.5}.cat-btn-cancel{padding:12px 25px;background-color:var(--gray-light);color:var(--dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.cat-btn-cancel:hover{background-color:#dee2e6}.cat-btn-submit{padding:12px 25px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.cat-btn-submit:hover:not(:disabled){background-color:var(--secondary);transform:translateY(-2px)}.cat-btn-submit:disabled{opacity:.5;cursor:not-allowed}.user-account-shop-code-badge{padding:4px 8px;background-color:var(--primary-light);color:var(--primary);border-radius:4px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.user-account-shop-id{font-size:11px;color:var(--gray);margin-top:4px;white-space:nowrap}.user-account-created,.user-account-shop-name{font-size:11px;color:var(--gray);margin-top:4px;display:flex;align-items:center;gap:4px;white-space:nowrap}.user-account-role-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.role-shop-owner{background-color:#4361ee1a;color:var(--primary);border:1px solid rgba(67,97,238,.3)}.role-manager{background-color:#f8961e1a;color:var(--warning);border:1px solid rgba(248,150,30,.3)}.role-inventory-storer{background-color:#4cc9f01a;color:var(--success);border:1px solid rgba(76,201,240,.3)}.role-cashier{background-color:#f725851a;color:var(--danger);border:1px solid rgba(247,37,133,.3)}.role-viewer{background-color:#6c757d1a;color:var(--gray);border:1px solid rgba(108,117,125,.3)}.user-account-role-desc{font-size:10px;color:var(--gray);margin-top:4px;font-style:italic;white-space:nowrap}.user-account-last-login{font-size:10px;color:var(--gray);margin-top:4px;display:flex;align-items:center;gap:4px;white-space:nowrap}.user-account-plan-badge{padding:4px 8px;background-color:#4cc9f01a;color:var(--success);border-radius:4px;font-size:11px;font-weight:600;display:inline-block;white-space:nowrap}.user-account-info-value{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;color:#1e293b}.cat-status-option:nth-child(3) .cat-status-label i{color:#8b5cf6}.cat-messages-container{position:fixed;top:30px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:450px}.cat-message{padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000026;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:4px solid transparent}.cat-message i{font-size:24px;flex-shrink:0}.cat-message span{flex:1;font-size:14px;font-weight:500;line-height:1.5}.cat-message button{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s;border-radius:6px;flex-shrink:0}.cat-message button:hover{opacity:1;background-color:#fff3}.cat-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left-color:#064e3b}.cat-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left-color:#7f1d1d}.cat-message.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-left-color:#92400e}.cat-message.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-left-color:#1e3a8a}.cat-network-error{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003}.cat-network-error i{font-size:32px;color:#fca5a5}.cat-network-error .error-content{flex:1}.cat-network-error .error-title{font-size:16px;font-weight:700;margin-bottom:4px}.cat-network-error .error-message{font-size:14px;opacity:.9}.cat-network-error button{padding:8px 16px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.cat-network-error button:hover{background-color:#ffffff4d}.cat-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1;width:100%}.cat-log-filters{flex-shrink:0;margin-bottom:20px;padding:15px;background-color:var(--light);border-radius:8px;width:100%}.cat-compact-logs-container{flex:1;min-height:0;overflow-y:auto;padding-right:5px;width:100%}.cat-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.cat-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.cat-filter-tab:hover{border-color:var(--primary);color:var(--primary)}.cat-filter-tab.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.cat-filter-count{background-color:var(--gray-light);color:var(--gray);padding:2px 6px;border-radius:10px;font-size:11px}.cat-filter-tab.active .cat-filter-count{background-color:#ffffff4d;color:#fff}.cat-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.cat-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.cat-date-picker-row label{font-size:13px;color:var(--dark);font-weight:600}.cat-date-input{padding:8px 12px;border:1px solid var(--gray-light);border-radius:6px;font-size:13px;color:var(--dark);flex:1}.cat-date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4361ee1a}.cat-apply-date-btn{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.cat-apply-date-btn:hover:not(:disabled){background-color:var(--secondary)}.cat-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.cat-date-group{margin-bottom:25px}.cat-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--primary)}.cat-date-label{font-weight:600;color:var(--dark);font-size:14px}.cat-date-count{font-size:12px;color:var(--gray);background-color:#fff;padding:3px 10px;border-radius:12px}.cat-logs-list{display:flex;flex-direction:column;gap:10px}.cat-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--gray-light);transition:all .2s;gap:15px;cursor:pointer}.cat-compact-log-entry:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.cat-compact-log-entry.log-add{border-left:3px solid var(--success)}.cat-compact-log-entry.log-edit{border-left:3px solid var(--warning)}.cat-compact-log-entry.log-delete{border-left:3px solid var(--danger)}.cat-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-compact-log-entry.log-add .cat-log-icon{background-color:#4cc9f01a;color:var(--success)}.cat-compact-log-entry.log-edit .cat-log-icon{background-color:#f8961e1a;color:var(--warning)}.cat-compact-log-entry.log-delete .cat-log-icon{background-color:#f725851a;color:var(--danger)}.cat-log-icon i{font-size:16px}.cat-log-content{flex:1;min-width:0}.cat-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cat-log-action{font-weight:600;color:var(--dark);font-size:14px}.cat-log-category{font-size:13px;color:var(--primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.cat-category-id{font-size:11px;color:var(--gray);font-weight:500}.cat-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--gray)}.cat-log-user{display:flex;align-items:center;gap:6px}.cat-user-role{color:var(--gray);font-size:11px}.cat-log-time{display:flex;align-items:center;gap:6px;background-color:var(--light);padding:3px 10px;border-radius:12px}.cat-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--gray)}.no-logs{text-align:center;padding:40px;background-color:var(--light);border-radius:8px;color:var(--gray)}.no-logs i{font-size:48px;color:var(--gray-light);margin-bottom:15px}.cat-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--primary)}.cat-log-detail-main{margin-bottom:15px}.cat-log-detail-action{margin-bottom:12px}.cat-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.cat-action-add{background-color:#4cc9f01a;color:var(--success);border:1px solid rgba(76,201,240,.3)}.cat-action-edit{background-color:#f8961e1a;color:var(--warning);border:1px solid rgba(248,150,30,.3)}.cat-action-delete{background-color:#f725851a;color:var(--danger);border:1px solid rgba(247,37,133,.3)}.cat-log-detail-category{display:flex;align-items:center;gap:10px;font-size:15px;flex-wrap:wrap}.cat-category-name{font-weight:600;color:var(--dark)}.cat-category-id-detail{font-size:12px;color:var(--gray);background-color:var(--gray-light);padding:2px 8px;border-radius:10px}.cat-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.cat-log-detail-user,.cat-log-detail-time{display:flex;align-items:center;gap:12px}.cat-log-detail-user i,.cat-log-detail-time i{color:var(--gray);font-size:20px}.cat-user-name-detail{font-weight:600;font-size:14px;color:var(--dark)}.cat-user-role-detail{font-size:12px;color:var(--gray)}.cat-log-date-detail{font-weight:600;font-size:14px;color:var(--dark)}.cat-log-time-detail{font-size:12px;color:var(--gray)}.cat-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--gray-light)}.cat-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--dark);font-weight:600}.cat-change-list{display:flex;flex-direction:column;gap:10px}.cat-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--light);border-radius:6px;border-left:3px solid var(--primary)}.cat-change-item i{color:var(--primary);font-size:12px;margin-top:2px}.cat-change-item span{font-size:14px;color:var(--dark);line-height:1.5}.cat-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--light);border-radius:8px;color:var(--gray);text-align:center;justify-content:center}@media (max-width: 1200px){.cat-title-row{gap:10px}.cat-title-center{min-width:280px}}@media (max-width: 900px){.cat-title-row{gap:10px}.cat-title-left{min-width:auto}.cat-title-text{font-size:16px}.cat-title-right{min-width:auto}}@media (max-width: 768px){.shop-management-header.uac{min-height:120px}.header-center-content{position:static;left:auto;top:auto;transform:none;margin-top:40px;width:100%;max-width:100%;order:2}.shop-account-container.cat-container{height:160vh}.header-center-content h1{white-space:normal;flex-wrap:wrap;justify-content:center}.header-top-row{flex-direction:column}.user-account-back-btn{order:1;align-self:flex-start;margin-top:-20px;margin-bottom:-50px}.cat-container{padding:15px;height:auto}.cat-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.cat-tabs-selector{width:100%;min-width:100%}.cat-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.cat-search-input-group{width:100%;min-width:100%}.cat-add-btn{width:100%;justify-content:center}.cat-title-row{flex-direction:column;align-items:stretch;gap:12px}.cat-title-left{justify-content:center;text-align:center;width:100%}.cat-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.cat-compact-nav{width:100%;justify-content:center;padding:6px 10px}.cat-title-right{width:100%;justify-content:center}.cat-showing-count{width:fit-content;margin:0 auto}.cat-items-per-page{border-left:none;margin-left:0;padding-left:0}.cat-modal-content{margin:10px;max-height:85vh}.cat-status-select-group{flex-direction:column;gap:10px}.user-account-filter-buttons{flex-direction:column;align-items:stretch}.user-account-filter-buttons .cat-search-select,.user-account-filter-buttons .cat-search-input{width:100%}.cat-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.cat-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.cat-date-input,.cat-apply-date-btn{width:100%}.user-account-info-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.cat-container{padding:12px}.cat-section-title{font-size:16px}.cat-compact-nav{flex-wrap:wrap;gap:6px;padding:8px}.cat-nav-btn{width:28px;height:28px}.cat-page-input{width:40px;height:28px;font-size:12px}.cat-page-total{font-size:12px}.cat-per-page-select{width:50px;height:28px;font-size:11px}.cat-per-page-label{font-size:11px}.cat-showing-count{font-size:12px;padding:4px 10px}.cat-modal-header{padding:15px 20px}.cat-modal-body{padding:15px}.cat-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.cat-btn-cancel,.cat-btn-submit{width:100%;text-align:center}}@media print{.cat-container{box-shadow:none;padding:0}.cat-tabs-header,.cat-action-buttons,.cat-modal-overlay{display:none}.cat-table-wrapper{max-height:none;overflow:visible}.cat-table{width:100%;min-width:100%}.cat-table th{background-color:#f0f0f0;color:#000}}:root{--primary: #3b82f6;--primary-light: #eff6ff;--secondary: #8b5cf6;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--dark: #1f2937;--light: #f9fafb;--gray: #6b7280;--gray-light: #e5e7eb;--border-radius: 10px;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15)}.simple-user-container{background-color:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow);min-height:calc(100vh - 60px);font-family:Noto Sans Myanmar,sans-serif}.simple-user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--gray-light)}.simple-user-header-left h2{margin:0 0 15px;color:var(--dark);font-size:22px;display:flex;align-items:center;gap:10px}.simple-user-header-left h2 i{color:var(--primary)}.simple-user-stats{display:flex;gap:20px}.simple-user-stat{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 15px;background-color:var(--light);border-radius:8px;min-width:80px}.simple-user-stat i{font-size:20px;color:var(--primary)}.simple-user-stat-value{font-size:24px;font-weight:700;color:var(--dark)}.simple-user-stat-label{font-size:13px;color:var(--gray)}.simple-user-add-btn{background-color:var(--primary);color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s}.simple-user-add-btn:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:var(--shadow-hover)}.simple-user-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.simple-user-search{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.simple-user-search i{position:absolute;left:15px;color:var(--gray);font-size:16px}.simple-user-search input{width:100%;padding:12px 45px;border:1px solid var(--gray-light);border-radius:8px;font-size:15px;color:var(--dark);transition:all .3s;font-family:Noto Sans Myanmar,sans-serif}.simple-user-search input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.simple-user-clear-search{position:absolute;right:15px;background:none;border:none;color:var(--gray);cursor:pointer;font-size:16px;padding:5px}.simple-user-clear-search:hover{color:var(--danger)}.simple-user-filters{display:flex;gap:10px}.simple-user-filter-btn{padding:10px 20px;background-color:var(--light);border:1px solid var(--gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--dark);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.simple-user-filter-btn:hover{border-color:var(--primary);color:var(--primary)}.simple-user-filter-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.simple-user-filter-btn.active i{color:#fff}.simple-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.simple-user-card{background-color:#fff;border-radius:var(--border-radius);border:1px solid var(--gray-light);overflow:hidden;transition:all .3s}.simple-user-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.simple-user-card-header{display:flex;align-items:center;padding:20px;background-color:var(--light);border-bottom:1px solid var(--gray-light);gap:15px}.simple-user-avatar{width:50px;height:50px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.simple-user-info{flex:1}.simple-user-name{margin:0 0 5px;font-size:18px;color:var(--dark);font-weight:600}.simple-user-code{font-size:13px;color:var(--gray);background-color:#fff;padding:3px 10px;border-radius:12px;display:inline-block;border:1px solid var(--gray-light)}.simple-user-status{flex-shrink:0}.simple-user-status-badge{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.simple-user-status-badge.active{background-color:var(--success-light);color:var(--success);border:1px solid rgba(16,185,129,.3)}.simple-user-status-badge.inactive{background-color:var(--danger-light);color:var(--danger);border:1px solid rgba(239,68,68,.3)}.simple-user-card-body{padding:20px}.simple-user-detail{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:var(--dark)}.simple-user-detail i{color:var(--gray);width:20px;font-size:16px}.simple-user-role{font-weight:600}.simple-user-card-actions{display:flex;padding:15px 20px;border-top:1px solid var(--gray-light);gap:10px}.simple-user-action-btn{flex:1;padding:10px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;color:#fff}.simple-user-action-btn.edit{background-color:var(--warning)}.simple-user-action-btn.activate{background-color:var(--success)}.simple-user-action-btn.deactivate,.simple-user-action-btn.delete{background-color:var(--danger)}.simple-user-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.simple-user-action-btn:disabled{opacity:.5;cursor:not-allowed}.simple-user-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--gray)}.simple-user-empty i{font-size:64px;color:var(--gray-light);margin-bottom:20px}.simple-user-empty p{font-size:18px;margin-bottom:20px}.simple-user-clear-btn{padding:10px 25px;background-color:var(--gray-light);color:var(--dark);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.simple-user-clear-btn:hover{background-color:var(--primary);color:#fff}.simple-user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.simple-user-modal{background-color:#fff;border-radius:var(--border-radius);width:100%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:modalSlideIn .3s ease-out}.simple-user-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--gray-light);background-color:var(--light)}.simple-user-modal-header h3{margin:0;font-size:18px;color:var(--dark);display:flex;align-items:center;gap:10px}.simple-user-modal-close{background:none;border:none;font-size:20px;color:var(--gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.simple-user-modal-close:hover{background-color:var(--gray-light);color:var(--danger)}.simple-user-modal-body{padding:25px}.simple-user-modal-footer{padding:20px;border-top:1px solid var(--gray-light);display:flex;justify-content:flex-end;gap:15px}.simple-user-form-group{margin-bottom:20px}.simple-user-form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:var(--dark);font-size:14px}.simple-user-form-group label i{color:var(--gray)}.simple-user-form-group input,.simple-user-form-group select{width:100%;padding:12px 15px;border:1px solid var(--gray-light);border-radius:8px;font-size:15px;color:var(--dark);transition:all .3s;font-family:Noto Sans Myanmar,sans-serif}.simple-user-form-group input:focus,.simple-user-form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.simple-user-form-group small{display:block;margin-top:6px;font-size:12px;color:var(--gray)}.simple-user-error{margin-top:8px;padding:8px 12px;background-color:var(--danger-light);color:var(--danger);border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px;border-left:3px solid var(--danger)}.simple-user-info-box{background-color:var(--light);padding:15px;border-radius:8px;margin-top:20px;border-left:3px solid var(--primary)}.simple-user-info-box h4{margin:0 0 15px;font-size:15px;color:var(--dark);display:flex;align-items:center;gap:8px}.simple-user-info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.simple-user-info-row span:first-child{color:var(--gray)}.simple-user-status-tag{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.simple-user-status-tag.active{background-color:var(--success-light);color:var(--success)}.simple-user-status-tag.inactive{background-color:var(--danger-light);color:var(--danger)}.simple-user-btn-cancel{padding:12px 25px;background-color:var(--gray-light);color:var(--dark);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.simple-user-btn-cancel:hover{background-color:#d1d5db}.simple-user-btn-save{padding:12px 25px;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s}.simple-user-btn-save:hover:not(:disabled){background-color:#2563eb;transform:translateY(-2px)}.simple-user-btn-save:disabled{opacity:.5;cursor:not-allowed}.simple-user-back{margin-top:30px;padding-top:20px;border-top:1px solid var(--gray-light)}.simple-user-back-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 25px;background-color:var(--gray-light);color:var(--dark);text-decoration:none;border-radius:8px;font-size:15px;font-weight:600;transition:all .3s}.simple-user-back-btn:hover{background-color:var(--primary);color:#fff}@media (max-width: 768px){.simple-user-container{padding:15px}.simple-user-header{flex-direction:column;gap:15px}.simple-user-add-btn{width:100%;justify-content:center}.simple-user-controls{flex-direction:column;align-items:stretch}.simple-user-search{min-width:100%}.simple-user-filters{width:100%;justify-content:center;flex-wrap:wrap}.simple-user-grid{grid-template-columns:1fr}.simple-user-modal{margin:10px}}@media (max-width: 480px){.simple-user-modal-body{padding:20px}.simple-user-modal-footer{padding:15px 20px;flex-direction:column}.simple-user-btn-cancel,.simple-user-btn-save{width:100%;text-align:center;justify-content:center}.simple-user-stats{flex-direction:column;gap:10px}}:root{--shop-account-primary: #4361ee;--shop-account-primary-light: #eef2ff;--shop-account-secondary: #3a0ca3;--shop-account-success: #4cc9f0;--shop-account-warning: #f8961e;--shop-account-danger: #f72585;--shop-account-dark: #1a1a2e;--shop-account-light: #f8f9fa;--shop-account-gray: #6c757d;--shop-account-gray-light: #e9ecef;--shop-account-border-radius: 12px;--shop-account-shadow: 0 4px 12px rgba(0, 0, 0, .05);--shop-account-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.shop-account-container{background:#fff;border-radius:var(--shop-account-border-radius);padding:25px;display:flex;flex-direction:column;height:calc(100vh + -0px);overflow:hidden}.shop-management-header{margin-bottom:20px}.shop-account-back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--shop-account-light);text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s}.shop-account-back-btn:hover{color:var(--shop-account-danger)}.header-center-content h1{margin:0;font-size:24px;color:var(--shop-account-light);display:flex;align-items:center;gap:10px}.header-center-content h1 i{color:var(--shop-account-light)}.header-center-content p{margin:5px 0 0;color:var(--shop-account-light);font-size:14px}.shop-account-section-title{font-size:20px;font-weight:600;color:var(--shop-account-dark);margin-bottom:20px;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--shop-account-gray-light)}.shop-account-section-title i{color:var(--shop-account-primary);font-size:24px}.shop-account-history-btn{background-color:#fff;border:1px solid var(--shop-account-primary);color:var(--shop-account-primary);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.shop-account-history-btn i{color:var(--shop-account-primary);transition:color .3s}.shop-account-history-btn:hover,.shop-account-history-btn:active{background-color:var(--shop-account-primary);border-color:var(--shop-account-primary);color:#fff}.shop-account-history-btn:hover i,.shop-account-history-btn:active i{color:#fff}.shop-account-history-btn .fa-history{font-size:16px}.shop-account-table-wrapper{overflow-y:auto;max-height:calc(100vh - 250px);border-radius:8px;border:1px solid var(--shop-account-gray-light);background-color:#fff}.shop-account-table{min-width:1000px;width:100%;border-collapse:collapse}.shop-account-table thead{background-color:var(--shop-account-light);position:sticky;top:0;z-index:10}.shop-account-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--shop-account-dark);border-bottom:2px solid var(--shop-account-gray-light);white-space:nowrap}.shop-account-table td{padding:20px 12px;text-align:left;font-size:14px;color:var(--shop-account-dark);border-bottom:1px solid var(--shop-account-gray-light);vertical-align:middle}.shop-account-table tbody tr:hover{background-color:var(--shop-account-light)}.shop-account-created{font-size:11px;color:var(--shop-account-gray);margin-top:4px;display:flex;align-items:center;gap:4px}.password-hint{font-size:11px;color:var(--shop-account-gray);display:flex;align-items:center;gap:5px}.shop-account-contact-cell{display:flex;flex-direction:column;gap:8px}.shop-account-contact-item{display:flex;align-items:center;gap:10px}.shop-account-contact-icon{color:var(--shop-account-primary);font-size:12px;width:16px;text-align:center}.shop-account-contact-text{font-size:13px;color:var(--shop-account-dark);word-break:break-all}.shop-account-contact-item:nth-child(1) .shop-account-contact-icon{color:var(--shop-account-primary)}.shop-account-contact-item:nth-child(2) .shop-account-contact-icon{color:var(--shop-account-success)}.shop-account-role-cell{display:flex;flex-direction:column;gap:4px}.shop-account-role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:100px}.role-super_admin{background-color:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.shop-account-role-desc{font-size:11px;color:var(--shop-account-gray);font-style:italic}.shop-account-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.status-active{background-color:#4cc9f01a;color:var(--shop-account-success);border:1px solid rgba(76,201,240,.3)}.status-disabled{background-color:#f725851a;color:var(--shop-account-danger);border:1px solid rgba(247,37,133,.3)}.shop-account-action-buttons{display:flex;flex-direction:column;gap:10px;min-width:150px}.shop-account-edit-btn{background-color:#4f46e5;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;justify-content:center}.shop-account-edit-btn:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:var(--shop-account-shadow)}.shop-account-change-password-btn{background-color:var(--shop-account-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;justify-content:center}.shop-account-change-password-btn:hover{background-color:var(--shop-account-secondary);transform:translateY(-2px);box-shadow:var(--shop-account-shadow)}.shop-account-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.shop-account-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shop-account-shadow-hover);animation:modalSlideIn .3s ease-out}.shop-account-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--shop-account-gray-light);background-color:var(--shop-account-light);border-radius:12px 12px 0 0}.shop-account-modal-header h3{margin:0;font-size:18px;color:var(--shop-account-dark);display:flex;align-items:center;gap:10px}.shop-account-modal-header h3 i{color:var(--shop-account-primary)}.shop-account-modal-close{background:none;border:none;font-size:20px;color:var(--shop-account-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.shop-account-modal-close:hover{background-color:var(--shop-account-gray-light);color:var(--shop-account-danger)}.shop-account-modal-body{padding:25px}.shop-account-history-stats{margin-bottom:10px;display:flex;gap:50px}.stat-label-final,.stat-value-final{font-weight:700}.shop-account-modal-footer{padding:20px 25px;border-top:1px solid var(--shop-account-gray-light);display:flex;justify-content:flex-end;gap:15px}.shop-account-form-group{margin-bottom:20px}.shop-account-form-row{display:flex;gap:15px;margin-bottom:15px}.shop-account-form-row .shop-account-form-group{flex:1;margin-bottom:0}.shop-account-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--shop-account-dark);font-size:14px}.shop-account-form-group label.shop-account-required:after{content:" *";color:var(--shop-account-danger)}.shop-account-form-group input,.shop-account-form-group textarea,.shop-account-form-group select{width:100%;padding:12px 15px;border:1px solid var(--shop-account-gray-light);border-radius:8px;font-size:14px;color:var(--shop-account-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.shop-account-form-group input:focus,.shop-account-form-group textarea:focus,.shop-account-form-group select:focus{outline:none;border-color:var(--shop-account-primary);box-shadow:0 0 0 3px #4361ee1a}.shop-account-form-group input:disabled,.disabled-input{background-color:var(--shop-account-gray-light);color:var(--shop-account-gray);cursor:not-allowed}.forget-password-link{display:flex;align-items:center;gap:8px;color:var(--shop-account-primary);font-size:14px;margin-top:15px;cursor:pointer;text-decoration:none;transition:color .3s}.forget-password-link:hover{color:var(--shop-account-secondary);text-decoration:underline}.shop-account-btn-cancel{padding:12px 25px;background-color:var(--shop-account-gray-light);color:var(--shop-account-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.shop-account-btn-cancel:hover{background-color:#dee2e6}.shop-account-btn-submit{padding:12px 25px;background-color:var(--shop-account-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.shop-account-btn-submit:hover:not(:disabled){background-color:var(--shop-account-secondary);transform:translateY(-2px)}.shop-account-btn-submit:disabled{opacity:.5;cursor:not-allowed}.shop-account-history-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding-right:10px}.shop-account-history-item{display:flex;gap:15px;padding:15px;background-color:var(--shop-account-light);border-radius:8px;border-left:3px solid var(--shop-account-primary);transition:all .3s}.shop-account-history-item:hover{box-shadow:var(--shop-account-shadow)}.shop-account-history-icon{width:40px;height:40px;background-color:#4361ee1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--shop-account-primary)}.shop-account-history-icon i{font-size:18px}.shop-account-history-content{flex:1}.shop-account-history-action{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-weight:600;color:var(--shop-account-dark)}.shop-account-history-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.shop-account-history-status.status-success{background-color:#4cc9f01a;color:var(--shop-account-success);border:1px solid rgba(76,201,240,.3)}.shop-account-history-details{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--shop-account-gray)}.shop-account-history-details span{display:flex;align-items:center;gap:5px}.shop-account-history-details i{font-size:11px;color:var(--shop-account-primary)}.shop-account-history-footer{text-align:center;padding:10px;background-color:var(--shop-account-light);border-radius:6px;font-size:13px;color:var(--shop-account-gray);margin-top:15px}.shop-account-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 10px}.shop-account-page-btn{width:36px;height:36px;border:1px solid var(--shop-account-gray-light);background-color:#fff;color:var(--shop-account-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.shop-account-page-btn:hover:not(:disabled){background-color:var(--shop-account-primary);color:#fff;border-color:var(--shop-account-primary)}.shop-account-page-btn:disabled{opacity:.5;cursor:not-allowed}.shop-account-page-info{padding:0 15px;font-weight:600;color:var(--shop-account-dark)}.shop-account-security-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-top:20px;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412}.shop-account-security-notice i{font-size:20px;color:#f97316;margin-top:2px}.shop-account-security-notice p{margin:0;font-size:14px;line-height:1.6;flex:1}.shop-account-history-list::-webkit-scrollbar{width:6px}.shop-account-history-list::-webkit-scrollbar-track{background:var(--shop-account-gray-light);border-radius:3px}.shop-account-history-list::-webkit-scrollbar-thumb{background:var(--shop-account-primary);border-radius:3px}.shop-account-history-list::-webkit-scrollbar-thumb:hover{background:var(--shop-account-secondary)}.shop-account-tabs-header,.shop-account-search-controls,.shop-account-add-btn{display:none!important}.shop-account-connection-error-banner{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003}.shop-account-no-data{text-align:center;padding:40px!important;background-color:var(--shop-account-light)}.shop-account-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--shop-account-gray)}.shop-account-no-data-content i{font-size:48px;color:var(--shop-account-gray-light)}.shop-account-no-data-content p{font-size:16px;margin:0}.user-account-network-error{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;animation:slideInRight .3s ease-out}@media (max-width: 768px){.user-account-messages-container{top:20px;right:20px;left:20px;max-width:none}.user-account-network-error{flex-direction:column;text-align:center;padding:15px}.user-account-network-error button{width:100%}}@media (max-width: 768px){.shop-account-container{padding:15px;height:auto}.shop-account-table-wrapper{max-height:calc(100vh - 200px)}.shop-account-table th,.shop-account-table td{padding:12px 8px;font-size:13px}.shop-account-action-buttons{min-width:140px}.shop-account-edit-btn,.shop-account-change-password-btn{padding:8px 12px;font-size:12px}.shop-account-modal-content{margin:10px;max-height:85vh}.shop-account-modal-body{padding:20px}.shop-account-form-row{flex-direction:column;gap:0}.shop-account-action-buttons{min-width:auto}.header-top-row{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.shop-account-container{padding:12px}.shop-account-modal-header{padding:15px 20px}.shop-account-modal-body{padding:15px}.shop-account-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.shop-account-btn-cancel,.shop-account-btn-submit{width:100%;text-align:center}}:root{--user-account-primary: #4361ee;--user-account-primary-light: #eef2ff;--user-account-secondary: #3a0ca3;--user-account-success: #4cc9f0;--user-account-warning: #f8961e;--user-account-danger: #f72585;--user-account-danger-light: #fef2f7;--user-account-dark: #1a1a2e;--user-account-light: #f8f9fa;--user-account-gray: #6c757d;--user-account-gray-light: #e9ecef;--user-account-border-radius: 12px;--user-account-shadow: 0 4px 12px rgba(0, 0, 0, .05);--user-account-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.user-account-container{background:#fff;border-radius:var(--user-account-border-radius);padding:25px;box-shadow:var(--user-account-shadow);display:flex;flex-direction:column;height:110vh;overflow:hidden}.user-account-select-container{position:relative;display:flex;align-items:center}.user-account-select-icon{position:absolute;left:15px;color:var(--user-account-primary);font-size:16px;z-index:2;pointer-events:none}.user-account-tab-select{width:100%;padding:12px 45px;border:1px solid var(--user-account-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--user-account-dark);background-color:var(--user-account-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.user-account-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.user-account-select-arrow{position:absolute;right:15px;color:var(--user-account-primary);font-size:14px;z-index:2;pointer-events:none}.user-account-tabs-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--user-account-gray-light);gap:15px;margin-bottom:20px;padding:15px 0;flex-wrap:wrap}.user-account-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:650px}.user-account-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.user-account-search-icon{position:absolute;left:12px;color:var(--user-account-gray);font-size:14px;z-index:2}.user-account-search-input{width:100%;padding:10px 40px;border:1px solid var(--user-account-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--user-account-dark);transition:all .3s;background-color:#fff}.user-account-search-input:focus{outline:none;border-color:var(--user-account-primary);box-shadow:0 0 0 3px #4361ee1a}.user-account-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--user-account-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.user-account-clear-search-btn:hover{color:var(--user-account-danger)}.user-account-filter-select-group{position:relative;display:flex;align-items:center;min-width:150px}.user-account-filter-icon{position:absolute;left:12px;color:var(--user-account-gray);font-size:14px;z-index:2;pointer-events:none}.user-account-filter-select{width:100%;padding:10px 30px 10px 35px;border:1px solid var(--user-account-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--user-account-dark);background-color:#fff;cursor:pointer;transition:all .3s;appearance:none;-webkit-appearance:none;-moz-appearance:none}.user-account-filter-select:focus{outline:none;border-color:var(--user-account-primary);box-shadow:0 0 0 3px #4361ee1a}.user-account-filter-select:disabled{background-color:var(--user-account-light);cursor:not-allowed;opacity:.6}.user-account-filter-buttons{display:flex;align-items:center;gap:10px}.user-account-clear-filters-btn{padding:10px 15px;background-color:var(--user-account-gray-light);color:var(--user-account-dark);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s;white-space:nowrap}.user-account-clear-filters-btn:hover:not(:disabled){background-color:var(--user-account-danger-light);color:var(--user-account-danger)}.user-account-clear-filters-btn:disabled{opacity:.5;cursor:not-allowed}.user-account-add-btn{background-color:var(--user-account-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.user-account-add-btn:hover{background-color:var(--user-account-secondary);transform:translateY(-2px);box-shadow:var(--user-account-shadow-hover)}.user-account-section-title{font-size:18px;font-weight:600;color:var(--user-account-dark);margin-bottom:15px;display:flex;align-items:center;gap:10px}.user-account-section-title i{color:var(--user-account-primary)}.user-account-filter-summary{font-size:14px;color:var(--user-account-gray);margin-left:auto;font-weight:400}.user-account-table-wrapper{overflow-y:auto;max-height:calc(100vh - 240px);border-radius:8px;border:1px solid var(--user-account-gray-light);background-color:#fff}.user-account-table{width:100%;border-collapse:collapse;min-width:800px}.user-account-table thead{background-color:var(--user-account-light);position:sticky;top:0;z-index:10}.user-account-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--user-account-dark);border-bottom:2px solid var(--user-account-gray-light);white-space:nowrap}.user-account-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--user-account-dark);border-bottom:1px solid var(--user-account-gray-light);vertical-align:middle}.user-account-table tbody tr{transition:all .3s}.user-account-table tbody tr:hover{background-color:var(--user-account-light)}.user-account-created{font-size:11px;color:var(--user-account-gray);margin-top:4px;display:flex;align-items:center;gap:4px}.user-account-contact-cell{display:flex;flex-direction:column;gap:6px}.user-account-contact-item{display:flex;align-items:center;gap:8px}.user-account-contact-icon{color:var(--user-account-primary);font-size:12px;width:16px;text-align:center}.user-account-contact-text{font-size:13px;color:var(--user-account-dark);word-break:break-all}.user-account-contact-item:nth-child(1) .user-account-contact-icon{color:var(--user-account-primary)}.user-account-contact-item:nth-child(2) .user-account-contact-icon{color:var(--user-account-success)}.user-account-message{position:fixed;top:30px;right:30px;min-width:350px;max-width:450px;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000026;z-index:10000;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:4px solid transparent}.user-account-message i{font-size:24px;flex-shrink:0}.user-account-message span{flex:1;font-size:14px;font-weight:500;line-height:1.5}.user-account-message button{background:none;border:none;color:inherit;font-size:16px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s;border-radius:6px;flex-shrink:0}.user-account-message button:hover{opacity:1;background-color:#fff3}.user-account-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-left-color:#064e3b}.user-account-message.success i{color:#fff}.user-account-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-left-color:#7f1d1d}.user-account-message.error i{color:#fff}.user-account-message.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-left-color:#92400e}.user-account-message.warning i{color:#fff}.user-account-message.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-left-color:#1e3a8a}.user-account-message.info i{color:#fff}.user-account-validation-error{display:flex;align-items:center;gap:6px;margin-top:6px;padding:8px 12px;background-color:#fef2f2;border-radius:8px;border-left:3px solid #ef4444;animation:fadeIn .2s ease}.user-account-validation-error i{color:#ef4444;font-size:14px}.user-account-validation-error span{color:#dc2626;font-size:13px;font-weight:500}.user-account-password-error{display:flex;align-items:center;gap:8px;padding:10px 15px;background-color:#fef2f2;border-radius:8px;margin-top:10px;border:1px solid #fecaca}.user-account-password-error i{color:#ef4444;font-size:16px}.user-account-password-error span{color:#dc2626;font-size:13px;font-weight:500}.user-account-field-error{display:flex;align-items:center;gap:5px;margin-top:5px;color:#ef4444;font-size:12px;font-weight:500}.user-account-field-error i{font-size:12px}.user-account-form-group input.user-account-input-error,.user-account-form-group select.user-account-input-error{border-color:#ef4444;background-color:#fef2f2}.user-account-form-group input.user-account-input-error:focus,.user-account-form-group select.user-account-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.user-account-form-group input.user-account-input-success{border-color:#10b981;background-color:#f0fdf4}.user-account-form-message{margin-bottom:20px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.user-account-form-message.success{background-color:#f0fdf4;color:#059669;border:1px solid #a7f3d0}.user-account-form-message.success i{color:#10b981}.user-account-form-message.error{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.user-account-form-message.error i{color:#ef4444}.user-account-form-message.warning{background-color:#fffbeb;color:#d97706;border:1px solid #fde68a}.user-account-form-message.warning i{color:#f59e0b}.user-account-network-error{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003}.user-account-network-error i{font-size:32px;color:#fca5a5}.user-account-network-error .error-content{flex:1}.user-account-network-error .error-title{font-size:16px;font-weight:700;margin-bottom:4px}.user-account-network-error .error-message{font-size:14px;opacity:.9}.user-account-network-error button{padding:8px 16px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.user-account-network-error button:hover{background-color:#ffffff4d}.user-account-messages-container{position:fixed;top:30px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:450px}.user-account-message-stack{position:relative}.user-account-message-stack .user-account-message{position:relative;top:0;right:0;animation:slideInRight .3s ease-out;margin-bottom:10px}.user-account-message button:hover{transform:scale(1.1);background-color:#fff3}.user-account-password-strength{margin-top:8px;padding:10px;background-color:#f8fafc;border-radius:8px}.user-account-strength-meter{display:flex;gap:4px;margin-bottom:6px}.user-account-strength-segment{height:4px;flex:1;background-color:#e2e8f0;border-radius:2px;transition:all .3s}.user-account-strength-segment.weak{background-color:#ef4444}.user-account-strength-segment.medium{background-color:#f59e0b}.user-account-strength-segment.strong{background-color:#10b981}.user-account-strength-text{font-size:12px;font-weight:600}.user-account-strength-text.weak{color:#ef4444}.user-account-strength-text.medium{color:#f59e0b}.user-account-strength-text.strong{color:#10b981}.user-account-btn-submit.loading{position:relative;color:transparent;pointer-events:none}.user-account-btn-submit.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spinner .6s linear infinite}.user-account-toast{position:fixed;top:30px;right:30px;min-width:320px;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;overflow:hidden;z-index:10000;animation:slideInRight .3s ease-out}.user-account-toast-header{padding:15px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1f5f9}.user-account-toast-header i{font-size:24px}.user-account-toast-header.success i{color:#10b981}.user-account-toast-header.error i{color:#ef4444}.user-account-toast-header.warning i{color:#f59e0b}.user-account-toast-header.info i{color:#3b82f6}.user-account-toast-title{flex:1;font-weight:700;font-size:16px;color:#1e293b}.user-account-toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:4px}.user-account-toast-body{padding:15px 20px;font-size:14px;color:#475569;line-height:1.6}.user-account-toast-progress{height:3px;background:linear-gradient(90deg,#10b981,#3b82f6);animation:progressShrink 3s linear forwards}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes progressShrink{0%{width:100%}to{width:0%}}@media (max-width: 768px){.user-account-message{top:20px;right:20px;left:20px;min-width:auto;max-width:none}.user-account-messages-container{top:20px;right:20px;left:20px;max-width:none}.user-account-toast{top:20px;right:20px;left:20px;min-width:auto}.user-account-network-error{flex-direction:column;text-align:center;padding:15px}.user-account-network-error button{width:100%}}@media (prefers-color-scheme: dark){.user-account-message.success{background:linear-gradient(135deg,#059669,#047857)}.user-account-message.error{background:linear-gradient(135deg,#dc2626,#b91c1c)}.user-account-message.warning{background:linear-gradient(135deg,#d97706,#b45309)}.user-account-message.info{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.user-account-validation-error{background-color:#451a1a;border-left-color:#991b1b}.user-account-validation-error span,.user-account-validation-error i{color:#f87171}}@media print{.user-account-message,.user-account-toast,.user-account-validation-error{display:none!important}}.user-account-role-cell{display:flex;flex-direction:column;gap:4px}.user-account-role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.role-MANAGER{background-color:#4361ee1a;color:var(--user-account-primary);border:1px solid rgba(67,97,238,.3)}.role-ACCOUNT_TEAM{background-color:#f8961e1a;color:var(--user-account-warning);border:1px solid rgba(248,150,30,.3)}.role-BILLING_TEAM{background-color:#4cc9f01a;color:var(--user-account-success);border:1px solid rgba(76,201,240,.3)}.role-CUSTOMER_SERVICE{background-color:#f725851a;color:var(--user-account-danger);border:1px solid rgba(247,37,133,.3)}.role-SUPPORT_TEAM{background-color:#6c757d1a;color:var(--user-account-gray);border:1px solid rgba(108,117,125,.3)}.user-account-role-desc{font-size:11px;color:var(--user-account-gray);font-style:italic}.user-account-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.status-active{background-color:#4cc9f01a;color:var(--user-account-success);border:1px solid rgba(76,201,240,.3)}.status-inactive{background-color:#f725851a;color:var(--user-account-danger);border:1px solid rgba(247,37,133,.3)}.status-suspended{background-color:#f8961e1a;color:var(--user-account-warning);border:1px solid rgba(248,150,30,.3)}.user-account-last-login{font-size:11px;color:var(--user-account-gray);margin-top:4px;display:flex;align-items:center;gap:4px}.user-account-action-buttons{display:flex;gap:10px}.user-account-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none}.user-account-action-btn:hover{transform:translateY(-2px);box-shadow:var(--user-account-shadow)}.user-account-action-edit{background-color:var(--user-account-warning)}.user-account-action-delete{background-color:var(--user-account-danger)}.user-account-no-data{text-align:center;padding:40px!important;background-color:var(--user-account-light)}.user-account-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--user-account-gray)}.user-account-no-data-content i{font-size:48px;color:var(--user-account-gray-light)}.user-account-no-data-content p{font-size:16px;margin:0}.user-account-no-data-content .user-account-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--user-account-gray-light);color:var(--user-account-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.user-account-no-data-content .user-account-clear-search-btn.secondary:hover{background-color:var(--user-account-primary);color:#fff}.user-account-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.user-account-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--user-account-shadow-hover);animation:userAccountModalSlideIn .3s ease-out}@keyframes userAccountModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.user-account-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--user-account-gray-light);background-color:var(--user-account-light);border-radius:12px 12px 0 0}.user-account-modal-header h3{margin:0;font-size:18px;color:var(--user-account-dark);display:flex;align-items:center;gap:10px}.user-account-modal-header h3 i{color:var(--user-account-primary)}.user-account-modal-close{background:none;border:none;font-size:20px;color:var(--user-account-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.user-account-modal-close:hover{background-color:var(--user-account-gray-light);color:var(--user-account-danger)}.user-account-modal-body{padding:25px}.user-account-modal-footer{padding:20px 25px;border-top:1px solid var(--user-account-gray-light);display:flex;justify-content:flex-end;gap:15px}.user-account-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--user-account-primary)}.user-account-current-user-banner i{font-size:24px;color:var(--user-account-primary)}.user-account-current-user-banner .user-account-user-name{font-size:14px;font-weight:600;color:var(--user-account-dark)}.user-account-current-user-banner .user-account-user-role{font-size:12px;color:var(--user-account-gray)}.user-account-form-group{margin-bottom:20px}.user-account-form-row{display:flex;gap:15px;margin-bottom:20px}.user-account-form-row .user-account-form-group{flex:1;margin-bottom:0}.user-account-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--user-account-dark);font-size:14px}.user-account-form-group label.user-account-required:after{content:" *";color:var(--user-account-danger)}.user-account-form-group input,.user-account-form-group textarea,.user-account-form-group select{width:100%;padding:12px 15px;border:1px solid var(--user-account-gray-light);border-radius:8px;font-size:14px;color:var(--user-account-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.user-account-form-group input:focus,.user-account-form-group textarea:focus,.user-account-form-group select:focus{outline:none;border-color:var(--user-account-primary);box-shadow:0 0 0 3px #4361ee1a}.user-account-username-container{display:flex;gap:10px;align-items:center}.user-account-username-container input{flex:1}.user-account-generate-btn{padding:12px 15px;background-color:var(--user-account-primary-light);color:var(--user-account-primary);border:1px solid var(--user-account-primary);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s;white-space:nowrap}.user-account-generate-btn:hover{background-color:var(--user-account-primary);color:#fff}.user-account-form-hint,.user-account-role-hint{font-size:12px;color:var(--user-account-gray);margin-top:5px;font-style:italic}.user-account-status-select-group{display:flex;gap:15px}.user-account-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--user-account-gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.user-account-status-option:hover{border-color:var(--user-account-primary)}.user-account-status-option.selected{border-color:var(--user-account-primary);background-color:var(--user-account-primary-light)}.user-account-status-radio{display:none}.user-account-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--user-account-gray);cursor:pointer}.user-account-status-label i{font-size:20px}.user-account-status-option.selected .user-account-status-label{color:var(--user-account-primary)}.user-account-status-option:nth-child(1) .user-account-status-label i{color:var(--user-account-success)}.user-account-status-option:nth-child(2) .user-account-status-label i{color:var(--user-account-danger)}.user-account-credentials-note{display:flex;align-items:flex-start;gap:10px;padding:12px;background-color:#4cc9f01a;border-radius:8px;border-left:3px solid var(--user-account-success);margin-top:20px}.user-account-credentials-note i{color:var(--user-account-success);font-size:16px;margin-top:2px}.user-account-credentials-note span{font-size:13px;color:var(--user-account-dark);line-height:1.5}.user-account-btn-cancel{padding:12px 25px;background-color:var(--user-account-gray-light);color:var(--user-account-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.user-account-btn-cancel:hover{background-color:#dee2e6}.user-account-btn-submit{padding:12px 25px;background-color:var(--user-account-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.user-account-btn-submit:hover:not(:disabled){background-color:var(--user-account-secondary);transform:translateY(-2px)}.user-account-btn-submit:disabled{opacity:.5;cursor:not-allowed}.user-account-history-section{background-color:#fff;border-radius:8px;height:100%}.user-account-filter-tab:hover{border-color:var(--user-account-primary);color:var(--user-account-primary)}.user-account-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 280px)}.user-account-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--user-account-gray-light);transition:all .2s;gap:15px;cursor:pointer}.user-account-compact-log-entry:hover{border-color:var(--user-account-primary);box-shadow:var(--user-account-shadow);transform:translateY(-2px)}.user-account-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-account-compact-log-entry.log-add .user-account-log-icon{background-color:#4cc9f01a;color:var(--user-account-success)}.user-account-compact-log-entry.log-edit .user-account-log-icon{background-color:#f8961e1a;color:var(--user-account-warning)}.user-account-compact-log-entry.log-delete .user-account-log-icon{background-color:#f725851a;color:var(--user-account-danger)}.user-account-log-icon i{font-size:16px}.user-account-log-content{flex:1;min-width:0}.user-account-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.user-account-log-action{font-weight:600;color:var(--user-account-dark);font-size:14px}.user-account-log-account{font-size:13px;color:var(--user-account-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.user-account-account-id{font-size:11px;color:var(--user-account-gray);font-weight:500}.user-account-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--user-account-gray)}.user-account-log-user{display:flex;align-items:center;gap:6px}.user-account-log-user i{font-size:12px}.user-account-user-role{color:var(--user-account-gray);font-size:11px}.user-account-log-time{display:flex;align-items:center;gap:6px;background-color:var(--user-account-light);padding:3px 10px;border-radius:12px}.user-account-log-time i{font-size:12px}.user-account-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--user-account-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--user-account-gray)}.user-account-log-detail-count i{font-size:11px}.user-account-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--user-account-primary)}.user-account-log-detail-main{margin-bottom:15px}.user-account-log-detail-action{margin-bottom:12px}.user-account-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.user-account-action-add{background-color:#4cc9f01a;color:var(--user-account-success);border:1px solid rgba(76,201,240,.3)}.user-account-action-edit{background-color:#f8961e1a;color:var(--user-account-warning);border:1px solid rgba(248,150,30,.3)}.user-account-action-delete{background-color:#f725851a;color:var(--user-account-danger);border:1px solid rgba(247,37,133,.3)}.user-account-log-detail-account{display:flex;align-items:center;gap:10px;font-size:15px;margin-bottom:8px}.user-account-log-detail-account i{color:var(--user-account-primary)}.user-account-name{font-weight:600;color:var(--user-account-dark)}.user-account-id-detail{font-size:12px;color:var(--user-account-gray);background-color:var(--user-account-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.user-account-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.user-account-log-detail-user,.user-account-log-detail-time{display:flex;align-items:center;gap:12px}.user-account-log-detail-user i,.user-account-log-detail-time i{color:var(--user-account-gray);font-size:20px}.user-account-user-name{font-weight:600;font-size:14px;color:var(--user-account-dark)}.user-account-user-role{font-size:12px;color:var(--user-account-gray)}.user-account-log-date{font-weight:600;font-size:14px;color:var(--user-account-dark)}.user-account-log-time{font-size:12px;color:var(--user-account-gray)}.user-account-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--user-account-gray-light)}.user-account-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--user-account-dark);font-weight:600}.user-account-change-list{display:flex;flex-direction:column;gap:12px}.user-account-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--user-account-light);border-radius:6px;border-left:3px solid var(--user-account-primary)}.user-account-change-item i{color:var(--user-account-primary);font-size:12px;margin-top:2px}.user-account-change-item span{font-size:14px;color:var(--user-account-dark);line-height:1.5}.user-account-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--user-account-light);border-radius:8px;color:var(--user-account-gray);text-align:center;justify-content:center}.user-account-no-changes i{font-size:18px}.user-account-back-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--user-account-gray-light)}.user-account-btn-back{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background-color:var(--user-account-gray-light);color:var(--user-account-dark);text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s}.user-account-btn-back:hover{background-color:var(--user-account-primary);color:#fff}.user-account-table-wrapper::-webkit-scrollbar,.user-account-compact-logs-container::-webkit-scrollbar,.user-account-modal-content::-webkit-scrollbar{width:4px;height:4px}.user-account-table-wrapper::-webkit-scrollbar-track,.user-account-compact-logs-container::-webkit-scrollbar-track,.user-account-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.user-account-table-wrapper::-webkit-scrollbar-thumb,.user-account-compact-logs-container::-webkit-scrollbar-thumb,.user-account-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.user-account-table-wrapper::-webkit-scrollbar-thumb:hover,.user-account-compact-logs-container::-webkit-scrollbar-thumb:hover,.user-account-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.user-account-table-wrapper,.user-account-compact-logs-container,.user-account-modal-content{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.user-account-section-title{width:100%;margin-bottom:17px}.user-account-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.user-account-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.user-account-title-left i{color:var(--user-account-primary);font-size:18px}.user-account-title-text{font-size:18px;font-weight:600;color:var(--user-account-dark);white-space:nowrap}.user-account-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.user-account-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.user-account-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--user-account-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--user-account-gray);white-space:nowrap}.user-account-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.user-account-count-label{font-weight:500;color:var(--user-account-gray);margin-left:2px}.user-account-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--user-account-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--user-account-gray);white-space:nowrap}.user-account-loading-text i{color:var(--user-account-primary)}.user-account-search-badge{margin-left:6px;padding:2px 8px;background-color:var(--user-account-primary-light);border-radius:16px;font-size:11px;color:var(--user-account-primary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-account-filter-badge{margin-left:6px;padding:2px 8px;background-color:var(--user-account-success);border-radius:16px;font-size:11px;color:#fff}.user-account-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center}.user-account-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--user-account-gray-light);border-radius:50%;color:var(--user-account-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.user-account-nav-btn:active:not(:disabled),.user-account-nav-btn:hover:not(:disabled){background-color:#4361ee!important;border-color:#4361ee!important}.user-account-nav-btn:active:not(:disabled) i,.user-account-nav-btn:hover:not(:disabled) i{color:#fff!important}.user-account-nav-btn:disabled{opacity:.4;cursor:not-allowed}.user-account-nav-btn.loading{background-color:var(--user-account-primary-light);border-color:var(--user-account-primary)}.user-account-nav-btn.loading i{color:var(--user-account-primary)}.user-account-page-control{display:flex;align-items:center;gap:4px}.user-account-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--user-account-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--user-account-dark);padding:0 4px;transition:all .3s}.user-account-page-input:focus{outline:none;border-color:var(--user-account-primary);box-shadow:0 0 0 2px #4361ee1a}.user-account-page-input:disabled{background-color:var(--user-account-light);cursor:not-allowed}.user-account-page-total{font-size:13px;color:var(--user-account-gray);font-weight:500;white-space:nowrap}.user-account-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--user-account-gray-light);flex-shrink:0}.user-account-per-page-select{width:60px;height:32px;border:1px solid var(--user-account-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--user-account-dark);background-color:#fff;cursor:pointer;transition:all .3s}.user-account-per-page-select:focus{outline:none;border-color:var(--user-account-primary)}.user-account-per-page-select:disabled{background-color:var(--user-account-light);cursor:not-allowed}.user-account-per-page-label{font-size:12px;color:var(--user-account-gray);font-weight:0}.user-account-filter-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.user-account-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.user-account-log-filters{margin-bottom:20px;padding:15px;background-color:var(--user-account-light);border-radius:8px}.user-account-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.user-account-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--user-account-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--user-account-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.user-account-filter-tab:hover:not(:disabled){border-color:var(--user-account-primary);color:var(--user-account-primary)}.user-account-filter-tab:disabled{opacity:.5;cursor:not-allowed}.user-account-filter-tab.active{background-color:var(--user-account-primary);color:#fff;border-color:var(--user-account-primary)}.user-account-filter-count{background-color:var(--user-account-gray-light);color:var(--user-account-gray);padding:2px 6px;border-radius:10px;font-size:11px}.user-account-filter-tab.active .user-account-filter-count{background-color:#ffffff4d;color:#fff}.user-account-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--user-account-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.user-account-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.user-account-date-picker-row label{font-size:13px;color:var(--user-account-dark);font-weight:600}.user-account-date-input{padding:8px 12px;border:1px solid var(--user-account-gray-light);border-radius:6px;font-size:13px;color:var(--user-account-dark);flex:1}.user-account-date-input:focus{outline:none;border-color:var(--user-account-primary);box-shadow:0 0 0 2px #4361ee1a}.user-account-apply-date-btn{padding:8px 16px;background-color:var(--user-account-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.user-account-apply-date-btn:hover:not(:disabled){background-color:var(--user-account-secondary)}.user-account-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.user-account-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.user-account-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;justify-content:center;align-items:center;animation:userAccountFadeIn .2s ease}.user-account-loading-spinner{text-align:center;background:#fff;padding:40px 60px;border-radius:20px;box-shadow:var(--user-account-shadow-hover);border:1px solid var(--user-account-primary-light);max-width:400px}.user-account-spinner{width:56px;height:56px;border:4px solid var(--user-account-gray-light);border-top:4px solid var(--user-account-primary);border-radius:50%;margin:0 auto 20px;animation:userAccountSpin .8s linear infinite}.user-account-loading-message{font-size:18px;font-weight:600;color:var(--user-account-dark);margin-bottom:8px}@keyframes userAccountSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes userAccountFadeIn{0%{opacity:0}to{opacity:1}}.user-account-date-group{margin-bottom:25px}.user-account-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--user-account-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--user-account-primary)}.user-account-date-label{font-weight:600;color:var(--user-account-dark);font-size:14px}.user-account-date-count{font-size:12px;color:var(--user-account-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.user-account-logs-list{display:flex;flex-direction:column;gap:10px}.user-account-compact-log-entry.log-add{border-left:3px solid var(--user-account-success)}.user-account-compact-log-entry.log-edit{border-left:3px solid var(--user-account-warning)}.user-account-compact-log-entry.log-delete{border-left:3px solid var(--user-account-danger)}.user-account-info-summary{background:#fff;border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid #edf2f7;box-shadow:0 2px 4px #00000005}.summary-row{display:flex;gap:30px}.summary-col{flex:1;display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;align-items:baseline;text-align:left;padding:8px 0;border-bottom:1px solid #f1f5f9}.summary-item:last-child{border-bottom:none}.summary-label{width:100%;font-size:13px;color:#64748b;font-weight:500;padding:0 10px}.summary-label:after{content:":";margin-left:4px;color:#94a3b8}.summary-value{flex:1;font-size:14px;color:#0f172a;font-weight:500;padding-left:12px;word-break:break-word}.user-account-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px;padding:20px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0}.user-account-info-column{display:flex;flex-direction:column;gap:20px}.user-account-info-item{display:flex;flex-direction:column;gap:8px}.user-account-info-item label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.user-account-info-value{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:15px;color:#1e293b}.user-account-info-value i{width:20px;color:#94a3b8;font-size:16px}.user-account-info-value .user-account-role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}.user-account-divider{position:relative;margin:25px 0;text-align:center}.user-account-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.user-account-divider span{position:relative;background:#fff;padding:0 20px;font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.user-account-info-grid{grid-template-columns:1fr;gap:15px}}@media (max-width: 640px){.summary-row{flex-direction:column;gap:0}.summary-col{gap:5px}.summary-item{padding:10px 0}}@media (max-width: 900px){.user-account-title-row{gap:10px}.user-account-title-left{min-width:auto}.user-account-title-text{font-size:16px}.user-account-title-right{min-width:auto}.user-account-showing-count{padding:4px 12px;font-size:13px}.user-account-count-numbers{min-width:20px;padding:1px 4px}}@media (max-width: 760px){.user-account-title-row{flex-direction:column;align-items:stretch;gap:12px}.user-account-title-left{justify-content:center;text-align:center;width:100%}.user-account-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.user-account-compact-nav{width:100%;justify-content:center;padding:6px 10px}.user-account-title-right{width:100%;justify-content:center}.user-account-showing-count{width:fit-content;margin:0 auto}.user-account-items-per-page{border-left:none;margin-left:0;padding-left:0}.user-account-filter-buttons{width:100%;flex-direction:column;align-items:stretch}.user-account-filter-dropdown{width:100%}.user-account-clear-filters-btn{width:100%;justify-content:center;height:42px}}@media (max-width: 480px){.user-account-compact-nav{flex-wrap:wrap;gap:6px;padding:8px}.user-account-nav-btn{width:28px;height:28px}.user-account-page-input{width:40px;height:28px;font-size:12px}.user-account-page-total{font-size:12px}.user-account-per-page-select{width:50px;height:28px;font-size:11px}.user-account-per-page-label{font-size:11px}.user-account-showing-count{font-size:12px;padding:4px 10px}.user-account-count-numbers{font-size:12px;min-width:18px}}@media (max-width: 1024px){.user-account-tabs-header{gap:12px}.user-account-search-controls{max-width:400px}}@media (max-width: 768px){.shop-management-header{min-height:120px}.header-center-content{position:static;left:auto;top:auto;transform:none;margin-top:40px;width:100%;max-width:100%;order:2}.header-center-content h1{white-space:normal;flex-wrap:wrap;justify-content:center}.header-top-row{flex-direction:column}.user-account-back-btn{order:1;align-self:flex-start;margin-top:-20px;margin-bottom:-50px}.user-account-container{padding:15px;height:auto}.user-account-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.user-account-tabs-selector{width:100%;min-width:100%}.user-account-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.user-account-search-input-group,.user-account-filter-select-group,.user-account-filter-buttons{width:100%;min-width:100%}.user-account-filter-buttons{flex-direction:column;gap:10px}.user-account-add-btn{width:100%;justify-content:center}.user-account-table-wrapper{max-height:calc(100vh - 90px)}.user-account-table th,.user-account-table td{padding:12px 8px;font-size:13px}.user-account-action-buttons{display:flex;gap:8px}.user-account-action-btn{width:32px;height:32px}.user-account-modal-content{margin:10px;max-height:85vh}.user-account-modal-body{padding:20px}.user-account-form-row{flex-direction:column;gap:0}.user-account-form-group{margin-bottom:15px}.user-account-status-select-group,.user-account-username-container{flex-direction:column;gap:10px}.user-account-generate-btn{width:100%;justify-content:center}.user-account-logs-list{gap:8px}.user-account-compact-log-entry{padding:12px;gap:12px}.user-account-log-icon{width:32px;height:32px}.user-account-log-details,.user-account-log-main-info{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.user-account-container{padding:12px}.user-account-section-title{font-size:16px;flex-direction:column;align-items:flex-start;gap:5px}.user-account-filter-summary{margin-left:0;font-size:13px}.user-account-modal-header{padding:15px 20px}.user-account-modal-body{padding:15px}.user-account-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.user-account-btn-cancel,.user-account-btn-submit{width:100%;text-align:center}.user-account-compact-log-entry{flex-direction:column;gap:10px}.user-account-log-content{width:100%}}@media print{.user-account-container{box-shadow:none;padding:0}.user-account-tabs-header,.user-account-action-buttons,.user-account-modal-overlay,.user-account-back-section{display:none}.user-account-table-wrapper{max-height:none;overflow:visible}.user-account-table{border:1px solid #000}.user-account-table th{background-color:#f0f0f0;color:#000}}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;color:#111827;background:#fff;transition:all .2s;outline:none;width:100%}:root{--primary: #4361ee;--primary-dark: #3a0ca3;--primary-light: #eef2ff;--secondary: #f72585;--success: #4cc9f0;--warning: #f8961e;--danger: #f72585;--dark: #0b1a33;--light: #f8fafc;--gray: #64748b;--gray-light: #e2e8f0;--gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 10px 30px -5px rgba(0,0,0,.1);--shadow-lg: 0 20px 40px -10px rgba(0,0,0,.2);--radius: 20px;--transition: all .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f1f5f9}.shop-owner-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(145deg,#f0f4fa,#d9e2ef)}.owner-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 20px #00000008;border-bottom:1px solid rgba(255,255,255,.5);position:sticky;top:0;z-index:100}.header-logo{display:flex;align-items:center;gap:12px}.logo-icon{font-size:2rem;filter:drop-shadow(0 4px 6px rgba(67,97,238,.2))}.header-logo h1{font-size:1.8rem;font-weight:700;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;letter-spacing:-.5px}.header-logo h1 span{font-weight:400;background:none;-webkit-text-fill-color:var(--gray)}.header-user{display:flex;align-items:center;gap:20px}.user-greeting{color:var(--gray);font-size:.95rem}.user-name{font-weight:600;color:var(--dark);font-size:1.1rem}.user-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:var(--shadow-sm);transition:var(--transition)}.user-avatar:hover{transform:scale(1.05);box-shadow:0 0 0 3px var(--primary-light)}.user-avatar img{width:100%;height:100%;object-fit:cover}.owner-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:3rem 2rem}.cards-container{display:flex;gap:2rem;flex-wrap:wrap}.card{flex:1 1 400px;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);padding:2rem 1.8rem;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.5);transition:var(--transition);display:flex;flex-direction:column}.card:hover{background:#ffffffe6;box-shadow:var(--shadow-lg);transform:translateY(-5px)}.card-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:2rem}.header-icon{width:60px;height:60px;border-radius:18px;background:var(--primary-light);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary);box-shadow:0 10px 15px -5px #4361ee4d}.header-title h2{font-size:1.6rem;font-weight:700;color:var(--dark);margin-bottom:.2rem}.header-title p{color:var(--gray);font-size:.95rem}.branch-selector h3{font-size:1.1rem;font-weight:600;color:var(--dark);margin-bottom:1rem;letter-spacing:.3px}.branch-list{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.branch-item{display:flex;align-items:center;padding:1rem 1.2rem;background:#fff;border-radius:16px;cursor:pointer;border:2px solid transparent;transition:var(--transition);box-shadow:0 2px 4px #00000005}.branch-item:hover{border-color:var(--primary);background:var(--primary-light);transform:translate(5px);box-shadow:0 8px 15px #4361ee1a}.branch-item.active{background:var(--primary);border-color:var(--primary-dark);box-shadow:0 10px 20px #4361ee4d}.branch-item.active .branch-code,.branch-item.active .branch-name{color:#fff}.branch-item.active .branch-arrow{color:#fff;opacity:1}.branch-code{font-weight:700;color:var(--primary);min-width:75px;font-size:1rem;letter-spacing:.5px}.branch-name{flex:1;color:var(--dark);font-weight:500}.branch-arrow{color:var(--gray-light);font-size:.9rem;transition:var(--transition)}.branch-item:hover .branch-arrow{color:var(--primary);transform:translate(5px)}.selected-branch-info{margin-top:auto;display:flex;align-items:center;gap:1rem;padding:1rem;background:#4cc9f01a;border-radius:16px;border-left:4px solid var(--success)}.selected-branch-info i{font-size:2rem;color:var(--success)}.selected-branch-info div{display:flex;flex-direction:column}.selected-branch-info strong{color:var(--dark);font-size:1rem}.selected-branch-info small{color:var(--gray);font-size:.85rem}.dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin:1rem 0 2rem}.stat-item{background:#fff;border-radius:16px;padding:1.2rem 1rem;box-shadow:0 2px 6px #00000005;transition:var(--transition)}.stat-item:hover{transform:scale(1.02);box-shadow:0 10px 20px #0000000d}.stat-label{display:block;color:var(--gray);font-size:.9rem;margin-bottom:.5rem}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:var(--dark);line-height:1.2;margin-bottom:.3rem}.stat-change{font-size:.8rem;font-weight:600;color:var(--gray)}.stat-change.positive{color:#10b981}.stat-change.negative{color:var(--danger)}.dashboard-cta{margin-top:auto}.dashboard-btn{width:100%;background:var(--gradient);color:#fff;border:none;padding:1rem 1.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:var(--transition);box-shadow:0 10px 20px -5px #667eea66}.dashboard-btn i{transition:var(--transition)}.dashboard-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px -5px #667eea99}.dashboard-btn:hover i{transform:translate(5px)}@media (max-width: 900px){.cards-container{flex-direction:column}.owner-header{padding:1rem 1.5rem}.header-logo h1{font-size:1.5rem}.user-greeting,.user-name{display:none}.user-avatar{width:40px;height:40px}}@media (max-width: 480px){.card{padding:1.5rem}.dashboard-stats{grid-template-columns:1fr}}.shop-reset-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8720a,#ff8c42);padding:20px}.shop-reset-card{background:#fff;border-radius:16px;padding:40px;max-width:450px;width:100%;box-shadow:0 10px 40px #0000001a;animation:fadeIn .5s ease-out}.shop-reset-header{text-align:center;margin-bottom:32px}.shop-reset-icon{font-size:48px;color:#f8720a;margin-bottom:16px}.shop-reset-icon i{font-size:48px}.shop-reset-header h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#f8720a,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.shop-reset-subtitle{color:#6b7280;font-size:14px;line-height:1.5}.requirements-title i{color:#f8720a}.shop-reset-form{display:flex;flex-direction:column;gap:24px}.form-label i{font-size:14px;color:#f8720a}.form-input:focus{border-color:#f8720a;box-shadow:0 0 0 3px #f8720a1a}.password-toggle:hover{color:#f8720a}.btn-submit{padding:14px 24px;background:linear-gradient(135deg,#f8720a,#ff8c42);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #f8720a4d}.btn-primary{background:linear-gradient(135deg,#f8720a,#ff8c42);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #f8720a4d}.btn-secondary{background:#fff;color:#f8720a;border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#f8720a}.shop-reset-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.footer-link{background:none;border:none;color:#f8720a;font-weight:500;cursor:pointer;text-decoration:none;margin-left:4px;padding:0;font-size:14px}.footer-help i{font-size:12px;color:#f8720a}.support-link{color:#f8720a;text-decoration:none;font-weight:500;margin-left:4px}.spinner{width:40px;height:40px;border:3px solid rgba(248,114,10,.1);border-top-color:#f8720a;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@media (max-width: 480px){.shop-reset-card{padding:32px 24px}.shop-reset-header h1{font-size:24px}.invalid-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.system-backup-main{min-height:100vh;padding:20px;background:linear-gradient(135deg,#fff,#f1f5fe,#fdeaeb);box-sizing:border-box}.backup-header{margin-bottom:30px;padding:25px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;position:relative}.header-top-row{display:flex;align-items:center;justify-content:space-between}.backup-back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff3;border-radius:40px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s}.backup-back-btn:hover{background:#fff;color:#667eea;transform:translate(-4px)}.header-center-content{text-align:center}.header-center-content h1{margin:0;font-size:24px;display:flex;align-items:center;justify-content:center;gap:10px}.header-center-content p{margin:8px 0 0;font-size:14px;opacity:.9}.notification{position:fixed;top:20px;right:20px;z-index:1000;padding:15px 20px;border-radius:10px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease;box-shadow:0 5px 20px #0003}.notification.success{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.notification.error{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.notification button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.metrics-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:15px;padding:20px;display:flex;align-items:center;gap:20px;box-shadow:0 5px 15px #0000001a;transition:all .3s}.metric-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.metric-icon{width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.metric-icon.total{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-icon.last{background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-icon.health{background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-content{flex:1}.metric-content h3{margin:0 0 5px;font-size:.85rem;color:#64748b}.metric-content h2{margin:0 0 5px;font-size:1.5rem;color:#1e293b}.action-buttons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.action-btn{background:#fff;border:none;border-radius:15px;padding:25px;text-align:center;cursor:pointer;transition:all .3s;box-shadow:0 5px 15px #0000001a}.action-btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.action-btn i{font-size:2.5rem;margin-bottom:15px}.action-btn span{display:block;font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#1e293b}.action-btn.backup i{color:#667eea}.action-btn.restore i{color:#f093fb}.action-btn.optimize i{color:#4facfe}.backup-history-section{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f1f5f9;flex-wrap:wrap;gap:15px}.section-header h2{margin:0;font-size:1.3rem;color:#1e293b}.date-filter-btn,.clear-filters-btn{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s;border:1px solid #e2e8f0;background:#fff}.date-filter-btn:hover{background:#667eea;color:#fff;border-color:#667eea}.clear-filters-btn{background:#fee2e2;color:#dc2626;border-color:#fecaca}.clear-filters-btn:hover{background:#dc2626;color:#fff}select{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem}.date-picker-panel{background:#f8fafc;padding:15px;border-radius:12px;margin-bottom:20px;border:1px solid #e2e8f0}.date-picker-row{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:5px}.date-input-group label{font-size:.75rem;color:#64748b;font-weight:500}.date-input-group input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.pagination-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.showing-info{font-size:.85rem;color:#64748b}.pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pagination-controls button{width:32px;height:32px;border-radius:6px;border:none;background:#667eea;color:#fff;cursor:pointer;transition:all .3s}.pagination-controls button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.pagination-controls button:not(:disabled):hover{background:#5a67d8;transform:scale(1.05)}.page-input-group{display:flex;align-items:center;gap:5px}.page-input-group input{width:60px;padding:6px 8px;text-align:center;border:1px solid #e2e8f0;border-radius:6px}.backup-table-container{overflow-x:auto}.backup-table{width:100%;border-collapse:collapse}.backup-table th{padding:15px;text-align:left;background:#f8fafc;color:#475569;font-weight:600;border-bottom:2px solid #e2e8f0}.backup-table td{padding:15px;border-bottom:1px solid #f1f5f9}.backup-info{display:flex;align-items:center;gap:10px}.backup-info i{font-size:1.2rem;width:24px}.backup-info i.fa-database{color:#667eea}.backup-info i.fa-chart-line{color:#f093fb}.backup-info i.fa-chart-simple{color:#4facfe}.backup-type{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block}.backup-type.full{background:#dbeafe;color:#1e40af}.backup-type.differential{background:#fef3c7;color:#92400e}.backup-type.incremental{background:#dcfce7;color:#166534}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.status.success{background:#d1fae5;color:#065f46}.status.running{background:#dbeafe;color:#1e40af}.status.failed{background:#fee2e2;color:#991b1b}.btn-restore{padding:6px 15px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s;font-size:.8rem}.btn-restore:hover{background:#667eea;color:#fff;border-color:#667eea}.loading-cell,.empty-cell{text-align:center;padding:40px!important;color:#94a3b8}.loading-cell i,.empty-cell i{font-size:48px;margin-bottom:10px;display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:#fff;border-radius:15px;max-width:550px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.3rem;color:#1e293b}.close-btn{width:36px;height:36px;border:none;background:#f1f5f9;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all .3s}.close-btn:hover{background:#fee2e2;color:#dc2626}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:2px solid #f1f5f9;display:flex;justify-content:flex-end;gap:15px}.backup-options{display:flex;flex-direction:column;gap:15px}.option{padding:20px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s;background:#fff}.option:hover{border-color:#667eea;background:#f8fafc;transform:translate(5px)}.option.selected{border-color:#667eea;background:linear-gradient(135deg,#f8fafc,#e0e7ff)}.option i{font-size:2rem;color:#667eea;margin-bottom:10px}.option h3{margin:0 0 10px;color:#1e293b;font-size:1.1rem}.option p{margin:0 0 10px;color:#64748b;font-size:.85rem}.restore-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;color:#475569;font-size:.9rem}.form-group input{padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem}.form-group input:focus{outline:none;border-color:#667eea}.backup-details{background:#f8fafc;padding:15px;border-radius:10px;margin-top:10px}.backup-details h4{margin:0 0 10px;color:#1e293b}.backup-details p{margin:5px 0;font-size:.85rem}.progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000}.progress-container{background:#fff;border-radius:20px;padding:30px;min-width:350px;text-align:center}.progress-header{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.progress-header i{font-size:2rem;color:#667eea}.progress-header h3{margin:0;color:#1e293b}.progress-bar-wrapper{background:#e2e8f0;border-radius:30px;overflow:hidden;height:30px;margin-bottom:15px}.progress-bar-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.8rem;transition:width .3s ease}.progress-message{margin:15px 0;color:#64748b;font-size:.85rem}.btn-cancel{padding:10px 25px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.btn-cancel:hover{background:#e2e8f0}.btn-confirm{padding:10px 25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-confirm.restore{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-confirm.optimize{background:linear-gradient(135deg,#4facfe,#00f2fe)}.optimization-options{display:flex;flex-direction:column;gap:15px}.opt-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafc;border-radius:10px}.opt-item i{font-size:1.8rem;width:50px;color:#667eea}.opt-item div{flex:1}.opt-item h3{margin:0 0 5px;font-size:1rem;color:#1e293b}.opt-item p{margin:0;font-size:.8rem;color:#64748b}.opt-badge{padding:4px 12px;background:#dcfce7;color:#166534;border-radius:20px;font-size:.75rem;font-weight:600}@media (max-width: 768px){.system-backup-main{padding:15px}.metrics-cards,.action-buttons-grid{grid-template-columns:1fr}.section-header,.pagination-header{flex-direction:column;align-items:flex-start}.progress-container{min-width:280px}.modal-dialog{width:95%}}@media (max-width: 480px){.header-center-content h1{font-size:18px}.header-center-content p{font-size:11px}.backup-back-btn{padding:6px 12px;font-size:12px}.metric-card{padding:15px}.metric-icon{width:50px;height:50px;font-size:1.3rem}.metric-content h2{font-size:1.2rem}.action-btn{padding:15px}.action-btn i{font-size:1.8rem}.pagination-controls{justify-content:center}}:root{--expense-primary: #10b981;--expense-primary-light: #e6f9f0;--expense-secondary: #059669;--expense-success: #10b981;--expense-success-light: #d1fae5;--expense-warning: #f59e0b;--expense-warning-light: #fef3c7;--expense-danger: #ef4444;--expense-danger-light: #fee2e2;--expense-dark: #1a1a2e;--expense-light: #f8f9fa;--expense-gray: #6c757d;--expense-gray-light: #e9ecef;--expense-border-radius: 12px;--expense-shadow: 0 4px 12px rgba(0, 0, 0, .05);--expense-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}::-webkit-scrollbar-corner{background:transparent}.expense-container{background-color:#fff;padding:20px 25px 25px;box-shadow:var(--expense-shadow);display:flex;flex-direction:column;height:calc(100vh - 50px);overflow:hidden}@keyframes expenseSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expense-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--expense-gray-light)}.expense-tabs-selector{min-width:220px;flex-shrink:0}.expense-select-container{position:relative;display:flex;align-items:center}.expense-select-icon{position:absolute;left:15px;color:var(--expense-primary);font-size:16px;z-index:2;pointer-events:none}.expense-tab-select{width:100%;padding:12px 45px;border:1px solid var(--expense-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--expense-dark);background-color:var(--expense-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.expense-tab-select:focus{outline:none;box-shadow:0 0 0 3px #10b9811a}.expense-tab-select:disabled{opacity:.6;cursor:not-allowed}.expense-select-arrow{position:absolute;right:15px;color:var(--expense-primary);font-size:14px;z-index:2;pointer-events:none}.expense-filter-bar{display:flex;align-items:center;justify-content:center;flex:1;max-width:700px;margin:0 auto;gap:10px;flex-wrap:wrap}.expense-search-box{flex:1;min-width:200px;max-width:300px;position:relative;display:flex;align-items:center}.expense-search-box i{position:absolute;left:12px;color:var(--expense-gray);font-size:14px;z-index:2}.expense-search-box input{width:100%;padding:10px 40px;border:1px solid var(--expense-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--expense-dark);transition:all .3s;background-color:#fff}.expense-search-box input:focus{outline:none;border-color:var(--expense-primary);box-shadow:0 0 0 3px #10b9811a}.expense-search-box input:disabled{background-color:var(--expense-light);cursor:not-allowed}.expense-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--expense-gray);cursor:pointer;font-size:14px;padding:12px;display:flex;align-items:center;justify-content:center;transition:color .2s}.expense-clear-search-btn:hover{color:var(--expense-danger)}.expense-filter-select{padding:10px 36px 10px 15px;border:1px solid var(--expense-gray-light);border-radius:8px;font-size:14px;color:var(--expense-dark);background-color:#fff;cursor:pointer;transition:all .3s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:130px}.expense-filter-select:focus{outline:none;border-color:var(--expense-primary);box-shadow:0 0 0 3px #10b9811a}.expense-filter-select:disabled{background-color:var(--expense-light);cursor:not-allowed}.expense-clear-filters-btn{padding:10px 15px;background-color:var(--expense-danger-light);color:var(--expense-danger);border:1px solid var(--expense-danger);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s;white-space:nowrap}.expense-clear-filters-btn:hover:not(:disabled){background-color:var(--expense-danger);color:#fff}.expense-clear-filters-btn:disabled{opacity:.5;cursor:not-allowed}.expense-add-btn{background-color:var(--expense-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.expense-add-btn:hover:not(:disabled){background-color:var(--expense-secondary);transform:translateY(-2px);box-shadow:var(--expense-shadow-hover)}.expense-add-btn:disabled{opacity:.5;cursor:not-allowed}.expense-summary-cards{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--expense-gray-light)}.expense-summary-card{flex:1;min-width:0;background:#fff;border-radius:var(--expense-border-radius);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--expense-shadow);transition:all .3s ease}.expense-summary-card:hover{transform:translateY(-2px);box-shadow:var(--expense-shadow-hover)}.expense-summary-card .expense-summary-info{flex:1;min-width:0}.expense-summary-card .expense-summary-label{font-size:.75rem;color:var(--expense-gray);font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.expense-summary-card .expense-summary-value{font-size:1.1rem;font-weight:700;color:var(--expense-dark);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-summary-card.total{border-left:4px solid var(--expense-primary);background:linear-gradient(135deg,#f0fdf4,#f0fdf4)}.expense-summary-card.total .expense-summary-value{color:var(--expense-primary)}.expense-summary-card.depreciation{border-left:4px solid var(--expense-warning);background:linear-gradient(135deg,#fffbeb,#fffbeb)}.expense-summary-card.depreciation .expense-summary-value{color:var(--expense-warning)}.expense-summary-card.capital{border-left:4px solid #7c3aed;background:linear-gradient(135deg,#f5f3ff,#f5f3ff)}.expense-summary-card.capital .expense-summary-value{color:#7c3aed}.expense-summary-card.monthly{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#eff6ff)}.expense-summary-card.monthly .expense-summary-value{color:#3b82f6}.expense-section-title{width:100%;margin-bottom:17px}.expense-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.expense-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.expense-title-left i{color:var(--expense-primary);font-size:18px}.expense-title-text{font-size:18px;font-weight:600;color:var(--expense-dark);white-space:nowrap}.expense-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.expense-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.expense-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--expense-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--expense-gray);white-space:nowrap}.expense-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.expense-count-label{font-weight:500;color:var(--expense-gray);margin-left:2px}.expense-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--expense-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--expense-gray);white-space:nowrap}.expense-loading-text i{color:var(--expense-primary)}.expense-search-badge-container{margin-top:12px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.expense-search-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--expense-primary-light);padding:6px 16px;border-radius:30px;font-size:13px;color:var(--expense-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-search-badge i{font-size:12px}.expense-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center;background-color:var(--expense-light)}.expense-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--expense-gray-light);border-radius:50%;color:var(--expense-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.expense-nav-btn:hover:not(:disabled){background-color:var(--expense-primary);color:#fff;border-color:var(--expense-primary)}.expense-nav-btn:disabled{opacity:.4;cursor:not-allowed}.expense-nav-btn.loading{background-color:var(--expense-primary-light);border-color:var(--expense-primary)}.expense-nav-btn.loading i{color:var(--expense-primary)}.expense-page-control{display:flex;align-items:center;gap:4px}.expense-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--expense-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--expense-dark);padding:0 4px;transition:all .3s}.expense-page-input:focus{outline:none;border-color:var(--expense-primary);box-shadow:0 0 0 2px #10b9811a}.expense-page-input:disabled{background-color:var(--expense-light);cursor:not-allowed}.expense-page-total{font-size:13px;color:var(--expense-gray);font-weight:500;white-space:nowrap}.expense-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--expense-gray-light);flex-shrink:0}.expense-per-page-select{width:60px;height:32px;border:1px solid var(--expense-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--expense-dark);background-color:#fff;cursor:pointer;transition:all .3s}.expense-per-page-select:focus{outline:none;border-color:var(--expense-primary)}.expense-per-page-select:disabled{background-color:var(--expense-light);cursor:not-allowed}.expense-per-page-label{font-size:12px;color:var(--expense-gray);white-space:nowrap}.expense-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--expense-gray-light);background-color:#fff;scrollbar-width:thin}.expense-table-wrapper::-webkit-scrollbar{width:4px;height:4px}.expense-table{width:100%;border-collapse:collapse;min-width:1200px}.expense-table thead{background-color:var(--expense-light);position:sticky;top:0;z-index:10}.expense-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--expense-dark);border-bottom:2px solid var(--expense-gray-light);white-space:nowrap}.expense-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.expense-table th.sortable i{margin-left:6px;font-size:12px;color:var(--expense-gray)}.expense-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--expense-dark);border-bottom:1px solid var(--expense-gray-light);vertical-align:middle}.expense-table tbody tr{transition:all .3s}.expense-table tbody tr:hover{background-color:var(--expense-light)}.expense-serial-cell{text-align:center;font-weight:600;color:var(--expense-gray);font-size:13px}.expense-title-cell .expense-title{font-weight:600;color:var(--expense-dark)}.expense-desc-preview{font-size:12px;color:var(--expense-gray);margin-top:4px;display:flex;align-items:center;gap:4px}.expense-desc-preview i{font-size:11px}.expense-amount-cell .expense-amount{font-weight:700;color:var(--expense-primary);font-size:15px}.expense-date-cell{color:var(--expense-gray);font-size:13px;white-space:nowrap}.expense-sub-category{font-size:13px;color:var(--expense-gray)}.expense-category-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.cat-salary{background:#dbeafe;color:#1d4ed8}.cat-rent{background:#fef3c7;color:#92400e}.cat-utilities{background:#d1fae5;color:#065f46}.cat-software{background:#ede9fe;color:#5b21b6}.cat-equipment{background:#fce7f3;color:#be185d}.cat-supplies{background:#e5e7eb;color:#4b5563}.cat-marketing{background:#fef2f2;color:#991b1b}.cat-transport{background:#fef3c7;color:#78350f}.cat-food{background:#fef08a;color:#854d0e}.cat-insurance{background:#d1fae5;color:#065f46}.cat-tax{background:#fee2e2;color:#991b1b}.cat-maintenance{background:#e5e7eb;color:#374151}.cat-depreciation{background:#fef3c7;color:#92400e}.cat-capital{background:#d1fae5;color:#065f46}.cat-other{background:#f1f5f9;color:#64748b}.expense-payment-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.method-cash{background:#d1fae5;color:#065f46}.method-bank{background:#dbeafe;color:#1d4ed8}.method-credit{background:#fef3c7;color:#92400e}.method-mobile{background:#ede9fe;color:#5b21b6}.method-check{background:#e5e7eb;color:#4b5563}.method-other{background:#f1f5f9;color:#64748b}.expense-status-select{padding:5px 24px 5px 12px;border-radius:20px;font-size:12px;font-weight:600;border:2px solid transparent;cursor:pointer;outline:none;transition:all .3s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.expense-status-select.status-paid{background-color:#d1fae5;color:#065f46;border-color:#6ee7b7}.expense-status-select.status-pending{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.expense-status-select.status-cancelled{background-color:#fee2e2;color:#991b1b;border-color:#fca5a5}.expense-status-select:focus{box-shadow:0 0 0 3px #10b98126}.expense-depreciation-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;background:#fef3c7;color:#92400e}.expense-actions-cell{display:flex;gap:6px;white-space:nowrap}.expense-btn-action{width:34px;height:34px;border:none;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid transparent}.expense-btn-action.view{background-color:#e0f2fe;color:#0284c7;border-color:#7dd3fc}.expense-btn-action.view:hover{background-color:#0284c7;color:#fff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0284c74d}.expense-btn-action.edit{background-color:var(--expense-warning-light);color:var(--expense-warning);border-color:#fcd34d}.expense-btn-action.edit:hover{background-color:var(--expense-warning);color:#fff;border-color:var(--expense-warning);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.expense-btn-action.delete{background-color:var(--expense-danger-light);color:var(--expense-danger);border-color:#fca5a5}.expense-btn-action.delete:hover{background-color:var(--expense-danger);color:#fff;border-color:var(--expense-danger);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.expense-view-header{padding:16px 18px;background:#f8fafc;border-radius:8px;margin-bottom:16px;border-left:4px solid var(--expense-primary)}.expense-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.expense-status-badge.status-paid{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.expense-status-badge.status-pending{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.expense-status-badge.status-cancelled{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.expense-no-data{text-align:center;padding:40px!important;background-color:var(--expense-light)}.expense-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--expense-gray)}.expense-no-data-content i{font-size:48px;color:var(--expense-gray-light)}.expense-no-data-content p{font-size:16px;margin:0}.expense-no-data-content .expense-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--expense-gray-light);color:var(--expense-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.expense-no-data-content .expense-clear-search-btn.secondary:hover{background-color:var(--expense-primary);color:#fff}.expense-table td.expense-empty-state{text-align:center!important;vertical-align:middle!important}.expense-empty-state{padding:60px 20px!important;color:var(--expense-gray)}.expense-empty-state i{font-size:48px;color:var(--expense-gray-light);display:block;margin-bottom:15px}.expense-empty-state p{font-size:16px;margin:0 0 4px;font-weight:600;color:var(--expense-gray)}.expense-empty-state span{font-size:14px;color:var(--expense-gray)}.expense-loading-state{text-align:center;padding:40px 20px;color:var(--expense-gray)}.expense-loading-state i{font-size:48px;color:var(--expense-primary);display:block;margin-bottom:15px}.expense-pagination-bar{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:var(--expense-shadow);flex-wrap:wrap;gap:12px}.expense-pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.expense-pagination-btn{width:34px;height:34px;border:1px solid var(--expense-gray-light);background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;color:var(--expense-gray)}.expense-pagination-btn:hover:not(:disabled){background:var(--expense-primary);border-color:var(--expense-primary);color:#fff}.expense-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.expense-page-input-wrapper{display:flex;align-items:center;gap:4px;padding:0 10px;background:var(--expense-light);border-radius:8px;border:1px solid var(--expense-gray-light)}.expense-page-input{width:40px;text-align:center;border:none;background:transparent;font-size:14px;font-weight:600;color:var(--expense-dark);padding:6px 0}.expense-page-input:focus{outline:none}.expense-page-separator{color:var(--expense-gray)}.expense-total-pages{color:var(--expense-gray);font-size:14px;font-weight:500;min-width:20px}.expense-page-size-selector select{padding:6px 10px;border:1px solid var(--expense-gray-light);border-radius:8px;background:#fff;font-size:13px;color:var(--expense-dark);cursor:pointer;outline:none}.expense-page-size-selector select:focus{border-color:var(--expense-primary)}.expense-showing-count{font-size:14px;color:var(--expense-gray);padding:4px 12px;background:var(--expense-light);border-radius:20px;white-space:nowrap}.expense-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.expense-log-filters{margin-bottom:20px;padding:15px;background-color:var(--expense-light);border-radius:8px}.expense-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.expense-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--expense-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--expense-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.expense-filter-tab:hover{border-color:var(--expense-primary);color:var(--expense-primary)}.expense-filter-tab.active{background-color:var(--expense-primary);color:#fff;border-color:var(--expense-primary)}.expense-filter-tab:disabled{opacity:.5;cursor:not-allowed}.expense-filter-count{background-color:var(--expense-gray-light);color:var(--expense-gray);padding:2px 6px;border-radius:10px;font-size:11px}.expense-filter-tab.active .expense-filter-count{background-color:#ffffff4d;color:#fff}.expense-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--expense-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.expense-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.expense-date-picker-row label{font-size:13px;color:var(--expense-dark);font-weight:600;min-width:40px}.expense-date-input{padding:8px 12px;border:1px solid var(--expense-gray-light);border-radius:6px;font-size:13px;color:var(--expense-dark);flex:1}.expense-date-input:focus{outline:none;border-color:var(--expense-primary);box-shadow:0 0 0 2px #10b9811a}.expense-apply-date-btn{padding:8px 16px;background-color:var(--expense-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.expense-apply-date-btn:hover:not(:disabled){background-color:var(--expense-secondary)}.expense-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.expense-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 320px);scrollbar-width:thin;flex-shrink:0;min-height:400px}.expense-date-group{margin-bottom:25px}.expense-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--expense-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--expense-primary)}.expense-date-label{font-weight:600;color:var(--expense-dark);font-size:14px}.expense-date-count{font-size:12px;color:var(--expense-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.expense-logs-list{display:flex;flex-direction:column;gap:10px}.expense-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--expense-gray-light);transition:all .2s;gap:15px;cursor:pointer}.expense-compact-log-entry:hover{border-color:var(--expense-primary);box-shadow:var(--expense-shadow);transform:translateY(-2px)}.expense-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expense-log-icon i{font-size:16px}.expense-log-content{flex:1;min-width:0}.expense-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.expense-log-action{font-weight:600;color:var(--expense-dark);font-size:14px}.expense-log-product{font-size:13px;color:var(--expense-primary);background-color:#10b9811a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.expense-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--expense-gray)}.expense-log-user{display:flex;align-items:center;gap:6px}.expense-log-user i{font-size:12px}.expense-user-role{color:var(--expense-gray);font-size:11px}.expense-log-time{display:flex;align-items:center;gap:6px;background-color:var(--expense-light);padding:3px 10px;border-radius:12px}.expense-log-time i{font-size:12px}.expense-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--expense-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--expense-gray)}.expense-log-detail-count i{font-size:11px}.expense-no-logs{text-align:center;padding:40px;background-color:var(--expense-light);border-radius:8px;color:var(--expense-gray)}.expense-no-logs i{font-size:48px;color:var(--expense-gray-light);margin-bottom:15px}.expense-no-logs p{margin-bottom:20px}.expense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.expense-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--expense-shadow-hover);animation:expenseModalSlideIn .3s ease-out}@keyframes expenseModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--expense-gray-light);background-color:var(--expense-light);border-radius:12px 12px 0 0;flex-shrink:0}.expense-modal-header h3{margin:0;font-size:17px;color:var(--expense-dark);display:flex;align-items:center;gap:10px}.expense-modal-header h3 i{color:var(--expense-primary)}.expense-modal-close{background:none;border:none;font-size:20px;color:var(--expense-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.expense-modal-close:hover{background-color:var(--expense-gray-light);color:var(--expense-danger)}.expense-modal-body{padding:20px 24px;flex:1 1 auto;overflow-y:auto!important;overflow-x:hidden!important;max-height:60vh!important;min-height:200px;scrollbar-width:thin!important;scrollbar-color:#c1c1c1 #f1f1f1!important}.expense-log-detail-header{padding:16px 18px;background-color:#f8fafc;border-radius:8px;margin-bottom:16px;border-left:4px solid var(--expense-primary)}.expense-log-detail-main{margin-bottom:12px}.expense-log-detail-action{margin-bottom:10px}.expense-action-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-weight:600;font-size:13px}.expense-action-badge.expense-action-create{background-color:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.expense-action-badge.expense-action-update{background-color:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.expense-action-badge.expense-action-status_change{background-color:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.expense-action-badge.expense-action-delete{background-color:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.expense-log-detail-product{display:flex;align-items:center;gap:8px;font-size:14px}.expense-log-detail-product i{color:var(--expense-primary)}.expense-product-name{font-weight:600;color:var(--expense-dark)}.expense-log-detail-meta{display:flex;gap:20px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--expense-gray-light)}.expense-log-detail-user,.expense-log-detail-time{display:flex;align-items:center;gap:10px}.expense-log-detail-user i,.expense-log-detail-time i{color:var(--expense-gray);font-size:16px;width:16px}.expense-user-name-detail{font-weight:600;font-size:14px;color:var(--expense-dark)}.expense-user-role-detail{font-size:11px;color:var(--expense-gray)}.expense-log-date-detail{font-weight:600;font-size:14px;color:var(--expense-dark)}.expense-log-time-detail{font-size:11px;color:var(--expense-gray)}.expense-log-detail-content{padding:16px 18px;background-color:#fff;border-radius:8px;border:1px solid var(--expense-gray-light)}.expense-log-detail-content h4{margin:0 0 12px;font-size:14px;color:var(--expense-dark);font-weight:600}.expense-change-list{display:flex;flex-direction:column;gap:6px}.expense-change-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;background-color:var(--expense-light);border-radius:6px;border-left:3px solid var(--expense-primary);font-size:13px;color:var(--expense-dark);line-height:1.6}.expense-change-item i{color:var(--expense-primary);font-size:11px;margin-top:4px;flex-shrink:0}.expense-change-item .expense-change-arrow{color:var(--expense-primary);font-weight:700;margin:0 4px}.expense-change-item .expense-change-old{color:var(--expense-danger);text-decoration:line-through;margin-right:4px}.expense-change-item .expense-change-new{color:var(--expense-primary);font-weight:600}.expense-modal-footer{padding:14px 24px;border-top:1px solid var(--expense-gray-light);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0;background-color:var(--expense-light);border-radius:0 0 12px 12px}.expense-btn-cancel{padding:10px 24px;background-color:var(--expense-gray-light);color:var(--expense-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.expense-btn-cancel:hover{background-color:#dee2e6}.expense-delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:expenseFadeInOverlay .3s ease}@keyframes expenseFadeInOverlay{0%{opacity:0}to{opacity:1}}.expense-delete-modal-content{background:#fff;border-radius:20px;padding:40px 36px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 30px 60px #0000004d;animation:expenseSlideUp .3s ease}@keyframes expenseSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.expense-delete-modal-icon{width:72px;height:72px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.expense-delete-modal-icon i{font-size:2rem;color:#ef4444}.expense-delete-modal-content h3{margin:0 0 8px;font-size:1.2rem;color:#1e293b}.expense-delete-modal-content p{margin:0 0 20px;font-size:.95rem;color:#64748b;line-height:1.6}.expense-delete-modal-content p strong{color:#1e293b}.expense-delete-warning{display:block;margin-top:6px;font-size:.8rem;color:#ef4444;font-weight:600}.expense-delete-modal-actions{display:flex;gap:12px;justify-content:center}.expense-delete-modal-actions button{padding:10px 24px;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.expense-btn-cancel{background:#f1f5f9;color:#64748b}.expense-btn-cancel:hover{background:#e2e8f0;transform:translateY(-2px)}.expense-btn-confirm-delete{background:#ef4444;color:#fff}.expense-btn-confirm-delete:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}@media (max-width: 1200px){.expense-table th:nth-child(8),.expense-table td:nth-child(8){display:none}}@media (max-width: 1024px){.expense-table th:nth-child(7),.expense-table td:nth-child(7){display:none}}@media (max-width: 900px){.expense-title-row{gap:10px}.expense-title-left{min-width:auto}.expense-title-text{font-size:16px}.expense-title-right{min-width:auto}.expense-showing-count{padding:4px 12px;font-size:13px}.expense-count-numbers{min-width:20px;padding:1px 4px}}@media (max-width: 768px){.expense-container{padding:15px;height:auto}.expense-header-bar{flex-direction:column;align-items:stretch;gap:15px}.expense-tabs-selector{width:100%;min-width:100%}.expense-filter-bar{width:100%;max-width:100%;margin:0;flex-direction:column}.expense-search-box{width:100%;min-width:100%;max-width:100%}.expense-filter-select{width:100%}.expense-clear-filters-btn{width:100%;justify-content:center}.expense-summary-cards{flex-wrap:wrap;gap:12px;padding-bottom:12px}.expense-summary-card{flex:1 1 calc(50% - 12px);min-width:calc(50% - 12px);padding:14px 16px}.expense-summary-card .expense-summary-value{font-size:1rem}.expense-add-btn{width:100%;justify-content:center}.expense-title-row{flex-direction:column;align-items:stretch;gap:12px}.expense-title-left{justify-content:center;text-align:center;width:100%}.expense-title-center{margin:0 auto;display:flex;justify-content:center;width:100%}.expense-compact-nav{width:100%;justify-content:center;padding:6px 10px}.expense-title-right{width:100%;justify-content:center}.expense-showing-count{width:fit-content;margin:0 auto}.expense-items-per-page{border-left:none;margin-left:0;padding-left:0}.expense-table-wrapper{max-height:calc(100vh - 350px)}.expense-table th,.expense-table td{padding:12px 8px;font-size:13px}.expense-actions-cell{display:flex;gap:6px}.expense-btn-action{width:32px;height:32px}.expense-log-details,.expense-log-main-info{flex-direction:column;align-items:flex-start;gap:6px}.expense-custom-date-picker{flex-direction:column;align-items:stretch;gap:10px}.expense-date-picker-row{flex-direction:column;align-items:flex-start;gap:5px}.expense-date-input,.expense-apply-date-btn{width:100%}.expense-pagination-bar{flex-direction:column;align-items:center}.expense-pagination-controls{justify-content:center}.expense-showing-count{font-size:13px}.expense-modal-content{max-width:100%;margin:10px;max-height:95vh}.expense-modal-body{max-height:55vh!important;padding:16px}.expense-modal-header{padding:14px 18px}.expense-modal-header h3{font-size:16px}.expense-modal-footer{padding:14px 18px;flex-direction:column}.expense-modal-footer .expense-btn-cancel{width:100%;justify-content:center}.expense-log-detail-meta{flex-direction:column;gap:8px}.expense-change-item{font-size:12px;padding:6px 10px;flex-wrap:wrap}}@media (max-width: 480px){.expense-container{padding:12px}.expense-summary-cards{gap:10px;padding-bottom:10px}.expense-summary-card{flex:1 1 100%;min-width:100%;padding:12px 14px}.expense-summary-card .expense-summary-label{font-size:.65rem}.expense-summary-card .expense-summary-value{font-size:.95rem}.expense-table th,.expense-table td{padding:8px 6px;font-size:12px}.expense-table th:first-child,.expense-table td:first-child{display:none}.expense-btn-action,.expense-pagination-btn{width:28px;height:28px;font-size:12px}.expense-page-input{width:32px;font-size:12px}.expense-page-size-selector select{font-size:12px;padding:4px 8px}.expense-compact-nav{flex-wrap:wrap;gap:6px;padding:8px}.expense-nav-btn{width:28px;height:28px}.expense-page-input{width:40px;height:28px;font-size:12px}.expense-page-total{font-size:12px}.expense-per-page-select{width:50px;height:28px;font-size:11px}.expense-per-page-label{font-size:11px}.expense-showing-count{font-size:12px;padding:4px 10px}.expense-count-numbers{font-size:12px;min-width:18px}.expense-compact-log-entry{flex-direction:column;gap:10px}.expense-log-content{width:100%}.expense-modal-content{margin:8px;max-height:98vh}.expense-modal-body{max-height:50vh!important;padding:12px}.expense-modal-header{padding:12px 14px}.expense-modal-header h3{font-size:14px}.expense-modal-footer,.expense-log-detail-header,.expense-log-detail-content{padding:12px 14px}.expense-change-item{font-size:11px;padding:5px 8px}.expense-action-badge{font-size:11px;padding:4px 10px}.expense-delete-modal-content{padding:24px 16px 20px}.expense-delete-modal-actions{flex-direction:column}.expense-delete-modal-actions button{width:100%;justify-content:center}}.expense-messages-overlay{position:fixed;top:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:12px;max-width:450px;width:100%;pointer-events:none}.expense-messages-overlay>*{pointer-events:auto}.expense-message{padding:14px 18px;border-radius:10px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #00000026;animation:expenseSlideInRight .4s ease;background:#fff;border-left:4px solid var(--expense-success)}.expense-message.success{background:#f0fdf4;border-left:4px solid #10b981;color:#065f46}.expense-message.error{background:#fef2f2;border-left:4px solid #ef4444;color:#991b1b}.expense-message i:first-child{font-size:20px;flex-shrink:0}.expense-message.success i:first-child{color:#10b981}.expense-message.error i:first-child{color:#ef4444}.expense-message span{flex:1;font-size:14px;font-weight:500}.expense-message button{margin-left:auto;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;padding:4px;transition:color .2s;flex-shrink:0}.expense-message button:hover{color:#475569}.expense-network-error{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 32px #00000026;animation:expenseSlideInRight .4s ease;flex-wrap:wrap}.expense-network-error>i{font-size:20px;color:#f59e0b;flex-shrink:0}.expense-network-error .expense-error-content{flex:1;min-width:120px}.expense-network-error .expense-error-title{font-weight:600;color:#92400e;font-size:14px}.expense-network-error .expense-error-message{color:#92400e;font-size:13px;margin-top:2px}.expense-network-error button{background:#f59e0b;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:all .3s;flex-shrink:0}.expense-network-error button:hover{background:#d97706}@keyframes expenseSlideInRight{0%{opacity:0;transform:translate(60px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes expenseSlideOutRight{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60px) scale(.9)}}@media (max-width: 600px){.expense-messages-overlay{top:10px;right:10px;max-width:calc(100% - 20px)}.expense-message{padding:12px 14px;font-size:13px}.expense-message span{font-size:13px}.expense-network-error{padding:12px 14px}.expense-network-error .expense-error-title{font-size:13px}.expense-network-error .expense-error-message{font-size:12px}.expense-network-error button{font-size:12px;padding:5px 12px}}.expense-vendor-cell{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-vendor{display:inline-block;padding:3px 10px;background:#f1f5f9;border-radius:12px;font-size:12px;color:#475569;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-vendor-empty{color:#cbd5e1;font-size:12px}.expense-export-options{display:flex;flex-direction:column;gap:12px}.expense-export-option{display:flex;align-items:center;gap:15px;padding:15px 18px;border:2px solid var(--expense-gray-light);border-radius:10px;cursor:pointer;transition:all .3s ease;background-color:#fff}.expense-export-option:hover{border-color:var(--expense-primary);background-color:var(--expense-primary-light)}.expense-export-option.selected{border-color:var(--expense-primary);background-color:var(--expense-primary-light);box-shadow:0 0 0 3px #10b9811a}.expense-export-radio{position:relative;display:flex;align-items:center;justify-content:center}.expense-export-radio input[type=radio]{opacity:0;position:absolute;width:20px;height:20px;cursor:pointer}.expense-export-radio-custom{width:20px;height:20px;border:2px solid var(--expense-gray-light);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.expense-export-option.selected .expense-export-radio-custom{border-color:var(--expense-primary)}.expense-export-option.selected .expense-export-radio-custom:after{content:"";width:10px;height:10px;background-color:var(--expense-primary);border-radius:50%}.expense-export-option-content{display:flex;align-items:center;gap:12px;flex:1}.expense-export-option-content i{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--expense-light);border-radius:8px}.expense-export-option-title{font-size:15px;font-weight:600;color:var(--expense-dark)}.expense-export-option-desc{font-size:13px;color:var(--expense-gray)}@media (max-width: 480px){.expense-export-option{padding:12px 15px}.expense-export-option-content{gap:10px}.expense-export-option-content i{width:30px;height:30px;font-size:16px}.expense-export-option-title{font-size:14px}.expense-export-option-desc{font-size:12px}}.expense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px;animation:expenseModalFadeIn .25s ease-out}@keyframes expenseModalFadeIn{0%{opacity:0}to{opacity:1}}.expense-modal-content{background-color:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:expenseModalSlideIn .3s ease-out;position:relative;z-index:1000000;overflow:hidden}@keyframes expenseModalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.expense-modal-content::-webkit-scrollbar{width:6px}.expense-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.expense-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.expense-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0;flex-shrink:0;position:sticky;top:0;z-index:10}.expense-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:10px}.expense-modal-header h2 i{color:#10b981;font-size:1.3rem}.expense-modal-close{background:none;border:none;font-size:1.3rem;color:#94a3b8;cursor:pointer;padding:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.expense-modal-close:hover{background-color:#fee2e2;color:#ef4444}.expense-modal-body{padding:24px 28px 20px;overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto;max-height:calc(90vh - 140px);min-height:200px;scrollbar-width:thin!important;scrollbar-color:#c1c1c1 #f1f1f1!important}.expense-modal-body::-webkit-scrollbar{width:8px!important;height:8px!important}.expense-modal-body::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:10px!important;margin:4px 0!important}.expense-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:10px!important;border:2px solid #f1f1f1!important}.expense-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.expense-modal-body{scrollbar-width:thin!important;scrollbar-color:#c1c1c1 #f1f1f1!important}.expense-form-row{display:flex;gap:16px;margin-bottom:16px;position:relative}.expense-form-row:last-child{margin-bottom:0}.expense-form-group{flex:1;min-width:0;position:relative;z-index:1}.expense-form-group:has(.expense-custom-select){z-index:100}.expense-form-group:has(.expense-custom-select.open){z-index:9999998}.expense-form-group label{display:block;font-size:.85rem;font-weight:600;color:#334155;margin-bottom:6px}.expense-form-group label.expense-required:after{content:" *";color:#ef4444}.expense-form-group input,.expense-form-group textarea{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.95rem;color:#1e293b;background-color:#fff;transition:all .3s;box-sizing:border-box;font-family:inherit}.expense-form-group input:focus,.expense-form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.expense-form-group input.input-error,.expense-form-group textarea.input-error{border-color:#ef4444}.expense-form-group input.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.expense-form-group input:disabled,.expense-form-group textarea:disabled{background-color:#f1f5f9;cursor:not-allowed}.expense-form-group textarea{resize:vertical;min-height:60px}.expense-field-error{display:flex;align-items:center;gap:6px;margin-top:6px;color:#ef4444;font-size:.8rem;font-weight:500}.expense-field-error i{font-size:.75rem}.expense-custom-select{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;background-color:#fff;cursor:pointer;transition:all .3s;font-size:.95rem;color:#1e293b;min-height:46px;-webkit-user-select:none;user-select:none;position:relative;z-index:1000}.expense-custom-select:hover{border-color:#94a3b8}.expense-custom-select.open{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;z-index:9999999}.expense-custom-select.input-error{border-color:#ef4444}.expense-custom-select.disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.expense-custom-select .expense-custom-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-custom-select i{color:#94a3b8;font-size:.85rem;transition:transform .3s;flex-shrink:0;margin-left:10px}.expense-custom-select.open i{transform:rotate(180deg)}.expense-custom-select-dropdown{position:fixed!important;min-width:200px;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 30px #00000040;z-index:99999999!important;max-height:220px;overflow-y:auto;animation:expenseDropdownSlideDown .2s ease}@keyframes expenseDropdownSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.expense-custom-select-dropdown::-webkit-scrollbar{width:5px}.expense-custom-select-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.expense-custom-select-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.expense-custom-select-options{padding:6px 0}.expense-custom-option{padding:10px 16px;cursor:pointer;transition:all .2s;font-size:.9rem;color:#1e293b;display:flex;justify-content:space-between;align-items:center}.expense-custom-option:hover{background-color:#f1f5f9}.expense-custom-option.selected{background-color:#d1fae5;color:#065f46}.expense-custom-option.selected i{color:#10b981}.expense-custom-option.disabled{color:#94a3b8;cursor:not-allowed;text-align:center;padding:16px}.expense-custom-option i{font-size:.85rem}.expense-depreciation-section{background:#f8fafc;border-radius:12px;padding:16px 18px;margin-bottom:16px;border:1px solid #e2e8f0;border-left:3px solid #f59e0b;position:relative;z-index:1}.expense-depreciation-section .expense-form-row{margin-bottom:0}.expense-depreciation-section .expense-form-group input{background-color:#fff}.expense-capital-section{background:#f8fafc;border-radius:12px;padding:16px 18px;margin-bottom:16px;border:1px solid #e2e8f0;border-left:3px solid #3b82f6;position:relative;z-index:1}.expense-capital-section .expense-form-row{margin-bottom:0}.expense-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 28px 24px;border-top:1px solid #e9ecef;background-color:#fafcfc;border-radius:0 0 16px 16px;flex-shrink:0;position:sticky;bottom:0;z-index:10}.expense-btn-cancel{padding:10px 24px;background-color:#f1f5f9;color:#475569;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.expense-btn-cancel:hover{background-color:#e2e8f0;transform:translateY(-1px)}.expense-btn-submit{padding:10px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.expense-btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.expense-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.expense-btn-submit i{font-size:.9rem}@media (max-width: 768px){.expense-modal-content{max-width:100%;margin:10px;max-height:95vh}.expense-modal-body{max-height:calc(95vh - 130px);padding:16px 20px}.expense-modal-header{padding:16px 20px}.expense-modal-header h2{font-size:1.1rem}.expense-form-row{flex-direction:column;gap:12px;margin-bottom:12px}.expense-modal-footer{padding:14px 20px 20px;flex-direction:column-reverse;gap:10px}.expense-btn-cancel,.expense-btn-submit{width:100%;justify-content:center;padding:12px}.expense-depreciation-section,.expense-capital-section{padding:12px 14px}.expense-custom-select{min-height:44px;padding:8px 12px}.expense-form-group input,.expense-form-group textarea{padding:8px 12px;font-size:.9rem}.expense-custom-select-dropdown{min-width:150px;max-width:calc(100vw - 40px)}}@media (max-width: 480px){.expense-modal-header{padding:14px 16px}.expense-modal-header h2{font-size:1rem}.expense-modal-close{width:32px;height:32px;font-size:1.1rem}.expense-modal-body{max-height:calc(98vh - 120px);padding:14px 16px 12px}.expense-modal-footer{padding:12px 16px 16px}.expense-form-group label{font-size:.8rem}.expense-form-group input,.expense-form-group textarea{padding:8px 10px;font-size:.85rem}.expense-custom-select{min-height:40px;padding:6px 10px;font-size:.85rem}.expense-custom-option{padding:8px 12px;font-size:.85rem}.expense-depreciation-section,.expense-capital-section{padding:10px 12px}.expense-btn-cancel,.expense-btn-submit{font-size:.85rem;padding:10px}.expense-custom-select-dropdown{min-width:120px;max-width:calc(100vw - 30px)}}.office-login-container{min-width:450px;padding:20px;position:relative;z-index:1}.office-login-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-out}.office-login-header{text-align:center;margin-bottom:32px}.office-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.office-logo-icon{font-size:32px;color:#4f46e5}.office-logo-icon i{font-size:32px}.office-logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.office-login-subtitle{color:#6b7280;font-size:14px;line-height:1.5}.office-alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out}.office-alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.office-alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.office-alert-icon{font-size:18px;display:flex;align-items:center}.office-alert-icon i{font-size:18px}.office-alert-text{font-size:14px;font-weight:500}.office-login-form{display:flex;flex-direction:column;gap:24px}.office-form-group{display:flex;flex-direction:column;gap:8px}.office-form-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.office-form-label i{font-size:14px;color:#4f46e5}.office-form-label-row{display:flex;justify-content:space-between;align-items:center}.office-forgot-password{background:none;border:none;color:#4f46e5;font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s;display:flex;align-items:center;gap:6px;padding:4px 0}.office-forgot-password:hover{color:#3730a3;text-decoration:underline}.office-forgot-password i{font-size:12px}.office-form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;color:#111827;background:#fff;transition:all .2s;outline:none;width:100%}.office-form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.office-form-input:disabled{background-color:#f9fafb;cursor:not-allowed}.office-form-input::placeholder{color:#9ca3af}.office-password-input-wrapper{position:relative;width:100%}.office-password-input{padding-right:45px}.office-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;font-size:16px}.office-password-toggle:hover{color:#4f46e5}.office-password-toggle:disabled{opacity:.5;cursor:not-allowed}.office-password-toggle i{font-size:16px}.office-login-button{padding:14px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;position:relative;overflow:hidden}.office-login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.office-login-button:active:not(:disabled){transform:translateY(0)}.office-login-button:disabled{opacity:.7;cursor:not-allowed}.office-login-button-loading{cursor:wait}.office-login-button i{font-size:16px}.office-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.office-login-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.office-footer-text{color:#6b7280;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.office-footer-text i{font-size:12px;color:#4f46e5}.office-support-link{color:#4f46e5;text-decoration:none;font-weight:500;transition:color .2s;display:inline-flex;align-items:center;gap:6px}.office-support-link:hover{color:#3730a3;text-decoration:underline}.office-support-link i{font-size:12px}.office-login-bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);z-index:0}.office-login-bg-shape-1{width:300px;height:300px;top:-220px;right:-10px}.office-login-bg-shape-2{width:200px;height:200px;bottom:20px;left:-130px}.office-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.office-modal{background:#fff;border-radius:16px;width:100%;max-width:450px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;overflow:hidden}.office-modal-header{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.office-modal-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.office-modal-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.office-modal-close:hover{background:#ffffff4d}.office-modal-body{padding:24px}.office-modal-text{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:20px}.office-modal-footer{padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.office-button-primary{padding:10px 20px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.office-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.office-button-primary:disabled{opacity:.7;cursor:not-allowed}.office-button-secondary{padding:10px 20px;background:#fff;color:#4f46e5;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.office-button-secondary:hover:not(:disabled){background:#f9fafb;border-color:#4f46e5}.office-button-secondary:disabled{opacity:.7;cursor:not-allowed}.office-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.office-login-container{padding:16px;min-width:auto;width:100%}.office-login-card{padding:32px 24px}.office-logo{flex-direction:column;gap:8px}.office-logo-text{font-size:24px}.office-form-label-row{flex-direction:column;align-items:flex-start;gap:4px}.office-footer-text{flex-direction:column;gap:4px}.office-modal{margin:16px;max-width:calc(100% - 32px)}.office-modal-footer{flex-direction:column}.office-button-primary,.office-button-secondary{width:100%}}.main-main{background:linear-gradient(135deg,#4f46e5,#7c3aed);min-height:100vh;display:flex;align-items:center;justify-content:center}.office-otp-container{width:100%;max-width:480px;padding:20px;position:relative;z-index:1}.office-otp-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 50px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .5s ease-out}.office-otp-header{text-align:center;margin-bottom:32px;position:relative}.office-otp-back-button{position:absolute;left:0;top:0;background:none;border:none;color:#4f46e5;font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .2s;display:flex;align-items:center;gap:6px}.office-otp-back-button:hover{background-color:#f5f3ff}.office-otp-back-button i{font-size:12px}.office-otp-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.office-otp-logo-icon{font-size:32px;color:#7c3aed}.office-otp-logo-icon i{font-size:32px}.office-otp-logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.office-otp-subtitle{color:#6b7280;font-size:14px;line-height:1.5;max-width:320px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px}.office-otp-subtitle i{font-size:14px;color:#7c3aed}.office-otp-session-info{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #ddd6fe}.office-otp-user-info{display:flex;align-items:center;gap:16px}.office-otp-user-icon{font-size:24px;background:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d;color:#7c3aed}.office-otp-user-icon i{font-size:24px}.office-otp-user-details{display:flex;flex-direction:column;gap:4px}.office-otp-username{font-size:16px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.office-otp-username i{font-size:12px;color:#7c3aed}.office-otp-device-info{font-size:13px;color:#7c3aed;font-weight:500;display:flex;align-items:center;gap:6px}.office-otp-device-info i{font-size:12px}.office-otp-alert{padding:14px 18px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out}.office-otp-alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.office-otp-alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.office-otp-alert-icon{font-size:18px;display:flex;align-items:center}.office-otp-alert-icon i{font-size:18px}.office-otp-alert-text{font-size:14px;font-weight:500}.office-otp-form{display:flex;flex-direction:column;gap:32px}.office-otp-inputs-container{display:flex;flex-direction:column;gap:16px}.office-otp-instruction{font-size:14px;color:#6b7280;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.office-otp-instruction i{font-size:14px;color:#7c3aed}.office-otp-inputs-group{display:flex;justify-content:center;gap:12px}.office-otp-input{width:56px;height:64px;border:2px solid #e5e7eb;border-radius:12px;font-size:24px;font-weight:600;text-align:center;color:#111827;background:#fff;transition:all .2s;outline:none}.office-otp-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a;transform:translateY(-2px);outline:none}.office-otp-input:disabled{background-color:#f9fafb;cursor:not-allowed}.office-otp-input::placeholder{color:#d1d5db}.office-otp-timer-section{text-align:center}.office-otp-timer{font-size:14px;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:8px}.office-otp-timer i{font-size:14px;color:#7c3aed}.office-otp-timer-count{font-weight:600;color:#dc2626;font-feature-settings:"tnum"}.office-otp-resend-button{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}.office-otp-resend-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #7c3aed4d}.office-otp-resend-button:disabled{opacity:.7;cursor:not-allowed}.office-otp-resend-button-loading{cursor:wait}.office-otp-resend-button i{font-size:14px}.office-otp-verify-button{padding:16px 32px;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.office-otp-verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #10b9814d}.office-otp-verify-button:active:not(:disabled){transform:translateY(0)}.office-otp-verify-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280)}.office-otp-verify-button-loading{cursor:wait}.office-otp-verify-button i{font-size:16px}.office-otp-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.office-otp-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.office-otp-footer-text{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.office-otp-footer-text i{font-size:12px;color:#7c3aed}.office-otp-contact-support{background:none;border:none;color:#4f46e5;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:color .2s;padding:8px 16px;border-radius:6px;display:inline-flex;align-items:center;gap:8px}.office-otp-contact-support:hover{color:#3730a3;background-color:#f5f3ff}.office-otp-contact-support i{font-size:14px}.office-otp-bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#7c3aed14,#a855f714);z-index:0}.office-otp-bg-shape-1{width:400px;height:400px;top:-200px;right:-200px}.office-otp-bg-shape-2{width:250px;height:250px;bottom:-125px;left:-125px}.office-otp-bg-shape-3{width:150px;height:150px;top:50%;left:-75px;transform:translateY(-50%)}@media (max-width: 520px){.office-otp-container{padding:16px}.office-otp-card{padding:32px 24px}.office-otp-logo{flex-direction:column;gap:8px}.office-otp-logo-text{font-size:24px}.office-otp-input{width:48px;height:56px;font-size:20px}.office-otp-inputs-group{gap:8px}.office-otp-back-button{position:relative;justify-content:center;margin-bottom:16px}.office-otp-subtitle,.office-otp-footer-text{flex-direction:column;gap:4px}}@media (max-width: 380px){.office-otp-input{width:42px;height:50px;font-size:18px}.office-otp-inputs-group{gap:6px}}:root{--office-account-primary: #4361ee;--office-account-primary-light: #eef2ff;--office-account-secondary: #3a0ca3;--office-account-success: #4cc9f0;--office-account-warning: #f8961e;--office-account-danger: #f72585;--office-account-dark: #1a1a2e;--office-account-light: #f8f9fa;--office-account-gray: #6c757d;--office-account-gray-light: #e9ecef;--office-account-border-radius: 12px;--office-account-shadow: 0 4px 12px rgba(0, 0, 0, .05);--office-account-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}.office-account-container{background:#fff;border-radius:var(--office-account-border-radius);padding:25px;display:flex;flex-direction:column;height:calc(100vh + -0px);overflow:hidden}.office-management-header{text-align:center;margin-bottom:30px;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff}.header-top-row{display:flex;align-items:center;gap:20px;margin-bottom:15px}.shop-management-header h1{font-size:2.2rem;margin-bottom:10px;font-weight:700}.shop-management-header p{font-size:1rem;opacity:.9}.office-account-back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--office-account-light);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s;background:none;border:none;cursor:pointer;font-size:14px}.office-account-back-btn:hover{color:var(--office-account-danger)}.header-center-content{flex:1}.header-center-content h1{margin:0;font-size:24px;color:var(--office-account-light);display:flex;align-items:center;gap:10px}.header-center-content h1 i{color:var(--office-account-light)}.header-center-content p{margin:5px 0 0;color:var(--office-account-light);font-size:14px}.office-account-section-title{font-size:20px;font-weight:600;color:var(--office-account-dark);margin-bottom:20px;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--office-account-gray-light)}.office-account-section-title i{color:var(--office-account-primary);font-size:24px}.office-account-history-btn{background-color:#fff;border:1px solid var(--office-account-primary);color:var(--office-account-primary);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.office-account-history-btn i{color:var(--office-account-primary);transition:color .3s}.office-account-history-btn:hover,.office-account-history-btn:active{background-color:var(--office-account-primary);border-color:var(--office-account-primary);color:#fff}.office-account-history-btn:hover i,.office-account-history-btn:active i{color:#fff}.office-account-history-btn .fa-history{font-size:16px}.office-account-table-wrapper{overflow-y:auto;max-height:calc(100vh - 250px);border-radius:8px;border:1px solid var(--office-account-gray-light);background-color:#fff}.office-account-table{min-width:1000px;width:100%;border-collapse:collapse}.office-account-table thead{background-color:var(--office-account-light);position:sticky;top:0;z-index:10}.office-account-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--office-account-dark);border-bottom:2px solid var(--office-account-gray-light);white-space:nowrap}.office-account-table td{padding:20px 12px;text-align:left;font-size:14px;color:var(--office-account-dark);border-bottom:1px solid var(--office-account-gray-light);vertical-align:middle}.office-account-table tbody tr:hover{background-color:var(--office-account-light)}.office-account-created{font-size:11px;color:var(--office-account-gray);margin-top:4px;display:flex;align-items:center;gap:4px}.password-display{display:flex;flex-direction:column;gap:5px}.password-hint{font-size:11px;color:var(--office-account-gray);display:flex;align-items:center;gap:5px}.office-account-contact-cell{display:flex;flex-direction:column;gap:8px}.office-account-contact-item{display:flex;align-items:center;gap:10px}.office-account-contact-icon{color:var(--office-account-primary);font-size:12px;width:16px;text-align:center}.office-account-contact-text{font-size:13px;color:var(--office-account-dark);word-break:break-all}.office-account-contact-item:nth-child(1) .office-account-contact-icon{color:var(--office-account-primary)}.office-account-contact-item:nth-child(2) .office-account-contact-icon{color:var(--office-account-success)}.office-account-role-cell{display:flex;flex-direction:column;gap:4px}.office-account-role-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:100px}.role-manager{background-color:#4361ee1a;color:#4361ee;border:1px solid rgba(67,97,238,.3)}.role-account_team{background-color:#4cc9f01a;color:#4cc9f0;border:1px solid rgba(76,201,240,.3)}.role-billing_team{background-color:#f725851a;color:#f72585;border:1px solid rgba(247,37,133,.3)}.role-customer_service_team{background-color:#f8961e1a;color:#f8961e;border:1px solid rgba(248,150,30,.3)}.office-account-role-desc{font-size:11px;color:var(--office-account-gray);font-style:italic}.office-account-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.status-active{background-color:#4cc9f01a;color:var(--office-account-success);border:1px solid rgba(76,201,240,.3)}.status-disabled{background-color:#f725851a;color:var(--office-account-danger);border:1px solid rgba(247,37,133,.3)}.office-account-action-buttons{display:flex;flex-direction:column;gap:10px;min-width:150px}.office-account-edit-btn{background-color:#4f46e5;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;justify-content:center}.office-account-edit-btn:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:var(--office-account-shadow)}.office-account-change-password-btn{background-color:var(--office-account-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;justify-content:center}.office-account-change-password-btn:hover{background-color:var(--office-account-secondary);transform:translateY(-2px);box-shadow:var(--office-account-shadow)}.office-account-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.office-account-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--office-account-shadow-hover);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.office-account-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--office-account-gray-light);background-color:var(--office-account-light);border-radius:12px 12px 0 0}.office-account-modal-header h3{margin:0;font-size:18px;color:var(--office-account-dark);display:flex;align-items:center;gap:10px}.office-account-modal-header h3 i{color:var(--office-account-primary)}.office-account-modal-close{background:none;border:none;font-size:20px;color:var(--office-account-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.office-account-modal-close:hover{background-color:var(--office-account-gray-light);color:var(--office-account-danger)}.office-account-modal-body{padding:25px}.office-account-history-stats{margin-bottom:10px;display:flex;gap:50px}.stat-item{font-size:14px;font-weight:400;padding:2px}.stat-label-final{font-weight:700}.stat-value-final{margin-top:-10px;font-weight:700}.stat-value-final2{margin-top:-6px;font-weight:700}.office-account-modal-footer{padding:20px 25px;border-top:1px solid var(--office-account-gray-light);display:flex;justify-content:flex-end;gap:15px}.office-account-form-group{margin-bottom:20px}.office-account-form-row{display:flex;gap:15px;margin-bottom:15px}.office-account-form-row .office-account-form-group{flex:1;margin-bottom:0}.office-account-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--office-account-dark);font-size:14px}.office-account-form-group label.office-account-required:after{content:" *";color:var(--office-account-danger)}.office-account-form-group input,.office-account-form-group textarea,.office-account-form-group select{width:100%;padding:12px 15px;border:1px solid var(--office-account-gray-light);border-radius:8px;font-size:14px;color:var(--office-account-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.office-account-form-group input:focus,.office-account-form-group textarea:focus,.office-account-form-group select:focus{outline:none;border-color:var(--office-account-primary);box-shadow:0 0 0 3px #4361ee1a}.office-account-form-group input:disabled,.disabled-input{background-color:var(--office-account-gray-light);color:var(--office-account-gray);cursor:not-allowed}.form-section-divider{margin:20px 0;padding-bottom:10px;border-bottom:2px solid #e5e7eb;position:relative}.form-section-divider span{background-color:#fff;padding:0 10px;position:absolute;left:0;bottom:-12px;color:#6b7280;font-weight:600;font-size:14px}.form-help-text{font-size:12px;color:#6b7280;margin-top:5px;display:flex;align-items:center;gap:5px}.forget-password-link{display:flex;align-items:center;gap:8px;color:var(--office-account-primary);font-size:14px;margin-top:15px;cursor:pointer;text-decoration:none;transition:color .3s}.forget-password-link:hover{color:var(--office-account-secondary);text-decoration:underline}.forget-password-link i{font-size:16px}.office-account-btn-cancel{padding:12px 25px;background-color:var(--office-account-gray-light);color:var(--office-account-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.office-account-btn-cancel:hover{background-color:#dee2e6}.office-account-btn-submit{padding:12px 25px;background-color:var(--office-account-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.office-account-btn-submit:hover:not(:disabled){background-color:var(--office-account-secondary);transform:translateY(-2px)}.office-account-btn-submit:disabled{opacity:.5;cursor:not-allowed}.office-account-history-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding-right:10px}.office-account-history-item{display:flex;gap:15px;padding:15px;background-color:var(--office-account-light);border-radius:8px;border-left:3px solid var(--office-account-primary);transition:all .3s}.office-account-history-item:hover{box-shadow:var(--office-account-shadow)}.office-account-history-icon{width:40px;height:40px;background-color:#4361ee1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--office-account-primary)}.office-account-history-icon i{font-size:18px}.office-account-history-content{flex:1}.office-account-history-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.office-account-history-action{font-weight:600;color:var(--office-account-dark)}.office-account-history-status{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.office-account-history-status.status-success{background-color:#4cc9f01a;color:var(--office-account-success);border:1px solid rgba(76,201,240,.3)}.office-account-history-status.status-failed{background-color:#f725851a;color:var(--office-account-danger);border:1px solid rgba(247,37,133,.3)}.office-account-history-status.status-pending{background-color:#f8961e1a;color:var(--office-account-warning);border:1px solid rgba(248,150,30,.3)}.office-account-history-details{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:var(--office-account-gray)}.detail-row{display:flex;align-items:center;gap:5px}.office-account-history-details i{font-size:11px;color:var(--office-account-primary)}.office-account-history-footer{text-align:center;padding:10px;background-color:var(--office-account-light);border-radius:6px;font-size:13px;color:var(--office-account-gray);margin-top:15px}.office-account-history-loading,.office-account-history-empty,.office-account-history-error{text-align:center;padding:40px;background-color:var(--office-account-light);border-radius:8px;color:var(--office-account-gray);display:flex;flex-direction:column;align-items:center;gap:15px}.office-account-history-loading i,.office-account-history-empty i,.office-account-history-error i{font-size:48px;color:var(--office-account-gray-light)}.spinner{width:40px;height:40px;border:3px solid var(--office-account-gray-light);border-top-color:var(--office-account-primary);border-radius:50%;animation:spin 1s linear infinite}.office-account-history-error button{padding:8px 16px;background-color:var(--office-account-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.office-account-history-error button:hover{background-color:var(--office-account-secondary)}.office-account-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0 10px}.office-account-page-btn{width:36px;height:36px;border:1px solid var(--office-account-gray-light);background-color:#fff;color:var(--office-account-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.office-account-page-btn:hover:not(:disabled){background-color:var(--office-account-primary);color:#fff;border-color:var(--office-account-primary)}.office-account-page-btn:disabled{opacity:.5;cursor:not-allowed}.office-account-page-info{padding:0 15px;font-weight:600;color:var(--office-account-dark)}.office-account-security-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;margin-top:20px;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412}.office-account-security-notice i{font-size:20px;color:#f97316;margin-top:2px}.office-account-security-notice p{margin:0;font-size:14px;line-height:1.6;flex:1}.office-account-history-list::-webkit-scrollbar{width:6px}.office-account-history-list::-webkit-scrollbar-track{background:var(--office-account-gray-light);border-radius:3px}.office-account-history-list::-webkit-scrollbar-thumb{background:var(--office-account-primary);border-radius:3px}.office-account-history-list::-webkit-scrollbar-thumb:hover{background:var(--office-account-secondary)}.office-account-messages-container{position:fixed;top:30px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:450px}.office-account-network-error{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;animation:slideInRight .3s ease-out}.office-account-network-error i{font-size:32px;color:#fca5a5}.office-account-network-error .error-content{flex:1}.office-account-network-error .error-title{font-size:16px;font-weight:700;margin-bottom:4px}.office-account-network-error .error-message{font-size:14px;opacity:.9}.office-account-network-error button{padding:8px 16px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.office-account-network-error button:hover{background-color:#ffffff4d}.office-account-no-data{text-align:center;padding:40px!important;background-color:var(--office-account-light)}.office-account-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--office-account-gray)}.office-account-no-data-content i{font-size:48px;color:var(--office-account-gray-light)}.office-account-no-data-content p{font-size:16px;margin:0}.office-account-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;background-color:#fff}.office-account-loading .spinner{width:50px;height:50px;border:4px solid var(--office-account-gray-light);border-top-color:var(--office-account-primary);border-radius:50%;animation:spin 1s linear infinite}.office-account-loading p{color:var(--office-account-gray);font-size:16px;margin:0}@media (max-width: 768px){.office-account-container{padding:15px;height:auto}.office-account-table-wrapper{max-height:calc(100vh - 200px)}.office-account-table th,.office-account-table td{padding:12px 8px;font-size:13px}.office-account-action-buttons{min-width:140px}.office-account-edit-btn,.office-account-change-password-btn{padding:8px 12px;font-size:12px}.office-account-modal-content{margin:10px;max-height:85vh}.office-account-modal-body{padding:20px}.office-account-form-row{flex-direction:column;gap:0}.office-account-action-buttons{min-width:auto}.header-top-row{flex-direction:column;align-items:flex-start}.office-account-messages-container{top:20px;right:20px;left:20px;max-width:none}.office-account-network-error{flex-direction:column;text-align:center;padding:15px}.office-account-network-error button{width:100%}.office-account-history-stats{flex-direction:column;gap:10px}}@media (max-width: 480px){.office-account-container{padding:12px}.office-account-modal-header{padding:15px 20px}.office-account-modal-body{padding:15px}.office-account-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.office-account-btn-cancel,.office-account-btn-submit{width:100%;text-align:center}}.reset-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:20px}.reset-card{background:#fff;border-radius:16px;padding:40px;max-width:450px;width:100%;box-shadow:0 10px 40px #0000001a;animation:fadeIn .5s ease-out}.loading-card{text-align:center;padding:50px}.reset-header{text-align:center;margin-bottom:32px}.reset-icon{font-size:48px;color:#4f46e5;margin-bottom:16px}.reset-icon i{font-size:48px}.reset-header h1{font-size:28px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.reset-subtitle{color:#6b7280;font-size:14px;line-height:1.5}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-icon{font-size:18px;display:flex;align-items:center}.alert-text{font-size:14px;font-weight:500}.password-requirements{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:24px}.requirements-title{font-size:13px;font-weight:600;color:#374151;margin-bottom:8px;display:flex;align-items:center;gap:8px}.requirements-title i{color:#4f46e5}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;margin-bottom:4px}.requirements-list li.valid{color:#10b981}.requirements-list li i{font-size:12px}.requirements-list li i.fa-check-circle{color:#10b981}.reset-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.form-label i{font-size:14px;color:#4f46e5}.form-input{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;color:#111827;background:#fff;transition:all .2s;outline:none;width:100%;box-sizing:border-box}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-input:disabled{background-color:#f9fafb;cursor:not-allowed}.password-input-wrapper{position:relative;width:100%}.password-input{padding-right:45px}.password-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s}.password-toggle:hover{color:#4f46e5}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.form-help-text{font-size:12px;margin-top:4px;font-style:italic}.text-success{color:#10b981}.text-error{color:#dc2626}.btn-submit{padding:14px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.btn-loading{cursor:wait}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #4f46e54d}.btn-secondary{background:#fff;color:#4f46e5;border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#4f46e5}.invalid-content{text-align:center;padding:24px}.invalid-icon{font-size:64px;color:#f59e0b;margin-bottom:16px}.invalid-icon i{font-size:64px}.invalid-content h3{font-size:20px;font-weight:600;color:#374151;margin-bottom:12px}.invalid-text{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px}.invalid-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.reset-footer{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.footer-text{color:#6b7280;font-size:14px;margin-bottom:12px}.footer-link{background:none;border:none;color:#4f46e5;font-weight:500;cursor:pointer;text-decoration:none;margin-left:4px;padding:0;font-size:14px}.footer-link:hover{text-decoration:underline}.footer-help{color:#6b7280;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.footer-help i{font-size:12px;color:#4f46e5}.support-link{color:#4f46e5;text-decoration:none;font-weight:500;margin-left:4px}.support-link:hover{text-decoration:underline}.spinner{width:40px;height:40px;border:3px solid rgba(79,70,229,.1);border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.spinner-small{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.reset-card{padding:32px 24px}.reset-header h1{font-size:24px}.invalid-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.error-icon i{color:#f59e0b}:root{--branch-primary: #4361ee;--branch-primary-light: #eef2ff;--branch-secondary: #3a0ca3;--branch-success: #4cc9f0;--branch-warning: #f8961e;--branch-danger: #f72585;--branch-danger-light: #fef2f7;--branch-dark: #1a1a2e;--branch-light: #f8f9fa;--branch-gray: #6c757d;--branch-gray-light: #e9ecef;--branch-border-radius: 12px;--branch-shadow: 0 4px 12px rgba(0, 0, 0, .05);--branch-shadow-hover: 0 8px 24px rgba(0, 0, 0, .1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}*{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.shop-container{background:#fff;border-radius:var(--branch-border-radius);padding:25px;box-shadow:var(--branch-shadow);display:flex;flex-direction:column;height:110vh;overflow:hidden}.shop-management-header{margin-bottom:25px;padding:40px 10px;border-bottom:1px solid var(--branch-gray-light);position:relative;align-items:center}.header-top-row{display:flex;align-items:flex-start;position:relative;width:100%}.header-center-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:auto;max-width:60%}.header-center-content h1{margin:0;font-size:24px;color:var(--branch-light);display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap}.header-center-content p{margin:5px 0 0;font-size:14px;color:var(--branch-gray-light);text-align:center}.shop-back-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--branch-light);text-decoration:none;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap;position:relative;z-index:2}.shop-back-btn:hover{color:var(--branch-danger);transform:translateY(-2px)}.shop-tabs-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--branch-gray-light);gap:15px;margin-bottom:20px;padding:15px 0;flex-wrap:wrap}.shop-tabs-selector{min-width:220px}.shop-select-container{position:relative;display:flex;align-items:center}.shop-select-icon{position:absolute;left:15px;color:var(--branch-primary);font-size:16px;z-index:2;pointer-events:none}.shop-tab-select{width:100%;padding:12px 45px;border:1px solid var(--branch-primary);border-radius:8px;font-size:15px;font-weight:600;color:var(--branch-dark);background-color:var(--branch-primary-light);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all .3s}.shop-tab-select:focus{outline:none;box-shadow:0 0 0 3px #4361ee1a}.shop-select-arrow{position:absolute;right:15px;color:var(--branch-primary);font-size:14px;z-index:2;pointer-events:none}.shop-search-controls{display:flex;align-items:center;gap:12px;flex:1;max-width:600px}.shop-search-input-group{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.shop-search-icon{position:absolute;left:12px;color:var(--branch-gray);font-size:14px;z-index:2}.shop-search-input{width:100%;padding:10px 40px;border:1px solid var(--branch-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--branch-dark);transition:all .3s;background-color:#fff}.shop-search-input:focus{outline:none;border-color:var(--branch-primary);box-shadow:0 0 0 3px #4361ee1a}.shop-clear-search-btn{position:absolute;right:10px;background:none;border:none;color:var(--branch-gray);cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;background-color:transparent}.shop-clear-search-btn:hover{color:var(--branch-danger)}.user-account-filter-buttons{display:flex;gap:8px}.shop-search-select{padding:10px 12px;border:1px solid var(--branch-gray-light);border-radius:8px;font-size:14px;font-weight:500;color:var(--branch-dark);background-color:#fff;cursor:pointer;transition:all .3s}.shop-search-select:focus{outline:none;border-color:var(--branch-primary)}.shop-clear-search-btn.secondary{position:static;width:auto;padding:10px 15px;background-color:var(--branch-gray-light);border-radius:8px}.shop-clear-search-btn.secondary:hover{background-color:var(--branch-danger-light);color:var(--branch-danger)}.shop-add-btn{background-color:var(--branch-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;white-space:nowrap;flex-shrink:0}.shop-add-btn:hover{background-color:var(--branch-secondary);transform:translateY(-2px);box-shadow:var(--branch-shadow-hover)}.shop-section-title{width:100%;margin-bottom:17px}.shop-title-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px;flex-wrap:wrap}.shop-title-left{display:flex;align-items:center;gap:10px;flex:0 0 auto}.shop-title-left i{color:var(--branch-primary);font-size:18px}.shop-title-text{font-size:18px;font-weight:600;color:var(--branch-dark);white-space:nowrap}.shop-title-center{flex:1 1 auto;display:flex;justify-content:center;min-width:300px}.shop-title-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;min-width:180px}.shop-compact-nav{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:40px;flex-wrap:wrap;justify-content:center}.shop-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--branch-gray-light);border-radius:50%;color:var(--branch-dark);cursor:pointer;transition:all .3s;font-size:12px;padding:0;flex-shrink:0}.shop-nav-btn:active:not(:disabled),.shop-nav-btn:hover:not(:disabled){background-color:var(--branch-primary)!important;border-color:var(--branch-primary)!important}.shop-nav-btn:active:not(:disabled) i,.shop-nav-btn:hover:not(:disabled) i{color:#fff!important}.shop-nav-btn:disabled{opacity:.4;cursor:not-allowed}.shop-page-control{display:flex;align-items:center;gap:4px}.shop-page-input{width:50px;height:32px;text-align:center;border:1px solid var(--branch-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--branch-dark);padding:0 4px;transition:all .3s}.shop-page-input:focus{outline:none;border-color:var(--branch-primary);box-shadow:0 0 0 2px #4361ee1a}.shop-page-total{font-size:13px;color:var(--branch-gray);font-weight:500;white-space:nowrap}.shop-items-per-page{display:flex;align-items:center;gap:6px;margin-left:4px;padding-left:8px;border-left:1px solid var(--branch-gray-light);flex-shrink:0}.shop-per-page-select{width:60px;height:32px;border:1px solid var(--branch-gray-light);border-radius:20px;font-size:12px;padding:0 8px;color:var(--branch-dark);background-color:#fff;cursor:pointer;transition:all .3s}.shop-per-page-select:focus{outline:none;border-color:var(--branch-primary)}.shop-per-page-label{font-size:12px;color:var(--branch-gray);font-weight:400}.shop-showing-count{display:inline-flex;align-items:center;gap:4px;background-color:var(--branch-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--branch-gray);white-space:nowrap}.shop-count-numbers{font-weight:700;padding:2px 6px;border-radius:12px;min-width:24px;text-align:center}.shop-loading-text{display:inline-flex;align-items:center;gap:8px;background-color:var(--branch-light);padding:6px 16px;border-radius:30px;font-size:14px;color:var(--branch-gray);white-space:nowrap}.shop-loading-text i{color:var(--branch-primary)}.shop-search-badge-container{margin-top:10px}.shop-search-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background-color:var(--branch-primary-light);border-radius:20px;font-size:13px;color:var(--branch-primary)}.shop-clear-search-badge{background:none;border:none;color:var(--branch-gray);cursor:pointer;padding:0 4px}.shop-clear-search-badge:hover{color:var(--branch-danger)}.shop-table-wrapper{overflow-y:auto;max-height:calc(100vh - 280px);border-radius:8px;border:1px solid var(--branch-gray-light);background-color:#fff}.shop-table{width:100%;border-collapse:collapse;min-width:800px}.shop-table thead{background-color:var(--branch-light);position:sticky;top:0;z-index:10}.shop-table th{padding:16px 12px;text-align:left;font-size:14px;font-weight:600;color:var(--branch-dark);border-bottom:2px solid var(--branch-gray-light);white-space:nowrap}.shop-table td{padding:16px 12px;text-align:left;font-size:14px;color:var(--branch-dark);border-bottom:1px solid var(--branch-gray-light);vertical-align:middle}.shop-table tbody tr:hover{background-color:var(--branch-light)}.shop-id{font-size:11px;color:var(--branch-gray);margin-top:4px}.shop-address-info{display:flex;align-items:flex-start;gap:6px;margin-top:4px;font-size:12px;color:var(--branch-gray)}.shop-address-info i{color:var(--branch-primary);font-size:11px;margin-top:1px}.branch-plan-badge.BASIC_PLAN{padding:4px 12px;background:#eef2ff;color:var(--branch-primary);border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.branch-plan-badge.STANDARD_PLAN{padding:4px 12px;background:#ffeef9;color:var(--branch-danger);border:1px solid #fbc8e8;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.branch-plan-badge.PREMIUM_PLAN{padding:4px 12px;background-color:#e8f5e9;color:#388e3c;border:1px solid #c8e6c9;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.branch-plan-badge.ENTERPRISE_PLAN{padding:4px 12px;background-color:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.shop-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block;text-align:center;min-width:80px}.status-active{background-color:#4cc9f01a;color:var(--branch-success);border:1px solid rgba(76,201,240,.3)}.status-unactive{background-color:#f725851a;color:var(--branch-danger);border:1px solid rgba(247,37,133,.3)}.shop-action-buttons{display:flex;gap:8px}.shop-action-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:14px;transition:all .3s;border:none}.shop-action-btn:hover{transform:translateY(-2px);box-shadow:var(--branch-shadow)}.shop-action-edit{background-color:var(--branch-warning)}.shop-action-delete{background-color:var(--branch-danger)}.shop-no-data{text-align:center;padding:40px!important;background-color:var(--branch-light)}.shop-no-data-content{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--branch-gray)}.shop-no-data-content i{font-size:48px;color:var(--branch-gray-light)}.shop-no-data-content p{font-size:16px;margin:0}.shop-no-data-content .shop-clear-search-btn.secondary{margin-top:15px;padding:8px 20px;background-color:var(--branch-gray-light);color:var(--branch-dark);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.shop-no-data-content .shop-clear-search-btn.secondary:hover{background-color:var(--branch-primary);color:#fff}.shop-history-section{background-color:#fff;border-radius:8px;height:100%;display:flex;flex-direction:column;overflow:hidden;flex:1}.shop-log-filters{margin-bottom:20px;padding:15px;background-color:var(--branch-light);border-radius:8px}.shop-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.shop-filter-tab{padding:8px 16px;background-color:#fff;border:1px solid var(--branch-gray-light);border-radius:20px;font-size:13px;font-weight:600;color:var(--branch-gray);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.shop-filter-tab:hover:not(:disabled){border-color:var(--branch-primary);color:var(--branch-primary)}.shop-filter-tab.active{background-color:var(--branch-primary);color:#fff;border-color:var(--branch-primary)}.shop-filter-count{background-color:var(--branch-gray-light);color:var(--branch-gray);padding:2px 6px;border-radius:10px;font-size:11px}.shop-filter-tab.active .shop-filter-count{background-color:#ffffff4d;color:#fff}.shop-custom-date-picker{margin-top:15px;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--branch-gray-light);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.shop-date-picker-row{display:flex;align-items:center;gap:10px;flex:1}.shop-date-picker-row label{font-size:13px;color:var(--branch-dark);font-weight:600}.shop-date-input{padding:8px 12px;border:1px solid var(--branch-gray-light);border-radius:6px;font-size:13px;color:var(--branch-dark);flex:1}.shop-date-input:focus{outline:none;border-color:var(--branch-primary);box-shadow:0 0 0 2px #4361ee1a}.shop-apply-date-btn{padding:8px 16px;background-color:var(--branch-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.shop-apply-date-btn:hover:not(:disabled){background-color:var(--branch-secondary)}.shop-apply-date-btn:disabled{opacity:.5;cursor:not-allowed}.shop-compact-logs-container{overflow-y:auto;max-height:calc(100vh - 360px);flex-shrink:0;min-height:400px}.shop-date-group{margin-bottom:25px}.shop-date-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:var(--branch-light);border-radius:8px;margin-bottom:10px;border-left:3px solid var(--branch-primary)}.shop-date-label{font-weight:600;color:var(--branch-dark);font-size:14px}.shop-date-count{font-size:12px;color:var(--branch-gray);background-color:#fff;padding:3px 10px;border-radius:12px}.shop-logs-list{display:flex;flex-direction:column;gap:10px}.shop-compact-log-entry{display:flex;align-items:flex-start;padding:15px;background-color:#fff;border-radius:8px;border:1px solid var(--branch-gray-light);transition:all .2s;gap:15px;cursor:pointer}.shop-compact-log-entry:hover{border-color:var(--branch-primary);box-shadow:var(--branch-shadow);transform:translateY(-2px)}.shop-compact-log-entry.log-add{border-left:3px solid var(--branch-success)}.shop-compact-log-entry.log-edit{border-left:3px solid var(--branch-warning)}.shop-compact-log-entry.log-delete{border-left:3px solid var(--branch-danger)}.shop-log-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.shop-compact-log-entry.log-add .shop-log-icon{background-color:#4cc9f01a;color:var(--branch-success)}.shop-compact-log-entry.log-edit .shop-log-icon{background-color:#f8961e1a;color:var(--branch-warning)}.shop-compact-log-entry.log-delete .shop-log-icon{background-color:#f725851a;color:var(--branch-danger)}.shop-log-icon i{font-size:16px}.shop-log-content{flex:1;min-width:0}.shop-log-main-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:8px}.shop-log-action{font-weight:600;color:var(--branch-dark);font-size:14px}.shop-log-branch{font-size:13px;color:var(--branch-primary);background-color:#4361ee1a;padding:3px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:6px}.shop-shop-id{font-size:11px;color:var(--branch-gray);font-weight:500}.shop-log-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--branch-gray)}.shop-log-user{display:flex;align-items:center;gap:6px}.shop-log-user i{font-size:12px}.shop-user-role{color:var(--branch-gray);font-size:11px}.shop-log-time{display:flex;align-items:center;gap:6px;background-color:var(--branch-light);padding:3px 10px;border-radius:12px}.shop-log-time i{font-size:12px}.shop-log-detail-count{display:flex;align-items:center;gap:4px;background-color:var(--branch-gray-light);padding:3px 10px;border-radius:12px;font-size:12px;color:var(--branch-gray)}.no-logs{text-align:center;padding:60px 20px;color:var(--branch-gray)}.no-logs i{font-size:48px;color:var(--branch-gray-light);margin-bottom:15px}.no-logs p{font-size:16px;margin-bottom:20px}.shop-log-detail-header{padding:20px;background-color:#f8fafc;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--branch-primary)}.shop-log-detail-main{margin-bottom:15px}.shop-log-detail-action{margin-bottom:12px}.shop-action-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.shop-action-add{background-color:#4cc9f01a;color:var(--branch-success);border:1px solid rgba(76,201,240,.3)}.shop-action-edit{background-color:#f8961e1a;color:var(--branch-warning);border:1px solid rgba(248,150,30,.3)}.shop-action-delete{background-color:#f725851a;color:var(--branch-danger);border:1px solid rgba(247,37,133,.3)}.shop-log-detail-shop{display:flex;align-items:center;gap:10px;font-size:15px}.shop-log-detail-shop i{color:var(--branch-primary)}.shop-name{font-weight:600;color:var(--branch-dark)}.shop-id-detail{font-size:12px;color:var(--branch-gray);background-color:var(--branch-gray-light);padding:2px 8px;border-radius:10px;margin-left:8px}.shop-log-detail-meta{display:flex;gap:25px;flex-wrap:wrap}.shop-log-detail-user,.shop-log-detail-time{display:flex;align-items:center;gap:12px}.shop-log-detail-user i,.shop-log-detail-time i{color:var(--branch-gray);font-size:20px}.shop-user-name-detail{font-weight:600;font-size:14px;color:var(--branch-dark)}.shop-user-role-detail{font-size:12px;color:var(--branch-gray)}.shop-log-date-detail{font-weight:600;font-size:14px;color:var(--branch-dark)}.shop-log-time-detail{font-size:12px;color:var(--branch-gray)}.shop-log-detail-content{padding:20px;background-color:#fff;border-radius:8px;border:1px solid var(--branch-gray-light)}.shop-log-detail-content h4{margin:0 0 15px;font-size:15px;color:var(--branch-dark);font-weight:600}.shop-change-list{display:flex;flex-direction:column;gap:12px}.shop-change-item{display:flex;align-items:flex-start;gap:12px;padding:10px;background-color:var(--branch-light);border-radius:6px;border-left:3px solid var(--branch-primary)}.shop-change-item i{color:var(--branch-primary);font-size:12px;margin-top:2px}.shop-change-item span{font-size:14px;color:var(--branch-dark);line-height:1.5}.shop-no-changes{display:flex;align-items:center;gap:10px;padding:15px;background-color:var(--branch-light);border-radius:8px;color:var(--branch-gray);text-align:center;justify-content:center}.shop-no-changes i{font-size:18px}.shop-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px}.shop-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--branch-shadow-hover);animation:shopModalSlideIn .3s ease-out}@keyframes shopModalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.shop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--branch-gray-light);background-color:var(--branch-light);border-radius:12px 12px 0 0}.shop-modal-header h3{margin:0;font-size:18px;color:var(--branch-dark);display:flex;align-items:center;gap:10px}.shop-modal-header h3 i{color:var(--branch-primary)}.shop-modal-close{background:none;border:none;font-size:20px;color:var(--branch-gray);cursor:pointer;padding:5px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.shop-modal-close:hover{background-color:var(--branch-gray-light);color:var(--branch-danger)}.shop-modal-body{padding:25px}.shop-modal-body p{font-size:14px;line-height:2}.plan-level{font-size:13px;padding-left:5px;margin-top:5px;font-weight:700;color:var(--branch-primary)}.shop-modal-footer{padding:20px 25px;border-top:1px solid var(--branch-gray-light);display:flex;justify-content:flex-end;gap:15px}.shop-current-user-banner{display:flex;align-items:center;gap:10px;padding:12px;background-color:#4361ee14;border-radius:8px;margin-bottom:20px;border-left:3px solid var(--branch-primary)}.shop-current-user-banner i{font-size:24px;color:var(--branch-primary)}.shop-user-name{font-size:14px;font-weight:600;color:var(--branch-dark)}.shop-user-role{font-size:12px;color:var(--branch-gray)}.shop-validation-error{display:flex;align-items:center;gap:6px;padding:12px 16px;background-color:var(--branch-danger-light);border-radius:8px;border-left:3px solid var(--branch-danger);color:var(--branch-danger);font-size:14px;margin-bottom:15px}.shop-form-group{margin-bottom:20px}.shop-form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--branch-dark);font-size:14px}.shop-form-group label.shop-required:after{content:" *";color:var(--branch-danger)}.shop-form-group input,.shop-form-group textarea,.shop-form-group select{width:100%;padding:12px 15px;border:1px solid var(--branch-gray-light);border-radius:8px;font-size:14px;color:var(--branch-dark);transition:all .3s;box-sizing:border-box;font-family:inherit}.shop-form-group input:focus,.shop-form-group textarea:focus,.shop-form-group select:focus{outline:none;border-color:var(--branch-primary);box-shadow:0 0 0 3px #4361ee1a}.shop-form-group textarea{min-height:60px;resize:vertical}.shop-input-error{border-color:var(--branch-danger)!important;background-color:var(--branch-danger-light)!important}.shop-field-error{display:flex;align-items:center;gap:5px;margin-top:5px;color:var(--branch-danger);font-size:12px;font-weight:500}.shop-status-select-group{display:flex;gap:15px}.shop-status-option{flex:1;text-align:center;padding:15px;border:2px solid var(--branch-gray-light);border-radius:8px;cursor:pointer;transition:all .3s}.shop-status-option:hover{border-color:var(--branch-primary)}.shop-status-option.selected{border-color:var(--branch-primary);background-color:var(--branch-primary-light)}.shop-status-radio{display:none}.shop-status-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;color:var(--branch-gray);cursor:pointer}.shop-status-label i{font-size:20px}.shop-status-option.selected .shop-status-label{color:var(--branch-primary)}.shop-status-option:nth-child(1) .shop-status-label i{color:var(--branch-success)}.shop-status-option:nth-child(2) .shop-status-label i{color:var(--branch-danger)}.shop-btn-cancel{padding:12px 25px;background-color:var(--branch-gray-light);color:var(--branch-dark);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.shop-btn-cancel:hover{background-color:#dee2e6}.shop-btn-submit{padding:12px 25px;background-color:var(--branch-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.shop-btn-submit:hover:not(:disabled){background-color:var(--branch-secondary);transform:translateY(-2px)}.shop-btn-submit:disabled{opacity:.5;cursor:not-allowed}.shop-messages-container{position:fixed;top:30px;right:30px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:450px}.shop-message{padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000026;animation:slideInRight .3s ease-out}.shop-message.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.shop-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.shop-message i{font-size:24px}.shop-message button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:auto;opacity:.7;transition:opacity .2s}.shop-message button:hover{opacity:1}.shop-network-error{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fff;border-radius:12px;box-shadow:0 20px 40px #0003}.shop-network-error i{font-size:32px;color:#fca5a5}.shop-network-error .error-content{flex:1}.shop-network-error .error-title{font-size:16px;font-weight:700;margin-bottom:4px}.shop-network-error button{padding:8px 16px;background-color:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.shop-network-error button:hover{background-color:#ffffff4d}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.shop-plan-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;display:flex;justify-content:center;align-items:center;animation:shopFadeIn .2s ease}.shop-plan-loading-spinner{text-align:center;background:#fff;padding:40px 60px;border-radius:20px;box-shadow:var(--branch-shadow-hover);border:1px solid var(--branch-primary-light);max-width:400px}.shop-plan-spinner{width:56px;height:56px;border:4px solid var(--branch-gray-light);border-top:4px solid var(--branch-primary);border-radius:50%;margin:0 auto 20px;animation:shopSpin .8s linear infinite}.shop-plan-loading-message{font-size:18px;font-weight:600;color:var(--branch-dark);margin-bottom:8px}@keyframes shopSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shopFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1024px){.shop-tabs-header{gap:12px}.shop-search-controls{max-width:400px}}@media (max-width: 768px){.shop-management-header{min-height:120px}.header-center-content{position:static;transform:none;margin-top:40px;width:100%;max-width:100%;order:2}.header-center-content h1{white-space:normal;flex-wrap:wrap;justify-content:center}.header-top-row{flex-direction:column}.shop-back-btn{order:1;align-self:flex-start;margin-top:-20px;margin-bottom:-50px}.shop-container{padding:15px;height:auto}.shop-tabs-header{flex-direction:column;align-items:stretch;gap:15px}.shop-tabs-selector{width:100%;min-width:100%}.shop-search-controls{width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:10px}.shop-search-input-group{width:100%}.shop-add-btn{width:100%;justify-content:center}.shop-table-wrapper{max-height:calc(100vh - 90px)}.shop-table th,.shop-table td{padding:12px 8px;font-size:13px}.shop-action-btn{width:32px;height:32px}.shop-modal-content{margin:10px;max-height:85vh}.shop-modal-body{padding:20px}.shop-status-select-group,.shop-compact-log-entry{flex-direction:column;gap:10px}.shop-log-main-info,.shop-log-details{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.shop-container{padding:12px}.shop-section-title{font-size:16px;flex-direction:column;align-items:flex-start;gap:5px}.shop-modal-header{padding:15px 20px}.shop-modal-body{padding:15px}.shop-modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.shop-btn-cancel,.shop-btn-submit{width:100%;text-align:center}}.confirm-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.confirm-login-card{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{font-size:64px;margin-bottom:20px;animation:bounce .5s ease-out}.error-icon{font-size:64px;margin-bottom:20px;animation:shake .5s ease-out}@keyframes bounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.confirm-login-card h2{font-size:24px;color:#333;margin-bottom:12px;font-weight:600}.confirm-login-card p{font-size:16px;color:#666;margin-bottom:30px;line-height:1.5}.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;font-size:16px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .3s ease;margin-top:10px}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.confirm-btn:active{transform:translateY(0)}@media (max-width: 480px){.confirm-login-card{padding:30px 20px}.confirm-login-card h2{font-size:20px}.confirm-login-card p{font-size:14px}.success-icon,.error-icon{font-size:50px}}*{margin:0;padding:0;box-sizing:border-box}.office-audit-logs-main{min-height:100vh;padding:20px;background:#f0f2f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.office-audit-header{background:linear-gradient(135deg,#4361ee,#3a0ca3);border-radius:16px;padding:24px 32px;margin-bottom:24px;text-align:center}.office-audit-header h1{font-size:1.8rem;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.office-audit-header p{font-size:.95rem;color:#fffc}.office-statistics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.office-stat-card{background:#fff;border-radius:12px;padding:16px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #00000014;transition:all .2s ease;border-left:4px solid}.office-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.office-stat-card.total{border-left-color:#4f46e5}.office-stat-card.today{border-left-color:#f59e0b}.office-stat-card.critical{border-left-color:#ef4444}.office-stat-card.ips{border-left-color:#06b6d4}.office-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#fff}.total .office-stat-icon{background:#4f46e5}.today .office-stat-icon{background:#f59e0b}.critical .office-stat-icon{background:#ef4444}.ips .office-stat-icon{background:#06b6d4}.office-stat-content h3{font-size:.8rem;font-weight:500;color:#64748b;margin-bottom:4px}.office-stat-content h2{font-size:1.6rem;font-weight:700;color:#1e293b;line-height:1.2}.office-cat-tabs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;background:#fff;padding:15px 20px;border-radius:16px}.office-cat-tabs-selector{min-width:220px}.office-cat-select-icon{position:absolute;left:15px;color:#2c3e50;font-size:16px;z-index:2;pointer-events:none}.office-cat-tab-select{width:100%;padding:12px 45px;border:1px solid #2c3e50;border-radius:8px;font-size:15px;font-weight:600;color:#1a1a2e;background-color:#f8fafc;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s}.office-cat-tab-select:focus{outline:none;box-shadow:0 0 0 3px #2c3e501a}.office-cat-select-arrow{position:absolute;right:15px;color:#2c3e50;font-size:14px;z-index:2;pointer-events:none}.office-sys-user-btn{padding:8px 20px;border-radius:30px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;border:none}.office-cat-select-container{position:relative;display:flex;align-items:center;border:1px solid #617dfc;border-radius:12px;background:#fff;transition:all .3s ease;box-shadow:0 1px 3px #4361ee1a}.office-cat-select-container:hover{border-color:#3a0ca3;box-shadow:0 2px 8px #4361ee33}.office-cat-select-container:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.office-cat-select-icon{position:absolute;left:15px;color:#4361ee;font-size:16px;z-index:2;pointer-events:none}.office-cat-tab-select{width:100%;padding:12px 45px;border:none;border-radius:10px;font-size:15px;font-weight:600;color:#1a1a2e;background-color:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s}.office-cat-tab-select:focus{outline:none}.office-cat-select-arrow{position:absolute;right:15px;color:#7089f7;font-size:14px;z-index:2;pointer-events:none;transition:transform .3s ease}.office-cat-tab-select:hover+.office-cat-select-arrow{transform:translateY(2px)}.office-cat-tab-select option{padding:12px;background:#fff;color:#1e293b;font-weight:500}.office-sys-user-btn.whitelist{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.office-sys-user-btn.whitelist.active{background:#10b981;color:#fff;border-color:#10b981}.office-sys-user-btn.blacklist{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.office-sys-user-btn.blacklist.active{background:#dc2626;color:#fff;border-color:#dc2626}.office-whitelist-section{background:#fff;border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 1px 3px #00000014;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.office-whitelist-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.office-whitelist-header h3{font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.office-whitelist-header h3 i{color:#10b981}.office-whitelist-filters{display:flex;gap:10px;flex-wrap:wrap}.office-whitelist-filters input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff;min-width:200px}.office-whitelist-filters input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.office-whitelist-clear-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.office-whitelist-clear-btn:hover{background:#e2e8f0}.office-whitelist-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.office-whitelist-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:700px}.office-whitelist-table th{padding:14px 12px;text-align:left;background:#f8fafc;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.85rem;white-space:nowrap}.office-whitelist-table td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:.85rem}.office-whitelist-table tbody tr:hover{background:#f8fafc}.device-fp-code{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;padding:6px 10px;border-radius:8px;font-size:.75rem;font-family:Courier New,monospace;cursor:pointer;transition:all .2s}.device-fp-code:hover{background:#e0e7ff}.device-fp-code i{color:#8b5cf6}.office-btn-revoke{padding:6px 14px;background:#fee2e2;color:#991b1b;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.office-btn-revoke:hover{background:#fecaca;transform:translateY(-1px)}.office-whitelist-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.office-whitelist-pagination button{padding:6px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem}.office-whitelist-pagination button:hover:not(:disabled){background:#e2e8f0}.office-whitelist-pagination button:disabled{opacity:.5;cursor:not-allowed}.office-blacklist-section{background:#fff;border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 1px 3px #00000014}.office-blacklist-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.office-blacklist-header h3{font-size:1rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.office-blacklist-header h3 i{color:#dc2626}.office-blacklist-filters{display:flex;gap:10px;flex-wrap:wrap}.office-blacklist-filters input,.office-blacklist-filters select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;background:#fff}.office-blacklist-filters input:focus,.office-blacklist-filters select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a}.office-blacklist-clear-btn{padding:8px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.office-blacklist-add-btn{padding:8px 18px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.office-blacklist-add-btn:hover{background:#b91c1c}.office-blacklist-table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.office-blacklist-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:800px}.office-blacklist-table th{padding:14px 12px;text-align:left;background:#f8fafc;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;font-size:.85rem;white-space:nowrap}.office-blacklist-table td{padding:12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.block-type-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;background:#e0e7ff;color:#3730a3}.blacklist-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;color:#fff}.office-btn-unblock{padding:5px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.75rem;display:inline-flex;align-items:center;gap:4px}.office-btn-unblock:hover{background:#2563eb}.office-blacklist-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.office-history-section{background:#fff;border-radius:16px;padding:20px;margin-top:20px;box-shadow:0 1px 3px #00000014}.office-stats-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.office-stat-badge{padding:6px 16px;border-radius:30px;font-size:.8rem;font-weight:500;border:none;cursor:pointer;background:#f1f5f9;color:#475569;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.office-stat-badge:hover{transform:translateY(-1px)}.office-stat-badge.active{background:#4f46e5;color:#fff}.office-stat-badge.add.active{background:#10b981}.office-stat-badge.edit.active{background:#f59e0b}.office-stat-badge.delete.active{background:#ef4444}.office-stat-badge.view.active{background:#8b5cf6}.office-stat-badge.export.active{background:#06b6d4}.office-history-filters{margin-bottom:20px;padding:15px;background:#f8fafc;border-radius:12px}.office-date-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.office-date-filter-btn{padding:6px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s}.office-date-filter-btn:hover{border-color:#4f46e5;color:#4f46e5}.office-date-filter-btn.active{background:#4f46e5;color:#fff;border-color:#4f46e5}.office-date-filter-btn.clear{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.office-date-filter-btn.clear:hover{background:#fecaca}.office-custom-date-picker{display:flex;gap:12px;align-items:flex-end;margin-top:15px;padding:12px;background:#fff;border-radius:10px;border:1px solid #e2e8f0;flex-wrap:wrap}.office-date-picker-row{display:flex;flex-direction:column;gap:5px}.office-date-picker-row label{font-size:.7rem;font-weight:600;color:#64748b}.office-date-picker-row input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px}.office-apply-date-btn{padding:8px 18px;background:#10b981;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.office-apply-date-btn:hover{background:#059669}.office-history-pagination-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.office-page-controls{display:flex;align-items:center;gap:8px}.office-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s}.office-nav-btn:hover:not(:disabled){background:#4f46e5;color:#fff;border-color:#4f46e5}.office-nav-btn:disabled{opacity:.5;cursor:not-allowed}.office-page-control{display:flex;align-items:center;gap:4px}.office-page-input{width:50px;text-align:center;padding:6px;border:1px solid #e2e8f0;border-radius:6px}.office-page-input:focus{outline:none;border-color:#4f46e5}.office-page-total{font-size:.8rem;color:#64748b}.office-per-page-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer}.office-showing-count{font-size:.8rem;color:#64748b}.office-history-logs-container{max-height:500px;overflow-y:auto}.office-history-logs-container::-webkit-scrollbar{width:6px}.office-history-logs-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.office-history-logs-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.office-history-date-group{margin-bottom:20px}.office-history-date-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f1f5f9;border-radius:8px;margin-bottom:10px}.office-history-date-label{font-weight:600;font-size:.85rem;color:#1e293b}.office-history-date-count{font-size:.7rem;color:#64748b;background:#fff;padding:2px 10px;border-radius:12px}.office-history-logs-list{display:flex;flex-direction:column;gap:8px}.office-history-log-entry{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s;cursor:pointer}.office-history-log-entry:hover{border-color:#4f46e5;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.office-history-log-entry.log-add{border-left:3px solid #10b981}.office-history-log-entry.log-edit{border-left:3px solid #f59e0b}.office-history-log-entry.log-delete{border-left:3px solid #ef4444}.office-history-log-entry.log-view{border-left:3px solid #8b5cf6}.office-history-log-entry.log-export{border-left:3px solid #06b6d4}.office-history-log-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5f9;flex-shrink:0}.office-history-log-content{flex:1}.office-history-log-main-info{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.office-history-log-action{font-weight:600;font-size:.85rem;color:#1e293b}.office-history-log-entity{font-size:.8rem;color:#f59e0b}.office-history-entity-id{font-size:.7rem;color:#94a3b8;margin-left:4px}.office-history-log-details{display:flex;gap:15px;flex-wrap:wrap;font-size:.7rem;color:#64748b}.office-history-log-user i,.office-history-log-time i,.office-history-log-desc i{margin-right:4px}.office-history-user-role{font-size:.65rem;color:#94a3b8;margin-left:4px}.office-history-log-desc{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.office-no-history{text-align:center;padding:40px;color:#94a3b8}.office-no-history i{font-size:48px;margin-bottom:15px}.office-controls-section{background:#fff;border-radius:16px;padding:16px 20px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.office-controls-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap;flex:2}.office-controls-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.office-search-box{position:relative;min-width:260px}.office-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.9rem}.office-search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;background:#fff}.office-search-box input:focus{outline:none;border-color:#4f46e5}.office-filter-group{display:flex;gap:10px;flex-wrap:wrap}.office-filter-group select,.office-filter-group input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;background:#fff;min-width:120px}.office-fingerprint-search{min-width:180px;font-family:monospace}.office-date-filters{display:flex;gap:10px;align-items:center}.office-date-input{display:flex;align-items:center;gap:6px}.office-date-input label{font-size:.8rem;font-weight:500;color:#475569}.office-date-input input{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem}.office-mode-toggle{display:flex;gap:16px;align-items:center}.office-toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem}.office-toggle-label input{display:none}.office-toggle-slider{width:36px;height:18px;background:#cbd5e1;border-radius:20px;position:relative;transition:.2s}.office-toggle-slider:before{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:2px;left:2px;transition:.2s}.office-toggle-label input:checked+.office-toggle-slider{background:#4f46e5}.office-toggle-label input:checked+.office-toggle-slider:before{transform:translate(18px)}.office-btn-clear,.office-btn-refresh{padding:8px 16px;border-radius:10px;font-size:.8rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:none;transition:.2s}.office-btn-clear{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.office-btn-refresh{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.office-btn-clear:hover,.office-btn-refresh:hover{transform:translateY(-1px)}.office-audit-table-section{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #00000014}.office-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.office-section-header h2{font-size:1.2rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.office-table-info{font-size:.85rem;color:#64748b}.office-audit-table-container{overflow-x:auto}.office-audit-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:1200px}.office-audit-table th{padding:14px 10px;text-align:left;background:#f8fafc;font-weight:600;color:#475569;border-bottom:1px solid #e2e8f0;white-space:nowrap;font-size:.85rem}.office-audit-table td{padding:12px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.office-audit-table tbody tr{cursor:pointer;transition:.2s}.office-audit-table tbody tr:hover{background:#f8fafc}.office-audit-table tbody tr.selected{background:#e0e7ff}.office-timestamp-cell{white-space:nowrap}.office-timestamp-date{font-weight:500}.office-timestamp-time{font-size:.7rem;color:#64748b}.office-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.office-user-info strong{display:block;font-size:.85rem}.office-user-info small{font-size:.7rem;color:#64748b}.office-action-badge{padding:4px 10px;background:#f1f5f9;border-radius:6px;font-size:.75rem;font-weight:600;display:inline-block}.office-description-cell{max-width:200px}.office-description-text{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.office-browser-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.office-browser-info i{font-size:1rem}.office-os-info{font-size:.7rem;color:#64748b}.office-device-type-badge{padding:2px 6px;background:#e0e7ff;border-radius:12px;font-size:.65rem}.office-device-fp{display:flex;align-items:center;gap:6px}.office-device-fp i{color:#8b5cf6}.office-fp-hash{font-size:.7rem;font-family:monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px}.office-location-info{display:flex;align-items:flex-start;gap:6px}.office-location-info i{color:#10b981;font-size:.8rem;margin-top:2px}.office-location-details{display:flex;flex-direction:column;gap:2px}.office-location-name{font-size:.8rem}.office-location-ip{font-size:.7rem;color:#64748b;font-family:monospace}.office-severity-badge,.office-status-badge{padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:600;color:#fff;display:inline-block;min-width:70px;text-align:center}.office-btn-view-details,.office-btn-block-ip,.office-btn-block-fp{padding:5px 10px;border-radius:6px;font-size:.7rem;font-weight:500;cursor:pointer;border:none;margin:0 3px 0 0;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.office-audit-table td:last-child{white-space:nowrap;min-width:180px}.office-btn-view-details{background:#e0e7ff;color:#3730a3}.office-btn-view-details:hover{background:#c7d2fe;transform:translateY(-1px)}.office-btn-block-ip:hover{background:#fecaca;transform:translateY(-1px)}.office-btn-block-fp:hover{background:#fde68a;transform:translateY(-1px)}.office-btn-block-ip{background:#fee2e2;color:#991b1b}.office-btn-block-fp{background:#fef3c7;color:#92400e}.office-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:12px}.office-pagination-buttons{display:flex;gap:10px;align-items:center}.office-pagination-btn{padding:6px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem}.office-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.office-page-info{font-size:.8rem;color:#475569}.office-page-size-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem;cursor:pointer}.office-log-details-panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #00000014}.office-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.office-details-header h3{font-size:1rem;font-weight:600;color:#1e293b}.office-btn-close{width:32px;height:32px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer}.office-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.office-detail-item{display:flex;flex-direction:column;gap:5px}.office-detail-item label{font-size:.7rem;font-weight:600;color:#64748b;text-transform:uppercase}.office-detail-value{font-size:.9rem;color:#1e293b;word-break:break-word}.device-fp-full code{font-size:.7rem;background:#f1f5f9;padding:4px 8px;border-radius:6px;font-family:monospace;word-break:break-all}.office-details-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid #e2e8f0}.office-btn-block{padding:6px 14px;background:#fee2e2;color:#991b1b;border:none;border-radius:8px;cursor:pointer;font-size:.75rem;display:inline-flex;align-items:center;gap:6px}.office-back-section{text-align:center;margin-top:24px}.office-btn-back{display:inline-flex;align-items:center;gap:10px;padding:10px 24px;background:#475569;color:#fff;text-decoration:none;border-radius:10px;font-size:.9rem;font-weight:500;transition:all .2s}.office-btn-back:hover{background:#334155;transform:translateY(-1px)}.office-alert{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-radius:10px;margin-bottom:20px;font-size:.85rem}.office-alert-success{background:#ecfdf5;color:#047857;border-left:4px solid #10b981}.office-alert-error{background:#fef2f2;color:#b91c1c;border-left:4px solid #dc2626}.office-blacklist-modal-overlay,.office-history-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.office-blacklist-modal-content,.office-history-modal-content{background:#fff;border-radius:16px;width:500px;max-width:90%;max-height:85vh;overflow-y:auto}.office-blacklist-modal-header,.office-history-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e2e8f0}.office-blacklist-modal-header h3,.office-history-modal-header h3{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.office-blacklist-modal-close,.office-history-modal-close{background:none;border:none;font-size:1.3rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.office-blacklist-modal-close:hover,.office-history-modal-close:hover{background:#f1f5f9}.office-blacklist-modal-body,.office-history-modal-body{padding:20px}.office-blacklist-form-group{margin-bottom:16px}.office-blacklist-form-group label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500}.office-blacklist-form-group input,.office-blacklist-form-group select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem}.office-blacklist-form-row{display:flex;gap:15px}.office-blacklist-form-row .office-blacklist-form-group{flex:1}.office-error-message{color:#dc2626;font-size:.7rem;margin-top:4px;display:block}.office-blacklist-modal-footer,.office-history-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e2e8f0}.office-blacklist-btn-cancel,.office-history-btn-cancel{padding:8px 16px;background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-size:.85rem}.office-blacklist-btn-submit{padding:8px 18px;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.85rem}.office-history-detail-header{padding:15px;background:#f8fafc;border-radius:10px;margin-bottom:20px}.office-history-detail-action{margin-bottom:12px}.office-history-action-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600}.office-history-action-badge.action-add{background:#d1fae5;color:#065f46}.office-history-action-badge.action-edit{background:#fed7aa;color:#9a3412}.office-history-action-badge.action-delete{background:#fee2e2;color:#991b1b}.office-history-detail-meta{display:flex;gap:20px;flex-wrap:wrap}.office-history-detail-user,.office-history-detail-time{display:flex;align-items:center;gap:10px}.office-history-detail-info{margin-bottom:20px}.office-info-row{display:flex;padding:8px 0;border-bottom:1px solid #f1f5f9}.office-info-row label{width:120px;font-weight:600;font-size:.8rem;color:#475569}.office-info-row span{flex:1;font-size:.85rem;color:#1e293b;word-break:break-word}.office-entity-id{font-size:.7rem;color:#94a3b8}.office-device-info-text{font-family:monospace;font-size:.7rem}.office-history-changes-section{margin-top:15px;padding:12px;background:#f8fafc;border-radius:10px}.office-history-changes-section h4{margin-bottom:10px;font-size:.85rem;color:#1e293b}.office-history-changes-list{display:flex;flex-direction:column;gap:6px}.office-history-change-item{display:flex;align-items:flex-start;gap:8px;font-size:.8rem;color:#475569;padding:4px 0}.office-history-change-item i{color:#4f46e5;font-size:.7rem;margin-top:3px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.loading-state i{font-size:48px;margin-bottom:15px}.loading-cell,.no-data{text-align:center;padding:40px;color:#64748b}.loading-cell i{margin-right:8px}.no-data i{font-size:2rem;margin-bottom:10px;display:block}@media (max-width: 1200px){.office-statistics-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.office-statistics-cards{grid-template-columns:repeat(2,1fr)}.office-cat-tabs-header,.office-controls-section,.office-controls-left,.office-controls-right{flex-direction:column;align-items:stretch}.office-filter-group{flex-direction:column}.office-date-filters{flex-direction:column;align-items:stretch}.office-details-grid{grid-template-columns:1fr}.office-history-pagination-header{flex-direction:column}.office-page-controls{justify-content:center}}@media (max-width: 480px){.office-audit-logs-main{padding:12px}.office-statistics-cards{grid-template-columns:1fr}.office-audit-table th,.office-audit-table td{padding:8px 6px}.office-history-log-main-info{flex-direction:column;align-items:flex-start;gap:4px}.office-history-log-details,.office-info-row{flex-direction:column;gap:4px}.office-info-row label{width:auto}}.service-page-main{min-height:100vh;background:#f5f7fa;padding-bottom:60px;font-family:Pyidaungsu,Noto Sans Myanmar,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.service-hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:60px 20px 80px;text-align:center;color:#fff;position:relative;overflow:hidden}.service-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(248,114,10,.15) 0%,transparent 60%);animation:heroGlow 8s ease-in-out infinite}@keyframes heroGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5%,5%) scale(1.1)}}.service-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.service-hero-title{font-size:38px;font-weight:700;margin:0 0 15px;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#f8720a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.service-hero-subtitle{font-size:17px;color:#b8c1ec;margin:0;line-height:1.6;font-weight:400}.service-hero-line{width:80px;height:4px;background:linear-gradient(90deg,#f8720a,#ff8c42);margin:25px auto 0;border-radius:2px}.service-container{max-width:1200px;margin:-50px auto 0;padding:0 20px;position:relative;z-index:2}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:25px;margin-bottom:40px}.service-card{background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 4px 20px #0000000f;border:1px solid #eef2f6;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-color);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f;border-color:var(--card-color)}.service-card:hover:before{transform:scaleX(1)}.service-badge{position:absolute;top:20px;right:20px;background:var(--card-color);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 2px 8px var(--card-color-light)}.service-card-icon{width:70px;height:70px;border-radius:18px;background:var(--card-color-light);color:var(--card-color);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:20px;transition:all .35s ease;flex-shrink:0}.service-card:hover .service-card-icon{background:var(--card-color);color:#fff;transform:scale(1.05) rotate(-5deg)}.service-card-title{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 8px;line-height:1.3;letter-spacing:-.3px}.service-card-subtitle{font-size:12px;color:var(--card-color);font-weight:600;margin:0 0 12px;padding:4px 10px;background:var(--card-color-light);border-radius:6px;display:inline-block;width:fit-content}.service-card-description{font-size:14px;color:#64748b;line-height:1.65;margin:0 0 20px}.service-features{margin-bottom:22px;padding-top:18px;border-top:1px dashed #e2e8f0}.service-features-label{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.service-features-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.service-feature-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#475569;line-height:1.4}.service-feature-item i{color:var(--card-color);font-size:11px;flex-shrink:0}.service-card-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;background:var(--card-color-light);color:var(--card-color);font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;margin-top:auto;width:100%;box-sizing:border-box}.service-card-button:hover{background:var(--card-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px var(--card-color-light)}.service-card-button i{font-size:12px;transition:transform .3s ease}.service-card-button:hover i{transform:translate(4px)}.service-footer-note{background:#fff;border-radius:20px;padding:32px 28px;text-align:center;box-shadow:0 4px 20px #0000000f;border:1px solid #eef2f6}.service-footer-note p{font-size:15px;color:#475569;margin:0 0 18px;font-weight:500}.service-contact-button{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border-radius:30px;background:linear-gradient(135deg,#f8720a,#ff8c42);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #f8720a4d}.service-contact-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #f8720a66}.service-contact-button i{font-size:14px}@media (max-width: 768px){.service-hero{padding:45px 20px 65px}.service-hero-title{font-size:28px}.service-hero-subtitle{font-size:14px}.service-container{margin-top:-40px}.service-grid{grid-template-columns:1fr;gap:18px}.service-card{padding:26px 22px;border-radius:16px}.service-card-icon{width:60px;height:60px;font-size:26px;border-radius:14px;margin-bottom:16px}.service-card-title{font-size:18px}.service-card-description{font-size:13px}.service-badge{top:16px;right:16px;font-size:10px;padding:3px 10px}.service-footer-note{padding:24px 20px}.service-footer-note p{font-size:14px}}@media (max-width: 480px){.service-page-main{padding-bottom:40px}.service-hero{padding:35px 16px 55px}.service-hero-title{font-size:22px;margin-bottom:10px}.service-hero-subtitle{font-size:12px;line-height:1.5}.service-hero-line{width:60px;height:3px;margin-top:18px}.service-container{margin-top:-35px;padding:0 12px}.service-grid{gap:14px;margin-bottom:24px}.service-card{padding:22px 18px;border-radius:14px}.service-card:before{height:3px}.service-card:hover{transform:translateY(-4px)}.service-card-icon{width:52px;height:52px;font-size:22px;border-radius:12px;margin-bottom:14px}.service-card-title{font-size:15px;margin-bottom:6px}.service-card-subtitle{font-size:10px;padding:3px 8px;margin-bottom:10px}.service-card-description{font-size:12px;line-height:1.55;margin-bottom:16px}.service-features{padding-top:14px;margin-bottom:18px}.service-features-label{font-size:10px;margin-bottom:10px}.service-features-list{grid-template-columns:1fr;gap:6px}.service-feature-item{font-size:11px}.service-feature-item i{font-size:10px}.service-card-button{padding:10px 16px;font-size:13px;border-radius:8px}.service-badge{top:12px;right:12px;font-size:9px;padding:3px 8px}.service-footer-note{padding:20px 16px;border-radius:14px}.service-footer-note p{font-size:12px;margin-bottom:14px}.service-contact-button{padding:10px 22px;font-size:13px;gap:8px}}@media (max-width: 360px){.service-hero-title{font-size:19px}.service-hero-subtitle{font-size:11px}.service-card{padding:18px 14px}.service-card-icon{width:46px;height:46px;font-size:20px}.service-card-title{font-size:14px}.service-card-description{font-size:11px}.service-feature-item{font-size:10px}.service-card-button{font-size:12px;padding:9px 14px}}.contact-page-main{min-height:100vh;background:#f5f7fa;padding-bottom:60px;font-family:Pyidaungsu,Noto Sans Myanmar,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.contact-hero{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:60px 20px 80px;text-align:center;color:#fff;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(248,114,10,.15) 0%,transparent 60%);animation:contactHeroGlow 8s ease-in-out infinite}@keyframes contactHeroGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5%,5%) scale(1.1)}}.contact-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.contact-hero-title{font-size:38px;font-weight:700;margin:0 0 15px;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#f8720a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero-subtitle{font-size:17px;color:#b8c1ec;margin:0;line-height:1.6;font-weight:400}.contact-hero-line{width:80px;height:4px;background:linear-gradient(90deg,#f8720a,#ff8c42);margin:25px auto 0;border-radius:2px}.contact-container{max-width:1100px;margin:-50px auto 0;padding:0 20px;position:relative;z-index:2}.contact-intro-text{background:#fff;border-radius:16px;padding:20px 28px;text-align:center;font-size:15px;color:#475569;line-height:1.65;margin:0 0 25px;box-shadow:0 4px 20px #0000000f;border:1px solid #eef2f6}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:30px}.contact-card{background:#fff;border-radius:20px;padding:30px 24px;box-shadow:0 4px 20px #0000000f;border:1px solid #eef2f6;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;height:100%}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--card-accent, #f8720a);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.contact-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px #0000001a}.contact-card:hover:before{transform:scaleX(1)}.contact-card-website{--card-accent: #f8720a;--card-bg: #fff5ec}.contact-card-email{--card-accent: #4361ee;--card-bg: #eef2ff}.contact-card-phone{--card-accent: #27ae60;--card-bg: #e8f8ee}.contact-card-location{--card-accent: #e74c3c;--card-bg: #fdecea}.contact-card-icon{width:70px;height:70px;border-radius:50%;background:var(--card-bg);color:var(--card-accent);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:18px;transition:all .35s ease;flex-shrink:0}.contact-card:hover .contact-card-icon{background:var(--card-accent);color:#fff;transform:scale(1.08) rotate(-5deg)}.contact-card-title{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;margin:0 0 10px}.contact-card-value{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 18px;line-height:1.4;word-break:break-word}.contact-phone-list{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:18px}.contact-phone-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#1a1a2e;cursor:pointer;transition:all .25s ease;font-family:inherit;width:100%;box-sizing:border-box}.contact-phone-item i{color:var(--card-accent);font-size:12px}.contact-phone-item:hover{background:var(--card-accent);color:#fff;border-color:var(--card-accent);transform:translateY(-2px);box-shadow:0 4px 12px #27ae6040}.contact-phone-item:hover i{color:#fff}.contact-card-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:10px;background:var(--card-bg);color:var(--card-accent);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;margin-top:auto;width:100%;box-sizing:border-box;font-family:inherit}.contact-card-button:hover{background:var(--card-accent);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.contact-card-button i{font-size:12px}.contact-hours-section{background:#fff;border-radius:20px;padding:30px 28px;box-shadow:0 4px 20px #0000000f;border:1px solid #eef2f6;display:flex;gap:25px;align-items:flex-start;margin-bottom:25px;transition:all .35s ease}.contact-hours-section:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000014}.contact-hours-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#fff5ec,#ffe8d6);color:#f8720a;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.contact-hours-content{flex:1;min-width:0}.contact-hours-title{font-size:18px;font-weight:700;color:#1a1a2e;margin:0 0 15px;letter-spacing:-.3px}.contact-hours-list{display:flex;flex-direction:column;gap:10px}.contact-hours-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;line-height:1.5;padding:6px 0}.contact-hours-item i{color:#f8720a;font-size:13px;width:18px;flex-shrink:0}.contact-hours-closed,.contact-hours-closed i{color:#e74c3c}.contact-social-section{background:#fff;border-radius:20px;padding:30px 28px;box-shadow:0 4px 20px #0000000f;border:1px solid #eef2f6;text-align:center;margin-bottom:25px}.contact-social-title{font-size:16px;font-weight:700;color:#1a1a2e;margin:0 0 20px;letter-spacing:-.2px}.contact-social-list{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.contact-social-item{width:50px;height:50px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none;transition:all .3s ease}.contact-social-item:hover{background:var(--social-color, #f8720a);color:#fff;border-color:var(--social-color, #f8720a);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #00000026}.contact-social-item[href*=tiktok]:hover{background:linear-gradient(135deg,#000,#25f4ee,#fe2c55);border-color:#000;color:#fff}.contact-social-item[href*=tiktok]:hover i{transform:scale(1.15);text-shadow:2px 0 0 #25f4ee,-2px 0 0 #fe2c55;animation:tiktokShake .5s ease-in-out}@keyframes tiktokShake{0%,to{transform:scale(1.15) rotate(0)}25%{transform:scale(1.15) rotate(-8deg)}75%{transform:scale(1.15) rotate(8deg)}}.contact-footer-note{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:25px 28px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 20px #00000026}.contact-footer-note i{color:#f8720a;font-size:18px;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.contact-footer-note p{font-size:14px;font-weight:500;margin:0;letter-spacing:.2px}.contact-mail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:contactFadeIn .25s ease}@keyframes contactFadeIn{0%{opacity:0}to{opacity:1}}.contact-mail-modal{background:#fff;border-radius:20px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:0 25px 60px #0000004d;animation:contactSlideUp .35s cubic-bezier(.4,0,.2,1)}@keyframes contactSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-mail-modal::-webkit-scrollbar{width:6px}.contact-mail-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.contact-mail-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.contact-mail-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contact-mail-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px 20px 0 0;color:#fff;position:sticky;top:0;z-index:2}.contact-mail-header-title{display:flex;align-items:center;gap:12px}.contact-mail-header-title i{font-size:20px;color:#f8720a}.contact-mail-header-title h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.2px}.contact-mail-close{background:#ffffff1f;border:none;color:#fff;width:34px;height:34px;border-radius:50%;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.contact-mail-close:hover:not(:disabled){background:#e74c3c;transform:rotate(90deg)}.contact-mail-close:disabled{opacity:.5;cursor:not-allowed}.contact-mail-form{padding:24px;display:flex;flex-direction:column;gap:16px}.contact-mail-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-mail-group{display:flex;flex-direction:column;gap:6px}.contact-mail-group label{font-size:12px;font-weight:600;color:#334155;letter-spacing:.2px;display:flex;align-items:center;gap:6px}.contact-mail-group label i{color:#f8720a;font-size:11px;width:14px}.contact-mail-group .required{color:#e74c3c;font-size:13px}.contact-mail-group input,.contact-mail-group textarea{width:100%;padding:11px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:13px;font-family:inherit;color:#1a1a2e;background:#fff;outline:none;transition:all .25s ease;box-sizing:border-box;resize:vertical}.contact-mail-group input::placeholder,.contact-mail-group textarea::placeholder{color:#94a3b8;font-size:12px}.contact-mail-group input:focus,.contact-mail-group textarea:focus{border-color:#f8720a;box-shadow:0 0 0 3px #f8720a1a}.contact-mail-group input:disabled,.contact-mail-group textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.contact-mail-group textarea{min-height:100px;line-height:1.5}.contact-mail-error{background:#fee2e2;color:#b91c1c;padding:10px 14px;border-radius:10px;font-size:12px;display:flex;align-items:center;gap:8px;border-left:3px solid #ef4444;animation:contactShake .4s ease}@keyframes contactShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.contact-mail-error i{font-size:14px}.contact-mail-actions{display:flex;gap:10px;margin-top:6px}.contact-mail-btn{flex:1;padding:12px 18px;border-radius:10px;font-size:13px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease;font-family:inherit}.contact-mail-btn:disabled{opacity:.6;cursor:not-allowed}.contact-mail-btn.cancel{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.contact-mail-btn.cancel:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.contact-mail-btn.send{background:linear-gradient(135deg,#f8720a,#ff8c42);color:#fff;box-shadow:0 4px 14px #f8720a4d}.contact-mail-btn.send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #f8720a66}.contact-mail-success{padding:50px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;animation:contactFadeIn .4s ease}.contact-mail-success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#10b981;display:flex;align-items:center;justify-content:center;font-size:40px;animation:successPop .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes successPop{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}.contact-mail-success p{font-size:15px;color:#1a1a2e;font-weight:500;line-height:1.6;margin:0;max-width:400px}@media (max-width: 768px){.contact-hero{padding:45px 20px 65px}.contact-hero-title{font-size:28px}.contact-hero-subtitle{font-size:14px}.contact-container{margin-top:-40px}.contact-intro-text{padding:18px 22px;font-size:14px}.contact-grid{grid-template-columns:repeat(2,1fr);gap:15px}.contact-card{padding:24px 20px;border-radius:16px}.contact-card-icon{width:60px;height:60px;font-size:24px;margin-bottom:14px}.contact-card-value{font-size:14px}.contact-hours-section{padding:24px 22px;gap:18px}.contact-hours-icon{width:52px;height:52px;font-size:20px}.contact-hours-title{font-size:16px}.contact-social-section{padding:24px 22px}.contact-footer-note{padding:20px 22px;border-radius:16px}.contact-footer-note p{font-size:13px}}@media (max-width: 480px){.contact-page-main{padding-bottom:40px}.contact-hero{padding:35px 16px 55px}.contact-hero-title{font-size:22px;margin-bottom:10px}.contact-hero-subtitle{font-size:12px;line-height:1.5}.contact-hero-line{width:60px;height:3px;margin-top:18px}.contact-container{margin-top:-35px;padding:0 12px}.contact-intro-text{padding:14px 16px;font-size:12px;margin-bottom:18px;border-radius:12px;line-height:1.55}.contact-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.contact-card{padding:20px 18px;border-radius:14px}.contact-card:before{height:3px}.contact-card:hover{transform:translateY(-4px)}.contact-card-icon{width:52px;height:52px;font-size:22px;margin-bottom:12px}.contact-card-title{font-size:11px;margin-bottom:8px}.contact-card-value{font-size:13px;margin-bottom:14px}.contact-phone-list{gap:6px;margin-bottom:14px}.contact-phone-item{padding:7px 12px;font-size:13px;gap:6px}.contact-phone-item i{font-size:11px}.contact-card-button{padding:9px 16px;font-size:12px;border-radius:8px}.contact-hours-section{padding:18px 16px;border-radius:14px;flex-direction:column;gap:12px;margin-bottom:16px;align-items:center;text-align:center}.contact-hours-icon{width:46px;height:46px;font-size:18px;border-radius:12px}.contact-hours-title{font-size:14px;margin-bottom:12px}.contact-hours-list{gap:8px;align-items:center}.contact-hours-item{font-size:12px;padding:4px 0;gap:8px;justify-content:center}.contact-hours-item i{font-size:11px;width:16px}.contact-social-section{padding:18px 16px;border-radius:14px;margin-bottom:16px}.contact-social-title{font-size:13px;margin-bottom:14px}.contact-social-list{gap:10px}.contact-social-item{width:44px;height:44px;border-radius:12px;font-size:17px}.contact-footer-note{padding:16px 18px;border-radius:14px;gap:10px}.contact-footer-note i{font-size:14px}.contact-footer-note p{font-size:12px;line-height:1.4}.contact-mail-overlay{padding:10px}.contact-mail-modal{border-radius:16px;max-height:95vh}.contact-mail-header{padding:16px 18px;border-radius:16px 16px 0 0}.contact-mail-header-title h3{font-size:14px}.contact-mail-header-title i{font-size:16px}.contact-mail-close{width:30px;height:30px;font-size:13px}.contact-mail-form{padding:18px;gap:14px}.contact-mail-row{grid-template-columns:1fr;gap:14px}.contact-mail-group label{font-size:11px}.contact-mail-group input,.contact-mail-group textarea{padding:10px 12px;font-size:12px;border-radius:8px}.contact-mail-group textarea{min-height:90px}.contact-mail-group input::placeholder,.contact-mail-group textarea::placeholder{font-size:11px}.contact-mail-error{font-size:11px;padding:8px 12px}.contact-mail-actions{flex-direction:column-reverse;gap:8px}.contact-mail-btn{padding:11px 16px;font-size:12px;border-radius:8px}.contact-mail-success{padding:40px 20px;gap:14px}.contact-mail-success-icon{width:65px;height:65px;font-size:32px}.contact-mail-success p{font-size:13px}}@media (max-width: 360px){.contact-hero-title{font-size:19px}.contact-hero-subtitle{font-size:11px}.contact-card{padding:16px 14px}.contact-card-icon{width:46px;height:46px;font-size:20px;margin-bottom:10px}.contact-card-title{font-size:10px}.contact-card-value{font-size:12px;margin-bottom:12px}.contact-phone-item{font-size:12px;padding:6px 10px}.contact-card-button{font-size:11px;padding:8px 14px}.contact-hours-title,.contact-social-title{font-size:12px}.contact-hours-item{font-size:11px}.contact-social-item{width:40px;height:40px;font-size:15px}.contact-footer-note p{font-size:11px}.contact-mail-header{padding:14px 16px}.contact-mail-header-title h3{font-size:13px}.contact-mail-form{padding:14px;gap:12px}.contact-mail-btn{font-size:11px;padding:10px 14px}.contact-mail-success{padding:30px 16px}.contact-mail-success-icon{width:55px;height:55px;font-size:26px}.contact-mail-success p{font-size:12px}}*{font-family:Poppins,sans-serif;margin:0;padding:0}