/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-duration:initial}}}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:bg-gradient-to-r:hover{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}}body{color:#413dba18;background-color:#fff;margin:0;padding:0;font-family:lato,sans-serif}.icon{vertical-align:middle;font-size:20px;line-height:1px}.icon_header{vertical-align:middle;font-size:26px;line-height:1px}.icon,.icon_header{margin-right:5px}.close_icon{color:#000;cursor:pointer;margin-top:10px;margin-left:30px;display:none}.grid-container{grid-template:"sidebar header header header".2fr"sidebar main main main"3fr/260px 1fr 1fr 1fr;height:100vh;display:grid}.header{grid-area:header;justify-content:space-between;align-items:center;height:60px;padding:0 30px;display:flex;box-shadow:0 6px 7px -3px #00000059}.header-right{align-items:center;gap:20px;display:flex}.icon-wrapper{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .3s;display:flex;position:relative}.icon-wrapper:hover{background-color:#f0f0f0}.notification-icon .icon{color:#333;font-size:24px}.avatar-icon .icon{color:#0065fb;font-size:32px}.avatar-wrapper{cursor:pointer;transition:transform .3s}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-image{-o-object-fit:cover;object-fit:cover;border:2px solid #0065fb;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #0065fb4d}.notification-badge{color:#fff;background-color:#ff3b30;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.logout-button{color:#ff3b30;cursor:pointer;background:0 0;border:2px solid #ff3b30;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.logout-button:hover{color:#fff;background-color:#ff3b30;transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.logout-button .icon{margin:0;font-size:18px}.menu-icon{display:none}#sidebar{background-color:#0065fb;grid-area:sidebar;height:100%;transition:all .5s;overflow-y:auto}.sidebar-title{border-bottom:1px solid #000;justify-content:flex-start;align-items:center;gap:15px;margin-bottom:0;padding:0;display:flex}.sidebar-site-title{color:#fff;flex-direction:column;justify-content:center;padding:0;display:flex}.logo-text{color:gold;letter-spacing:1px;text-shadow:2px 2px 4px #0000004d;margin:0;padding:0;font-size:32px;font-weight:800;line-height:1.2}.sidebar-site-title h3{color:#fff;opacity:.9;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.2}.sidebar-brand{align-items:center;margin:0;padding:10px 0;display:flex}.sidebar-brand img{display:block}.sidebar-list{padding:0;list-style-type:none}.sidebar-list-item{padding:20px;font-size:18px}.sidebar-list-item:hover{cursor:pointer;background-color:#fff3}.sidebar-list-item>a{color:#fff;text-decoration:none}.sidebar-responsive{position:absolute;z-index:12!important;display:inline!important}.main-container{color:#fffffff2;grid-area:main;padding:20px;overflow-y:auto}.table-container{background-color:#f1f2f5;border-radius:8px;margin-top:20px;overflow:hidden}.categories-table{border-collapse:separate;border-spacing:0;width:100%}.categories-table thead{background-color:#0041c2}.categories-table th{text-align:left;color:#fff;border-right:1px solid #a9a9a9;padding:15px;font-weight:600}.categories-table th:last-child{border-right:none}.categories-table tbody tr{transition:background-color .2s}.clickable-row{cursor:pointer}.categories-table tbody tr:hover{background-color:#d9eafd}.categories-table td{color:#000;border:1px solid #ddd;padding:8px 15px}.category-icon,.table-icon{color:#2962ff;font-size:20px}.status-badge{text-transform:uppercase;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.status-badge.active{color:#fff;background-color:#2e7d32}.status-badge.inactive{color:#fff;background-color:#666}.btn-edit{color:#fff;cursor:pointer;background-color:#2962ff;border:none;border-radius:4px;align-items:center;gap:5px;padding:6px 12px;font-size:14px;transition:background-color .2s;display:flex}.btn-edit:hover{background-color:#1e4fcc}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 20px #0000004d}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3{color:#000;margin:0}.btn-close{cursor:pointer;color:#666;background:0 0;border:none;align-items:center;padding:4px;display:flex}.btn-close:hover{color:#000}.modal-body{padding:20px}.form-group{border:none;margin-bottom:20px;padding:0}.form-group legend{color:#000;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{color:#000;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px;font-size:14px}.form-input:focus{border-color:#2962ff;outline:none}.modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:10px;padding:20px;display:flex}.btn-cancel{color:#fff;cursor:pointer;background-color:#666;border:none;border-radius:4px;padding:10px 20px;font-size:14px}.btn-cancel:hover{background-color:#555}.btn-save{color:#fff;cursor:pointer;background-color:#2e7d32;border:none;border-radius:4px;padding:10px 20px;font-size:14px}.btn-save:hover{background-color:#256829}.confirm-dialog{background-color:#f8f9fa;border-radius:8px;width:90%;max-width:350px;animation:.2s ease-out slideIn;box-shadow:0 4px 20px #0000004d}.confirm-header{background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;padding:15px 20px}.confirm-header h3{color:#000;margin:0;font-size:16px}.confirm-body{text-align:center;background-color:#fff;padding:25px 20px}.confirm-body p{color:#333;margin:0;font-size:14px;line-height:1.5}.confirm-body strong{color:#0041c2}.confirm-footer{background-color:#fff;border-top:1px solid #e0e0e0;border-radius:0 0 8px 8px;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.btn-confirm{cursor:pointer;color:#fff;background-color:#0041c2;border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500}.btn-confirm:hover{background-color:#039}.main-title{justify-content:space-between;display:flex}.main-cards{grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;margin:15px 0;display:grid}.card{border-radius:5px;flex-direction:column;justify-content:space-around;padding:8px 15px;display:flex}.card-label{font-weight:600}.card:first-child{background-color:#2962ff}.card:nth-child(2){background-color:#2e7d32}.card:nth-child(3){background-color:#ff6d00}.card:nth-child(4){background-color:#6dc3bb}.card-inner{justify-content:space-between;align-items:center;display:flex}.card-inner>.card_icon{font-size:25px}@media screen and (max-width:992px){.grid-container{grid-template:"header".2fr"main"3fr/1fr}#sidebar{display:none}.menu-icon,.sidebar-title>span{display:inline}}@media screen and (max-width:768px){.main-cards{grid-template-columns:1fr;gap:10px;margin-bottom:0}.charts{grid-template-columns:1fr;margin-top:30px}}@media screen and (max-width:576px){.hedaer-left{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{-ms-touch-action:none;touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;-webkit-transform:translateZ(0);transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(50%);transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);-webkit-transform:translateY(50%);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;-webkit-transform:translate(-50%);transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.products-table{width:100%;border-collapse:collapse;background-color:#fff}.products-table thead{background-color:#f8f9fa}.products-table th,.products-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.products-table th{font-weight:600;color:#4a5568;font-size:14px}.products-table tbody tr:hover{background-color:#f7fafc}.clickable-row{cursor:pointer;transition:background-color .2s}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.back-button{padding:10px 20px;border:none;borderRadius:5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;cursor:pointer;fontSize:14px;fontWeight:bold;margin-bottom:20px}.back-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.table-container{overflow-x:auto;background:white;border-radius:8px;box-shadow:0 2px 8px #0000001a}.categories-table{width:100%;border-collapse:collapse}.categories-table thead{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.categories-table th{padding:12px;text-align:left;font-weight:600;font-size:14px}.categories-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s}.categories-table tbody tr:hover{background-color:#f8f9fa}.categories-table td{padding:12px;font-size:14px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.login-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#0365fc 0%,#00a8ff 100%);padding:25px 0 0}.login-card{background:white;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:420px;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-header{background:#0365fc;color:#fff;padding:0 30px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0px}.login-logo{max-width:350px;height:auto}.login-header h1{margin:0 0 10px;font-size:32px;font-weight:700;letter-spacing:-.5px}.login-header p{margin:0;font-size:16px;opacity:.95;font-weight:700;color:#fff}.login-form{padding:30px}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;border-left:4px solid #c33;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-group{margin-bottom:24px;border:1px solid #ccc;border-radius:10px;padding:0;background:#fff}.form-group legend{margin-left:10px;padding:0 8px;font-weight:400;color:#2c3e50;font-size:14px;letter-spacing:.3px;background:#fff}.form-group input{width:100%;padding:10px 14px;border:none;border-radius:10px;font-size:15px;transition:all .3s ease;box-sizing:border-box;background:#fff!important;color:#2c3e50;font-weight:500}.form-group:hover{border-color:#999;background:#fff}.form-group:focus-within{border-color:#666;box-shadow:none;background:#fff}.form-group input:focus{outline:none;background:#fff!important}.form-group input::-moz-placeholder{color:#a0aec0;font-weight:400}.form-group input::placeholder{color:#a0aec0;font-weight:400}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset!important;-webkit-text-fill-color:#2c3e50!important;background-color:#fff!important;background:white!important}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{background-color:#f8f9fa;padding:20px 30px;text-align:center;border-top:1px solid #e0e0e0}.login-footer p{margin:0;color:#666;font-size:13px}@media (max-width: 480px){.login-card{border-radius:0}.login-header{padding:30px 20px}.login-header h1{font-size:28px}.login-form{padding:30px 20px 20px}.login-footer{padding:16px 20px}}