*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:Montserrat,sans-serif}.login-container{background:radial-gradient(circle,#a00010 0%,#600008 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow-y:auto}.login-container:before{content:"";opacity:.3;pointer-events:none;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25%),linear-gradient(-45deg,#ffffff0d 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0d 75%),linear-gradient(-45deg,#0000 75%,#ffffff0d 75%);background-size:100px 100px;position:absolute;inset:0}.login-card{z-index:10;background-color:#fdf6e9;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:40px;display:flex;box-shadow:0 20px 40px #0006}.login-header{text-align:center;width:100%;margin-bottom:30px}.logo-section{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.main-logo{object-fit:contain;height:50px}.logo-text{text-align:left;flex-direction:column;display:flex}.logo-brand{color:#600008;font-size:22px;font-weight:800;line-height:1}.logo-subtext{color:#1a233a;font-size:18px;font-weight:600}.portal-title{text-align:center;color:#1a233a;justify-content:center;align-items:center;margin-bottom:8px;font-size:28px;font-weight:800}.portal-subtitle{color:#4a4a4a;margin-bottom:0;font-size:14px}.login-form{flex-direction:column;gap:15px;width:100%;display:flex}.input-field-container{width:100%}.input-group{align-items:center;width:100%;display:flex;position:relative}.input-icon-left{color:#fff;align-items:center;font-size:20px;display:flex;position:absolute;left:15px}.input-icon-right{color:#fff9;align-items:center;font-size:18px;display:flex;position:absolute;right:15px}.login-input{color:#fff;background-color:#0d2137;border:none;border-radius:12px;outline:none;width:100%;padding:15px 45px;font-family:Montserrat,sans-serif;font-size:16px;transition:all .3s}.login-input::placeholder{color:#fff9}.login-input:focus{background-color:#162f4a;box-shadow:0 0 0 2px #a000104d}.resend-container{justify-content:flex-end;margin-top:-10px;margin-bottom:5px;display:flex}.resend-link{color:#0d2137;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;text-decoration:underline}.get-otp-button{color:#fff;cursor:pointer;letter-spacing:1px;background-color:#7a000a;border:none;border-radius:20px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:800;transition:background-color .3s}.get-otp-button:hover{background-color:#9a000d}.login-button-container{justify-content:center;margin-top:10px;display:flex}.login-action-button{color:#fff;cursor:pointer;background-color:#7a000a;border:none;border-radius:20px;padding:10px 40px;font-size:16px;font-weight:800;transition:background-color .3s}.login-action-button:hover{background-color:#9a000d}.protocol-text{text-align:center;color:#4a4a4a;margin:15px 0 5px;font-size:12px}.remember-me-container{justify-content:center;align-items:center;gap:8px;margin-bottom:10px;display:flex}.remember-me-container input{cursor:pointer}.remember-me-container label{color:#4a4a4a;cursor:pointer;font-size:13px;font-weight:600}.login-footer{border-top:1px solid #0000001a;flex-wrap:wrap;justify-content:space-between;gap:10px;width:100%;margin-top:20px;padding-top:15px;display:flex}.footer-link{color:#0d2137;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:11px;font-weight:600;text-decoration:underline}.highlight-email{color:#0d2137;font-weight:700}.otp-input-container{justify-content:space-between;gap:10px;width:100%;margin:10px 0 20px;display:flex}.otp-field{color:#fff;text-align:center;background-color:#0d2137;border:none;border-radius:8px;outline:none;width:50px;height:60px;font-size:24px;font-weight:700;transition:all .2s}.otp-field:focus{background-color:#7a000a;transform:translateY(-2px);box-shadow:0 4px 12px #7a000a4d}.verify-button{color:#fff;cursor:pointer;letter-spacing:1px;background-color:#7a000a;border:none;border-radius:20px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:800;transition:background-color .3s}.verify-button:hover{background-color:#9a000d}@media (width<=600px){.login-container{padding:10px}.login-card{border-radius:16px;padding:30px 20px}.portal-title{font-size:24px}.logo-brand{font-size:18px}.logo-subtext{font-size:15px}.login-footer{text-align:center;flex-direction:column;align-items:center}.otp-input-container{gap:5px}.otp-field{width:40px;height:50px;font-size:20px}}.dashboard-header{background:#f8f8f8;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;box-shadow:0 1px 3px #0000001a}.dashboard-header h1{color:#1a202c;margin:0;font-size:24px}.logout-button{color:#fff;cursor:pointer;background-color:#e53e3e;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s}.logout-button:hover{background-color:#c53030}.dashboard-content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:100%;margin-top:30px;display:grid}@media (width<=480px){.dashboard-content{grid-template-columns:1fr;gap:15px;margin-top:20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:10px;padding:15px 20px}.logout-button{text-align:center;width:100%}}.welcome-card{text-align:center;background:#f8f8f8;border-radius:12px;margin-top:20px;padding:40px}.welcome-card h2{color:#1a202c;margin:0 0 16px;font-size:28px}.welcome-card p{color:#718096;margin:0;font-size:16px}@keyframes bake-pie{0%{transform:rotate(0)translate(0,0)}}.graphChart .totalContainer{text-align:center;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(.8rem,2vw,1rem);font-weight:700;display:flex}.graphChart main{border-radius:12px;width:clamp(300px,30vw,500px);padding:20px;box-shadow:0 4px 6px #0000001a}.graphChart section{margin-top:30px}.graphChart .pieID{vertical-align:top;display:inline-block}.graphChart .pie{width:200px;height:200px;margin:0 30px 30px 0;position:relative}.graphChart .pie:before{content:"";z-index:1;background:#eee;border-radius:50%;width:100px;height:100px;display:block;position:absolute;top:50px;left:50px}.graphChart .pie:after{content:"";background:#0000001a;border-radius:50%;width:120px;height:2px;margin:220px auto;display:block;box-shadow:0 0 3px 4px #0000001a}.graphChart .slice{clip:rect(0px, 200px, 200px, 100px);width:200px;height:200px;animation:1s bake-pie;position:absolute}.graphChart .slice span{clip:rect(0px, 200px, 200px, 100px);background-color:#000;border-radius:50%;width:200px;height:200px;display:block;position:absolute;top:0;left:0}.graphChart .legend{margin:0;padding:15px;list-style-type:none}.graphChart .legend li{border-left:1.25em solid #000;height:1.25em;margin-bottom:.7em;padding-left:.5em}.graphChart .legend em{font-style:normal}.graphChart .legend span{float:right}.cards-container{margin-top:20px}.card-body{text-align:center;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-items:center;gap:20px;display:grid}.card-body :hover{cursor:pointer;transform:scale(1.01)}.cardItem{box-sizing:border-box;background:#fff;border-radius:12px;width:100%;padding:20px;box-shadow:2px 5px 5px #56565676}.cardItem :hover{transform:scale(1.02)}.tableHead th{color:#fff!important;background:#c25a1ede!important}.nested-submenu{background:#e9f2fa;border-radius:0 0 8px 8px;padding:8px 5px;list-style:none;animation:.3s slideDown;margin-top:5px!important}.nested-submenu li a{color:#333;background:0 0;font-weight:500;padding-left:55px!important}.nested-submenu li a:hover{color:#d4000f;background:0 0;transform:none}.nested-submenu li.active a{box-shadow:none;color:#d4000f;background:0 0;font-weight:600}@media (width<=1024px){.sidebar{display:none}}.sidebar{color:#0c0c0c;z-index:1200;background:#f8f8f8;flex-direction:column;width:clamp(280px,20vw,310px);height:-webkit-fill-available;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar.open{transform:translate(0)}.main-wrapper{box-sizing:border-box;max-width:100vw;min-height:100vh;margin-left:270px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.sidebar-closed.main-wrapper{margin-left:0}@media (width<=900px){.main-wrapper{margin-left:0}.sidebar{z-index:1300}}.sidebar.closed{transform:translate(-100%)}@media (width<=900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0%)}}.sidebar-header{justify-content:center;margin-top:20px;display:flex}.sidebar-header img{width:50%}.sidebar-header h2{color:#090909;margin:0;font-weight:600}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar-menu{margin-left:20px;padding:0;list-style:none}.sidebar-menu li{margin:10px}@media (width<=767px){.sidebar-menu li{margin:0 5px}}.sidebar-menu li a{color:#898989;align-items:center;padding:12px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.sidebar-menu li a:hover{color:#fff;background:#d4000f;border-radius:12px;transform:scale(1.05)}.sidebar-menu li.active a{color:#fff;background:#d4000f;border-radius:12px}.sidebar-menu li a .icon{text-align:center;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;display:flex}.sidebar-menu li a .icon img{object-fit:contain;width:30px;height:30px}.sidebar-menu li a .label{font-weight:500;position:relative}.sidebar-menu li a .label.active{color:#fff;font-weight:600}.menu-item-wrapper{color:#898989;cursor:pointer;align-items:center;gap:10px;padding:12px 20px;font-weight:500;transition:all .3s;display:flex}.menu-item-wrapperr{color:#fff;cursor:pointer;align-items:center;gap:10px;padding:12px 20px;font-weight:500;transition:all .3s;display:flex}.menu-item-wrapper:hover{color:#fff;background:#d4000f;border-radius:12px;font-weight:500}.menu-item-wrapper:has(.open){color:#fff;background:#d4000f;border-radius:12px;font-weight:500}.menu-item-wrapper.active{color:#fff;background:#d4000f}.menu-item-wrapper .icon.active,.menu-item-wrapper:hover .icon{color:#fff}.menu-item-wrapper .icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.menu-item-wrapper .icon:hover{color:#fff}.menu-item-wrapper .icon img{object-fit:contain;width:30px;height:30px}.dropdown-arrow{margin-left:auto;transition:transform .3s}.dropdown-arrow.open{transform:rotate(-180deg)}.submenu{background:#d4000f;border-radius:12px;margin-top:10px;padding:10px 5px;list-style:none;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.submenu li{color:#898989;margin-bottom:0}.submenu li a{color:#fff;background:0 0;font-weight:600}.submenu li a:hover{color:#d4000f;background:#feffffe5;box-shadow:inset 4px 0 #f0f1f3}.submenu li.active a{color:#d4000f;background:#feffffe5;box-shadow:inset 4px 0 #d4000f}.submenu li a .sublabel{font-weight:450}.sidebar-footer-image{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:12px 20px;display:flex}.sidebar-footer-image p{font-weight:600}.bottom{margin-left:20px}.sidebar-footer{border-top:1px solid #ffffff1a;margin:10px}.logout-btn{color:#898989;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px 20px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.logout-btn:hover{color:#fff;background:#d4000f}.logout-btn .icon{margin-right:12px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menuSearch{align-items:center;gap:1rem;display:flex}.page-title{font-weight:600}@media (width<=450px){.page-title{display:none}}header{z-index:100;position:sticky;top:0}.header_nav{background:#f8f8f8;height:120px;padding:1rem}.header_search{display:inline-block;position:relative}.header_search input{box-sizing:border-box;border:1px solid #9493936d;border-radius:43px;width:clamp(100px,50vw,370px);padding:12px 12px 12px 40px;box-shadow:0 2px 5px #3e3e3e27}.header_search input :focus-visible{border:none}.header_search .search-icon{color:#666;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.header_title{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.header-profile-area{align-items:center;margin-left:16px;display:flex;position:relative}.header-avatar-wrap{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.header-avatar{object-fit:cover;background:#e0e0e0;border:2px solid #d4000f;border-radius:50%;width:40px;height:40px}.header-avatar-name{color:#222;margin-left:8px;font-size:1rem;font-weight:500}.header-profile-dropdown{z-index:100;background:#fff;border-radius:8px;flex-direction:column;min-width:160px;padding:4px 0;display:flex;position:absolute;top:54px;right:0;box-shadow:0 2px 8px #0000001f}.header-profile-dropdown-item{text-align:left;cursor:pointer;color:#222;background:0 0;border:none;width:100%;padding:10px 16px;font-size:1rem;transition:background .2s}.header-profile-dropdown-item:hover{background:#f5f5f5}.header_title img{width:30%}.header_container{justify-content:space-between;align-items:center;gap:1rem;margin-top:20px;display:flex}.header_container .menuSearch{align-items:center;gap:1rem;margin-left:30px;display:flex}@media (width<=768px){.header_container .menuSearch{margin:unset;gap:0;margin-left:0}}.header_container .menubar{color:#d4000f;cursor:pointer;padding:.5rem;font-size:2.2rem;transition:color .3s;display:block}.header_container .menubar:hover{color:#012041}.header_title{position:relative}.bell{color:#fff;cursor:pointer;background:#d4000f;border-radius:43px;width:45px;height:45px;margin-right:20px;padding:.7rem;transition:color .3s}.bell:hover{animation:.5s linear bell-shake}@keyframes bell-shake{0%{transform:rotate(0)}20%{transform:rotate(-25deg)}40%{transform:rotate(25deg)}60%{transform:rotate(-15deg)}80%{transform:rotate(15deg)}to{transform:rotate(0)}}body{background-color:#f8f8f8;font-family:Montserrat,sans-serif}@font-face{font-family:Montserrat;src:url(data:font/ttf;base64,)format("ttf");font-weight:700}h2,h3,h4{font-size:clamp(1rem,2vw,1.3rem);font-weight:700}button{font-size:clamp(.7rem,2vw,1rem);font-weight:600}label,span{font-size:clamp(.7rem,2vw,1rem);font-weight:800}P,textarea,input{font-size:clamp(.8rem,2vw,1rem);font-weight:500}h1,h2,h3,h4,label,span,p,button,input,select,textarea{line-height:1.2em;font-family:Montserrat,sans-serif!important}th,td{font-size:clamp(.5rem,2vw,.7rem);font-weight:700}select,input,textarea{box-shadow:0 4px 6px #0000001a}.icons{color:#898989;margin-right:10px}body{height:100%;margin:0;padding:0;font-family:Montserrat,sans-serif;overflow-y:auto}.app{min-height:100vh}.app-container{flex-direction:column;min-height:100vh;display:flex}.sidebar-overlay{z-index:1299;background:#0000004d;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}@media (width>=901px){.sidebar-overlay{display:none}}.mainPage{margin-left:50px}.main-content{box-sizing:border-box;max-width:100%;margin:20px 50px}@media (width<=999px){.main-content{margin:20px}}@media (width<=640px){.main-content{margin:15px 10px}}.cancelBtn{color:#fff;cursor:pointer;background-color:#a3a3a4db;border:none;border-radius:30px;justify-content:center;align-items:center;width:max-content;margin-left:10px;padding:10px;font-size:clamp(.8rem,2vw,1rem);font-weight:600;display:flex}.cancelBtn:hover{background-color:#7673739a;transform:scale(1.05)}.commonButton{color:#fff;cursor:pointer;background:#d4000f;border:none;border-radius:30px;justify-content:center;align-items:center;width:fit-content;padding:10px 20px;font-size:clamp(.8rem,2vw,1rem);font-weight:600;transition:background .3s;display:flex}.commonButton:hover{background:#003f7d;transform:scale(1.05)}:root{--gray-darker:#141414;--gray-dark:#696969;--gray:#999;--gray-light:#ccc;--gray-lighter:#ececec;--gray-lightest:#f5f5f5}.cards .cards__item .card img{object-fit:cover;vertical-align:middle;width:100%;height:250px;margin:0 auto;display:block}@media (width<=640px){.cards .cards__item .card img{height:200px}}.btn{border:1px solid var(--gray-light);color:var(--gray-dark);text-transform:lowercase;background-color:#fff;padding:.5rem}.btn--block{width:100%;display:block}.cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;width:100%;max-width:100%;margin:0;padding:0;list-style:none;display:grid}.cards__item{width:100%;min-width:0;padding:0;overflow:hidden}.modal-content .body{justify-content:flex-start;align-items:center;gap:20px;display:flex}@media (width<=768px){.modal-content .body{flex-direction:column;align-items:flex-start;gap:15px}.modal-content .body>div{flex:none!important;width:100%!important}.modal-content .body img{object-fit:cover;width:100%;max-height:300px}}@media (width<=480px){.modal-content .body{gap:12px}.modal-content .body img{max-height:250px}}.body{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.card__image:hover{scale:1.02}.card{background-color:#fff;border-radius:15px;flex-direction:column;width:100%;height:100%;min-height:400px;transition:transform .2s;display:flex;position:relative;overflow:hidden}@media (width<=640px){.card{min-height:350px}}.card:hover .card__image{filter:contrast()}.card__content{flex-direction:row;flex:auto;margin:20px;display:flex}.card__image{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:.25rem;border-top-right-radius:.25rem;position:relative;overflow:hidden}.card__image:before{display:block}.card__title{color:var(--gray-darker)}.card__title h3{text-align:left;margin-bottom:10px}.card__text{flex:auto;margin-bottom:1.25rem}.card__text--truncate{-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:.5rem;display:-webkit-box;overflow:hidden}.mediaUploads .cards{cursor:pointer}.card{position:relative}.card__toggle{z-index:5;position:absolute;bottom:16px;right:16px}.category-dropdown-menu{z-index:100000;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:120px;padding:6px 0;position:absolute;top:160%;left:-260%;transform:translateY(-100%);box-shadow:0 2px 8px #00000014}@media (width<=1024px){.category-dropdown-menu{min-width:140px;top:100%;left:auto;right:-12px;transform:translateY(0)}}.category-dropdown-item{cursor:pointer;color:#141313a7;padding:8px 16px;transition:background .15s}.category-dropdown-item:hover{color:#fff;background:#d4000f;border-radius:8px}@media (width<=768px){.category-dropdown-item{align-items:center;gap:8px;min-height:40px;padding:10px 16px;display:flex}}.categories-container{margin:30px 100px}@media (width<=1200px){.categories-container{margin:30px 50px}}@media (width<=900px){.categories-container{margin:20px 30px;padding:0}}@media (width<=600px){.categories-container{margin:15px;padding:0}}.category-item{cursor:pointer;border-radius:8px;align-items:center;min-height:60px;margin-top:10px;display:flex;position:relative;overflow:visible}.category-item:hover{scale:1.001}@media (width<=768px){.category-item{min-height:50px;margin-top:8px}}.category-item-child{margin-top:10px;margin-bottom:10px;margin-left:32px;padding-left:24px}@media (width<=768px){.category-item-child{margin-top:8px;margin-bottom:8px;margin-left:16px;padding-left:12px}}.category-tree-vert{z-index:0;background:#e5e7eb;border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:8px}.category-tree-vert-last{bottom:50%}.category-tree-horiz{z-index:0;background:#e5e7eb;width:16px;height:2px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.category-content,.category-content-fam{background:#fff;border-radius:12px;align-items:center;width:100%;padding:15px 12px 15px 15px;display:flex;position:relative;overflow:visible;box-shadow:0 4px 6px #0000001a}@media (width<=768px){.category-content{border-radius:8px;padding:10px 8px 10px 10px}}@media (width<=480px){.category-content{border-radius:6px;padding:8px 6px 8px 8px;box-shadow:0 2px 4px #00000014}}.downArrow{color:#d4000f;align-items:center;margin-left:auto;display:flex}.category-toggle{align-items:center;margin-right:8px;display:flex}.category-toggle-placeholder{width:28px;display:inline-block}.category-icon-bg{background:#d4000f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;display:flex}.category-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:50px;height:50px;margin-right:15px}@media (width<=768px){.category-icon-bg{width:32px;height:32px;margin-right:8px}.category-image{width:45px;height:45px;margin-right:10px}}@media (width<=480px){.category-icon-bg{width:28px;height:28px}.category-icon-bg svg{width:16px;height:16px}.category-image{width:40px;height:40px;margin-right:8px}}.category-names{color:#d4000f;word-break:break-word;flex-direction:column;min-width:0;margin-left:10px;margin-right:10px;font-weight:500;text-decoration:none;display:flex}@media (width<=768px){.category-names{margin-right:8px}}@media (width<=480px){.category-names{margin-right:5px}}.category-name{color:#d4000f;font-weight:500;text-decoration:none}.DetailsSection{color:#d4000f;flex-direction:column;margin-left:20px;display:flex}.DetailsSection h3{align-items:center;display:flex}.commonBtn{flex-shrink:0;margin-left:auto}@media (width<=700px){.commonBtn{margin:0}}.both{justify-content:center;align-items:center;gap:10px;display:flex}@media (width<=480px){.both{gap:5px}}.common{color:#fff;background:#60a92c;border-radius:30px;padding:8px 16px}.commonBtn button{cursor:pointer;background:0 0;border:none;border-radius:30px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:8px 16px;display:flex}@media (width<=768px){.commonBtn button{min-width:40px;min-height:40px;padding:6px 12px}}@media (width<=480px){.commonBtn button{min-width:38px;min-height:38px;padding:5px 10px}}.DetailPage{width:100%;min-height:100vh;overflow-y:auto}@media (width<=700px){.DetailPage .category-content{flex-wrap:wrap}}.form-button-group{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.form-button-group .commonBtn{cursor:pointer;border-radius:4px;padding:10px 20px;transition:all .2s}@media (width<=480px){.form-button-group{flex-direction:row;justify-content:center;gap:8px}.form-button-group .commonBtn{width:100%;padding:12px 20px}}.modal input,.modal select,.modal textarea{box-sizing:border-box;width:100%}@media (width<=600px){.category-item{min-height:44px;margin-top:6px}.category-item-child{margin-top:6px;margin-bottom:6px;margin-left:12px;padding-left:8px}}@media (width<=480px){.categories-container{margin:0}.category-item{min-height:40px;margin-top:5px}.category-item-child{margin-top:5px;margin-bottom:5px;margin-left:8px;padding-left:6px}.category-content{padding:6px 8px}.category-name{font-size:14px;line-height:1.3}.drag-handle{margin-left:2px!important;margin-right:4px!important}}@media (width<=360px){.categories-container{margin:0}.category-content{padding:5px 6px}.category-name{font-size:13px}.category-icon-bg{width:26px;height:26px;margin-right:6px}.category-icon-bg svg{width:14px;height:14px}}@media (width<=768px){.drag-handle{min-width:32px;min-height:32px;padding:4px}}@media (width<=480px){.drag-handle{min-width:36px;min-height:36px;padding:6px}.sortable-ghost{border-width:1px}}.drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.drag-handle:active{cursor:grabbing}.sortable-ghost{opacity:.4;background:#e3f2fd;border:2px dashed #d4000f;border-radius:8px}.sortable-chosen{cursor:grabbing!important}.sortable-drag{opacity:1;background:#fff;border-radius:8px;box-shadow:0 8px 16px #0003}@media (width<=768px){.drag-handle{min-width:32px;min-height:32px;padding:4px}}@media (width<=480px){.drag-handle{min-width:26px;min-height:26px;padding:6px}.sortable-ghost{border-width:1px}}.sortable-fallback{opacity:0!important}.distributor-action-dropdown-menu{right:0;left:unset;z-index:1000;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;width:140px;margin-top:5px;position:absolute;top:240%;box-shadow:0 4px 12px #00000026}@media (width<=1200px){.distributor-action-dropdown-menu{top:20%}}.open-btn{padding:10px 20px}.modal h2{color:#d4000f}.modal-overlay{z-index:10000;background:#0b0b0b61;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.category-modal{flex-direction:column;align-items:flex-start;margin-bottom:20px;display:flex}.modal{text-align:center;background:#fff;border-radius:8px;width:880px;max-width:90vw;max-height:90vh;padding:20px 25px;animation:.3s fadeIn;position:relative;overflow-y:auto}.edit-button{cursor:pointer;color:#121212;background:0 0;border:none;font-size:20px;position:absolute;top:5px;right:5px}.edit-button:hover{color:#a80202;animation:.8s linear bell-shake;rotate:1.1deg}@media (width<=1024px){.modal{width:65vw;padding:18px 20px}}@media (width<=768px){.modal{width:65vw;padding:15px}}@media (width<=480px){.modal{border-radius:6px;width:80vw;padding:12px}.compact-modal{width:90vw}}.modal:has(.modal-form){text-align:left;width:800px;max-width:95vw}.modal-form{max-height:70vh;padding-right:10px;overflow-y:auto}.modal-form .form-section{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;padding:15px}.modal-form .form-section h3{color:#333;border-bottom:1px solid #ba7953;margin:0 0 15px;padding-bottom:5px;font-weight:600}.modal-form .form-row{gap:15px;margin-bottom:10px;display:flex}.modal-form .form-group{flex-direction:column;flex:1;gap:5px;display:flex}.modal-form .form-group label{color:#333;font-weight:500}.modal-form .form-group input{border:1px solid #ddd;border-radius:4px;padding:8px}.modal-form .form-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff26}.modal-form .form-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.modal-form .profile-image-section{align-items:center;gap:15px;display:flex}.modal-form .current-image img{border:2px solid #ddd;border-radius:50%}@media (width<=768px){.modal:has(.modal-form){width:95vw;padding:15px}.modal-form .form-row{flex-direction:column;gap:10px}.modal-form .profile-image-section{flex-direction:column;align-items:flex-start}}.close-btn{margin-top:15px;padding:8px 15px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-image-container{flex-direction:column;align-items:center;gap:20px;padding:10px;display:flex}.modal-full-image{object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:60vh;box-shadow:0 4px 6px #0000001a}.modal-actions{justify-content:center;gap:15px;width:100%;display:flex}.delete-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:5px;padding:10px 20px;font-weight:500;transition:background-color .3s}.delete-button:hover{background-color:#c82333}.modal:has(.modal-image-container){width:600px;max-width:95vw}.modal.admin-user-modal{width:min(720px,94vw);max-width:94vw}@media (width<=768px){.modal.admin-user-modal{width:95vw;max-width:95vw}.modal:has(.modal-image-container){width:95vw}.modal-full-image{max-height:50vh}.modal-actions{flex-direction:column}}.category-toggle .mini-toggle{display:inline-block;position:absolute;bottom:20px;right:20px}.distributors-toggle .mini-toggle{display:inline-block;position:absolute;bottom:20px;right:40px}@media (width<=480px){.distributors-toggle .mini-toggle{bottom:10px}}.media-toggle .mini-toggle{position:absolute;bottom:10px;right:50px}.mini-toggle{width:40px;height:20px;display:inline-block;position:relative}.mini-toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:999px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}input:checked+.slider{background-color:#4ade80}input:checked+.slider:before{transform:translate(16px)}.pagination{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;margin:16px 0 28px;padding:0 8px;display:flex}.pagination-btn{color:#d4000f;background-color:#fff;border:none;border-radius:50px;flex:none;width:35px;min-width:35px;height:35px;font-weight:bolder;box-shadow:0 4px 4px #00000021}.pagination-btn.active,.pagination-btn:hover{color:#fff;background-color:#d4000f}@media (width<=1024px){.pagination{gap:10px;margin-bottom:20px}}@media (width<=768px){.pagination{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:center;padding-bottom:4px;overflow-x:auto}.pagination-btn{width:34px;height:34px}}.breadcrumb-align-standard{box-sizing:border-box;width:100%;max-width:900px;margin-left:2vw;margin-right:0}@media (width<=900px){.breadcrumb-align-standard{max-width:100%;margin-left:4vw}}@media (width<=600px){.breadcrumb-align-standard{margin-left:2vw;padding-left:0;padding-right:0}.breadcrumb-productlist-row{flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-left:0;margin-right:0}.productlist-title{margin-top:2px;font-size:18px}.breadcrumb-text{font-size:12px}}.view-more-btn{color:#d4000f;cursor:pointer;background:0 0;border:none;margin-top:2px;padding:0;font-size:14px;text-decoration:underline;transition:color .2s}.view-more-btn:hover{color:#002d5c}.product-description-clamp{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;max-width:100%;min-height:2.6em;display:-webkit-box;overflow:hidden}.breadcrumb-productlist-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;margin-left:0;margin-right:0;display:flex}.breadcrumb-productlist-col{flex-direction:column;align-items:flex-start;margin-right:80px;display:flex}.breadcrumb-text{color:#6b7280;margin:0;font-size:14px}.productlist-title{color:#111827;margin:6px 80px 0 0;font-size:22px}@media (width<=600px){.breadcrumb-productlist-row{flex-direction:column;align-items:flex-start;gap:8px;margin-left:0;margin-right:0}.productlist-title{margin-top:2px;font-size:18px}.breadcrumb-text{font-size:12px}}.video-text-responsive{word-break:normal;overflow-wrap:break-word;width:100%;min-width:0;max-width:100%}.video-title-responsive{white-space:normal;overflow-wrap:break-word;margin:0 0 6px;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.35}.video-desc-responsive{white-space:normal;overflow-wrap:break-word;margin:0;font-size:clamp(.8rem,2vw,1rem);line-height:1.5}.videoCard.product-video-card{gap:10px;flex-direction:column!important;align-items:stretch!important;display:flex!important}.videoCard.product-video-card .product-video-frame{border-radius:10px;min-height:200px;width:100%!important;max-width:100%!important}.product-video-meta{flex-direction:column;justify-content:flex-start;width:100%;min-width:0;display:flex}@media (width<=900px){.videoCard.product-video-card .product-video-frame{min-height:180px}}.cards-sect{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-top:20px;display:grid}.cards__items{flex:180px;min-width:150px;max-width:220px}.card-menu{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;justify-content:center;min-height:auto;padding:15px;transition:all .3s;display:flex;height:max-content!important}.card__contents{flex-direction:column;display:flex}.card__types{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.7rem;font-weight:600}.product-meta-section{margin-top:30px}.meta-group{margin-bottom:35px}.group-title{color:#222;margin-bottom:15px;font-size:18px;font-weight:600}.meta-grid{flex-wrap:wrap;gap:16px;display:flex}.meta-card{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:12px;min-width:220px;padding:16px;display:flex}.meta-icon{justify-content:center;align-items:center;display:flex}.meta-title{margin:0;font-size:15px}.meta-type{color:#777;font-size:12px}.card__text--clamp{-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;min-height:5.2em;display:-webkit-box;overflow:hidden}.body{background:#eae5e52c;border-radius:12px;gap:20px;width:100%;margin-top:20px;padding:20px}@media (width<=1024px){.body{flex-direction:column}}@media (width<=768px){.body{gap:15px}}@media (width<=480px){.body{gap:10px;padding:0}}.inputFields{box-sizing:border-box;width:100%;max-width:100%}@media (width<=1024px){.inputFields{width:100%}}@media (width<=768px){.inputFields{width:100%}}@media (width<=480px){.inputFields{width:100%}}.select-container{text-align:center;box-sizing:border-box;width:100%}@media (width<=768px){.select-container{width:100%}}@media (width<=480px){.select-container{width:100%}}.form{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px;width:100%;display:flex}@media (width<=768px){.form{gap:12px}}@media (width<=480px){.form{gap:10px}}.form select{cursor:pointer;box-sizing:border-box;background-color:#fff;border:none;border-radius:10px;outline:none;width:100%;padding:15px 15px 15px 10px;box-shadow:0 0 5px #0000001a}@media (width<=768px){.form select{padding:12px 10px}}@media (width<=480px){.form select{padding:10px 8px}}.modal-tags-container{width:100%}.modal-tags-container .addbtn{gap:10px;width:100%;display:flex}@media (width<=480px){.modal-tags-container .addbtn{flex-direction:column}}.modal-tags-container .addbtn input{flex:1}@media (width<=480px){.modal-tags-container .addbtn input{width:100%}}.modal-tags-container .addbtn button{color:#fff;cursor:pointer;white-space:nowrap;background:#d4000f;border:none;border-radius:30px;padding:10px 20px;font-weight:500;box-shadow:0 0 5px #0000001a}@media (width<=480px){.modal-tags-container .addbtn button{width:100%}}.form-header{align-items:center;gap:20px;display:flex}@media (width<=768px){.form-header{align-items:stretch;gap:15px}}@media (width<=360px){.form-header{flex-direction:column;align-items:flex-start}}.videoContainer{box-sizing:border-box;background:#fff;border-radius:30px;flex-direction:column;width:100%;height:fit-content;margin-top:10px;padding:20px;display:flex;box-shadow:0 0 5px #0000001a}@media (width<=768px){.videoContainer{border-radius:20px;padding:15px}}@media (width<=480px){.videoContainer{border-radius:15px;padding:12px}}.videoContainer h1{text-align:left}.videoContainer .bulk-video-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:flex-start;gap:15px;width:100%;margin-bottom:20px;display:grid}@media (width<=768px){.videoContainer .bulk-video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}}@media (width<=480px){.videoContainer .bulk-video-grid{grid-template-columns:1fr;gap:10px}}.uploadSection{flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%;margin-top:20px;display:flex}@media (width<=1024px){.uploadSection{flex-direction:column;align-items:center}}@media (width<=768px){.uploadSection{gap:15px;margin-top:15px}}@media (width<=480px){.uploadSection{gap:10px;margin-top:10px}}.fileUpload{box-sizing:border-box;background:#fff;border-radius:30px;width:100%;height:fit-content;margin-top:10px;padding:0;position:relative;box-shadow:0 0 10px #0000001a}.radioBtns{display:flex}@media (width<=370px){.radioBtns{flex-direction:column;display:block}}@media (width<=768px){.fileUpload{border-radius:10px}}@media (width<=480px){.fileUpload{border-radius:8px;margin-top:5px}}.upArea{align-items:center;display:flex}@media (width<=1200px){.upArea{flex-direction:column;align-items:stretch;gap:10px}}.fileUpload .upload-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 25px 15px;display:flex}.fileUpload .upload-header h1{color:#1a1a1a;margin:0}.fileUpload .close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.fileUpload .close-btn:hover{color:#1a1a1a}.fileUpload .file-type-selector{padding:15px 25px}.fileUpload .file-type-selector label{color:#9ca3af;margin-bottom:10px;display:block}.fileUpload .radio-group{gap:20px;display:flex}.fileUpload .radio-option{cursor:pointer;align-items:center;gap:8px;margin:0;display:flex}.fileUpload .radio-option input[type=radio]{cursor:pointer;accent-color:#d4000f;width:18px;height:18px;margin:0}.fileUpload .radio-option span{color:#1a1a1a}.fileUpload .upload-area{text-align:center;cursor:pointer;background:#fff;border:2px dashed #d1d5db;border-radius:8px;margin:15px 25px;padding:10px;transition:all .3s;position:relative}.fileUpload .upload-area:hover{background:#fafafa;border-color:#d4000f}.fileUpload .upload-area:after{content:"";gap:5px;display:flex;position:absolute;top:10px;right:10px}.fileUpload .upload-area .plus-icon{color:#1a1a1a;margin-bottom:8px;font-weight:300}.fileUpload .upload-area p{color:#1a1a1a;margin:5px 0}.fileUpload .upload-area .file-info{color:#9ca3af}.fileUpload .file-list{grid-template-columns:1fr 1fr;gap:10px;width:calc(100% - 50px);max-height:280px;margin:20px 0;padding:0 25px;display:grid;overflow-y:scroll}@media (width<=1200px){.fileUpload .file-list{width:100%}}@media (width<=767px){.fileUpload .file-list{grid-template-columns:1fr;width:100%}}.fileUpload .file-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding:12px 15px;display:flex}.fileUpload .file-item .file-info-row{flex:1;align-items:flex-start;gap:12px;display:flex}.fileUpload .file-item .file-icon{margin-top:2px}.fileUpload .file-item .file-details{flex-direction:column;flex:1;gap:5px;display:flex}.fileUpload .file-item .file-name{color:#1a1a1a;margin:0;font-weight:500}.fileUpload .file-item .file-meta{color:#9ca3af;gap:8px;display:flex}.fileUpload .file-item .file-size{color:#9ca3af}.fileUpload .file-item .file-progress{color:#1a1a1a;font-weight:500}.fileUpload .file-item .file-time{color:#9ca3af}.fileUpload .file-item .file-status-text{color:#10b981;font-weight:500}.fileUpload .file-item .file-status-text.error{color:#ef4444}.fileUpload .progress-bar{background:#e5e7eb;border-radius:2px;width:100%;height:4px;margin-top:3px;overflow:hidden}.fileUpload .progress-fill{background:#18a103;height:100%;transition:width .3s}.fileUpload .file-actions{align-items:center;gap:8px;display:flex}.fileUpload .retry-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.fileUpload .retry-btn:hover{color:#1a1a1a}.fileUpload .delete-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.fileUpload .delete-btn:hover{color:#ef4444}.button-group{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:10px;margin-top:10px;padding:20px 25px;display:flex}@media (width<=600px){.button-group{flex-direction:column}}.button-group .cancel-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 30px;font-weight:500;transition:all .2s}.fileUpload .button-group .cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.fileUpload .button-group .save-btn{color:#fff;cursor:pointer;background:#d4000f;border:none;border-radius:8px;padding:10px 40px;font-weight:500;transition:all .2s}.fileUpload .button-group .save-btn:hover{background:#d4000f}.UploadImages{box-sizing:border-box;background:#fff;border-radius:30px;width:100%;height:fit-content;padding:20px;box-shadow:0 0 5px #0000001a}@media (width<=768px){.UploadImages{border-radius:20px;padding:15px}}@media (width<=480px){.UploadImages{border-radius:15px;padding:12px}}.bulkThumbnail h1{margin-bottom:15px}.bulkUpload{flex-direction:column;width:100%;display:flex}.container{text-align:left;max-width:960px;margin:30px auto}h1{text-align:left;margin:20px 0}h1 small{color:gray;padding-top:8px;display:block}.avatar-upload{width:120px;height:120px;margin:50px auto;position:relative}@media (width<=768px){.avatar-upload{width:100px;height:100px;margin:20px auto}}@media (width<=480px){.avatar-upload{width:90px;height:90px;margin:15px auto}}.avatar-upload .avatar-edit{z-index:1;position:absolute;top:-10px;right:-10px}.avatar-upload .avatar-edit input{display:none}.avatar-upload .avatar-edit input+label{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:100%;width:34px;height:34px;margin-bottom:0;font-weight:400;transition:all .2s ease-in-out;display:inline-block;box-shadow:0 2px 4px #0000001f}.avatar-upload .avatar-edit input+label:hover{background:#f1f1f1;border-color:#d6d6d6}.avatar-upload .avatar-edit input+label:after{content:"";color:#757575;text-align:center;margin:auto;font-family:FontAwesome;position:absolute;top:10px;left:0;right:0}.avatar-upload .avatar-preview{border:1px dashed #d4000f;border-radius:30px;width:120px;height:120px;position:relative;box-shadow:0 2px 4px #0000001a}@media (width<=768px){.avatar-upload .avatar-preview{border-radius:20px;width:100px;height:100px}}@media (width<=480px){.avatar-upload .avatar-preview{border-radius:15px;width:90px;height:90px}}.avatar-upload .avatar-preview>div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:30px;width:100%;height:100%}.body form{flex-direction:column;width:100%;display:flex}.body form input{box-sizing:border-box;border:none;border-radius:10px;width:100%;padding:15px;box-shadow:0 0 5px #0000001a}@media (width<=768px){.body form input{border-radius:20px;height:45px;padding:15px}}@media (width<=480px){.body form input{border-radius:15px;height:42px;padding:12px}}.body form label{margin-top:10px}.body form .label{margin-top:20px}.body form textarea{resize:vertical;box-sizing:border-box;border:none;border-radius:20px;width:100%;padding:20px;font-family:inherit;box-shadow:0 0 5px #0000001a}@media (width<=1024px){.body form textarea{max-width:100%}}@media (width<=768px){.body form textarea{border-radius:15px;padding:15px}}@media (width<=480px){.body form textarea{border-radius:12px;padding:12px}}.body form .description{margin-top:20px}.product-detail-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:30px;width:clamp(300px,90%,1520px);margin:0 auto;display:grid}@media (width<=1024px){.product-detail-container{grid-template-columns:repeat(1,1fr);justify-items:center;gap:20px;width:95%;margin-top:20px}}@media (width<=768px){.product-detail-container{gap:15px;width:100%;margin:0;padding:10px}}@media (width<=480px){.product-detail-container{gap:10px;padding:5px}}.product-detail-container .frame-one{background:#fff;border-radius:30px;width:100%;max-width:680px;height:fit-content;padding:20px;box-shadow:0 0 10px #0000001a}@media (width<=768px){.product-detail-container .frame-one{border-radius:20px;padding:15px}}@media (width<=480px){.product-detail-container .frame-one{border-radius:15px;padding:12px}}.product-detail-container .frame-one img{clip-path:polygon(0% 0%,80% 0%,100% 17%,100% 100%,17% 100%,0% 80%);width:100%;margin:0 auto}.product-detail-container .frame-one .content{justify-content:space-between;align-items:center;margin-top:40px;display:flex}.product-detail-container .frame-one .description{margin-top:20px}p{color:#000}.product-detail-container .frame-two{background:#fff;border-radius:30px;width:100%;max-width:680px;height:fit-content;padding:20px;box-shadow:0 0 10px #0000001a}@media (width<=768px){.product-detail-container .frame-two{border-radius:20px;padding:15px}}@media (width<=480px){.product-detail-container .frame-two{border-radius:15px;padding:12px}}.tabs-container{background:#d4000f;border-bottom:1px solid #e0e0e0;border-radius:14px 14px 0 0;justify-content:center;gap:20px;padding-top:10px;display:flex}.tab-btn{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:16px;font-size:15px;transition:all .3s;position:relative}@media (width<=1300px){.tab-btn{font-size:14px}}.tab-btn:hover{color:#d4000f;background:#f9f9f9;border-radius:20px 20px 0 0;font-weight:600}.tab-btn.active{color:#d4000f;background:#f7f7f7;border-radius:20px 20px 0 0;font-weight:600}@media (width<=768px){.tabs-container{border-radius:10px 10px 0 0;gap:0}.tab-btn{padding:14px 24px;font-size:14px}}@media (width<=480px){.tabs-container{border-radius:8px 8px 0 0;flex-direction:column;gap:0}.tab-btn{text-align:left;text-align:center;border-bottom:1px solid #e0e0e0;width:100%;padding:12px 16px;font-size:13px}.tab-btn.active{border-radius:0}}.tabs{background:#d4000f;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;padding-top:20px;display:flex;position:relative}@media (width<=768px){.tabs{border-radius:10px;gap:15px;padding-top:15px}}@media (width<=480px){.tabs{flex-direction:column;align-items:stretch;gap:10px;padding:10px}}.tab:hover{color:#fff}.vectorImage{z-index:1;height:39px;position:absolute;bottom:0;transform:translate(-15%,1px)}.vectorImage img{width:100%;height:auto}@media (width<=768px){.vectorImage{height:35px}}@media (width<=480px){.vectorImage{display:none}}.tab{color:#fff;cursor:pointer;z-index:2;background:0 0;border:none;align-items:center;height:100%;padding:0 30px;transition:color .2s;display:flex;position:relative}@media (width<=768px){.tab{padding:0 20px}}@media (width<=480px){.tab{justify-content:center;width:100%;min-height:45px;padding:12px 15px}}.tab.active{color:#d4000f;z-index:2;clip-path:polygon(8% 0%,92% 0%,100% 20%,100% 100%,0% 100%,0% 20%);height:60px;padding-top:10px;font-weight:700;box-shadow:0 2px 8px #0000000a}@media (width<=768px){.tab.active{height:50px}}@media (width<=480px){.tab.active{clip-path:none;background:#fff;border-radius:8px;height:auto;min-height:45px}}.catalogue-section .catalogue-files-list .file-info{border-radius:12px;align-items:center;gap:20px;margin-top:20px;padding:20px;display:flex;box-shadow:0 0 5px #0000001a}.catalogue-section .catalogue-files-list .file-info :hover{scale:1.02}.catalogue-section .catalogue-files-list .file-info .file-icon{color:#d4000f;text-align:center;border-radius:8px;width:50px;padding:10px;box-shadow:0 0 5px #00000059}.tab-content{margin-top:20px}.images-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=768px){.images-grid{gap:15px}}@media (width<=480px){.images-grid{grid-template-columns:1fr;gap:10px}}.images-grid img{clip-path:polygon(17% 0%,100% 0%,100% 80%,80% 100%,0% 100%,0% 17%);width:100%}.images-grid img:nth-child(2n){clip-path:polygon(0% 0%,83% 0%,100% 17%,100% 100%,20% 100%,0% 80%)}.video-grid{grid-template-columns:repeat(1,1fr);gap:10px;display:grid}.videoCard{justify-content:center;align-items:center;gap:20px;display:flex}.videoCard h2{width:100%;max-width:400px}@media (width<=768px){.videoCard iframe{height:200px}}@media (width<=480px){.videoCard{gap:10px}.videoCard iframe{height:180px}}@media (width<=350px){.videoCard{flex-direction:column;align-items:flex-start}}.videoCard iframe{border-radius:14px;width:clamp(50px,40vw,250px)}@media (width<=350px){.videoCard iframe{width:100%}}.videoCard .contents{flex-direction:column;gap:10px;display:flex}.btn{color:#fff;cursor:pointer;background:#60a92c;border:none;border-radius:14px;width:max-content;padding:6px 13px}.bulk-images-grid{border-top:1px solid #f3f4f6;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;width:100%;margin-bottom:20px;padding:20px;display:grid}@media (width<=768px){.bulk-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}}@media (width<=480px){.bulk-images-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.bulk-image-card{aspect-ratio:1;border-radius:10px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000001a}.bulk-image-card img{object-fit:cover;cursor:pointer;z-index:1;border-radius:10px;width:100%;height:100%;display:block;position:relative}.delete-image-btn{cursor:pointer;color:#d32f2f;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0003}.delete-image-btn:hover{color:#fff;background:#d32f2f;transform:scale(1.1)}.modal-delete-btn{cursor:pointer;color:#d32f2f;z-index:1000;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 2px 8px #0000004d}.modal-delete-btn:hover{color:#fff;background:#d32f2f;transform:scale(1.1)}.image-preview-modal{box-shadow:none!important;background:0 0!important;width:clamp(200px,80vw,600px)!important;padding:0!important}.image-preview-modal .modal-content{background:0 0!important;padding:0!important}.image-modal-wrapper{border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.modal-preview-image{object-fit:contain;border-radius:4px;width:100%;max-height:80vh}.add-new-card{aspect-ratio:1;cursor:pointer;color:#777;border:2px dashed #ccc;border-radius:10px;justify-content:center;align-items:center;width:100%;font-weight:700;transition:all .3s;display:flex}.add-new-card:hover{color:#d4000f;border-color:#d4000f}.bulk-video-card{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;max-width:350px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.bulk-video-card.editable-video-card{aspect-ratio:auto;background:#fff;flex-direction:column;gap:10px;padding:10px;display:flex;overflow:visible}.editable-video-preview{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;position:relative;overflow:hidden}.editable-video-preview iframe{width:100%;height:100%;display:block}.editable-video-fields{width:100%}.editable-video-fields input,.editable-video-fields textarea{box-sizing:border-box;width:100%}@media (width<=768px){.bulk-video-card{max-width:100%}}@media (width<=480px){.bulk-video-card{border-radius:8px}}.add-new-video-card{cursor:pointer;color:#777;border:2px dashed #ccc;border-radius:10px;justify-content:center;align-items:center;width:250px;height:150px;font-weight:700;transition:all .3s;display:flex}.add-new-video-card:hover{color:#d4000f;background-color:#f8f9fa;border-color:#d4000f}.url-input-container{flex-wrap:wrap;gap:10px;width:100%;max-width:600px;margin-bottom:20px;display:flex}@media (width<=480px){.url-input-container{gap:8px;margin-bottom:15px}}.url-input-container input{box-sizing:border-box;border:1px solid #ccc;border-radius:20px;outline:none;flex:1;min-width:200px;padding:10px 15px}@media (width<=480px){.url-input-container input{min-width:100%;padding:8px 12px}.url-input-container button{width:100%;padding:10px 15px}}.url-input-container button:hover{background:#036}.body .container{margin:0}.radio{margin:1rem}.radio input[type=radio]{opacity:0;position:absolute}.radio input[type=radio]+.radio-label:before{content:"";border:1px solid darken(#a2a2a9, 25%);vertical-align:top;cursor:pointer;text-align:center;background:#9a9a9a;border-radius:100%;width:1em;height:1em;margin-right:1em;transition:all .25s;display:inline-block;position:relative}.radio input[type=radio]:checked+.radio-label:before{background-color:#fff;box-shadow:inset 0 0 0 4px #d4000f}.radio input[type=radio]:focus+.radio-label:before{border-color:1px solid red;outline:none}.radio input[type=radio]:disabled+.radio-label:before{border-color:darken(blue, 25%);background:darken(#a2a2a9, 25%);box-shadow:inset 0 0 0 4px #00f}.radio input[type=radio]+.radio-label:empty:before{margin-right:0}.text-inputs{flex-direction:column;flex:1;gap:20px;width:100%;min-width:0;display:flex}.text-inputs>div{width:100%}.field-error{color:#d32f2f;margin:6px 0 0;font-size:13px;line-height:1.35}.image-upload-section{flex-shrink:0}@media (width<=768px){.image-upload-section{justify-content:center;width:100%;display:flex}}@media (width<=768px){.form-header{flex-direction:column;align-items:stretch}.text-inputs{width:100%}}.name{margin-top:20px}.formContact{grid-template-columns:1fr;gap:20px;display:grid}@media (width<=768px){.formContact{grid-template-columns:1fr}}.body .form-headerr{grid-template-columns:1fr 1fr;gap:20px;margin-top:10px;display:grid}@media (width<=768px){.body .form-headerr{grid-template-columns:1fr}}.body .form-headerr .image-upload-section{flex-direction:column;grid-column:1/-1;justify-content:flex-start;align-items:flex-start;gap:10px;display:flex}.body .form-headerr .image-upload-section h4{font-weight:500}.createNew{gap:10px;margin-bottom:20px;display:flex}.createNew select{padding:8px 30px}select{font:inherit;box-sizing:border-box;appearance:none;background-color:#fff;border:none;border-radius:12px;margin:0;padding:1em;display:inline-block}select.classic{background-image:linear-gradient(45deg,#0000 50%,#d4000f 50%),linear-gradient(135deg,#d4000f 50%,#0000 50%),linear-gradient(90deg,#ffffff8c,#d4000f);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;background-repeat:no-repeat;background-size:5px 5px,5px 5px,2.5em 2.5em;font-weight:500}select.classic:focus{background-image:linear-gradient(45deg,#fff 50%,#0000 50%),linear-gradient(135deg,#0000 50%,#fff 50%),linear-gradient(90deg,#ffffff8c,#d4000f);background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,100% 0;background-repeat:no-repeat;background-size:5px 5px,5px 5px,2.5em 2.5em;border-color:#d4000f;outline:0}.mediaUploads .card:hover{transition:all .3s;scale:1.02}.mediaUploads .images-grid{grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1074px){.mediaUploads .images-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.mediaUploads .images-grid{grid-template-columns:repeat(1,1fr)}}.mediaUploads .video-grid,.mediaUploads .catalogue-section{grid-template-columns:repeat(2,1fr);display:grid}@media (width<=1074px){.mediaUploads .video-grid,.mediaUploads .catalogue-section{grid-template-columns:repeat(1,1fr)}}@media (width<=767px){.mediaUploads .video-grid,.mediaUploads .catalogue-section{grid-template-columns:repeat(1,1fr)}}.mediaUploads .videoCard{justify-content:flex-start}.mediaUploads .mainData{background:#e0dfdf73;border-radius:12px;gap:20px;margin:20px 0;padding:20px;display:flex}@media (width<=767px){.mediaUploads .mainData{flex-direction:column}}@media (width<=450px){.mediaUploads .mainData{flex-direction:column;align-items:center}}.mediaUploads .mainData .contents{flex-direction:column;justify-content:center;gap:10px;display:flex}.mediaUploads .mainData .contents p{width:100%}.mediaUploads .mainData img{border-radius:12px;width:clamp(240px,15vw,400px)}.mediaUploads .frame-two{background:#e0dfdf73;border-radius:12px;padding:20px}.mediaUpload .select-container{margin-top:10px}.mediaUpload .selectIndustry{grid-template-columns:1fr;align-items:end;gap:20px;width:100%;margin-top:10px;display:grid}@media (width<=992px){.mediaUpload .selectIndustry{grid-template-columns:1fr}}.mediaUpload .selecttype{text-align:left;grid-template-columns:1fr;gap:20px;width:100%;margin-top:10px;display:grid}.mediaUpload .form-header{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=992px){.mediaUpload .form-header{grid-template-columns:1fr}}@media (width<=900px){.pagination{background:#fff;border-radius:8px;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;justify-content:flex-start!important;margin-bottom:16px!important;padding-bottom:8px!important;overflow-x:auto!important}.pagination-btn{width:34px!important;min-width:34px!important;height:34px!important;margin-right:4px!important;font-size:15px!important}}.distributor-form-group{margin-bottom:20px}.distributor-label{text-align:left;margin-bottom:8px;font-weight:500;display:block}.distributor-modal-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.distributor-list-container{padding:20px}.distributor-header-actions{justify-content:flex-end;margin-bottom:20px;display:flex}.distributor-add-btn{align-items:center;padding:10px 20px;font-size:16px;display:flex}.distributor-add-btn svg{margin-right:8px}.distributor-table-container{background-color:#fff;border-radius:8px;margin-top:20px;position:relative;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.distributor-table{border-collapse:collapse;width:100%;min-width:800px}.distributor-table-head-tr{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.distributor-th{text-align:left;color:#495057;padding:16px;font-size:14px;font-weight:600}.distributor-th-center{text-align:center}.distributor-tr{cursor:pointer;border-bottom:1px solid #dee2e6;transition:background-color .2s}.distributor-tr:hover{background-color:#f8f9fa}.distributor-td{vertical-align:middle;padding:16px;font-size:14px}.distributor-td-img{object-fit:cover;border:1px solid #dee2e6;border-radius:8px;width:50px;height:50px}.distributor-company-name{color:#212529;font-weight:500}.distributor-website-link{color:#d4000f;text-decoration:none}.distributor-text-secondary{color:#495057}.distributor-text-center{text-align:center}.distributor-action-container{display:inline-block;position:relative}.distributor-action-icon{cursor:pointer}.distributor-dropdown-item{cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:14px;display:flex}.distributor-dropdown-item-delete{color:#dc3545}.distributor-empty-state{text-align:center;color:#6c757d;padding:40px}.distributor-link{color:#007bff;text-decoration:none}.distributor-link:hover{text-decoration:underline}.distributor-status-badge{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}@media (width<=600px){.distributor-header-actions{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:8px!important;padding:0!important}.distributor-header-actions input[type=text]{width:100%!important;min-width:0!important;margin-bottom:0!important;padding:10px!important;font-size:16px!important}.distributor-header-actions select,.distributor-header-actions label{width:100%!important;font-size:16px!important}.distributor-header-actions>div{justify-content:flex-start!important;width:100%!important}.distributor-search-wrap{flex:auto!important;min-width:0!important}.distributor-add-btn{align-self:flex-start!important;width:fit-content!important;margin:0!important}}@media (width<=768px){.distributor-list-container{padding:10px}.distributor-add-btn{padding:8px 16px;font-size:14px}.distributor-add-btn svg{width:18px;height:18px;margin-right:6px}.distributor-th{padding:12px 8px;font-size:12px}.distributor-td{padding:12px 8px;font-size:13px}.distributor-td-img{width:40px;height:40px}.distributor-action-icon{width:18px;height:18px}}.radioBtns{align-items:center;display:flex}.radio{margin:1rem;position:relative}.radio input[type=radio]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.radio-label{cursor:pointer;align-items:center;font-weight:500;display:flex}.radio-label:before{content:"";vertical-align:top;text-align:center;background:#9a9a9a;border:1px solid #a2a2a9;border-radius:100%;flex-shrink:0;width:1em;height:1em;margin-right:.5em;transition:all .25s;display:inline-block}.radio input[type=radio]:checked+.radio-label:before{background-color:#fff;border-color:#d4000f;box-shadow:inset 0 0 0 4px #d4000f}.radio input[type=radio]:focus+.radio-label:before{border-color:#d4000f;outline:none}.view-distributor-container{text-align:center;padding:20px}.view-distributor-card{background-color:#fff;border-radius:8px;width:100%;margin:20px auto;padding:30px;box-shadow:0 0 10px #0000001a}.view-distributor-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.view-distributor-title{color:#333;margin:0}.view-distributor-back-btn{padding:8px 16px;font-size:14px}.view-distributor-image-section{margin-bottom:30px}.view-distributor-avatar{background-position:50%;background-size:cover;border:3px solid #f0f0f0;border-radius:50%;width:120px;height:120px}.view-distributor-grid{grid-template-columns:1fr 1fr;gap:20px}.view-field{flex-direction:row;align-items:center;margin-bottom:5px;display:flex}.field-label{color:#6c757d;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.field-value{color:#212529;border-radius:6px;min-height:20px;margin:0;padding:0 8px;font-weight:400}.view-distributor-status-badge{border-radius:20px;padding:5px 12px;font-size:14px;font-weight:600}.status-active{color:#28a745}.status-inactive{color:#dc3545}@media (width<=768px){.view-distributor-card{padding:15px!important}.view-distributor-grid{grid-template-columns:1fr!important}}.body .tags{flex-direction:column;align-items:flex-start;width:100%;display:flex}.body h2{color:#333;font-weight:600}.customer-table{white-space:nowrap;overflow-y:visible}.customer-table table{width:100%;min-width:600px}@media (width<=840px){.customer-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.customer-table table{min-width:700px}}.addbtn{align-items:center;gap:10px;margin-right:10px;display:flex;position:relative}.addbtn input{border:1px solid #ddd;border-radius:4px;flex:1;padding:10px 160px 10px 10px}.addbtn button{cursor:pointer;border:none;height:60%;padding:0 15px;transition:background-color .3s;position:absolute;right:0}.addbtn button:first-of-type{color:#fff;background-color:#d4000f;border-radius:4px;right:85px}.addbtn button:last-of-type{color:#333;background-color:#b7b6b6d6;border-left:none;border-radius:4px;right:10px}.addbtn button:hover{opacity:.9}@media (width<=480px){.addbtn{flex-direction:column;gap:10px;margin-right:0;position:static}.addbtn input{width:100%;padding:10px}.addbtn button{width:100%;height:40px;padding:10px 15px;position:static}.addbtn button:first-of-type,.addbtn button:last-of-type{right:auto}}.body .tags .tagLists{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:30px;text-decoration:none;display:flex}.body .tags .tagLists li{cursor:default;text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#f0f3f8 100%);border:1px solid #e0e0e0;border-radius:24px;justify-content:space-between;align-items:center;gap:8px;width:max-content;margin-bottom:0;padding:10px 15px;font-weight:500;list-style:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 8px #0a4da21f}.body .tags .tagLists li:hover{border-color:#d4000f;transform:translateY(-2px);box-shadow:0 4px 12px #0a4da22e}.body .tags .tagLists li span{white-space:nowrap;color:#333}.tag-actions{align-items:center;gap:6px;margin-left:4px;display:flex}.body .tags .tagLists li .remove-tag{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:2px;padding:4px;transition:all .3s;display:flex}.body .tags .tagLists li .remove-tag:hover{color:#d32f2f;background-color:#d32f2f1a}.body .tags .tagLists li .remove-tag:disabled{opacity:.5;cursor:not-allowed}.permission-modal .modal-tags-container label{color:#333;align-items:flex-start;margin-top:0;margin-bottom:10px;font-weight:600;display:flex}.modal-tags-container .tags{max-height:300px;overflow-y:auto}.modal-tags-container .tags .tagLists{flex-wrap:wrap;gap:10px;margin:0;padding:0;display:flex}.modal-tags-container .addbtn{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.tag-selector-wrapper{align-items:flex-start;gap:15px;margin-top:10px;display:flex}@media (width<=767px){.tag-selector-wrapper{flex-direction:column;gap:10px}}.permission-selector-wrapper{flex-direction:column;align-items:flex-start;gap:15px;margin-top:10px;display:flex}.permission-dropdown-wrapper{width:100%;position:relative}@media (width<=767px){.permission-dropdown-wrapper{flex:none;width:100%}}.tag-dropdown-wrapper{flex:0 0 300px;width:300px;position:relative}@media (width<=767px){.tag-dropdown-wrapper{flex:none;width:100%}}.tag-dropdown-select{cursor:pointer;color:#333;box-sizing:border-box;background-color:#fff;border:none;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 20px;display:flex;box-shadow:0 0 5px #0000001a}.tag-dropdown-select:hover{box-shadow:0 0 8px #00000026}.dropdown-arrow{color:#666}.permission-dropdown-menu{background:#fff;border-radius:10px;max-height:250px;margin-top:5px;overflow-y:auto;box-shadow:0 4px 12px #00000026}.tag-dropdown-menu{z-index:1000;background:#fff;border-radius:10px;max-height:250px;margin-top:5px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.tag-dropdown-item{cursor:pointer;align-items:center;gap:10px;padding:12px 20px;transition:background-color .2s;display:flex}.tag-dropdown-item:hover{background-color:#f5f5f5}.tag-dropdown-item input[type=checkbox]{cursor:pointer;accent-color:#d4000f;width:18px;height:18px;margin:0}.tag-dropdown-item span{color:#333;font-weight:500}.tags-inline{flex:1;min-width:0}.tags-inline .tagLists{flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.tags-inline .tagLists li{background-color:#f5f5f5;border:1px solid #9b999944;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;list-style:none;display:flex;box-shadow:0 2px 5px #0000001a}.tags-inline .tagLists li svg{color:#4caf50;width:16px;height:16px}.tags-inline .tagLists li .remove-tag{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;margin-left:4px;padding:0;transition:color .3s;display:flex}.tags-inline .tagLists li .remove-tag:hover{color:red}.modal-tags-container label{color:#333;align-items:flex-start;margin-top:50px;font-weight:600;display:flex}.modal-tags-container input{box-sizing:border-box;border:none;border-radius:30px;width:clamp(200px,90vw,670px);height:50px;padding:20px;box-shadow:0 0 5px #0000001a}@media (width<=480px){.modal-tags-container .addbtn{flex-direction:column;gap:10px;margin-top:10px}.modal-tags-container input{border-radius:8px;width:100%;height:45px;padding:15px}.tag-selector-wrapper{flex-direction:column;gap:10px}.tag-dropdown-wrapper{flex:none;width:100%}.tag-dropdown-select{border-radius:8px;height:45px;padding:0 15px}.tag-dropdown-menu{max-height:200px}.tags-inline{width:100%}}.modal-tags-container .tags .tagLists li{background-color:#f5f5f5;border:1px solid #9b999944;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;list-style:none;display:flex;box-shadow:0 2px 5px #0000001a}.modal-tags-container .tags .tagLists li svg{color:#4caf50;width:18px;height:18px}.modal-tags-container .tags .tagLists li .remove-tag{color:#666;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;margin-left:4px;padding:0;transition:color .3s;display:flex}.modal-tags-container .tags .tagLists li .remove-tag:hover{color:red}.tag-actions{justify-content:center;align-items:center;gap:4px;margin-left:auto;display:flex}.edit-tag-btn{color:#d4000f;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;transition:all .3s;display:flex}.edit-tag-btn:hover{color:#063d7a;background-color:#0a4da21a}.edit-tag-btn:disabled{opacity:.5;cursor:not-allowed}.edit-tag-container{align-items:center;gap:8px;width:100%;padding:2px;display:flex}.edit-tag-input{background-color:#fff;border:2px solid #d4000f;border-radius:8px;outline:none;flex:1;min-width:120px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s}.edit-tag-input:focus{background-color:#f9fbff;border-color:#063d7a;box-shadow:0 0 0 3px #0a4da226}.edit-tag-input:disabled{opacity:.6;background-color:#f5f5f5}.save-edit-btn,.cancel-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.save-edit-btn{color:#4caf50}.save-edit-btn:hover{color:#2e7d32;background-color:#4caf501a}.save-edit-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-edit-btn{color:#f44336}.cancel-edit-btn:hover{color:#c62828;background-color:#f443361a}.cancel-edit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-tags-container .tags .tagLists li.editing{background-color:#f0f7ff;padding:6px 10px}.body .tags .tagLists li svg{color:#4caf50;width:25px;height:25px}@media (width<=768px){.body h2{text-align:center}.body .tags .tagLists{gap:8px;margin-top:20px;padding:0 10px}.body .tags .tagLists li{padding:8px 12px}.body .tags .tagLists li svg{width:20px;height:20px}.modal-tags-container .tags{max-height:250px}.modal-tags-container .tags .tagLists{gap:8px}.modal-tags-container .tags .tagLists li{padding:6px 10px}.modal-tags-container .tags .tagLists li svg{width:16px;height:16px}.modal-tags-container .tags .tagLists li .remove-tag,.edit-tag-btn{width:18px;height:18px}.edit-tag-input{min-width:80px;padding:5px 8px}}.body .tags .tagLists{gap:10px;padding:0 5px}.body .tags .tagLists li{padding:15px}.modal-tags-container input{height:40px;padding:12px}.modal-tags-container .addbtn button{height:40px}.edit-tag-container{gap:4px}.edit-tag-input{min-width:60px;padding:4px 6px}.tag-actions{gap:2px}.roles-permissions-container{width:100%;margin:0 auto}.tabs-header{border-bottom:2px solid #e0e0e0;gap:10px;margin-bottom:20px;display:flex}.tab-button{cursor:pointer;color:#505050;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;transition:all .3s;position:relative;bottom:-2px}.tab-button:hover{color:#fafafa;background-color:#d4000f;border-radius:8px 8px 0 0}.tab-button.active{color:#fdfdfd;background:#d4000f;border-bottom-color:#06c;border-radius:8px 8px 0 0;font-weight:600}.permissions-header{flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-top:20px;display:flex}@media (width<=767px){.permissions-header{justify-content:center;align-items:center;gap:10px}}.permissionBtn{justify-content:center;align-items:flex-start;display:flex}.tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.role-panel h2{color:#333;margin-bottom:20px;font-weight:600}.permissions-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;display:grid}.permission-item{background:#f9f9f9;border-left:4px solid #ddd;border-radius:6px;padding:12px 16px;transition:all .2s}.permission-item:hover{background:#f0f0f0;border-left-color:#06c}.permission-label{cursor:pointer;align-items:center;gap:12px;display:flex}.permission-label input[type=checkbox]{cursor:pointer;accent-color:#06c;width:20px;height:20px}.permission-name{color:#333;text-transform:capitalize}.permission-label input[type=checkbox]:checked~.permission-name{font-weight:500}@media (width<=450px){.tabs-header{border-bottom:none;flex-direction:column;gap:0}.tab-button{text-align:center;border-bottom:2px solid #e0e0e0;border-left:3px solid #0000;width:100%;padding:14px 20px;bottom:0}.tab-content{padding:15px}}.report-container{flex-direction:column;gap:24px;padding:10px 0;display:flex}.report-header{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 10px 30px #00000008}.report-header h1{color:#111827;letter-spacing:-.5px;margin:0;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800}.report-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-presets{gap:6px;display:flex}.preset-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.preset-btn:hover{color:#1f2937;background:#e5e7eb}.preset-btn.active{color:#fff;background:#d4000f;box-shadow:0 4px 12px #d4000f33}.date-picker-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:30px;align-items:center;gap:8px;padding:4px 12px;display:flex;box-shadow:none!important}.date-picker-group span{color:#9ca3af;font-size:13px;font-weight:600}.date-input{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;padding:4px;font-size:13px;font-weight:600;box-shadow:none!important}.clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.clear-btn:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.metric-card{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.metric-card:hover{border-color:#d4000f26;transform:translateY(-4px);box-shadow:0 12px 30px #0000000d}.metric-icon-wrapper{color:#4b5563;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .2s;display:flex}.metric-card:hover .metric-icon-wrapper{color:#d4000f;background:#d4000f14}.metric-info{flex-direction:column;display:flex}.metric-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.metric-value{color:#111827;margin-top:4px;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;line-height:1.1}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;display:grid}@media (width<=600px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 10px 30px #00000005}.chart-card-header{justify-content:space-between;align-items:center;display:flex}.chart-card-title{color:#1f2937;margin:0;font-size:16px;font-weight:700}.double-column-section{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:24px;display:grid}@media (width<=1024px){.double-column-section{grid-template-columns:1fr}}.deck-card{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000005}.deck-header{background:#f9fafb;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.deck-title{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.premium-table-container{width:100%;overflow-x:auto}.premium-table{border-collapse:collapse;text-align:left;width:100%}.premium-table th{text-transform:uppercase;color:#4b5563;letter-spacing:.5px;background:#f9fafb;border-bottom:2px solid #f3f4f6;padding:14px 20px;font-size:12px;font-weight:700}.premium-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:16px 20px;font-size:14px;font-weight:550;transition:background-color .2s}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover td{background-color:#fafbfc}.prod-info-block{flex-direction:column;display:flex}.prod-name{color:#111827;font-size:14px;font-weight:700}.prod-badge{text-transform:uppercase;color:#4b5563;background:#f3f4f6;border-radius:4px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.revenue-text{color:#111827;font-weight:700}.quantity-badge{color:#374151;background:#f3f4f6;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:600}.loading-wrapper{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:350px;display:flex;box-shadow:0 10px 30px #00000005}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#d4000f;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6b7280;font-size:15px;font-weight:600}.fallback-alert{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;display:flex}.order-report-container{flex-direction:column;gap:24px;padding:10px 0;display:flex}.order-report-header{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;animation:.5s ease-out slideDown;display:flex;box-shadow:0 10px 30px #00000008}.order-header-info h1{color:#111827;letter-spacing:-.5px;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800}.order-header-info p{color:#6b7280;margin:4px 0 0;font-size:14px;font-weight:500}.order-report-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.order-date-presets{gap:6px;display:flex}.order-preset-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.order-preset-btn:hover{color:#1f2937;background:#e5e7eb}.order-preset-btn.active{color:#fff;background:#d4000f;box-shadow:0 4px 12px #d4000f33}.order-date-picker-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:30px;align-items:center;gap:8px;padding:4px 12px;display:flex}.order-date-picker-group span{color:#9ca3af;font-size:13px;font-weight:600}.order-date-input{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;padding:4px;font-size:13px;font-weight:600;box-shadow:none!important}.order-clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.order-clear-btn:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.order-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.order-metric-card{color:#1f2937;background:#fff;border:1px solid #e5e7eb80;border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.order-metric-card:hover{border-color:#d4000f26;transform:translateY(-5px);box-shadow:0 15px 30px #0000000f}.order-metric-icon{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb80;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;transition:all .3s;display:flex}.order-metric-card:hover .order-metric-icon{color:#d4000f;background:#d4000f14;transform:scale(1.1)rotate(5deg)}.order-metric-info{flex-direction:column;display:flex}.order-metric-label{text-transform:uppercase;letter-spacing:1px;color:#6b7280;font-size:12px;font-weight:600}.order-metric-value{letter-spacing:-.5px;color:#111827;margin-top:4px;font-family:Montserrat,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.1}.order-chart-section{grid-template-columns:1fr;gap:24px;display:grid}.order-chart-card{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 10px 30px #00000005}.order-chart-card-header h3{color:#1f2937;margin:0;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700}.order-chart-card-header p{color:#6b7280;margin:4px 0 0;font-size:13px;font-weight:500}.order-chart-wrapper{background:#fdfdfd;border:1px dashed #e5e7ebcc;border-radius:12px;padding:16px}.order-empty-chart{text-align:center;color:#9ca3af;border:1px dashed #e5e7eb;border-radius:12px;padding:50px;font-weight:500}.order-tables-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;display:grid}@media (width<=900px){.order-tables-grid{grid-template-columns:1fr}}.order-table-card{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000005}.order-table-card-header{background:#f9fafb;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.order-table-card-header h3{color:#1f2937;margin:0;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700}.table-count-badge{color:#4f46e5;text-transform:uppercase;background:#6366f11a;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.table-count-badge.returns-badge{color:#e11d48;background:#f43f5e1a}.order-table-wrapper{flex-grow:1;overflow-x:auto}.order-premium-table{border-collapse:collapse;text-align:left;width:100%}.order-premium-table th{text-transform:uppercase;color:#4b5563;letter-spacing:.5px;background:#f9fafb;border-bottom:2px solid #f3f4f6;padding:14px 20px;font-size:12px;font-weight:700}.order-premium-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:16px 20px;font-size:14px;font-weight:550;transition:background-color .2s}.order-premium-table tr:last-child td{border-bottom:none}.order-premium-table tr:hover td{background-color:#fafbfc}.monospace-td{font-family:Courier New,Courier,monospace;color:#6b7280!important;font-size:12px!important}.product-item-name{color:#111827;font-weight:700}.product-item-badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.product-item-badge.badge-machine{color:#003f7d;background:#003f7d1a}.product-item-badge.badge-accessory{color:#d4000f;background:#d4000f1a}.product-item-count{color:#059669;background:#10b9811a;border-radius:4px;padding:4px 10px;font-size:13px;font-weight:700}.product-item-count.return-count{color:#e11d48;background:#f43f5e1a}.empty-table-cell{text-align:center;color:#9ca3af;padding:30px;font-style:italic}.order-returns-clean-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.clean-state-circle{color:#10b981;background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:24px;animation:2s infinite pulseGreen;display:flex}.order-returns-clean-state h4{color:#111827;margin:0 0 6px;font-size:16px;font-weight:700}.order-returns-clean-state p{color:#6b7280;max-width:280px;margin:0;font-size:13px;line-height:1.5}.order-loading-wrapper{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:350px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 10px 30px #00000005}.order-loading-spinner{border:4px solid #f3f4f6;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.order-loading-text{color:#6b7280;font-size:15px;font-weight:600}.order-fallback-alert{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.4s ease-out slideDown;display:flex}@keyframes pulseGreen{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.customer-report-container{flex-direction:column;gap:24px;padding:10px 0;display:flex}.customer-report-header{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;animation:.5s ease-out customerSlideDown;display:flex;box-shadow:0 10px 30px #00000008}.customer-header-info h1{color:#111827;letter-spacing:-.5px;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800}.customer-header-info p{color:#6b7280;margin:4px 0 0;font-size:14px;font-weight:500}.customer-report-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.customer-date-presets{gap:6px;display:flex}.customer-preset-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.customer-preset-btn:hover{color:#1f2937;background:#e5e7eb}.customer-preset-btn.active{color:#fff;background:#d4000f;box-shadow:0 4px 12px #d4000f33}.customer-date-picker-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:30px;align-items:center;gap:8px;padding:4px 12px;display:flex}.customer-date-picker-group span{color:#9ca3af;font-size:13px;font-weight:600}.customer-date-input{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;padding:4px;font-size:13px;font-weight:600;box-shadow:none!important}.customer-clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.customer-clear-btn:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.customer-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.customer-metric-card{color:#1f2937;background:#fff;border:1px solid #e5e7eb80;border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out customerFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.customer-metric-card:hover{border-color:#d4000f26;transform:translateY(-5px);box-shadow:0 15px 30px #0000000f}.customer-metric-icon{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb80;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;transition:all .3s;display:flex}.customer-metric-card:hover .customer-metric-icon{color:#d4000f;background:#d4000f14;transform:scale(1.1)rotate(5deg)}.customer-metric-info{flex-direction:column;display:flex}.customer-metric-label{text-transform:uppercase;letter-spacing:1px;color:#6b7280;font-size:12px;font-weight:600}.customer-metric-value{letter-spacing:-.5px;color:#111827;margin-top:4px;font-family:Montserrat,sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;line-height:1.1}.customer-analytics-section{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;display:grid}@media (width<=900px){.customer-analytics-section{grid-template-columns:1fr}}.customer-chart-card,.customer-retention-card{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 10px 30px #00000005}.customer-chart-header h3{color:#1f2937;margin:0;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700}.customer-chart-header p{color:#6b7280;margin:4px 0 0;font-size:13px;font-weight:500}.customer-chart-wrapper{background:#fdfdfd;border:1px dashed #e5e7ebcc;border-radius:12px;justify-content:center;align-items:center;padding:16px;display:flex}.customer-chart-empty-state{text-align:center;color:#9ca3af;border:1px dashed #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:40px 20px;display:flex}.customer-empty-donut{color:#9ca3af;border:12px solid #f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:16px;font-weight:700;display:flex}.customer-chart-empty-state p{margin:0;font-size:13px;font-weight:500}.progress-track-fill.new-fill{background:#d4000f}.customer-loading-wrapper{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:350px;animation:.4s ease-out customerFadeIn;display:flex;box-shadow:0 10px 30px #00000005}.customer-loading-spinner{border:4px solid #f3f4f6;border-top-color:#d4000f;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite customerSpin}.customer-loading-text{color:#6b7280;font-size:15px;font-weight:600}.customer-fallback-alert{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.4s ease-out customerSlideDown;display:flex}@keyframes customerSpin{to{transform:rotate(360deg)}}@keyframes customerSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes customerFadeIn{0%{opacity:0}to{opacity:1}}.financial-report-container{flex-direction:column;gap:24px;padding:10px 0;display:flex}.financial-report-header{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;animation:.5s ease-out financialSlideDown;display:flex;box-shadow:0 10px 30px #00000008}.financial-header-info h1{color:#111827;letter-spacing:-.5px;margin:0;font-family:Montserrat,sans-serif;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800}.financial-header-info p{color:#6b7280;margin:4px 0 0;font-size:14px;font-weight:500}.financial-report-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.financial-date-presets{gap:6px;display:flex}.financial-preset-btn{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.financial-preset-btn:hover{color:#1f2937;background:#e5e7eb}.financial-preset-btn.active{color:#fff;background:#d4000f;box-shadow:0 4px 12px #d4000f33}.financial-date-picker-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:30px;align-items:center;gap:8px;padding:4px 12px;display:flex}.financial-date-picker-group span{color:#9ca3af;font-size:13px;font-weight:600}.financial-date-input{color:#374151;cursor:pointer;background:0 0;border:none;outline:none;padding:4px;font-size:13px;font-weight:600;box-shadow:none!important}.financial-clear-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.financial-clear-btn:hover{color:#374151;background:#f9fafb;border-color:#d1d5db}.financial-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.financial-metric-card{color:#1f2937;background:#fff;border:1px solid #e5e7eb80;border-radius:16px;align-items:center;gap:20px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out financialFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.financial-metric-card:hover{border-color:#d4000f26;transform:translateY(-5px);box-shadow:0 15px 30px #0000000f}.financial-metric-icon{color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb80;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;transition:all .3s;display:flex}.financial-metric-card:hover .financial-metric-icon{color:#d4000f;background:#d4000f14;transform:scale(1.1)rotate(5deg)}.financial-metric-info{flex-direction:column;display:flex}.financial-metric-label{text-transform:uppercase;letter-spacing:1px;color:#6b7280;font-size:12px;font-weight:600}.financial-metric-value{letter-spacing:-.5px;color:#111827;margin-top:4px;font-family:Montserrat,sans-serif;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:800;line-height:1.1}.financial-analytics-section{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;display:grid}@media (width<=900px){.financial-analytics-section{grid-template-columns:1fr}}.financial-chart-card,.financial-yield-card{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 10px 30px #00000005}.financial-chart-header h3{color:#1f2937;margin:0;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700}.financial-chart-header p{color:#6b7280;margin:4px 0 0;font-size:13px;font-weight:500}.financial-chart-wrapper{background:#fdfdfd;border:1px dashed #e5e7ebcc;border-radius:12px;padding:16px}.progress-metrics-list{flex-direction:column;gap:20px;display:flex}.progress-metric-item{flex-direction:column;gap:8px;display:flex}.progress-metric-head{justify-content:space-between;align-items:center;display:flex}.progress-metric-title{color:#374151;font-size:14px;font-weight:700}.progress-metric-val{color:#d4000f;font-size:14px;font-weight:800}.progress-track-bg{background:#f3f4f6;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-track-fill{border-radius:4px;height:100%;transition:width 1s ease-in-out}.progress-track-fill.repeat-fill{background:#4b5563}.progress-track-fill.revenue-fill{background:#d4000f}.progress-metric-desc{color:#6b7280;font-size:12px;font-weight:500;line-height:1.4}.health-badge-bar{gap:4px;width:100%;height:8px;display:flex}.health-bar-segment{background:#f3f4f6;border-radius:4px;flex-grow:1;height:100%}.health-bar-segment.segment-green.active{background:#10b981}.health-bar-segment.segment-yellow.active{background:#f59e0b}.health-bar-segment.segment-red.active{background:#d4000f}.financial-loading-wrapper{background:#fff;border:1px solid #e5e7eb80;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:350px;animation:.4s ease-out financialFadeIn;display:flex;box-shadow:0 10px 30px #00000005}.financial-loading-spinner{border:4px solid #f3f4f6;border-top-color:#d4000f;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite financialSpin}.financial-loading-text{color:#6b7280;font-size:15px;font-weight:600}.financial-fallback-alert{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;animation:.4s ease-out financialSlideDown;display:flex}@keyframes financialSpin{to{transform:rotate(360deg)}}@keyframes financialSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes financialFadeIn{0%{opacity:0}to{opacity:1}}.settingsCard,.authentSetting{background:#fff;border-radius:30px;margin-top:20px;padding:20px;box-shadow:0 4px 4px #06060628}.settingsCard p,.authentSetting p{color:#898989}.settingsCard h4,.authentSetting h4{align-items:center;gap:5px;margin-bottom:10px;display:flex}.settingsCard .body,.authentSetting .body{background:0 0}.auth{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.auth .label{flex-direction:column;margin:0;display:flex}.info-row{border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row .label{color:#9e9e9e;font-size:14px;font-weight:600}.info-row .value{color:#000;font-size:14px;font-weight:600}.system-details{margin-top:30px}.settingsCard form{display:unset;gap:10px}.settingsCard .form-header{gap:20px;display:flex}@media (width<=650px){.settingsCard .form-header{flex-direction:column;gap:5px;margin:0 10px}}.settingsCard .text-inputs{flex-direction:column;flex:1;gap:20px;display:flex}.settingsCard input,.settingsCard select{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:14px}.address-page-container{background-color:#fcfcfc;min-height:100vh;padding:30px 40px}.address-header-section{border-bottom:2px solid #f1f1f1;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.address-title{color:#333;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;display:flex}.address-title-icon{color:#d4000f}.address-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-top:20px;display:grid}.address-card{-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #e5e7eb99;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:200px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #00000008}.address-card:hover{border-color:#d4000f4d;transform:translateY(-5px);box-shadow:0 12px 30px #d4000f14}.address-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.address-label-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.label-home{color:#1890ff;background-color:#e6f7ff;border:1px solid #91d5ff}.label-office{color:#722ed1;background-color:#f9f0ff;border:1px solid #d3adf7}.label-other{color:#666;background-color:#f5f5f5;border:1px solid #d9d9d9}.address-default-badge{color:#d4b106;background-color:#fffbe6;border:1px solid #ffe58f;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.address-details{flex-grow:1}.address-text-primary{color:#2c2c2c;margin:0 0 6px;font-size:15px;font-weight:500;line-height:1.5}.address-text-secondary{color:#666;margin:0 0 4px;font-size:14px}.address-text-location{color:#888;background-color:#f9f9f9;border-radius:8px;align-items:center;gap:5px;width:fit-content;margin:12px 0 0;padding:6px 10px;font-size:13px;display:flex}.address-actions{border-top:1px solid #f1f1f1;gap:12px;margin-top:20px;padding-top:15px;display:flex}.address-action-btn{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-view:hover{color:#111;background-color:#f3f4f6}.btn-edit:hover{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}.btn-delete:hover{color:#ef4444;background-color:#fef2f2;border-color:#ef4444}.address-empty-state{text-align:center;background:#fff;border:1px dashed #e5e7eb;border-radius:16px;margin-top:20px;padding:60px 20px;box-shadow:0 4px 20px #00000005}.empty-state-icon{color:#ccc;margin-bottom:16px;font-size:48px}.empty-state-title{color:#4b5563;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-desc{color:#9ca3af;margin-bottom:20px;font-size:14px}.address-form-modal{padding:10px}.address-form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.span-full{grid-column:1/-1}.address-input-wrapper{text-align:left;flex-direction:column;gap:6px;display:flex}.address-input-wrapper label{color:#4b5563;font-size:13px;font-weight:500}.address-input-wrapper label span{color:#d4000f}.address-form-input{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.address-form-input:focus{border-color:#d4000f;box-shadow:0 0 0 3px #d4000f26}.address-checkbox-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:10px;display:flex}.address-checkbox-wrapper input{cursor:pointer;width:18px;height:18px}.address-checkbox-wrapper span{color:#4b5563;font-size:14px;font-weight:500}.address-detail-view{text-align:left;padding:10px}.detail-row{border-bottom:1px solid #f3f4f6;margin-bottom:12px;padding-bottom:8px;display:flex}.detail-label{color:#6b7280;width:120px;font-size:14px;font-weight:600}.detail-value{color:#1f2937;flex:1;font-size:14px}@media (width<=768px){.address-page-container{padding:20px 15px}.address-grid,.address-form-grid{grid-template-columns:1fr}}