@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.container_331d2a{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:var(--uib-size);width:var(--uib-size)}.inner_caa21c{position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.line_c58bbf{position:absolute;top:0;left:calc(50% - var(--uib-stroke) / 2);display:flex;align-items:flex-start;height:100%;width:var(--uib-stroke)}.line_c58bbf:before{content:"";height:22%;width:100%;border-radius:calc(var(--uib-stroke) / 2);background-color:var(--uib-color);animation:pulse_0822a3 calc(var(--uib-speed)) ease-in-out infinite;transition:background-color .3s ease;transform-origin:center bottom}.line_c58bbf:nth-child(1){transform:rotate(-30deg)}.line_c58bbf:nth-child(1):before{animation-delay:calc(var(--uib-speed) / -12 * 1)}.line_c58bbf:nth-child(2){transform:rotate(-60deg)}.line_c58bbf:nth-child(2):before{animation-delay:calc(var(--uib-speed) / -12 * 2)}.line_c58bbf:nth-child(3){transform:rotate(-90deg)}.line_c58bbf:nth-child(3):before{animation-delay:calc(var(--uib-speed) / -12 * 3)}.line_c58bbf:nth-child(4){transform:rotate(-120deg)}.line_c58bbf:nth-child(4):before{animation-delay:calc(var(--uib-speed) / -12 * 4)}.line_c58bbf:nth-child(5){transform:rotate(-150deg)}.line_c58bbf:nth-child(5):before{animation-delay:calc(var(--uib-speed) / -12 * 5)}.line_c58bbf:nth-child(6){transform:rotate(-180deg)}.line_c58bbf:nth-child(6):before{animation-delay:calc(var(--uib-speed) / -12 * 6)}.line_c58bbf:nth-child(7){transform:rotate(-210deg)}.line_c58bbf:nth-child(7):before{animation-delay:calc(var(--uib-speed) / -12 * 7)}.line_c58bbf:nth-child(8){transform:rotate(-240deg)}.line_c58bbf:nth-child(8):before{animation-delay:calc(var(--uib-speed) / -12 * 8)}.line_c58bbf:nth-child(9){transform:rotate(-270deg)}.line_c58bbf:nth-child(9):before{animation-delay:calc(var(--uib-speed) / -12 * 9)}.line_c58bbf:nth-child(10){transform:rotate(-300deg)}.line_c58bbf:nth-child(10):before{animation-delay:calc(var(--uib-speed) / -12 * 10)}.line_c58bbf:nth-child(11){transform:rotate(-330deg)}.line_c58bbf:nth-child(11):before{animation-delay:calc(var(--uib-speed) / -12 * 11)}@keyframes pulse_0822a3{0%,80%,to{transform:scaleY(.75);opacity:0}20%{transform:scaleY(1);opacity:1}}*,*:before,*:after{padding:0;margin:0;box-sizing:border-box}html{font-size:63%}body{font-family:Poppins,sans-serif;background-color:#fff;font-size:1.6rem;line-height:1;font-weight:400;color:#444;width:100%;transition:none!important}ul,ol{list-style:none}a,a:link,a:visited{text-decoration:none;transition:all .3s}form,a,button,input,textarea,select{font-family:inherit;color:inherit}a:hover{color:unset}button:has(svg){line-height:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}input[type=file]{display:none}width-100{width:100%}img{max-width:100%}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea{height:8rem;resize:none;scrollbar-width:none}textarea::placeholder{line-height:1.4}button{border:none;cursor:pointer}::-webkit-scrollbar{width:.4rem;height:.4rem}::-webkit-scrollbar-track{background:none;border:none}::-webkit-scrollbar-thumb{background:#ccc}::-webkit-scrollbar-thumb:hover{background:#aaa}.no-hyphens{overflow-wrap:auto;-webkit-hyphens:unset;hyphens:unset}.breadcrums{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:1.4rem;font-weight:500;color:#b4b4b4;transition:all .3s}.breadcrums a:hover{color:#515151;text-decoration:underline}.breadcrums .current{color:var(--color-brand-dark)}.global--overlay{position:fixed;overflow:hidden;inset:0;width:100%;height:100vh;z-index:100;background-color:#00000026;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.modal{padding:2.4rem;background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 2px #00000040,0 0 10px #0000000d;z-index:100;animation:zoom-in 1s ease-in-out}.modal.basic--modal{width:45rem;min-height:20rem;border-radius:2.4rem}.modal--head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.modal--head span svg{font-size:2.4rem;cursor:pointer}.modal--body{display:flex;flex-direction:column}.modal--title{font-weight:600;font-size:2rem}@keyframes zoom-in{0%{transform:translate(-50%,-50%) scale(.35);opacity:0}15%{transform:translate(-50%,-50%) scale(1);opacity:1}}.form--image{width:100%}.form--img-box{width:100%;height:16rem;border:1.4px dashed #ddd;border-radius:.4rem;background-color:#f1f1f1;padding:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.form--img-box .img--container{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center;max-width:70%}.form--img-box svg{font-size:2rem}.form--img-box h3{font-size:1.3rem;font-weight:500}.form--img-box p{font-size:1.2rem;line-height:1.5}.form--img-box label span{font-size:1rem}.form--image .img--grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;row-gap:2.4rem}.img--grid .img--container{width:100%;max-width:100%}.form--image .img--item{width:100%;height:16rem;border:1.4px solid #ddd;background-color:#f1f1f1;border-radius:.4rem;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.form--image .img--item img{width:95%;height:auto;object-fit:cover;object-position:top}.form--image .img--item-btns{width:100%;position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:space-evenly;gap:1.2rem;margin-bottom:.28rem;display:none}.form--image .img--item:hover .img--item-btns{display:flex;animation:slide-up .2s ease-in;transform:translateY(0);opacity:1}@keyframes slide-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.login_main{background-color:#f9fafb;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.login_container{width:48rem;display:flex;flex-direction:column;gap:2rem}.login_heading{font-size:2.8rem;font-weight:600;line-height:1.3;text-align:center}.login_form{display:flex;flex-direction:column;gap:2rem;padding:4rem;border-radius:.6rem;box-shadow:.2rem .6rem 2.4rem #0000000f;background-color:#fff;border:1.2px solid #eee}.form__item{display:flex;flex-direction:column;gap:.8rem;width:100%;margin:.24rem 0}.form__label{font-size:1.3rem;font-weight:600;color:#333}.form--input-box{position:relative;width:100%}.form__input{font-weight:500;font-family:inherit;padding:1.2rem;border-radius:.4rem;color:#333;border:1.2px solid #ccc;transition:all .35s;outline-color:transparent;width:100%}.form__input:focus{outline-color:#eee}.form__input::placeholder{font-size:1.5rem;font-family:inherit;font-weight:500}.form__submit{padding:1.2rem 1.4rem;border:none;font-weight:600;font-size:1.68rem;color:#fff;background-color:#9acd32;border-radius:.4rem}.form--input-icon{position:absolute;top:50%;transform:translateY(-40%);right:1rem;cursor:pointer}.form--input-icon svg{font-size:1.6rem;color:#555}.sidebar{width:25rem;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.sidebar--header{padding:2.4rem 20px;border-bottom:1px solid #f3f4f6}.sidebar--user{display:flex;align-items:center;gap:1.2rem}.sidebar--user-img{width:4rem;height:4rem;border-radius:50%;background-color:#eee;overflow:hidden;display:flex;align-items:center;justify-content:center}.sidebar--user-name{font-size:1.4rem;font-weight:600;color:#111827;margin-bottom:2px}.sidebar--user-email{font-size:1.2rem;color:#6b7280}.sidebar--nav{flex:1;padding:1.6rem 1.2rem}.menu--item{width:100%;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;background:none;border:none;border-radius:.8rem;cursor:pointer;font-size:1.4rem;color:#6b7280;font-weight:500;transition:all .2s ease;margin-bottom:.4rem;text-align:left}.menu--item:hover{background-color:#f9fafb;color:#111827}.menu--item.is-active{background-color:#f3f4f6;color:#111827}.menu--item-icon{font-size:1.8rem}.sidebar--footer{padding:1.6rem 1.2rem;border-top:1px solid #f3f4f6}.main--content{flex:1;margin-left:25rem;padding:3.2rem;max-width:calc(100% - 25rem)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.2rem}.header--logo{display:flex;align-items:center;gap:1rem}.header--title{font-size:2.8rem;font-weight:700;color:#111827;text-transform:capitalize}.hamburger--icon{display:none;cursor:pointer}.hamburger--icon{font-size:2rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:2.4rem;margin-bottom:3.2rem}.stats--card{background-color:#fff;border-radius:1.2rem;padding:2.4rem;border:1px solid #e5e7eb;transition:transform .2s ease,box-shadow .2s ease}.stats--card:hover{transform:translateY(-2px);box-shadow:0 .4rem 1.2rem #00000014}.stats--card-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}.stats--card-icon{font-size:2.4rem;width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:1rem}.stats--card-title{font-size:1.4rem;font-weight:500;color:#6b7280}.stats--card-value{font-size:2.6rem;font-weight:700;color:#111827;margin-bottom:.8rem}.table--container{background-color:#fff;border-radius:1.2rem;padding:2.4rem;border:1px solid #e5e7eb}.table--header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.4rem;flex-wrap:wrap;gap:1.6rem}.table--title{font-size:1.8rem;font-weight:600;color:#111827;display:flex;align-items:center;gap:.8rem}.table--count{font-size:1.4rem;color:#6b7280;font-weight:400}.table--actions{display:flex;gap:1.2rem;align-items:center}.table--search{padding:.8rem 1.2rem;border:1px solid #e5e7eb;border-radius:6px;font-size:1.4rem;outline:none;width:200px;transition:border-color .2s ease}.table--search:focus{border-color:#667eea}.btn{padding:1rem 1.6rem;border:none;border-radius:.8rem;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn--primary{background-color:#9acd32;color:#fff}.btn--secondary{background-color:#f9fafb;color:#374151;border:1px solid #e5e7eb}.btn--secondary:hover{background-color:#f3f4f6}.table--product{display:grid;grid-template-columns:4rem 1fr;align-items:center;gap:1rem}.table--product-main-img{width:4rem;height:4rem;border-radius:.4rem;background-color:#eee;overflow:hidden}.table--product-main-img img{width:4rem;height:4rem}.table--product-name{font-size:1.4rem;font-weight:500;color:#111827;margin-bottom:2px}.table--product-des{font-size:1.2rem;color:#6b7280}.table--status{padding:.4rem 1.2rem;border-radius:1.2rem;font-size:1.2rem;font-weight:500;display:inline-flex;align-items:center;gap:.4rem}.table--status-enrolled,.table--status-in-stock{background-color:#dcfce7;color:#16a34a}.table--status-pending{background-color:#fef3c7;color:#d97706}.table--status-inactive,.table--status-out-stock{background-color:#fee2e2;color:#dc2626}.table--action-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;padding:.4rem .8rem;color:#6b7280;transition:color .2s ease}.table--action-btn:hover{color:#111827}.table--action-btn svg{font-size:2.2rem}.form--container{background-color:#fff;border-radius:12px;padding:32px;border:1px solid #e5e7eb}.form--section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid #f3f4f6}.section--title{font-size:1.8rem;font-weight:600;color:#111827;margin:0 0 20px}.form--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.form--group{display:flex;flex-direction:column;gap:.8rem}.form--label{font-size:14px;font-weight:500;color:#374151}.form--label .required{color:#ef4444}.form--input{padding:10px 14px;border:1px solid #d1d5db;border-radius:.8rem;font-size:14px;outline:none;transition:border-color .2s ease;font-family:inherit}.form--input:focus{border-color:#667eea}.form--input.error{border-color:#ef4444}.form--textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:.8rem;font-size:14px;outline:none;transition:border-color .2s ease;font-family:inherit;resize:vertical}.form--textarea:focus{border-color:#667eea}.form--textarea.error{border-color:#ef4444}.form--select{padding:10px 14px;border:1px solid #d1d5db;border-radius:.8rem;font-size:14px;outline:none;background-color:#fff;cursor:pointer;font-family:inherit}.form--select:focus{border-color:#667eea}.form--select.error{border-color:#ef4444}.checkbox--group{display:flex;align-items:center;gap:12px}.checkbox--label{display:flex;align-items:center;gap:.8rem;font-size:14px;color:#374151;cursor:pointer}.form--checkbox{width:1.8rem;height:1.8rem;cursor:pointer}.array--item-container{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.btn--add{padding:.8rem 16px;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.btn--add:hover{background-color:#e5e7eb}.btn--remove{padding:.8rem 16px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;font-size:14px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease;white-space:nowrap;align-self:flex-start;margin-top:2.8rem}.btn--remove:hover{background-color:#fecaca}.error--text{font-size:12px;color:#ef4444;margin-top:4px}.form--actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:32px;border-top:1px solid #f3f4f6}.btn--primary{padding:12px 24px;background-color:#9acd32;border:none;border-radius:.8rem;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn--primary:hover{background-color:#99cd32af}.btn--primary:disabled,.btn--primary.disabled{opacity:.6;cursor:not-allowed}.btn--secondary{padding:12px 24px;background-color:#fff;border:1px solid #d1d5db;border-radius:.8rem;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.btn--secondary:hover{background-color:#f9fafb}@media(max-width:1024px){.sidebar{width:24rem}.main--content{margin-left:24rem;max-width:calc(100% - 24rem)}.stats{grid-template-columns:repeat(auto-fit,minmax(24rem,1fr))}}@media(max-width:76.8rem){.sidebar{transform:translate(-100%);position:fixed;z-index:1000}.main--content{margin-left:0;max-width:100%;padding:1.6rem}.header{flex-direction:column;align-items:flex-start;gap:1.6rem}.header--search{width:100%}.stats{grid-template-columns:1fr}.table--header{flex-direction:column;align-items:flex-start}.table--actions{width:100%;flex-direction:column}.table--search{width:100%}}