*{margin:0;padding:0;font-family:Courier New,Courier,monospace!important;line-height:1.5;font-weight:400;box-sizing:border-box}:root{--background-color: #e5e7eb;--text-color: #767c83;--border-color: #6264683f;--button-color: #040405b9;--splash-color: #000000b9;--primary-color: #767c83;--secondary-color: #e5e7eb;--tertiary-color: #141924b9;--quaternary-color: #6264683f;--quinary-color: #312e2e8e;--senary-color: #242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}.hero{height:100vh;display:flex;align-items:center;padding-top:60px;background:linear-gradient(var(--splash-color),var(--splash-color)),url(/assets/background-DVLhl87g.jpg);background-size:cover;background-position:center;color:var(--secondary-color)}.booking_screen{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:var(--splash-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;isolation:isolate;pointer-events:all;transition:all .3s ease}.booking_screen_content{width:50%;height:50%;min-width:350px;min-height:900px;border-radius:10px;position:relative;display:flex;flex-direction:column;overflow:hidden}.booking_screen_header{padding:20px 20px 0;background-color:var(--quaternary-color);z-index:10;border-radius:10px}.booking_screen_body{flex:1;overflow-y:auto;padding:0;position:relative;-ms-overflow-style:none;scrollbar-width:none}.booking_screen_body::-webkit-scrollbar{display:none}.booking_screen_footer{display:flex;justify-content:space-between;padding:15px 20px;background-color:var(--quaternary-color);border-radius:10px;border-top:1px solid var(--quaternary-color)}.booking_nav_button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .3s ease}.prev_button{background-color:var(--tertiary-color);color:var(--secondary-color);margin-right:auto}.prev_button:hover{opacity:.9}.next_button{background-color:var(--tertiary-color);color:var(--secondary-color);margin-left:auto;margin-right:15px}.next_button:hover{opacity:.9}.booking_screen_content_button_close{position:absolute;top:0;right:0;background-color:var(--tertiary-color);color:var(--secondary-color);border:none;padding:10px;border-radius:0 10px 0 5px;cursor:pointer;z-index:20}.booking-progress-container{width:100%;max-width:800px;margin:0 auto 20px;padding:10px 0}.booking-progress-bar{height:4px;background-color:var(--quaternary-color);border-radius:2px;overflow:hidden;margin-bottom:15px}.booking-progress-fill{height:100%;background-color:var(--tertiary-color);width:0;transition:width 1s ease;border-radius:2px}.booking-progress-steps{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-color);position:relative}.booking-progress-steps:before{content:"";position:absolute;top:10px;left:0;width:100%;height:1px;background-color:var(--quaternary-color);z-index:-1}.booking-progress-step{position:relative;text-align:center;padding:0 5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1}.booking-progress-step:before{content:"";width:8px;height:8px;background-color:var(--quaternary-color);border-radius:50%;margin-bottom:8px}.booking-progress-step.active{color:var(--secondary-color);font-weight:600}.booking-progress-step.active:before{background-color:var(--tertiary-color)}.booking-progress-step.completed:before{background-color:var(--tertiary-color)}.booking-progress-step.completed{color:var(--tertiary-color)}@media (max-width: 1024px){.booking_screen_content{width:70%;height:70%}}@media (max-width: 768px){.booking_screen{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:var(--splash-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;isolation:isolate;pointer-events:all;transition:all .3s ease}.booking_screen_content{width:50%;height:50%;min-width:350px;min-height:900px;border-radius:10px;position:relative;display:flex;flex-direction:column;overflow:hidden}.booking-progress-container{margin-bottom:10px}.booking-progress-steps{font-size:.6rem}}@media (max-width: 480px){.booking_screen_content{width:50%;height:50%;min-width:350px;min-height:600px;border-radius:10px;position:relative;display:flex;flex-direction:column;overflow:hidden}.booking_screen_header{padding:15px 10px 0}.booking_screen_footer{padding:10px}.booking-progress-steps{font-size:.5rem}.booking-progress-step:before{width:6px;height:6px;margin-bottom:5px}.booking_nav_button{padding:8px 15px;font-size:.8rem}.next_button{margin-right:8px}}.booking_information_screen{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.booking_information_screen_header{width:100%;height:auto;padding:20px 0;position:relative}.booking_information_screen_header_title{font-size:2rem;color:var(--secondary-color);text-align:center;margin-bottom:20px;animation:fadeInDown .6s ease-out forwards}.booking_information_screen_body{width:100%;flex:1;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:0 10px 20px;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.booking_information_screen_body::-webkit-scrollbar{display:none}.booking-summary-container{width:100%;max-width:600px;margin:0 auto 20px;background-color:var(--senary-color);border:2px solid var(--senary-color);border-radius:10px;padding:20px;animation:fadeIn .5s ease forwards;overflow:hidden}.booking-progress-container{width:90%;max-width:600px;margin:0 auto 10px;padding:10px 0}.booking-progress-bar{height:6px;background-color:var(--quaternary-color);border-radius:3px;overflow:hidden;margin-bottom:10px}.booking-progress-fill{height:100%;background:linear-gradient(to right,var(--primary-color),var(--senary-color));width:0;transition:width 1.5s cubic-bezier(.25,1,.5,1);border-radius:3px;box-shadow:0 0 10px rgba(var(--senary-color-rgb),.5)}.booking-progress-steps{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-color)}.booking-progress-step{position:relative;text-align:center;padding:2px 0;flex:1}.booking-progress-step.completed{color:var(--senary-color);font-weight:500}.booking-progress-step.active{color:var(--secondary-color);font-weight:700;transform:scale(1.1);transition:all .3s ease}.booking-progress-step.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:6px;height:6px;background-color:var(--senary-color);border-radius:50%;animation:pulse 1.5s infinite}.booking-section{margin-bottom:25px;padding:15px;border-radius:8px;background-color:var(--quaternary-color);transform:translateY(30px);opacity:0;transition:all .5s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 15px var(--quaternary-color)}.booking-section.visible{transform:translateY(0);opacity:1}.booking-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(var(--senary-color-rgb),.3);position:relative}.booking-section-title{color:var(--secondary-color);font-size:1.2rem;font-weight:600;margin:0;display:flex;align-items:center}.booking-section-content{padding:5px}.booking-info-card{display:flex;align-items:center;padding:10px;border-radius:8px;transition:all .3s ease}.booking-info-card:hover{background-color:var(--quaternary-color);transform:translateY(-3px)}.service-icon-container{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-right:15px;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.3),rgba(var(--senary-color-rgb),.3));border-radius:50%;position:relative;box-shadow:0 5px 15px var(--quaternary-color)}.service-icon-container:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,var(--primary-color),var(--senary-color)) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.service-icon{font-size:1.8rem;animation:bounce 2s infinite}.service-details{flex:1}.service-title{color:var(--secondary-color);font-size:1.2rem;margin:0 0 8px}.service-meta{display:flex;gap:15px}.service-duration,.service-price{display:flex;align-items:center;color:var(--text-color);font-size:.9rem}.service-price{font-weight:700;color:var(--senary-color)}.duration-icon,.price-icon,.date-icon,.time-icon{font-style:normal;margin-right:5px;font-size:1.1rem}.appointment-details{padding:10px}.appointment-date-time{display:flex;justify-content:space-around;margin-top:10px}.appointment-date,.appointment-time{display:flex;align-items:center;background-color:var(--quaternary-color);padding:12px 18px;border-radius:8px;transition:all .3s ease}.appointment-date:hover,.appointment-time:hover{background-color:var(--quaternary-color);transform:translateY(-3px);box-shadow:0 5px 15px var(--quaternary-color)}.appointment-date span,.appointment-time span{color:var(--secondary-color);margin-left:10px;font-weight:500}.customer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-top:10px}.customer-info-item{display:flex;align-items:center;background-color:var(--quaternary-color);padding:12px;border-radius:8px;transition:all .3s ease}.customer-info-item:hover{background-color:var(--quaternary-color);transform:translateY(-3px);box-shadow:0 5px 15px var(--quaternary-color)}.customer-info-icon{font-size:1.3rem;margin-right:12px;opacity:.9}.customer-info-content{flex:1}.customer-info-label{color:var(--text-color);font-size:.8rem;margin-bottom:3px}.customer-info-value{color:var(--secondary-color);font-size:.95rem;font-weight:500;word-break:break-word}.booking-action{margin-top:30px;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .8s forwards;animation-delay:.7s;opacity:0}.btn{position:relative;padding:14px 28px;border:none;border-radius:30px;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:1rem;overflow:hidden}.checkout-btn{background:linear-gradient(135deg,var(--primary-color),var(--senary-color));color:var(--secondary-color);width:100%;max-width:300px;box-shadow:0 5px 20px rgba(var(--primary-color-rgb),.3)}.checkout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--quaternary-color),transparent);transition:all .6s ease}.checkout-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.4)}.checkout-btn:hover:before{left:100%}.btn-arrow{display:inline-block;margin-left:8px;transition:transform .3s ease}.checkout-btn:hover .btn-arrow{transform:translate(5px)}.checkout-btn.processing{background:linear-gradient(135deg,#666,#999);cursor:not-allowed;transform:none;box-shadow:none}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--quaternary-color);border-radius:50%;border-top-color:var(--secondary-color);animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}.booking-disclaimer{text-align:center;margin-top:15px;color:var(--text-color);font-size:.8rem;max-width:400px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.booking_information_screen_body{padding:0 15px 20px}.booking-summary-container{padding:15px}.booking-progress-steps{font-size:.6rem}.appointment-date-time{flex-direction:column;gap:10px}.customer-info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.booking_information_screen_header{padding-top:15px;padding-bottom:10px}.booking_information_screen_header_title{font-size:1.2rem;margin-bottom:15px}.booking-progress-container{width:95%}.booking-progress-steps{font-size:.5rem}.booking-summary-container{padding:12px;margin-top:5px}.booking-section{padding:10px;margin-bottom:15px}.booking-section-title{font-size:1rem}.service-icon-container{width:45px;height:45px;margin-right:10px}.service-icon{font-size:1.3rem}.service-title{font-size:1rem}.service-meta{flex-direction:column;gap:5px}.customer-info-item{padding:10px}.customer-info-value{font-size:.85rem}.btn{padding:12px 20px;font-size:.9rem}.booking-disclaimer{font-size:.7rem}}.Booking_Select_Service_Screen{width:100%;height:100%;display:flex;flex-direction:column;-ms-overflow-style:none;scrollbar-width:none}.Booking_Select_Service_Screen::-webkit-scrollbar{display:none}.Booking_Select_Service_Screen_Header{width:100%;height:10%;display:flex;align-items:center;justify-content:center}.Booking_Select_Service_Screen_Header_Title{font-size:2rem;color:var(--secondary-color);text-align:center}.Booking_Select_Service_Screen_Body{width:100%;height:80%;position:relative}.gallery-container{width:100%;max-width:900px;margin:0 auto;position:relative}.gallery-stack{position:relative;width:100%;height:450px;margin-bottom:20px;perspective:1000px;touch-action:none;display:flex;align-items:center;justify-content:center}.card{position:absolute;left:50%;top:50%;width:300px;height:400px;background-color:var(--senary-color);border:2px solid var(--senary-color);border-radius:5px;transition:transform .5s ease,opacity .3s ease,border-color .3s ease,box-shadow .3s ease;transform-origin:center center;padding:8px;cursor:pointer;box-shadow:0 4px 8px var(--quaternary-color);transform:translate(-50%,-50%) rotate(5deg);will-change:transform}.card_service_container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.card_service_container_icon{font-size:1.2rem;color:var(--secondary-color);margin-bottom:20px}.card_service_container_title{font-size:1.2rem;margin-bottom:15px;color:var(--secondary-color);position:relative}.card_service_container_description{font-size:.7rem;color:var(--secondary-color);margin-bottom:20px;text-align:center}.card_service_container_price{font-weight:800;color:var(--secondary-color);margin-top:15px;font-size:.8rem}.card.current{transform:translate(-50%,-50%) rotate(0) scale(1);z-index:5}.card.current:hover{transform:translate(-50%,-52%) rotate(0) scale(1.02)}.card.left1{transform:translate(-90%,-50%) rotate(5deg) scale(.9);z-index:4}.card.left2{transform:translate(-120%,-50%) rotate(5deg) scale(.8);z-index:3}.card.right1{transform:translate(-10%,-50%) rotate(5deg) scale(.9);z-index:4}.card.right2{transform:translate(20%,-50%) rotate(5deg) scale(.8);z-index:3}.card.hidden{transform:translate(-50%,-50%) rotate(5deg) scale(.5);opacity:0;pointer-events:none}.controls{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.nav-buttons{display:flex;gap:10px}.btn.disabled,.btn:disabled{background-color:var(--secondary-color);cursor:not-allowed;transform:none;box-shadow:none}.pagination{display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background-color:var(--primary-color);cursor:pointer;transition:background-color .3s ease}.dot.active{background-color:var(--secondary-color)}.select-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--quaternary-color);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;z-index:1000;cursor:pointer;border-radius:5px}.card:hover .select-overlay{opacity:1}.overlay-content{padding:20px;text-align:center}.select-text,.selected-text{font-size:1.2rem;font-weight:700;padding:10px 20px;border-radius:5px;text-shadow:0 1px 2px var(--quaternary-color)}.select-text{color:var(--secondary-color);background-color:var(--secondary-color)}.selected-text{color:var(--secondary-color);background-color:green}.packages-button{margin-top:15px;padding:12px 25px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:5px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.packages-button:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0003}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--quaternary-color);display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{position:relative;max-width:80%;max-height:80%;transform:rotate(5deg);box-shadow:0 10px 25px #00000080}.modal-close{position:absolute;top:-30px;right:0;color:var(--secondary-color);font-size:24px;cursor:pointer}.modal-image{max-width:100%;max-height:80vh;border:3px solid var(--secondary-color)}.Booking_Select_Service_Screen,.booking-package-selection,.gallery-container,.gallery-stack,.card{overscroll-behavior:contain;touch-action:pan-y}.loading-container,.error-container,.no-services-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;width:100%;text-align:center;padding:2rem}.loading-spinner{width:50px;height:50px;border:5px solid var(--background-color);border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container p{color:#e74c3c;font-size:1.2rem}.no-services-container p{color:var(--text-color);font-size:1.2rem}@media (max-width: 768px){.Booking_Select_Service_Screen_Header{width:100%;height:10%;padding:0;display:flex;align-items:center;justify-content:center}.Booking_Select_Service_Screen_Header_Title{font-size:1.2rem;color:var(--secondary-color);text-align:center;padding:50px}.gallery-stack{height:400px}.card{width:240px;height:240px}.card.left1{transform:translate(-80%,-50%) rotate(5deg) scale(.9)}.card.right1{transform:translate(-20%,-50%) rotate(5deg) scale(.9)}}@media (max-width: 480px){.Booking_Select_Service_Screen_Header_Title{font-size:1.2rem;color:var(--secondary-color);text-align:center;padding-top:50px}.gallery-stack{height:400px}.arrow-nav{width:32px;height:32px}.arrow-left{left:5px}.arrow-right{right:5px}.card{width:280px;height:380px;gap:4px;padding:10px}.card-item:before{width:8px;height:8px}.card_service_container_icon{font-size:1.2rem;color:var(--secondary-color);margin-bottom:15px}.card_service_container_title{font-size:1.5rem;margin-bottom:15px;color:var(--secondary-color)}.card_service_container_description{font-size:.9rem;color:var(--secondary-color);margin-bottom:15px;text-align:center}.card_service_container_price{font-weight:800;color:var(--secondary-color);margin-top:15px;font-size:1.1rem}.nav-buttons{margin-top:15px}.btn{padding:12px 24px;font-size:1rem;margin:0 5px}.dot{width:14px;height:14px;margin:0 5px}.confirm-buttons button{padding:15px 30px;font-size:1.1rem}}.booking-package-selection{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.booking-package-selection::-webkit-scrollbar{display:none}.package-section-title{font-size:1.8rem;color:var(--secondary-color);margin-bottom:20px;text-align:center}.gallery-stack{position:relative;width:100%;height:500px;margin:0 auto;touch-action:pan-y;display:flex;align-items:center;justify-content:center}.arrow-nav{position:absolute;width:40px;height:40px;background-color:var(--quaternary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.arrow-nav:hover{background-color:var(--quaternary-color);transform:scale(1.1)}.arrow-nav.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.arrow-left{left:10px}.arrow-right{right:10px}.arrow-icon{color:var(--secondary-color);font-size:18px;font-style:normal}.card{position:absolute;width:80%;height:400px;max-width:450px;border-radius:10px;background-color:var(--senary-color);box-shadow:0 10px 20px var(--quaternary-color),0 6px 6px var(--quaternary-color);transition:all .3s cubic-bezier(.25,.8,.25,1);overflow:hidden;cursor:pointer;transform-origin:center;top:50%;left:50%}.card.current{transform:translate(-50%,-50%) scale(1);z-index:5;opacity:1}.card.left1{transform:translate(-110%,-50%) scale(.85) rotate(-5deg);z-index:4;opacity:.7}.card.left2{transform:translate(-140%,-50%) scale(.7) rotate(-10deg);z-index:3;opacity:.5}.card.right1{transform:translate(10%,-50%) scale(.85) rotate(5deg);z-index:4;opacity:.7}.card.right2{transform:translate(40%,-50%) scale(.7) rotate(10deg);z-index:3;opacity:.5}.card.hidden{transform:translate(-50%,-50%) scale(.5);opacity:0;pointer-events:none}.card_package_container{display:flex;flex-direction:column;height:100%;padding:15px;color:var(--secondary-color)}.card_package_container_icon{font-size:2rem;margin-bottom:10px;text-align:center}.card_package_container_title{font-size:1.6rem;font-weight:700;margin-bottom:10px;text-align:center;color:var(--secondary-color);position:relative}.selected-badge{display:block;margin-top:5px;padding:3px 8px;background-color:#0f0;color:#000;font-size:.7rem;font-weight:700;border-radius:3px;text-align:center}.card_package_container_description{font-size:.9rem;margin-bottom:10px;text-align:center;line-height:1.4;padding:8px;background-color:var(--quaternary-color);border-radius:5px;max-height:100px;overflow-y:auto}.card_package_container_price{font-size:1.6rem;font-weight:700;margin-bottom:5px;text-align:center;color:var(--primary-color)}.card_package_container_duration{font-size:.9rem;margin-bottom:10px;text-align:center;color:var(--secondary-color)}.card_package_container_features{border-top:1px solid var(--quaternary-color);padding-top:10px;margin-top:auto;margin-bottom:10px}.card_package_container_feature{display:flex;align-items:center;font-size:.85rem;margin-bottom:5px}.card_package_container_feature span{color:var(--secondary-color);margin-right:8px;font-weight:700}.card_package_container_feature.more-features{text-align:center;color:var(--text-color);font-style:italic;font-size:.8rem}.card_package_actions{display:flex;gap:8px;margin-top:auto}.card_package_details_button,.card_package_select_button{border:none;border-radius:5px;padding:8px 10px;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex:1}.card_package_details_button{background-color:var(--quaternary-color);color:var(--secondary-color)}.card_package_details_button:hover{background-color:var(--quaternary-color)}.card_package_select_button{background-color:var(--primary-color);color:var(--secondary-color);font-weight:700}.card_package_select_button:hover,.card_package_select_button.selected{background-color:var(--secondary-color)}.controls{margin-top:30px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}.nav-buttons{display:flex;gap:20px}.btn{padding:8px 20px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s ease}.btn:hover:not(.disabled){background-color:var(--secondary-color);transform:translateY(-2px)}.btn.disabled{background-color:var(--quaternary-color);color:var(--text-color);cursor:not-allowed}.pagination{display:flex;gap:10px}.dot{width:10px;height:10px;border-radius:50%;background-color:var(--quaternary-color);cursor:pointer;transition:all .2s ease}.dot.active{background-color:var(--secondary-color);transform:scale(1.2)}.package-loading{display:flex;justify-content:center;align-items:center;height:200px;width:100%}.package-loading-spinner{width:50px;height:50px;border:5px solid var(--border-color);border-radius:50%;border-top-color:var(--secondary-color);animation:spin 1s ease-in-out infinite}.package-error{padding:30px;background-color:#e74c3c1a;border:1px solid #e74c3c;border-radius:5px;text-align:center;color:var(--secondary-color);width:100%;max-width:500px}.package-error p{margin-bottom:20px}.package-error-button{padding:10px 25px;border:none;border-radius:5px;background-color:var(--secondary-color);color:var(--senary-color);font-weight:700;cursor:pointer}.package-empty{padding:40px;border:2px dashed var(--primary-color);border-radius:8px;text-align:center;width:100%;max-width:600px}.package-empty-message{color:var(--secondary-color);font-size:1.1rem;margin-bottom:25px;line-height:1.5}.package-contact-button{padding:12px 30px;border:none;border-radius:5px;background-color:var(--secondary-color);color:var(--senary-color);font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.package-contact-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--quaternary-color)}.confirm-dialog{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--quaternary-color);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;z-index:2000}.confirm-dialog p{color:var(--secondary-color);font-size:1.1rem;font-weight:700;margin-bottom:20px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);background-color:var(--quaternary-color);padding:10px 15px;border-radius:5px}.confirm-buttons{display:flex;gap:15px}.confirm-buttons button{padding:10px 25px;border:none;border-radius:5px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px var(--quaternary-color)}.confirm-buttons button:first-child{background-color:var(--secondary-color);color:var(--secondary-color)}.confirm-buttons button:first-child:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--quaternary-color)}.confirm-buttons button:last-child{background-color:var(--text-color);color:var(--secondary-color)}.confirm-buttons button:last-child:hover{background-color:var(--text-color);transform:translateY(-2px)}@media (max-width: 768px){.gallery-stack{height:450px}.card{width:90%;height:400px}.card_package_container_title,.card_package_container_price{font-size:1.5rem}.package-section-title{font-size:1.5rem;margin-bottom:20px}}@media (max-width: 480px){.gallery-stack{height:420px}.arrow-nav{width:32px;height:32px}.arrow-left{left:5px}.arrow-right{right:5px}.card{width:90%;height:380px}.card_package_container{padding:15px}.card_package_container_title,.card_package_container_price{font-size:1.4rem}.card_package_container_description,.card_package_container_feature{font-size:.9rem}.booking-package-selection{padding:10px}.package-section-title{font-size:1.2rem}.nav-buttons{margin-top:20px}.btn{padding:12px 25px;font-size:1.1rem;margin:0 5px}.dot{width:14px;height:14px;margin:0 5px}.card_package_details_button{padding:12px 20px;font-size:1rem}.confirm-buttons button{padding:15px 30px;font-size:1.1rem}}.booking_select_date_screen{width:100%;height:100%;display:flex;flex-direction:column}.booking_select_date_screen_header{width:100%;height:20%}.booking_select_date_screen_header_title{font-size:2rem;color:var(--secondary-color);text-align:center}.booking_select_date_screen_body{width:100%;height:80%;display:flex;align-items:center;justify-content:center}.calendar-container{width:100%;max-width:600px;margin:0 auto;background-color:var(--senary-color);border:2px solid var(--senary-color);border-radius:5px;padding:20px;box-shadow:0 4px 8px var(--quaternary-color)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-header h2{color:var(--secondary-color);font-size:1.5rem;margin:0}.calendar-grid{margin-bottom:20px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.calendar-weekdays div{color:var(--senary-color);font-weight:700;text-align:center;padding:10px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{height:40px;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);cursor:pointer;border-radius:50%;transition:all .3s ease;font-weight:700;position:relative}.calendar-day:hover:not(.past-date):not(.other-month):not(.fully-booked){background-color:var(--primary-color);transform:scale(1.1)}.calendar-day.other-month{opacity:.3;cursor:default}.calendar-day.past-date{color:var(--text-color);cursor:not-allowed;opacity:.5}.calendar-day.fully-booked{color:#e74c3c;cursor:not-allowed;position:relative}.calendar-day.fully-booked:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(231,76,60,.2) 3px,rgba(231,76,60,.2) 6px);border-radius:50%;z-index:-1}.calendar-day.selected{background-color:var(--secondary-color);color:var(--secondary-color)}.selected-date-info{margin-top:20px;text-align:center;color:var(--secondary-color);padding:10px;background-color:var(--quaternary-color);border-radius:5px}.calendar-legend{display:flex;justify-content:center;margin-top:20px;padding:10px;border-top:1px solid var(--quaternary-color);flex-wrap:wrap}.legend-item{display:flex;align-items:center;margin:5px 10px;color:var(--secondary-color);font-size:.8rem}.legend-color{width:16px;height:16px;margin-right:5px;border-radius:50%;position:relative}.legend-color.past-date{background-color:var(--text-color);opacity:.5}.legend-color.fully-booked{background-color:#e74c3c;position:relative}.legend-color.fully-booked:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 3px,rgba(231,76,60,.2) 3px,rgba(231,76,60,.2) 6px);border-radius:50%;z-index:1}.legend-color.selected{background-color:var(--secondary-color)}.calendar-loading,.calendar-error{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1f1f1fe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:5px;color:var(--secondary-color)}.calendar-error{background-color:#e74c3ce6}.calendar-error button{margin-top:10px;padding:8px 16px;background-color:var(--secondary-color);color:#e74c3c;border:none;border-radius:4px;cursor:pointer;font-weight:700}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease;background-color:var(--senary-color);color:var(--secondary-color)}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px var(--quaternary-color);background-color:var(--primary-color)}.btn.disabled,.btn:disabled{background-color:var(--secondary-color);cursor:not-allowed;transform:none;box-shadow:none;opacity:.5}@media (max-width: 768px){.calendar-container{padding:15px}.calendar-day{height:35px}}@media (max-width: 480px){.booking_select_date_screen_header_title{font-size:1.2rem;padding-top:50px}.calendar-container{padding:10px}.calendar-header h2{font-size:1.2rem}.calendar-day{height:30px;font-size:.9rem}.calendar-weekdays div{font-size:.8rem;padding:5px 0}.btn{padding:6px 12px;font-size:.8rem}.selected-date-info{font-size:.9rem}}.booking_select_time_screen{width:100%;height:100%;display:flex;flex-direction:column}.booking_select_time_screen_header{width:100%;height:20%;display:flex;flex-direction:column;justify-content:center;align-items:center}.booking_select_time_screen_header_title{font-size:2rem;color:var(--secondary-color);text-align:center;margin-bottom:5px}.booking_select_time_screen_header_subtitle{color:var(--senary-color);text-align:center;font-size:1.2rem;margin-top:0}.booking_select_time_screen_body{width:100%;height:80%;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:0 10px;-ms-overflow-style:none;scrollbar-width:none}.booking_select_time_screen_body::-webkit-scrollbar{display:none}.time-selection-container{width:100%;max-width:600px;margin:0 auto 20px;background-color:var(--senary-color);border:2px solid var(--senary-color);border-radius:5px;padding:20px;box-shadow:0 4px 8px var(--quaternary-color)}.time-section{margin-bottom:30px}.time-section-title{color:var(--secondary-color);font-size:1.5rem;margin-bottom:15px;text-align:center;padding-bottom:10px;border-bottom:1px solid var(--senary-color);position:sticky;top:0;background-color:var(--senary-color);z-index:1}.time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.time-slot{display:flex;align-items:center;justify-content:center;height:45px;background-color:var(--quaternary-color);border:1px solid var(--senary-color);border-radius:5px;color:var(--secondary-color);cursor:pointer;transition:all .3s ease;font-weight:700;text-align:center}.time-slot:hover{background-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 6px var(--quaternary-color)}.time-slot.selected{background-color:var(--secondary-color);color:var(--secondary-color);transform:scale(1.05);border-color:transparent}.selected-time-info{margin-top:20px;text-align:center;color:var(--secondary-color);padding:10px;background-color:var(--quaternary-color);border-radius:5px;position:sticky;bottom:0;background-color:var(--senary-color)}.time-loading,.time-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;background-color:#1f1f1fe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:5px;color:var(--secondary-color);padding:20px;text-align:center}.time-error{background-color:#e74c3ce6}.time-error button{margin-top:10px;padding:8px 16px;background-color:var(--secondary-color);color:#e74c3c;border:none;border-radius:4px;cursor:pointer;font-weight:700}.no-times-available{text-align:center;color:var(--secondary-color);padding:20px;border:1px dashed var(--senary-color);border-radius:5px;margin:30px 0}@media (max-width: 768px){.booking_select_time_screen_body{padding:0 5px;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.time-selection-container{padding:15px}.time-grid{grid-template-columns:repeat(3,1fr)}.time-slot{height:40px;font-size:.9rem}}@media (max-width: 480px){.booking_select_time_screen_header{height:auto;padding-top:15px;padding-bottom:10px}.booking_select_time_screen_header_title{font-size:1.2rem;padding-top:5px}.booking_select_time_screen_body{height:calc(100% - 60px);padding:0 5px;overflow-y:auto}.time-selection-container{padding:10px;margin-top:5px}.time-section-title{font-size:1.2rem;padding:5px 0}.time-grid{grid-template-columns:repeat(2,1fr)}.time-slot{height:35px;font-size:.8rem}.selected-time-info{font-size:.9rem;margin-bottom:10px}}.booking_user_information{width:100%;height:100%;display:flex;flex-direction:column}.booking_user_information_header{width:100%;height:20%}.booking_user_information_header_title{font-size:2rem;color:var(--secondary-color);text-align:center}.booking_user_information_body{width:100%;height:80%;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:0 10px}.user-form-container{width:100%;max-width:600px;margin:0 auto 20px;background-color:var(--senary-color);border:2px solid var(--senary-color);border-radius:5px;padding:20px;box-shadow:0 4px 8px var(--quaternary-color)}.name-row{display:flex;gap:15px;margin-bottom:20px}.name-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--secondary-color);font-weight:700;font-size:1rem}.form-group input{width:100%;padding:12px;border:1px solid var(--senary-color);border-radius:4px;background-color:var(--quaternary-color);color:var(--secondary-color);font-size:1rem;transition:all .3s ease}.form-group input::placeholder{color:var(--text-color)}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.3)}.form-group input.error{border-color:#ff6b6b}.error-message{color:#ff6b6b;font-size:.8rem;margin-top:5px}.form-actions{margin-top:30px}.btn{padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:1rem}.submit-btn{background-color:var(--senary-color);color:var(--secondary-color);width:100%}.submit-btn:hover{background-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 6px var(--quaternary-color)}.phone-input-container{display:flex;gap:10px;align-items:center}.country-code-select{flex:0 0 110px;padding:12px;border:1px solid var(--senary-color);border-radius:4px;background-color:var(--quaternary-color);color:var(--secondary-color);font-size:1rem;transition:all .3s ease;background:var(--senary-color);cursor:pointer}.country-code-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.3);background:var(--primary-color)}.country-code-select option{background-color:var(--senary-color);color:var(--secondary-color)}.phone-input{flex:1}@media (max-width: 768px){.booking_user_information_body{padding:0 15px}.user-form-container{padding:15px}.phone-input-container{gap:8px}.country-code-select{flex:0 0 100px;padding:10px}}@media (max-width: 480px){.booking_user_information_header{height:auto;padding-top:15px;padding-bottom:10px}.booking_user_information_header_title{font-size:1.2rem;padding-top:5px}.booking_user_information_body{height:calc(100% - 60px);padding:0 10px}.user-form-container{padding:15px;margin-top:5px}.name-row{flex-direction:column;gap:15px}.form-group{margin-bottom:15px}.form-group label{font-size:.9rem;margin-bottom:5px}.form-group input{padding:10px;font-size:.9rem}.btn{padding:10px 20px;font-size:.9rem}.phone-input-container{flex-direction:column;gap:10px;align-items:stretch}.country-code-select{flex:none;width:100%;padding:10px;font-size:.9rem}}.booking_payment_screen{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.payment-container{width:100%;max-width:600px;margin:0 auto 20px;background-color:var(--senary-color);border:2px solid var(--senary-color);border-radius:10px;padding:20px;animation:fadeIn .5s ease forwards;overflow-y:auto;max-height:100%;-ms-overflow-style:none;scrollbar-width:none}.payment-container::-webkit-scrollbar{display:none}.payment-section{margin-bottom:25px;padding:15px;border-radius:8px;background-color:var(--quaternary-color);transform:translateY(30px);opacity:0;transition:all .5s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 15px var(--quaternary-color)}.payment-section.visible{transform:translateY(0);opacity:1}.payment-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid rgba(var(--senary-color-rgb),.3);position:relative}.payment-section-title{color:var(--secondary-color);font-size:1.2rem;font-weight:600;margin:0;display:flex;align-items:center}.section-indicator{width:12px;height:12px;background-color:var(--senary-color);border-radius:50%;position:relative}.section-indicator:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;background-color:rgba(var(--senary-color-rgb),.3);animation:pulse 2s infinite}.payment-section-content{padding:5px}.payment-form-group{margin-bottom:18px;position:relative}.payment-form-label{display:block;color:var(--text-color);font-size:.85rem;margin-bottom:8px;font-weight:500}.payment-form-input{width:100%;padding:12px 15px;border-radius:8px;border:2px solid var(--quaternary-color);background-color:var(--quaternary-color);color:var(--secondary-color);font-size:.95rem;transition:all .3s ease}.payment-form-input:focus{outline:none;border-color:var(--senary-color);background-color:var(--quaternary-color);box-shadow:0 0 0 2px rgba(var(--senary-color-rgb),.2)}.payment-form-input::placeholder{color:var(--text-color)}.input-with-icon{position:relative}.input-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--text-color);font-size:1.1rem}.card-details-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.summary-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--quaternary-color)}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--text-color)}.summary-value{color:var(--secondary-color);font-weight:500}.total-row{margin-top:10px;padding-top:15px;border-top:2px solid rgba(var(--senary-color-rgb),.3);font-size:1.1rem}.total-row .summary-value{color:var(--senary-color);font-weight:700}.payment-methods{display:flex;gap:10px;margin-bottom:20px}.payment-method{display:flex;align-items:center;justify-content:center;width:70px;height:40px;background-color:var(--quaternary-color);border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .3s ease}.payment-method:hover{background-color:var(--quaternary-color);transform:translateY(-2px)}.payment-method.active{border-color:var(--senary-color);background-color:rgba(var(--senary-color-rgb),.1)}.payment-method img{max-width:80%;max-height:80%;opacity:.7;transition:opacity .3s ease}.payment-method.active img{opacity:1}.card-visualization{height:200px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--senary-color));padding:20px;position:relative;margin-bottom:25px;overflow:hidden;box-shadow:0 15px 25px var(--quaternary-color);transition:transform .3s ease,box-shadow .3s ease}.card-visualization:hover{transform:translateY(-5px) rotate(1deg);box-shadow:0 20px 30px var(--quaternary-color)}.card-chip{width:45px;height:35px;background-color:#ffd700cc;border-radius:5px;margin-bottom:25px;position:relative;overflow:hidden}.card-chip:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background-color:var(--quaternary-color)}.card-chip:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background-color:var(--quaternary-color)}.card-number{color:var(--secondary-color);font-size:1.3rem;letter-spacing:2px;margin-bottom:15px;font-family:monospace;text-shadow:0 2px 5px var(--quaternary-color)}.card-details{display:flex;justify-content:space-between;color:var(--secondary-color);font-size:.9rem}.card-holder,.card-expiry{display:flex;flex-direction:column}.card-label{font-size:.7rem;opacity:.7;margin-bottom:3px}.card-decoration{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at center,var(--quaternary-color),transparent);top:-150px;right:-150px;opacity:.5}.payment-action{margin-top:30px;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .8s forwards;animation-delay:.7s;opacity:0}.pay-btn{background:linear-gradient(135deg,var(--primary-color),var(--senary-color));color:var(--secondary-color);width:100%;max-width:300px;box-shadow:0 5px 20px rgba(var(--primary-color-rgb),.3);position:relative;padding:14px 28px;border:none;border-radius:10px;cursor:pointer;font-weight:700;transition:all .3s ease;font-size:1rem;overflow:hidden}.pay-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--quaternary-color),transparent);transition:all .6s ease}.pay-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(var(--primary-color-rgb),.4)}.pay-btn:hover:before{left:100%}.payment-security{display:flex;align-items:center;justify-content:center;margin-top:15px;color:var(--text-color);font-size:.8rem}.security-icon{margin-right:8px;font-size:1rem}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--text-color);border-radius:50%;border-top-color:var(--secondary-color);animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}.payment-success{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--quaternary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .5s ease;z-index:10}.payment-success.visible{opacity:1;pointer-events:all}.success-icon{width:80px;height:80px;background-color:var(--senary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transform:scale(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.payment-success.visible .success-icon{transform:scale(1)}.success-icon svg{width:40px;height:40px;color:var(--secondary-color)}.success-title{font-size:1.5rem;color:var(--secondary-color);margin-bottom:10px;opacity:0;transform:translateY(20px);transition:all .5s ease;transition-delay:.2s}.success-message{color:var(--text-color);text-align:center;max-width:300px;opacity:0;transform:translateY(20px);transition:all .5s ease;transition-delay:.3s}.payment-success.visible .success-title,.payment-success.visible .success-message{opacity:1;transform:translateY(0)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti{position:absolute;width:10px;height:20px;top:-20px;animation:confetti-fall 3s linear forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:.7}}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(100vh) rotate(720deg) scale(0)}}@media (max-width: 768px){.payment-container{padding:15px;width:95%}.payment-section{padding:12px}.card-details-row{grid-template-columns:1fr 1fr}.card-visualization{height:180px}.card-number{font-size:1.1rem}}@media (max-width: 480px){.payment-container{padding:12px;width:100%}.payment-section{padding:10px;margin-bottom:15px}.payment-section-title{font-size:1rem}.card-details-row{grid-template-columns:1fr;gap:10px}.card-visualization{height:160px;padding:15px}.card-number{font-size:1rem;letter-spacing:1px}.payment-methods{flex-wrap:wrap;justify-content:center}.pay-btn{padding:12px 20px;font-size:.9rem}}:root{--transition-speed: .3s;--hover-scale: 1.02;--hover-brightness: 1.05;--primary-color-rgb: 118, 124, 131;--dashboard-sidebar-width: 256px;--dashboard-header-height: 80px}.Dashboard{width:100%;height:100vh;background-color:var(--secondary-color);display:flex}.Dashboard_Container{width:100%;height:100%;background-color:var(--secondary-color);display:flex;position:relative}.Dashboard_Content_Main_Content_Header{width:100%;height:var(--dashboard-header-height);background-color:transparent;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)}.Dashboard_Content_Main_Content_Body{width:100%;flex:1;padding:32px;background-color:var(--secondary-color);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--text-color) transparent}.Dashboard_Content_Main_Content_Body::-webkit-scrollbar{width:8px}.Dashboard_Content_Main_Content_Body::-webkit-scrollbar-track{background:transparent}.Dashboard_Content_Main_Content_Body::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:4px}.Dashboard_Content_Main_Content_Body::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}.Dashboard_Content{width:100%;height:100%;display:flex;background-color:var(--secondary-color);position:relative}.Dashboard_Content_Main{width:100%;height:100%;background-color:var(--secondary-color);display:flex;position:relative}.Dashboard_Content_Main_Sidebar{width:var(--dashboard-sidebar-width);height:100%;background-color:var(--secondary-color);position:fixed;left:0;top:0;display:flex;flex-direction:column;padding:24px;box-shadow:4px 0 12px var(--quaternary-color);transition:all var(--transition-speed) ease-in-out;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;z-index:100}.Dashboard_Content_Main_Sidebar::-webkit-scrollbar{display:none}.Dashboard_Content_Main_Content{flex:1;margin-left:var(--dashboard-sidebar-width);height:100%;background-color:var(--secondary-color);transition:all var(--transition-speed) ease-in-out;display:flex;flex-direction:column}.Dashboard_Content_Main_Options_Container::-webkit-scrollbar{display:none}.Dashboard_Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--splash-color);z-index:999;animation:fadeIn .3s ease-in-out}.Dashboard_Hamburger_Menu{display:none;width:30px;height:24px;position:relative;margin-right:15px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.Dashboard_Hamburger_Menu span{display:block;position:absolute;height:3px;width:100%;background:var(--primary-color);border-radius:3px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.Dashboard_Hamburger_Menu span:nth-child(1){top:0}.Dashboard_Hamburger_Menu span:nth-child(2){top:10px}.Dashboard_Hamburger_Menu span:nth-child(3){top:20px}.Dashboard_Hamburger_Menu.active span:nth-child(1){top:10px;transform:rotate(45deg)}.Dashboard_Hamburger_Menu.active span:nth-child(2){opacity:0;width:0%}.Dashboard_Hamburger_Menu.active span:nth-child(3){top:10px;transform:rotate(-45deg)}.Dashboard_Mobile_Close{display:none;background:transparent;border:none;color:var(--primary-color);cursor:pointer;position:absolute;right:15px;top:15px}.Dashboard_Sidebar_Header{display:flex;align-items:center;justify-content:flex-start;position:relative;margin-bottom:40px}.Dashboard_Sidebar_Header h1{font-size:24px;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:12px}.Dashboard_Sidebar_Logo{width:40px;height:40px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.Dashboard_Sidebar_Logo svg{width:24px;height:24px;color:var(--secondary-color)}@media (max-width: 768px){.Dashboard_Hamburger_Menu{display:block;position:fixed;top:20px;left:20px;z-index:1001;background-color:var(--secondary-color);padding:8px;border-radius:8px;box-shadow:0 2px 8px var(--quaternary-color)}.Dashboard_Mobile_Close{display:block}.Dashboard_Content{width:100%;height:100%;display:flex;padding:0;background-color:var(--secondary-color)}.Dashboard_Content_Main{width:100%;height:100%;padding:0;background-color:var(--primary-color);flex-direction:column}.Dashboard_Content_Main_Sidebar{position:fixed;top:0;left:-100%;width:80%;height:100vh;margin:0;padding:20px;background-color:var(--secondary-color);z-index:1000;transition:left .3s ease-in-out;box-shadow:2px 0 10px var(--quaternary-color);overflow-y:auto}.Dashboard_Content_Main_Sidebar.mobile-open{left:0;animation:slideIn .3s ease-out}.Dashboard_Content_Main_Sidebar h1{font-size:22px;text-align:center;margin-bottom:20px}.Dashboard_Sidebar_Menu{flex-direction:column;flex-wrap:nowrap;gap:8px;margin-top:20px}.Dashboard_Sidebar_MenuItem{padding:12px 15px;font-size:16px;border-radius:8px;margin-bottom:5px}.Dashboard_Sidebar_MenuItem_Text{font-size:16px}.Dashboard_Content_Main_Content{width:100%;height:100%;margin-left:0;background-color:var(--secondary-color)}.Dashboard_Content_Main_Content_Header{width:100%;height:auto;min-height:60px;padding:20px 16px;display:flex;align-items:center;justify-content:space-between;background-color:transparent;flex-wrap:wrap;gap:16px}.Dashboard_Header_Search{width:100%;order:2}.Dashboard_Header_Content_Left{display:flex;align-items:center}.Dashboard_Content_Main_Content_Header_Container{width:100%;height:100%;border-radius:10px;background-color:var(--secondary-color);padding:10px}.Dashboard_Header_Content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.Dashboard_Header_Content_Top{width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.Dashboard_Header_Content_Left{width:70%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:10px}.Dashboard_Header_Content_Left h1{font-size:22px;font-weight:600;color:var(--primary-color);transition:all var(--transition-speed) ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Dashboard_Header_Content_Right{width:30%;height:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-right:10px}.Dashboard_Header_User_Profile{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-speed) ease;cursor:pointer}.Dashboard_Header_User_Profile img{width:100%;height:100%;object-fit:cover;border-radius:50%}.Dashboard_Content_Main_Options{width:100%;padding:5px;margin-bottom:10px;box-shadow:0 2px 4px var(--quaternary-color);overflow-x:auto}.Dashboard_Content_Main_Options_Container{gap:6px;padding:5px 0;flex-wrap:nowrap;justify-content:flex-start;min-width:min-content}.Dashboard_Content_Main_Options_Container_Option_Container{padding:8px 12px;font-size:12px;white-space:nowrap}.Dashboard_Content_Main_Options_Container_Option_Container h1{font-size:12px}.Dashboard_Content_Main_Options_Container_Option_Container svg{width:14px;height:14px}.Dashboard_Content_Main_Options_Container:before,.Dashboard_Content_Main_Options_Container:after{width:25px}.Dashboard_Content_Main_Content_Body{width:100%;height:calc(100% - 130px);padding:5px;background-color:var(--primary-color);overflow-y:auto}.Dashboard_Content_Main_Content_Body_Container{width:100%;height:auto;min-height:100%;border-radius:10px;background-color:var(--secondary-color);transition:all var(--transition-speed) ease-in-out;box-shadow:0 4px 6px var(--quaternary-color);padding:15px 10px;overflow-x:hidden;overflow-y:auto}.Dashboard_Content_Main_Content_Header_Container{width:100%;height:100%;border-radius:10px;background-color:var(--secondary-color);transition:all var(--transition-speed) ease-in-out;box-shadow:0 2px 4px var(--quaternary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.Dashboard_Content_Main{animation:fadeIn .5s ease-out}.Dashboard_Content_Main_Options_Container:after,.Dashboard_Content_Main_Options_Container:before{content:"";position:absolute;top:0;height:100%;width:20px;pointer-events:none;z-index:1}.Dashboard_Content_Main_Options_Container:before{left:0;background:linear-gradient(to right,var(--primary-color),transparent)}.Dashboard_Content_Main_Options_Container:after{right:0;background:linear-gradient(to left,var(--primary-color),transparent)}.Dashboard_Loading,.Dashboard_Error{padding:20px}.Dashboard_Error h2{font-size:20px;margin-bottom:10px}.Dashboard_Error p{font-size:14px;margin-bottom:20px}.Dashboard_Content_Error{margin:0 0 15px;padding:12px;font-size:14px}}.Dashboard_Header_Buttons{display:flex;gap:12px;margin-bottom:32px}.Dashboard_Header_Button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:8px}.Dashboard_Header_Button_Secondary{background-color:var(--secondary-color);color:var(--text-color);border:1px solid var(--border-color)}.Dashboard_Header_Button_Secondary:hover{background-color:var(--background-color);border-color:var(--border-color)}.Dashboard_Header_Button_Primary{background-color:#10b981;color:var(--secondary-color);border:none}.Dashboard_Header_Button_Primary:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px var(--quaternary-color)}.Dashboard_Header_Button svg{width:16px;height:16px}.Dashboard_Sidebar_Menu{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto}.Dashboard_Sidebar_Menu_Section{margin-bottom:32px}.Dashboard_Sidebar_Menu_Title{font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-color);margin-bottom:12px;letter-spacing:.05em}.Dashboard_Sidebar_MenuItem{display:flex;align-items:center;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all var(--transition-speed) ease;color:var(--text-color);font-weight:500;position:relative;margin-bottom:4px}.Dashboard_Sidebar_MenuItem.active{background-color:#10b98114;color:#10b981;font-weight:600}.Dashboard_Sidebar_MenuItem:hover:not(.active){background-color:var(--background-color);color:var(--primary-color)}.Dashboard_Sidebar_MenuItem_Icon{margin-right:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.Dashboard_Sidebar_MenuItem_Icon svg{width:20px;height:20px}.Dashboard_Sidebar_MenuItem_Text{font-size:14px;flex:1}.Dashboard_Sidebar_MenuItem_Badge{background-color:#10b981;color:var(--secondary-color);font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;margin-left:auto}.Dashboard_Content_Main_Content_Body_Container{width:100%;height:100%;background-color:transparent;transition:all var(--transition-speed) ease-in-out;overflow-y:auto;overflow-x:hidden;max-width:100%;max-height:100%;padding:0;box-sizing:border-box}.Dashboard_Sidebar_Bottom{margin-top:auto;padding:20px;background-color:var(--tertiary-color);border-radius:12px;text-align:center;color:var(--secondary-color)}.Dashboard_Sidebar_Bottom h3{font-size:16px;font-weight:600;margin-bottom:8px}.Dashboard_Sidebar_Bottom p{font-size:12px;color:var(--border-color);margin-bottom:16px;line-height:1.5}.Dashboard_Sidebar_Bottom button{width:100%;background-color:#10b981;color:var(--secondary-color);border:none;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition-speed) ease}.Dashboard_Sidebar_Bottom button:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px var(--quaternary-color)}.Dashboard_Content_Main_Content_Body_Container::-webkit-scrollbar{width:8px}.Dashboard_Content_Main_Content_Body_Container::-webkit-scrollbar-track{background:transparent;border-radius:10px}.Dashboard_Content_Main_Content_Body_Container::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}.Dashboard_Header_Content_Right_Global{display:flex;align-items:center;gap:16px}.Dashboard_Header_Search{position:relative;width:400px}.Dashboard_Header_Search input{width:100%;padding:12px 16px 12px 40px;background-color:var(--secondary-color);border:none;border-radius:8px;font-size:14px;color:var(--primary-color);box-shadow:0 1px 3px var(--quaternary-color);transition:all var(--transition-speed) ease}.Dashboard_Header_Search input:focus{outline:none;box-shadow:0 0 0 3px var(--quaternary-color)}.Dashboard_Header_Search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-color);width:20px;height:20px}.Dashboard_Header_Actions{display:flex;align-items:center;gap:12px}.Dashboard_Header_IconButton{width:40px;height:40px;border-radius:50%;background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);transition:all var(--transition-speed) ease}.Dashboard_Header_IconButton:hover{background-color:var(--background-color);color:var(--primary-color)}.Dashboard_Header_User{display:flex;align-items:center;gap:12px;cursor:pointer}.Dashboard_Header_User img{width:40px;height:40px;border-radius:50%;object-fit:cover}.Dashboard_Header_User_Info{display:flex;flex-direction:column}.Dashboard_Header_User_Name{font-size:14px;font-weight:600;color:var(--primary-color)}.Dashboard_Header_User_Email{font-size:12px;color:var(--text-color)}.Dashboard_Logout_Button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 15px;margin-right:12px;border:none;border-radius:8px;background-color:var(--primary-color);color:var(--secondary-color);font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 2px 4px var(--quaternary-color);border:1px solid var(--border-color)}.Dashboard_Logout_Button:hover{transform:translateY(-2px) scale(var(--hover-scale));box-shadow:0 4px 8px var(--quaternary-color)}.Dashboard_Logout_Button svg{transition:transform var(--transition-speed) ease}.Dashboard_Logout_Button:hover svg{transform:translate(2px)}@media (max-width: 768px){.Dashboard_Logout_Button{padding:6px 10px;margin-right:8px}.Dashboard_Logout_Button span{display:none}}.Dashboard_Header_User_Profile{width:100%;height:100%;max-width:65px;max-height:65px;padding:10px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-speed) ease;cursor:pointer}.Dashboard_Loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:var(--secondary-color)}.Dashboard_LoadingSpinner{width:50px;height:50px;border:4px solid var(--quaternary-color);border-radius:50%;border-top:4px solid var(--primary-color);border-left:4px solid var(--primary-color);animation:spin 1.1s cubic-bezier(.76,.16,.24,.84) infinite;margin-bottom:20px;box-shadow:0 4px 10px var(--quaternary-color)}.Dashboard_Loading p{font-size:18px;font-weight:600;color:var(--primary-color)}.Dashboard_Error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100vh;width:100%;background-color:var(--secondary-color);padding:20px}.Dashboard_Error svg{color:#ef4444;margin-bottom:20px}.Dashboard_Error h2{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:10px}.Dashboard_Error p{font-size:16px;margin-bottom:25px;max-width:500px;color:var(--text-color);line-height:1.5}.Dashboard_RefreshButton{padding:12px 24px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 4px 6px var(--quaternary-color)}.Dashboard_RefreshButton:hover{transform:translateY(-2px) scale(var(--hover-scale));box-shadow:0 6px 12px var(--quaternary-color)}.Dashboard_Content_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:15px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px var(--quaternary-color);animation:fadeIn .5s ease}.Dashboard_Content_Error svg{flex-shrink:0}.Dashboard_Hamburger_Button{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:transparent;border:none;cursor:pointer;position:fixed;top:18px;left:16px;z-index:1001;border-radius:8px;transition:all var(--transition-speed) ease}.Dashboard_Hamburger_Button:hover{background-color:var(--quaternary-color)}.Dashboard_Hamburger_Line{width:24px;height:3px;background-color:var(--text-color);margin:2px 0;transition:all var(--transition-speed) ease;border-radius:3px}.Dashboard_Hamburger_Button.active .Dashboard_Hamburger_Line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.Dashboard_Hamburger_Button.active .Dashboard_Hamburger_Line:nth-child(2){opacity:0}.Dashboard_Hamburger_Button.active .Dashboard_Hamburger_Line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.Dashboard_Mobile_Overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--splash-color);z-index:150;opacity:0;visibility:hidden;transition:all var(--transition-speed) ease}.Dashboard_Mobile_Overlay.active{opacity:1;visibility:visible}@media screen and (max-width: 768px){:root{--dashboard-sidebar-width: 280px;--dashboard-header-height: 70px}.Dashboard_Hamburger_Button{display:flex}.Dashboard_Mobile_Overlay{display:block}.Dashboard_Content_Main_Sidebar{transform:translate(-100%);width:var(--dashboard-sidebar-width);z-index:200;padding:20px;box-shadow:4px 0 20px var(--quaternary-color)}.Dashboard_Content_Main_Sidebar.mobile-open{transform:translate(0)}.Dashboard_Content_Main_Content{margin-left:0;width:100%}.Dashboard_Content_Main_Content_Header{padding:0 70px 0 16px;height:var(--dashboard-header-height);position:relative}.Dashboard_Content_Main_Content_Body{padding:16px;height:calc(100vh - var(--dashboard-header-height))}.Dashboard_Content_Main_Sidebar_Header{padding:16px 0 20px;margin-bottom:20px}.Dashboard_Content_Main_Sidebar_Header h1{font-size:20px}.Dashboard_Content_Main_Sidebar_Header p{font-size:13px;margin-top:4px}.Dashboard_Content_Main_Sidebar_Content{gap:12px}.Dashboard_Content_Main_Sidebar_Content_Option{padding:14px 16px;border-radius:10px;margin-bottom:8px}.Dashboard_Content_Main_Sidebar_Content_Option h1{font-size:15px}.Dashboard_Content_Main_Sidebar_Content_Option svg{width:20px;height:20px}.Dashboard_Header_User_Section{gap:12px}.Dashboard_Header_User_Profile{width:36px;height:36px}.Dashboard_Header_User_Info h2{font-size:14px}.Dashboard_Header_User_Info p{font-size:12px}.Dashboard_Content_Main_Options{margin:0 16px 16px;padding:8px;border-radius:12px}.Dashboard_Content_Main_Options_Container{gap:8px;padding:8px 0}.Dashboard_Content_Main_Options_Container_Option_Container{padding:10px 14px;font-size:13px;border-radius:8px;min-width:auto}.Dashboard_Content_Main_Options_Container_Option_Container h1{font-size:13px}.Dashboard_Content_Main_Options_Container_Option_Container svg{width:16px;height:16px}.Dashboard_RefreshButton{padding:10px 16px;font-size:14px;border-radius:10px}.Dashboard_Content_Error{margin:0 16px 16px;padding:12px;border-radius:10px;font-size:14px}.Dashboard_Content_Main_Content_Body>*{border-radius:12px}.Dashboard_Stats_Grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.Dashboard_Charts{grid-template-columns:1fr;gap:16px;height:auto}.Dashboard_ChartCard{height:300px;padding:20px}.Dashboard_Activity{padding:20px}.Dashboard_Activity_Item{padding:12px;gap:12px}.Dashboard_Activity_Icon{width:36px;height:36px}.Dashboard_Activity_Content h3{font-size:14px}.Dashboard_Activity_Content p{font-size:12px}.Dashboard_Activity_Time{font-size:11px}}@media screen and (max-width: 480px){:root{--dashboard-sidebar-width: 260px;--dashboard-header-height: 60px}.Dashboard_Content_Main_Sidebar{width:var(--dashboard-sidebar-width);padding:16px}.Dashboard_Content_Main_Content_Header{padding:0 60px 0 12px;height:var(--dashboard-header-height)}.Dashboard_Content_Main_Content_Body{padding:12px}.Dashboard_Hamburger_Button{width:40px;height:40px;top:10px;left:12px}.Dashboard_Hamburger_Line{width:20px;height:2px}.Dashboard_Content_Main_Sidebar_Header h1{font-size:18px}.Dashboard_Content_Main_Sidebar_Content_Option{padding:12px 14px}.Dashboard_Content_Main_Sidebar_Content_Option h1{font-size:14px}.Dashboard_Content_Main_Sidebar_Content_Option svg{width:18px;height:18px}.Dashboard_Header_User_Profile{width:32px;height:32px}.Dashboard_Header_User_Info h2{font-size:13px}.Dashboard_Header_User_Info p{font-size:11px}.Dashboard_Content_Main_Options{margin:0 12px 12px}.Dashboard_Content_Main_Options_Container_Option_Container{padding:8px 12px;font-size:12px}.Dashboard_Content_Main_Options_Container_Option_Container h1{font-size:12px}.Dashboard_Content_Main_Options_Container_Option_Container svg{width:14px;height:14px}}.DashboardStats{padding:0;background-color:transparent;animation:fadeIn .5s ease-out;overflow:visible;max-width:100%;box-sizing:border-box}.DashboardStats h2{font-size:32px;font-weight:700;color:var(--senary-color);margin-bottom:8px}.DashboardStats>p{color:var(--text-color);font-size:16px;margin-bottom:32px}.DashboardStats_Grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;overflow:visible}.DashboardStats_Card{background-color:var(--secondary-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;box-shadow:0 1px 3px var(--quaternary-color);transition:all var(--transition-speed) ease;overflow:hidden;position:relative}.DashboardStats_Card:first-child{background-color:var(--primary-color);color:var(--secondary-color)}.DashboardStats_Card_Header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.DashboardStats_Card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.DashboardStats_Card_Icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.DashboardStats_Card_Icon svg{width:24px;height:24px;color:var(--text-color)}.DashboardStats_Card:first-child .DashboardStats_Card_Icon svg{color:var(--secondary-color)}.DashboardStats_Card_Content{flex:1}.DashboardStats_Card_Title{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px}.DashboardStats_Card:first-child .DashboardStats_Card_Title{color:var(--secondary-color);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.DashboardStats_Card_Value{font-size:36px;font-weight:700;color:var(--senary-color);margin-bottom:4px}.DashboardStats_Card:first-child .DashboardStats_Card_Value{color:var(--secondary-color)}.DashboardStats_Card_Trend{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-color)}.DashboardStats_Card_Trend_Up{color:#4caf50}.DashboardStats_Card_Trend_Up svg{color:#4caf50}.DashboardStats_Card_Trend_Down{color:#f44336}.DashboardStats_Card_Trend_Down svg{color:#f44336}.DashboardStats_Card:first-child .DashboardStats_Card_Trend{color:var(--secondary-color)}.DashboardStats_Charts{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;height:320px;max-width:100%}.DashboardStats_ChartCard{background-color:var(--secondary-color);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--quaternary-color);display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden}.DashboardStats_ChartCard h3{font-size:18px;font-weight:600;color:var(--senary-color);margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.DashboardStats_ChartCard h3 span{font-size:13px;color:var(--text-color);font-weight:400}.DashboardStats_Chart{flex:1;position:relative;overflow:hidden;margin-top:10px;display:flex;align-items:flex-end;width:100%;height:calc(100% - 40px)}.DashboardStats_Canvas{width:100%;height:100%;display:block}.DashboardStats_PieChartContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.DashboardStats_PieLegend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px;width:100%}.DashboardStats_PieLegend_Item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-color);padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.DashboardStats_PieLegend_Item:hover,.DashboardStats_PieLegend_Item.active{background-color:rgba(var(--primary-color-rgb),.1);transform:translateY(-2px)}.DashboardStats_PieLegend_Color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.DashboardStats_BarChartContainer{width:100%;height:100%;display:flex;flex-direction:column}.DashboardStats_BarChart_Labels{display:flex;justify-content:space-between;margin-top:10px;padding:0 10px}.DashboardStats_BarChart_Labels span{font-size:12px;color:var(--text-color);text-align:center}.DashboardStats_BarChartCanvas{flex:1;width:100%}.DashboardStats_ChartTooltip{position:absolute;padding:8px 12px;background:var(--splash-color);color:var(--secondary-color);border-radius:4px;font-size:12px;pointer-events:none;z-index:100;box-shadow:0 4px 6px var(--quaternary-color);opacity:0;transition:opacity .2s ease}.DashboardStats_ChartTooltip.visible{opacity:1}.DashboardStats_LastUpdated{display:flex;justify-content:space-between;align-items:center;color:var(--text-color);font-size:14px;padding-top:15px;border-top:1px solid var(--border-color);max-width:100%;overflow:hidden}.DashboardStats_RefreshButton{background-color:var(--secondary-color);border:1px solid var(--border-color);color:var(--primary-color);border-radius:8px;padding:10px 15px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-speed) ease;font-weight:500;flex-shrink:0}.DashboardStats_RefreshButton:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 6px var(--quaternary-color)}.DashboardStats_RefreshButton:active{transform:translateY(0)}.DashboardStats_RefreshButton:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.DashboardStats_RefreshButton svg{width:16px;height:16px}.DashboardStats_Loading{text-align:center;padding:40px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.DashboardStats_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.DashboardStats_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #f44336}@media (max-width: 1024px){.DashboardStats{padding:0;margin:0}.DashboardStats h2{font-size:28px;margin-bottom:6px}.DashboardStats_Grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.DashboardStats_Charts{grid-template-columns:2fr 1fr;gap:20px;height:280px}.DashboardStats_ChartCard,.DashboardStats_Card{padding:20px}.DashboardStats_Card_Value{font-size:32px}}@media (max-width: 768px){.DashboardStats{padding:0;overflow-x:hidden;margin:0}.DashboardStats h2{font-size:22px;margin-bottom:20px;text-align:center}.DashboardStats>p{font-size:15px;margin-bottom:25px;text-align:center}.DashboardStats_Grid{grid-template-columns:1fr;gap:15px;margin-bottom:25px}.DashboardStats_Card{padding:20px;border-radius:10px;text-align:center}.DashboardStats_Card_Header{justify-content:center;flex-direction:column;gap:10px;margin-bottom:12px}.DashboardStats_Card_Icon{width:48px;height:48px;align-self:center}.DashboardStats_Card_Content{text-align:center}.DashboardStats_Card_Title{font-size:15px;margin-bottom:8px}.DashboardStats_Card_Value{font-size:26px;margin-bottom:8px}.DashboardStats_Card_Trend{justify-content:center;font-size:13px}.DashboardStats_Charts{grid-template-columns:1fr;height:auto;gap:15px;margin-bottom:25px}.DashboardStats_ChartCard{height:250px;padding:20px;border-radius:10px}.DashboardStats_ChartCard h3{font-size:16px;margin-bottom:15px;text-align:center;flex-direction:column;gap:5px}.DashboardStats_ChartCard h3 span{font-size:12px}.DashboardStats_Chart{height:calc(100% - 35px)}.DashboardStats_PieChartContainer{height:100%}.DashboardStats_PieLegend{gap:8px;margin-top:10px;justify-content:center}.DashboardStats_PieLegend_Item{font-size:12px;padding:2px 6px}.DashboardStats_BarChartContainer{height:100%}.DashboardStats_BarChart_Labels{margin-top:8px;padding:0 5px}.DashboardStats_BarChart_Labels span{font-size:11px}.DashboardStats_LastUpdated{flex-direction:column;gap:15px;align-items:center;text-align:center;padding-top:20px}.DashboardStats_RefreshButton{width:100%;padding:12px 20px;font-size:15px;border-radius:10px;justify-content:center}.DashboardStats_Loading{padding:50px 20px}.DashboardStats_LoadingSpinner{width:32px;height:32px}.DashboardStats_Error{padding:16px;font-size:15px;border-radius:10px;margin-bottom:20px}}@media (max-width: 480px){.DashboardStats{padding:0}.DashboardStats h2{font-size:20px;margin-bottom:16px}.DashboardStats>p{font-size:14px;margin-bottom:20px}.DashboardStats_Grid{gap:12px;margin-bottom:20px}.DashboardStats_Card{padding:16px;border-radius:8px}.DashboardStats_Card_Header{gap:8px;margin-bottom:10px}.DashboardStats_Card_Icon{width:40px;height:40px}.DashboardStats_Card_Title{font-size:14px;margin-bottom:6px}.DashboardStats_Card_Value{font-size:22px;margin-bottom:6px}.DashboardStats_Card_Trend{font-size:12px}.DashboardStats_Charts{gap:12px;margin-bottom:20px}.DashboardStats_ChartCard{height:220px;padding:16px;border-radius:8px}.DashboardStats_ChartCard h3{font-size:15px;margin-bottom:12px}.DashboardStats_ChartCard h3 span{font-size:11px}.DashboardStats_Chart{height:calc(100% - 30px)}.DashboardStats_PieLegend{gap:6px;margin-top:8px}.DashboardStats_PieLegend_Item{font-size:11px;padding:1px 4px}.DashboardStats_PieLegend_Color{width:10px;height:10px}.DashboardStats_BarChart_Labels span{font-size:10px}.DashboardStats_LastUpdated{gap:12px;padding-top:16px;font-size:13px}.DashboardStats_RefreshButton{padding:10px 16px;font-size:14px;border-radius:8px}.DashboardStats_RefreshButton svg{width:14px;height:14px}}@media (max-width: 360px){.DashboardStats h2{font-size:18px;margin-bottom:14px}.DashboardStats>p{font-size:13px;margin-bottom:18px}.DashboardStats_Grid{gap:10px;margin-bottom:18px}.DashboardStats_Card{padding:14px;border-radius:6px}.DashboardStats_Card_Header{gap:6px;margin-bottom:8px}.DashboardStats_Card_Icon{width:36px;height:36px}.DashboardStats_Card_Title{font-size:13px;margin-bottom:5px}.DashboardStats_Card_Value{font-size:20px;margin-bottom:5px}.DashboardStats_Card_Trend{font-size:11px}.DashboardStats_Charts{gap:10px;margin-bottom:18px}.DashboardStats_ChartCard{height:200px;padding:14px;border-radius:6px}.DashboardStats_ChartCard h3{font-size:14px;margin-bottom:10px}.DashboardStats_ChartCard h3 span{font-size:10px}.DashboardStats_Chart{height:calc(100% - 25px)}.DashboardStats_PieLegend{gap:4px;margin-top:6px;flex-wrap:wrap}.DashboardStats_PieLegend_Item{font-size:10px;padding:1px 3px}.DashboardStats_PieLegend_Color{width:8px;height:8px}.DashboardStats_BarChart_Labels{margin-top:6px;padding:0 3px}.DashboardStats_BarChart_Labels span{font-size:9px}.DashboardStats_LastUpdated{gap:10px;padding-top:14px;font-size:12px}.DashboardStats_RefreshButton{padding:8px 14px;font-size:13px;border-radius:6px}.DashboardStats_RefreshButton svg{width:12px;height:12px}.DashboardStats_Loading{padding:40px 16px}.DashboardStats_LoadingSpinner{width:28px;height:28px}.DashboardStats_Error{padding:14px;font-size:14px;border-radius:8px}}.HeroEditor{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px var(--quaternary-color);animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.HeroEditor h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:25px;position:relative;padding-bottom:12px}.HeroEditor h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.HeroEditor_FormLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.HeroEditor_FormGroup{margin-bottom:24px;position:relative}.HeroEditor_FormGroup label{display:block;font-weight:600;margin-bottom:10px;color:var(--primary-color);font-size:15px;transition:all var(--transition-speed) ease}.HeroEditor_FormGroup input,.HeroEditor_FormGroup textarea{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all var(--transition-speed) ease;background-color:var(--secondary-color);color:var(--text-color);box-shadow:0 2px 4px var(--quaternary-color)}.HeroEditor_FormGroup input:hover,.HeroEditor_FormGroup textarea:hover{border-color:var(--border-color)}.HeroEditor_FormGroup input:focus,.HeroEditor_FormGroup textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15);transform:translateY(-1px)}.HeroEditor_FormGroup small{display:block;margin-top:8px;font-size:13px;color:var(--text-color);font-style:italic}.HeroEditor_FormGroup textarea{min-height:120px;resize:vertical;line-height:1.5}.HeroEditor_ImagePreview{margin-top:15px;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 8px var(--quaternary-color);transition:all var(--transition-speed) ease}.HeroEditor_ImagePreview:hover{box-shadow:0 6px 12px var(--quaternary-color);transform:translateY(-2px)}.HeroEditor_ImagePreview img{width:100%;max-height:250px;object-fit:cover;display:block}.HeroEditor_FileInputWrapper{position:relative;margin-bottom:15px}.HeroEditor_FileInput{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.HeroEditor_CustomFileInput{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all var(--transition-speed) ease;background-color:var(--secondary-color);color:var(--text-color);box-shadow:0 2px 4px var(--quaternary-color)}.HeroEditor_CustomFileInput span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.HeroEditor_BrowseButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;margin-left:10px;flex-shrink:0}.HeroEditor_BrowseButton:hover{filter:brightness(var(--hover-brightness))}.HeroEditor_FileInput:hover+.HeroEditor_CustomFileInput{border-color:var(--border-color)}.HeroEditor_FileInput:focus+.HeroEditor_CustomFileInput{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.HeroEditor_Actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.HeroEditor_SubmitButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px var(--quaternary-color);min-width:180px}.HeroEditor_SubmitButton svg{width:18px;height:18px}.HeroEditor_SubmitButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.HeroEditor_SubmitButton:active{transform:translateY(1px)}.HeroEditor_SubmitButton:disabled{opacity:.7;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.HeroEditor_ResetButton{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.HeroEditor_ResetButton:hover{background-color:var(--background-color);color:var(--text-color)}.HeroEditor_Loading{text-align:center;padding:30px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.HeroEditor_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.HeroEditor_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.HeroEditor_Error svg{flex-shrink:0;width:20px;height:20px}.HeroEditor_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.HeroEditor_Success svg{flex-shrink:0;width:20px;height:20px}.HeroEditor_InputError{border-color:#ef4444!important;background-color:#fee2e233!important}.HeroEditor_InputError:focus{box-shadow:0 0 0 3px #ef444426!important}.HeroEditor_ErrorText{color:#ef4444;font-size:13px;margin-top:6px;display:flex;align-items:center;gap:6px;animation:fadeIn .3s ease}.HeroEditor_ErrorText:before{content:"⚠";font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.HeroEditor{padding:20px}.HeroEditor h2{font-size:22px;margin-bottom:20px}.HeroEditor_FormLayout{grid-template-columns:1fr}.HeroEditor_Actions{flex-direction:column;gap:15px}.HeroEditor_SubmitButton,.HeroEditor_ResetButton{width:100%}}@media (max-width: 1024px){.HeroEditor{padding:25px}.HeroEditor h2{font-size:24px;margin-bottom:20px}.HeroEditor_FormLayout{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.HeroEditor_FormGroup{margin-bottom:20px}.HeroEditor_FormGroup input,.HeroEditor_FormGroup textarea{font-size:15px;padding:11px 14px}.HeroEditor_FormGroup textarea{min-height:100px}.HeroEditor_ImagePreview img{max-height:200px}.HeroEditor_CustomFileInput{font-size:15px;padding:11px 14px}.HeroEditor_BrowseButton{font-size:13px;padding:7px 14px}.HeroEditor_SubmitButton{font-size:15px;padding:13px 24px;min-width:160px}.HeroEditor_ResetButton{font-size:14px;padding:11px 18px}}@media (max-width: 768px){.HeroEditor{padding:20px;border-radius:8px;margin:0}.HeroEditor h2{font-size:22px;margin-bottom:20px;text-align:center}.HeroEditor h2:after{left:50%;transform:translate(-50%)}.HeroEditor_FormLayout{grid-template-columns:1fr;gap:15px}.HeroEditor_FormGroup{margin-bottom:20px}.HeroEditor_FormGroup label{font-size:16px;margin-bottom:12px}.HeroEditor_FormGroup input,.HeroEditor_FormGroup textarea{font-size:16px;padding:14px 16px;border-radius:10px;min-height:48px}.HeroEditor_FormGroup textarea{min-height:120px}.HeroEditor_FormGroup small{font-size:14px;margin-top:10px}.HeroEditor_ImagePreview{margin-top:16px;border-radius:10px}.HeroEditor_ImagePreview img{max-height:180px}.HeroEditor_FileInputWrapper{margin-bottom:16px}.HeroEditor_CustomFileInput{font-size:16px;padding:14px 16px;border-radius:10px;min-height:48px}.HeroEditor_CustomFileInput span{font-size:15px}.HeroEditor_BrowseButton{font-size:14px;padding:8px 16px;border-radius:8px;margin-left:12px}.HeroEditor_Actions{flex-direction:column;gap:15px;margin-top:25px;padding-top:20px}.HeroEditor_SubmitButton,.HeroEditor_ResetButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px;min-height:52px;justify-content:center}.HeroEditor_SubmitButton{order:1}.HeroEditor_ResetButton{order:2}.HeroEditor_Loading{padding:40px 20px}.HeroEditor_LoadingSpinner{width:32px;height:32px}.HeroEditor_Error,.HeroEditor_Success{padding:16px;font-size:15px;border-radius:10px;margin-bottom:20px}.HeroEditor_ErrorText{font-size:14px;margin-top:8px}}@media (max-width: 480px){.HeroEditor{padding:16px;border-radius:6px}.HeroEditor h2{font-size:20px;margin-bottom:16px}.HeroEditor_FormLayout{gap:12px}.HeroEditor_FormGroup{margin-bottom:16px}.HeroEditor_FormGroup label{font-size:15px;margin-bottom:10px}.HeroEditor_FormGroup input,.HeroEditor_FormGroup textarea{font-size:15px;padding:12px 14px;border-radius:8px;min-height:44px}.HeroEditor_FormGroup textarea{min-height:100px}.HeroEditor_FormGroup small{font-size:13px;margin-top:8px}.HeroEditor_ImagePreview{margin-top:14px;border-radius:8px}.HeroEditor_ImagePreview img{max-height:150px}.HeroEditor_FileInputWrapper{margin-bottom:14px}.HeroEditor_CustomFileInput{font-size:15px;padding:12px 14px;border-radius:8px;min-height:44px}.HeroEditor_CustomFileInput span{font-size:14px}.HeroEditor_BrowseButton{font-size:13px;padding:6px 12px;border-radius:6px;margin-left:10px}.HeroEditor_Actions{gap:12px;margin-top:20px;padding-top:16px}.HeroEditor_SubmitButton,.HeroEditor_ResetButton{padding:14px 18px;font-size:15px;border-radius:8px;min-height:48px}.HeroEditor_Loading{padding:30px 16px}.HeroEditor_LoadingSpinner{width:28px;height:28px}.HeroEditor_Error,.HeroEditor_Success{padding:14px;font-size:14px;border-radius:8px;margin-bottom:16px}.HeroEditor_ErrorText{font-size:13px;margin-top:6px}}@media (max-width: 360px){.HeroEditor{padding:12px}.HeroEditor h2{font-size:18px;margin-bottom:14px}.HeroEditor h2:after{width:50px;height:2px}.HeroEditor_FormLayout{gap:10px}.HeroEditor_FormGroup{margin-bottom:14px}.HeroEditor_FormGroup label{font-size:14px;margin-bottom:8px}.HeroEditor_FormGroup input,.HeroEditor_FormGroup textarea{font-size:14px;padding:10px 12px;border-radius:6px;min-height:40px}.HeroEditor_FormGroup textarea{min-height:80px}.HeroEditor_FormGroup small{font-size:12px;margin-top:6px}.HeroEditor_ImagePreview{margin-top:12px;border-radius:6px}.HeroEditor_ImagePreview img{max-height:120px}.HeroEditor_FileInputWrapper{margin-bottom:12px}.HeroEditor_CustomFileInput{font-size:14px;padding:10px 12px;border-radius:6px;min-height:40px}.HeroEditor_CustomFileInput span{font-size:13px}.HeroEditor_BrowseButton{font-size:12px;padding:5px 10px;border-radius:4px;margin-left:8px}.HeroEditor_Actions{gap:10px;margin-top:16px;padding-top:14px}.HeroEditor_SubmitButton,.HeroEditor_ResetButton{padding:12px 16px;font-size:14px;border-radius:6px;min-height:44px}.HeroEditor_SubmitButton svg{width:16px;height:16px}.HeroEditor_Loading{padding:20px 12px}.HeroEditor_LoadingSpinner{width:24px;height:24px}.HeroEditor_Error,.HeroEditor_Success{padding:12px;font-size:13px;border-radius:6px;margin-bottom:14px}.HeroEditor_Error svg,.HeroEditor_Success svg{width:16px;height:16px}.HeroEditor_ErrorText{font-size:12px;margin-top:5px}.HeroEditor_ErrorText:before{font-size:11px}}.AboutEditor{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px #00000014;animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.AboutEditor h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:25px;position:relative;padding-bottom:12px}.AboutEditor h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.AboutEditor_FormGroup{margin-bottom:24px;position:relative}.AboutEditor_FormRow{display:flex;gap:20px;margin-bottom:24px}.AboutEditor_FormRow .AboutEditor_FormGroup{flex:1;margin-bottom:0}.AboutEditor_FormGroup label{display:block;font-weight:600;margin-bottom:10px;color:var(--primary-color);font-size:15px;transition:all var(--transition-speed) ease}.AboutEditor_FormGroup input,.AboutEditor_FormGroup textarea{width:100%;padding:12px 15px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all var(--transition-speed) ease;background-color:#fff;color:#333;box-shadow:0 2px 4px #00000008}.AboutEditor_FormGroup input:hover,.AboutEditor_FormGroup textarea:hover{border-color:#d1d5db}.AboutEditor_FormGroup input:focus,.AboutEditor_FormGroup textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15);transform:translateY(-1px)}.AboutEditor_FormGroup small{display:block;margin-top:8px;font-size:13px;color:#6b7280;font-style:italic}.AboutEditor_FormGroup textarea{min-height:120px;resize:vertical;line-height:1.5}.AboutEditor_Actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.AboutEditor_SubmitButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px #0000001a;min-width:180px}.AboutEditor_SubmitButton svg{width:18px;height:18px}.AboutEditor_SubmitButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px #00000026}.AboutEditor_SubmitButton:active{transform:translateY(1px)}.AboutEditor_SubmitButton:disabled{opacity:.7;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.AboutEditor_ResetButton{background-color:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.AboutEditor_ResetButton:hover{background-color:#f9fafb;color:#4b5563}.AboutEditor_Loading{text-align:center;padding:30px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.AboutEditor_LoadingSpinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.AboutEditor_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.AboutEditor_Error svg{flex-shrink:0;width:20px;height:20px}.AboutEditor_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.AboutEditor_Success svg{flex-shrink:0;width:20px;height:20px}.AboutEditor_ImageUpload{margin-top:10px}.AboutEditor_ImagePreview{margin-bottom:15px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;max-width:300px}.AboutEditor_ImagePreview img{width:100%;height:auto;display:block}@media (max-width: 768px){.AboutEditor{padding:20px}.AboutEditor h2{font-size:22px;margin-bottom:20px}.AboutEditor_FormRow{flex-direction:column;gap:0}.AboutEditor_FormRow .AboutEditor_FormGroup{margin-bottom:24px}.AboutEditor_FormRow .AboutEditor_FormGroup:last-child{margin-bottom:0}.AboutEditor_Actions{flex-direction:column;gap:15px}.AboutEditor_SubmitButton,.AboutEditor_ResetButton{width:100%}}@media screen and (max-width: 1024px){.AboutEditor{padding:24px;margin:0 16px;border-radius:16px}.AboutEditor h2{font-size:24px;margin-bottom:20px}.AboutEditor_FormGroup label{font-size:14px}.AboutEditor_FormGroup input,.AboutEditor_FormGroup textarea{font-size:15px;padding:14px 16px}}@media screen and (max-width: 768px){.AboutEditor{padding:20px;margin:0 12px;border-radius:12px}.AboutEditor h2{font-size:22px;margin-bottom:16px;padding-bottom:10px}.AboutEditor h2:after{width:50px;height:2px}.AboutEditor_FormRow{flex-direction:column;gap:0}.AboutEditor_FormGroup{margin-bottom:20px}.AboutEditor_FormGroup label{font-size:14px;margin-bottom:8px}.AboutEditor_FormGroup input,.AboutEditor_FormGroup textarea{font-size:16px;padding:12px 14px;border-radius:10px}.AboutEditor_FormGroup textarea{min-height:100px}.AboutEditor_Actions{flex-direction:column;gap:12px;margin-top:24px;padding-top:16px}.AboutEditor_SubmitButton,.AboutEditor_ResetButton{width:100%;padding:14px 20px;font-size:15px;border-radius:10px}.AboutEditor_FileUpload{padding:16px;border-radius:10px}.AboutEditor_ImagePreview{max-width:100%;border-radius:10px}.AboutEditor_Loading{padding:24px}.AboutEditor_LoadingSpinner{width:36px;height:36px}.AboutEditor_Error,.AboutEditor_Success{padding:12px;margin-bottom:20px;border-radius:10px;font-size:14px}}@media screen and (max-width: 480px){.AboutEditor{padding:16px;margin:0 8px;border-radius:10px}.AboutEditor h2{font-size:20px;margin-bottom:14px;padding-bottom:8px}.AboutEditor_FormGroup{margin-bottom:16px}.AboutEditor_FormGroup label{font-size:13px;margin-bottom:6px}.AboutEditor_FormGroup input,.AboutEditor_FormGroup textarea{font-size:16px;padding:10px 12px;border-radius:8px}.AboutEditor_FormGroup textarea{min-height:80px}.AboutEditor_Actions{gap:10px;margin-top:20px;padding-top:14px}.AboutEditor_SubmitButton,.AboutEditor_ResetButton{padding:12px 16px;font-size:14px;border-radius:8px}.AboutEditor_FileUpload{padding:12px;border-radius:8px}.AboutEditor_Loading{padding:20px}.AboutEditor_LoadingSpinner{width:32px;height:32px}.AboutEditor_Error,.AboutEditor_Success{padding:10px;margin-bottom:16px;border-radius:8px;font-size:13px}}@media screen and (max-width: 360px){.AboutEditor{padding:12px;margin:0 4px;border-radius:8px}.AboutEditor h2{font-size:18px;margin-bottom:12px}.AboutEditor_FormGroup{margin-bottom:14px}.AboutEditor_FormGroup input,.AboutEditor_FormGroup textarea{padding:8px 10px;font-size:15px}.AboutEditor_SubmitButton,.AboutEditor_ResetButton{padding:10px 14px;font-size:13px}}.ContactEditor{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px var(--quaternary-color);animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.ContactEditor h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:25px;position:relative;padding-bottom:12px}.ContactEditor h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.ContactEditor h3{font-size:20px;font-weight:600;color:var(--primary-color);margin:25px 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.ContactEditor_FormLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ContactEditor_SocialGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:20px}.ContactEditor_SocialItem{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;border:1px solid var(--border-color);background-color:var(--background-color);transition:all .2s ease}.ContactEditor_SocialItem:hover{border-color:var(--primary-color);box-shadow:0 2px 8px var(--quaternary-color)}.ContactEditor_SocialIcon{width:36px;height:36px;flex-shrink:0}.ContactEditor_SocialIcon img{width:100%;height:100%;object-fit:contain}.ContactEditor_SocialInput{flex:1}.ContactEditor_SocialInput label{display:block;font-weight:600;margin-bottom:5px;color:var(--primary-color);font-size:14px}.ContactEditor_SocialInput input{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background-color:var(--secondary-color);transition:all .2s ease}.ContactEditor_SocialInput input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.15)}.ContactEditor_FormGroup{margin-bottom:24px;position:relative}.ContactEditor_FormGroup label{display:block;font-weight:600;margin-bottom:10px;color:var(--primary-color);font-size:15px;transition:all var(--transition-speed) ease}.ContactEditor_FormGroup label .required{color:#ef4444;margin-left:3px}.ContactEditor_FormGroup input,.ContactEditor_FormGroup textarea{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all var(--transition-speed) ease;background-color:var(--secondary-color);color:var(--text-color);box-shadow:0 2px 4px var(--quaternary-color)}.ContactEditor_FormGroup input:hover,.ContactEditor_FormGroup textarea:hover{border-color:var(--border-color)}.ContactEditor_FormGroup input:focus,.ContactEditor_FormGroup textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15);transform:translateY(-1px)}.ContactEditor_FormGroup small{display:block;margin-top:8px;font-size:13px;color:var(--text-color);font-style:italic}.ContactEditor_FormGroup textarea{min-height:80px;resize:vertical;line-height:1.5}.ContactEditor_FormGroup .field-error{color:#ef4444;font-size:13px;margin-top:8px;display:flex;align-items:center;font-weight:500}.ContactEditor_FormGroup .field-error:before{content:"⚠️";margin-right:5px;font-size:14px}.ContactEditor_Actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.ContactEditor_SubmitButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px var(--quaternary-color);min-width:180px}.ContactEditor_SubmitButton svg{width:18px;height:18px}.ContactEditor_SubmitButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.ContactEditor_SubmitButton:active{transform:translateY(1px)}.ContactEditor_SubmitButton:disabled{opacity:.7;cursor:not-allowed;transform:none;filter:none;box-shadow:none}.ContactEditor_ResetButton{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.ContactEditor_ResetButton:hover{background-color:var(--background-color);color:var(--text-color)}.ContactEditor_Loading{text-align:center;padding:30px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.ContactEditor_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.ContactEditor_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.ContactEditor_Error svg{flex-shrink:0;width:20px;height:20px}.ContactEditor_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.ContactEditor_Success svg{flex-shrink:0;width:20px;height:20px}@media (max-width: 1024px){.ContactEditor{padding:25px}.ContactEditor h2{font-size:24px}.ContactEditor_FormLayout{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.ContactEditor_SocialGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ContactEditor_SocialItem{padding:12px}.ContactEditor_SocialIcon{width:32px;height:32px}}@media (max-width: 768px){.ContactEditor{padding:20px;border-radius:8px;margin:0}.ContactEditor h2{font-size:22px;margin-bottom:20px;text-align:center}.ContactEditor h3{font-size:18px;margin:20px 0 15px;text-align:center}.ContactEditor_FormLayout{grid-template-columns:1fr;gap:15px}.ContactEditor_FormGroup{margin-bottom:20px}.ContactEditor_FormGroup label{font-size:16px;margin-bottom:12px}.ContactEditor_FormGroup input,.ContactEditor_FormGroup textarea{font-size:16px;padding:14px 16px;border-radius:10px;min-height:48px}.ContactEditor_FormGroup textarea{min-height:100px}.ContactEditor_FormGroup small{font-size:14px;margin-top:10px}.ContactEditor_SocialGrid{grid-template-columns:1fr;gap:12px;margin-top:20px}.ContactEditor_SocialItem{padding:15px;border-radius:10px;flex-direction:column;align-items:stretch;gap:10px}.ContactEditor_SocialIcon{width:40px;height:40px;align-self:center}.ContactEditor_SocialInput{width:100%}.ContactEditor_SocialInput label{font-size:15px;margin-bottom:8px}.ContactEditor_SocialInput input{font-size:16px;padding:12px 14px;border-radius:8px;min-height:44px}.ContactEditor_Actions{flex-direction:column;gap:15px;margin-top:30px;padding-top:25px}.ContactEditor_SubmitButton,.ContactEditor_ResetButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px;min-height:52px;justify-content:center}.ContactEditor_Loading{padding:40px 20px}.ContactEditor_LoadingSpinner{width:32px;height:32px}.ContactEditor_Error,.ContactEditor_Success{padding:16px;font-size:15px;border-radius:10px}}@media (max-width: 480px){.ContactEditor{padding:16px;border-radius:6px}.ContactEditor h2{font-size:20px;margin-bottom:16px}.ContactEditor h3{font-size:16px;margin:16px 0 12px}.ContactEditor_FormGroup{margin-bottom:16px}.ContactEditor_FormGroup label{font-size:15px;margin-bottom:10px}.ContactEditor_FormGroup input,.ContactEditor_FormGroup textarea{font-size:15px;padding:12px 14px;border-radius:8px;min-height:44px}.ContactEditor_FormGroup textarea{min-height:80px}.ContactEditor_SocialGrid{gap:10px}.ContactEditor_SocialItem{padding:12px;border-radius:8px}.ContactEditor_SocialIcon{width:36px;height:36px}.ContactEditor_SocialInput label{font-size:14px;margin-bottom:6px}.ContactEditor_SocialInput input{font-size:15px;padding:10px 12px;min-height:40px}.ContactEditor_Actions{gap:12px;margin-top:25px;padding-top:20px}.ContactEditor_SubmitButton,.ContactEditor_ResetButton{padding:14px 18px;font-size:15px;min-height:48px}}@media (max-width: 360px){.ContactEditor{padding:12px}.ContactEditor h2{font-size:18px;margin-bottom:14px}.ContactEditor h3{font-size:15px;margin:14px 0 10px}.ContactEditor_FormGroup{margin-bottom:14px}.ContactEditor_FormGroup label{font-size:14px;margin-bottom:8px}.ContactEditor_FormGroup input,.ContactEditor_FormGroup textarea{font-size:14px;padding:10px 12px;border-radius:6px;min-height:40px}.ContactEditor_FormGroup textarea{min-height:70px}.ContactEditor_FormGroup small{font-size:13px;margin-top:8px}.ContactEditor_SocialGrid{gap:8px;margin-top:16px}.ContactEditor_SocialItem{padding:10px;border-radius:6px}.ContactEditor_SocialIcon{width:32px;height:32px}.ContactEditor_SocialInput label{font-size:13px;margin-bottom:5px}.ContactEditor_SocialInput input{font-size:14px;padding:8px 10px;min-height:36px}.ContactEditor_Actions{gap:10px;margin-top:20px;padding-top:16px}.ContactEditor_SubmitButton,.ContactEditor_ResetButton{padding:12px 16px;font-size:14px;min-height:44px}.ContactEditor_Error,.ContactEditor_Success{padding:14px;font-size:14px;border-radius:8px}}.Feedback{display:flex;align-items:center;padding:15px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 8px var(--quaternary-color);animation:fadeSlideIn .3s ease;max-width:100%;position:relative;gap:12px;border-left:4px solid transparent}.Feedback_Icon{width:20px;height:20px;flex-shrink:0}.Feedback_Icon svg{width:100%;height:100%}.Feedback_Message{flex:1;font-weight:500;line-height:1.4;font-size:15px}.Feedback_CloseButton{background:none;border:none;width:24px;height:24px;padding:0;cursor:pointer;opacity:.7;flex-shrink:0;transition:all .2s ease;position:relative;top:-1px}.Feedback_CloseButton:hover{opacity:1;transform:scale(1.1)}.Feedback_CloseButton svg{width:16px;height:16px}.Feedback_success{background-color:#dcfce7;color:#166534;border-left-color:#22c55e}.Feedback_success .Feedback_Icon{color:#22c55e}.Feedback_error{background-color:#fee2e2;color:#b91c1c;border-left-color:#ef4444}.Feedback_error .Feedback_Icon{color:#ef4444}.Feedback_warning{background-color:#fef3c7;color:#92400e;border-left-color:#f59e0b}.Feedback_warning .Feedback_Icon{color:#f59e0b}.Feedback_info{background-color:#dbeafe;color:#1e40af;border-left-color:#3b82f6}.Feedback_info .Feedback_Icon{color:#3b82f6}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.Feedback{padding:12px;margin-bottom:15px}.Feedback_Message{font-size:14px}.Feedback_Icon{width:18px;height:18px}}.Modal_Backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--splash-color);display:flex;align-items:center;justify-content:center;z-index:1000;animation:backdropFadeIn .2s ease-out;padding:20px;box-sizing:border-box}.Modal{background-color:var(--secondary-color, white);border-radius:12px;box-shadow:0 10px 25px var(--quaternary-color);animation:modalScaleIn .3s ease-out;max-height:calc(100vh - 40px);display:flex;flex-direction:column;max-width:100%;position:relative;overflow:hidden}.Modal_small{width:400px}.Modal_medium{width:600px}.Modal_large{width:800px}.Modal_Header{padding:20px 25px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.Modal_Title{margin:0;font-size:20px;font-weight:600;color:var(--primary-color, #333)}.Modal_CloseButton{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.Modal_CloseButton:hover{background-color:var(--quaternary-color)}.Modal_CloseButton svg{width:18px;height:18px;color:var(--text-color)}.Modal_Content{padding:25px;overflow-y:auto;flex:1}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:backdropFadeIn .2s ease-out;padding:20px;box-sizing:border-box}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000040;animation:modalScaleIn .3s ease-out;max-height:calc(100vh - 40px);display:flex;flex-direction:column;max-width:100%;position:relative;overflow:hidden}.modal-header{padding:20px 25px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;color:#111827;font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-body{padding:25px;overflow-y:auto;flex:1}.modal-actions{padding:20px 25px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end}.modal-button{padding:10px 20px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.modal-button.secondary{background-color:#fff;color:#374151}.modal-button.secondary:hover:not(:disabled){background-color:#f9fafb}.modal-button.primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.modal-button.primary:hover:not(:disabled){background-color:#2563eb}.modal-button:disabled{opacity:.6;cursor:not-allowed}.album-conflict-modal{width:600px;max-width:90vw}.conflict-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:#fef3cd;border:1px solid #fdbf47;border-radius:8px;margin-bottom:20px}.warning-icon{width:24px;height:24px;color:#d97706;flex-shrink:0;margin-top:2px}.conflict-warning p{margin:0;color:#92400e;font-weight:500}.conflict-details{margin-bottom:20px}.conflict-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.existing-album,.new-album{padding:16px;border-radius:8px;border:1px solid #e5e7eb}.existing-album{background-color:#fef2f2;border-color:#fca5a5}.new-album{background-color:#f0f9ff;border-color:#93c5fd}.existing-album h4{margin:0 0 12px;color:#dc2626;font-size:14px;font-weight:600}.new-album h4{margin:0 0 12px;color:#2563eb;font-size:14px;font-weight:600}.conflict-comparison ul{margin:0;padding:0;list-style:none}.conflict-comparison li{margin-bottom:8px;font-size:13px;color:#374151}.conflict-comparison li:last-child{margin-bottom:0}.conflict-warning-text{padding:16px;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:20px}.conflict-warning-text p{margin:0 0 8px;color:#dc2626;font-size:14px}.conflict-warning-text p:last-child{margin-bottom:0}.modal-button.danger{background-color:#dc2626;color:#fff;border-color:#dc2626}.modal-button.danger:hover:not(:disabled){background-color:#b91c1c}.modal-button .loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:8px}@media (max-width: 768px){.Modal_small,.Modal_medium,.Modal_large{width:100%;max-width:100%}.Modal_Header{padding:15px 20px}.Modal_Title{font-size:18px}.Modal_Content{padding:15px 20px}}@media (max-width: 640px){.conflict-comparison{grid-template-columns:1fr;gap:12px}.album-conflict-modal{width:95vw}}.lazy-image-container{position:relative;width:100%;height:100%;overflow:hidden}.lazy-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease-in-out}.lazy-image-loaded{opacity:1}.lazy-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--background-color) 25%,var(--secondary-color) 50%,var(--background-color) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.lazy-image-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-color);height:100%;min-height:150px}.lazy-image-loading{display:flex;flex-direction:column;align-items:center;gap:8px}.lazy-image-spinner{width:24px;height:24px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.lazy-image-icon svg{width:32px;height:32px;color:var(--text-color)}.lazy-image-error{background:#fef2f2;border:1px solid #fecaca}.lazy-image-error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#dc2626;height:100%;min-height:150px}.lazy-image-error-content svg{width:32px;height:32px}.lazy-image-error-content span{font-size:14px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.PortfolioManagement{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px var(--quaternary-color);animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.PortfolioManagement h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:25px;position:relative;padding-bottom:12px}.PortfolioManagement h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.PortfolioManagement h3{font-size:20px;font-weight:600;color:var(--primary-color);margin:25px 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.PortfolioManagement_Loading{text-align:center;padding:30px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.PortfolioManagement_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.PortfolioManagement_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.PortfolioManagement_Error svg{flex-shrink:0;width:20px;height:20px}.PortfolioManagement_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.PortfolioManagement_Success svg{flex-shrink:0;width:20px;height:20px}.PortfolioManagement_Actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.PortfolioManagement_CreateButton,.PortfolioManagement_RefreshButton{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease}.PortfolioManagement_CreateButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;box-shadow:0 4px 6px var(--quaternary-color)}.PortfolioManagement_CreateButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.PortfolioManagement_Filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.PortfolioManagement_Filter{display:flex;align-items:center;gap:8px}.PortfolioManagement_Filter label{font-weight:600;color:var(--primary-color)}.PortfolioManagement_Filter select{padding:10px 15px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);font-size:14px;transition:all var(--transition-speed) ease}.PortfolioManagement_Filter select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.PortfolioManagement_ToggleFilter{display:flex;align-items:center}.PortfolioManagement_ToggleLabel{display:flex;align-items:center;gap:8px;cursor:pointer}.PortfolioManagement_ToggleLabel input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.PortfolioManagement_ToggleText{font-weight:500;font-size:14px}.PortfolioManagement_RefreshButton{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.PortfolioManagement_RefreshButton:hover{background-color:rgba(var(--primary-color-rgb),.05)}.PortfolioManagement_CreateButton svg,.PortfolioManagement_RefreshButton svg{width:16px;height:16px}.PortfolioManagement_Grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}.PortfolioManagement_Card{background-color:var(--secondary-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px var(--quaternary-color);transition:all var(--transition-speed) ease;position:relative}.PortfolioManagement_Card:hover{transform:translateY(-5px);box-shadow:0 10px 15px var(--quaternary-color)}.PortfolioManagement_Card.inactive{opacity:.7}.PortfolioManagement_Card.featured{box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3);border:2px solid transparent;background-origin:border-box;background-clip:content-box,border-box}.PortfolioManagement_CardImageContainer{position:relative;width:100%;height:200px;overflow:hidden;border-radius:12px 12px 0 0}.PortfolioManagement_CardImage{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed) ease}.PortfolioManagement_Card:hover .PortfolioManagement_CardImage{transform:scale(1.05)}.PortfolioManagement_NoImage{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background-color);color:var(--text-color);text-align:center}.PortfolioManagement_NoImage svg{margin-bottom:10px}.PortfolioManagement_NoImage span{font-size:14px;font-weight:500}.PortfolioManagement_CardBadges{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px}.PortfolioManagement_Badge{padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.PortfolioManagement_Badge.featured{background-color:var(--primary-color);color:var(--secondary-color)}.PortfolioManagement_Badge.inactive{background-color:var(--background-color);color:var(--text-color)}.PortfolioManagement_CardContent{padding:15px}.PortfolioManagement_CardTitle{font-size:18px;font-weight:600;color:var(--primary-color);margin:0 0 10px}.PortfolioManagement_CardCategory{display:inline-block;padding:3px 10px;background-color:var(--background-color);color:var(--text-color);font-size:12px;border-radius:20px;margin-bottom:10px}.PortfolioManagement_CardDescription{color:var(--text-color);font-size:14px;line-height:1.5;margin:10px 0 0}.PortfolioManagement_CardActions{display:flex;justify-content:space-between;padding:10px 15px;border-top:1px solid var(--background-color)}.PortfolioManagement_ActionButton{background:none;border:none;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease}.PortfolioManagement_ActionButton svg{width:16px;height:16px}.PortfolioManagement_ActionButton.edit{background-color:#e0f2fe;color:#0ea5e9}.PortfolioManagement_ActionButton.edit:hover{background-color:#0ea5e9;color:var(--secondary-color)}.PortfolioManagement_ActionButton.featured{background-color:#fef3c7;color:#d97706}.PortfolioManagement_ActionButton.featured:hover{background-color:#d97706;color:var(--secondary-color)}.PortfolioManagement_ActionButton.unfeatured{background-color:var(--background-color);color:var(--text-color)}.PortfolioManagement_ActionButton.unfeatured:hover{background-color:#d97706;color:var(--secondary-color)}.PortfolioManagement_ActionButton.activate{background-color:#dcfce7;color:#22c55e}.PortfolioManagement_ActionButton.activate:hover{background-color:#22c55e;color:var(--secondary-color)}.PortfolioManagement_ActionButton.deactivate{background-color:var(--background-color);color:var(--text-color)}.PortfolioManagement_ActionButton.deactivate:hover{background-color:var(--text-color);color:var(--secondary-color)}.PortfolioManagement_ActionButton.delete{background-color:#fee2e2;color:#ef4444}.PortfolioManagement_ActionButton.delete:hover{background-color:#ef4444;color:var(--secondary-color)}.PortfolioManagement_NoItems{padding:40px;text-align:center;color:var(--text-color);display:flex;flex-direction:column;align-items:center;gap:15px;grid-column:1 / -1;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 4px 6px var(--quaternary-color)}.PortfolioManagement_NoItems svg{width:48px;height:48px;opacity:.5}.PortfolioManagement_NoItems p{font-size:16px}.PortfolioManagement_Form{background-color:var(--secondary-color);border-radius:12px;padding:20px;box-shadow:0 4px 10px var(--quaternary-color);margin-top:20px}.PortfolioManagement_FormLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.PortfolioManagement_FormGroup{margin-bottom:20px}.PortfolioManagement_FormGroup label{display:block;font-weight:600;margin-bottom:10px;color:var(--primary-color);font-size:15px}.PortfolioManagement_FormGroup label .required{color:#ef4444;margin-left:3px}.PortfolioManagement_FormGroup input,.PortfolioManagement_FormGroup textarea,.PortfolioManagement_FormGroup select{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all var(--transition-speed) ease;background-color:var(--secondary-color);color:var(--text-color)}.PortfolioManagement_FormGroup input:focus,.PortfolioManagement_FormGroup textarea:focus,.PortfolioManagement_FormGroup select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.PortfolioManagement_FormGroup textarea{min-height:120px;resize:vertical}.PortfolioManagement_ImagePreview{margin-top:15px;border:2px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 4px 8px var(--quaternary-color);transition:all var(--transition-speed) ease;height:200px}.PortfolioManagement_ImagePreview:hover{box-shadow:0 6px 12px var(--quaternary-color);transform:translateY(-2px)}.PortfolioManagement_ImagePreview img{width:100%;height:100%;object-fit:cover;display:block}.PortfolioManagement_FormCheck{margin-bottom:20px}.PortfolioManagement_CheckLabel{display:flex;align-items:center;gap:10px;cursor:pointer}.PortfolioManagement_CheckLabel input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.PortfolioManagement_CheckText{font-size:15px;font-weight:500;color:var(--text-color)}.PortfolioManagement_FormActions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.PortfolioManagement_CancelButton{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.PortfolioManagement_CancelButton:hover{background-color:var(--background-color);color:var(--text-color)}.PortfolioManagement_SubmitButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;padding:12px 25px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 4px 6px var(--quaternary-color)}.PortfolioManagement_SubmitButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.PortfolioManagement_FileInputWrapper{position:relative;width:100%;margin-bottom:10px}.PortfolioManagement_FileInput{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.PortfolioManagement_FileInputLabel{display:flex;align-items:center;gap:10px;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);font-size:16px;cursor:pointer;transition:all var(--transition-speed) ease;width:100%;min-height:48px}.PortfolioManagement_FileInputLabel svg{width:20px;height:20px;color:var(--primary-color);flex-shrink:0}.PortfolioManagement_FileInputLabel span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.PortfolioManagement_FileInput:focus+.PortfolioManagement_FileInputLabel,.PortfolioManagement_FileInput:hover+.PortfolioManagement_FileInputLabel{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.PortfolioManagement_FileInput:active+.PortfolioManagement_FileInputLabel{background-color:var(--background-color)}@media (max-width: 1024px){.PortfolioManagement{padding:25px}.PortfolioManagement h2{font-size:26px}.PortfolioManagement_Grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.PortfolioManagement_FormLayout{grid-template-columns:1fr 1fr}.PortfolioManagement_Actions,.PortfolioManagement_Filters{gap:12px}.PortfolioManagement_ActionButton{width:32px;height:32px}.PortfolioManagement_ActionButton svg{width:14px;height:14px}}@media (max-width: 768px){.PortfolioManagement{padding:20px;margin:10px;border-radius:10px}.PortfolioManagement h2{font-size:22px;margin-bottom:20px}.PortfolioManagement h3{font-size:18px;margin:20px 0 12px}.PortfolioManagement_Actions{flex-direction:column;align-items:stretch;gap:15px}.PortfolioManagement_CreateButton,.PortfolioManagement_RefreshButton{width:100%;justify-content:center;padding:14px 20px;font-size:16px}.PortfolioManagement_Filters{width:100%;flex-direction:column;align-items:stretch;gap:12px}.PortfolioManagement_Filter{width:100%;justify-content:space-between;padding:10px 0}.PortfolioManagement_Filter label{font-size:15px}.PortfolioManagement_Filter select{min-width:150px;padding:12px 15px;font-size:15px;border-radius:8px}.PortfolioManagement_ToggleLabel{padding:10px 0}.PortfolioManagement_ToggleLabel input[type=checkbox]{width:18px;height:18px}.PortfolioManagement_ToggleText{font-size:15px}.PortfolioManagement_Grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.PortfolioManagement_Card{border-radius:10px}.PortfolioManagement_CardImageContainer{height:180px;border-radius:10px 10px 0 0}.PortfolioManagement_CardContent{padding:18px}.PortfolioManagement_CardTitle{font-size:17px;margin-bottom:12px}.PortfolioManagement_CardCategory{font-size:13px;padding:4px 12px;margin-bottom:12px}.PortfolioManagement_CardDescription{font-size:15px;line-height:1.6;margin-top:12px}.PortfolioManagement_CardActions{padding:12px 18px}.PortfolioManagement_ActionButton{width:40px;height:40px}.PortfolioManagement_ActionButton svg{width:18px;height:18px}.PortfolioManagement_NoItems{padding:35px 20px;border-radius:10px}.PortfolioManagement_NoItems svg{width:44px;height:44px}.PortfolioManagement_NoItems p{font-size:15px}.PortfolioManagement_Form{border-radius:10px;padding:18px}.PortfolioManagement_FormLayout{grid-template-columns:1fr;gap:18px}.PortfolioManagement_FormGroup{margin-bottom:18px}.PortfolioManagement_FormGroup label{font-size:14px;margin-bottom:10px}.PortfolioManagement_FormGroup input,.PortfolioManagement_FormGroup textarea,.PortfolioManagement_FormGroup select{padding:14px 16px;font-size:16px;border-radius:10px}.PortfolioManagement_FormGroup textarea{min-height:100px}.PortfolioManagement_ImagePreview{height:180px;border-radius:10px;margin-top:12px}.PortfolioManagement_FormCheck{margin-bottom:18px}.PortfolioManagement_CheckLabel input[type=checkbox]{width:20px;height:20px}.PortfolioManagement_CheckText{font-size:16px}.PortfolioManagement_FormActions{flex-direction:column;gap:12px;margin-top:25px}.PortfolioManagement_CancelButton,.PortfolioManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px}.PortfolioManagement_FileInputWrapper{margin-bottom:12px}.PortfolioManagement_FileInputLabel{padding:14px 16px;border-radius:10px;font-size:16px;min-height:52px}.PortfolioManagement_FileInputLabel svg{width:22px;height:22px}}@media (max-width: 480px){.PortfolioManagement{padding:15px;margin:5px;border-radius:8px}.PortfolioManagement h2{font-size:20px;margin-bottom:15px}.PortfolioManagement h2:after{width:40px;height:2px}.PortfolioManagement h3{font-size:16px;margin:15px 0 10px}.PortfolioManagement_Actions{gap:12px}.PortfolioManagement_CreateButton,.PortfolioManagement_RefreshButton{padding:12px 18px;font-size:15px}.PortfolioManagement_CreateButton svg,.PortfolioManagement_RefreshButton svg{width:14px;height:14px}.PortfolioManagement_Filter{padding:8px 0}.PortfolioManagement_Filter label{font-size:14px}.PortfolioManagement_Filter select{min-width:120px;padding:10px 12px;font-size:14px;border-radius:6px}.PortfolioManagement_ToggleLabel input[type=checkbox]{width:16px;height:16px}.PortfolioManagement_ToggleText{font-size:14px}.PortfolioManagement_Grid{gap:15px}.PortfolioManagement_Card{border-radius:8px}.PortfolioManagement_CardImageContainer{height:160px;border-radius:8px 8px 0 0}.PortfolioManagement_CardContent{padding:15px}.PortfolioManagement_CardTitle{font-size:16px;margin-bottom:10px}.PortfolioManagement_CardCategory{font-size:12px;padding:3px 10px;margin-bottom:10px}.PortfolioManagement_CardDescription{font-size:14px;margin-top:10px}.PortfolioManagement_CardActions{padding:10px 15px}.PortfolioManagement_ActionButton{width:36px;height:36px}.PortfolioManagement_ActionButton svg{width:16px;height:16px}.PortfolioManagement_NoItems{padding:30px 15px;border-radius:8px}.PortfolioManagement_NoItems svg{width:40px;height:40px}.PortfolioManagement_NoItems p{font-size:14px}.PortfolioManagement_Form{padding:15px;border-radius:8px}.PortfolioManagement_FormLayout{gap:15px}.PortfolioManagement_FormGroup{margin-bottom:15px}.PortfolioManagement_FormGroup label{font-size:13px;margin-bottom:8px}.PortfolioManagement_FormGroup input,.PortfolioManagement_FormGroup textarea,.PortfolioManagement_FormGroup select{padding:12px 14px;font-size:15px;border-radius:8px}.PortfolioManagement_ImagePreview{height:150px;border-radius:8px;margin-top:10px}.PortfolioManagement_FormCheck{margin-bottom:15px}.PortfolioManagement_CheckLabel input[type=checkbox]{width:18px;height:18px}.PortfolioManagement_CheckText{font-size:15px}.PortfolioManagement_FormActions{gap:10px;margin-top:20px}.PortfolioManagement_CancelButton,.PortfolioManagement_SubmitButton{padding:14px 18px;font-size:15px;border-radius:8px}.PortfolioManagement_FileInputLabel{padding:12px 14px;font-size:15px;min-height:48px;border-radius:8px}.PortfolioManagement_FileInputLabel svg{width:20px;height:20px}}@media (max-width: 360px){.PortfolioManagement{padding:12px;margin:3px}.PortfolioManagement h2{font-size:18px;margin-bottom:12px}.PortfolioManagement h3{font-size:15px;margin:12px 0 8px}.PortfolioManagement_CreateButton,.PortfolioManagement_RefreshButton{padding:10px 14px;font-size:14px}.PortfolioManagement_Filter{flex-direction:column;align-items:flex-start;gap:5px;padding:6px 0}.PortfolioManagement_Filter label{font-size:13px}.PortfolioManagement_Filter select{width:100%;min-width:unset;padding:8px 10px;font-size:13px}.PortfolioManagement_ToggleLabel{padding:6px 0}.PortfolioManagement_ToggleLabel input[type=checkbox]{width:15px;height:15px}.PortfolioManagement_ToggleText{font-size:13px}.PortfolioManagement_Grid{gap:12px}.PortfolioManagement_CardImageContainer{height:140px}.PortfolioManagement_CardContent{padding:12px}.PortfolioManagement_CardTitle{font-size:15px;margin-bottom:8px}.PortfolioManagement_CardCategory{font-size:11px;padding:2px 8px;margin-bottom:8px}.PortfolioManagement_CardDescription{font-size:13px;margin-top:8px}.PortfolioManagement_CardActions{padding:8px 12px;flex-wrap:wrap;gap:5px}.PortfolioManagement_ActionButton{width:32px;height:32px}.PortfolioManagement_ActionButton svg{width:14px;height:14px}.PortfolioManagement_NoItems{padding:25px 12px}.PortfolioManagement_NoItems svg{width:36px;height:36px}.PortfolioManagement_NoItems p{font-size:13px}.PortfolioManagement_Form{padding:12px}.PortfolioManagement_FormGroup{margin-bottom:12px}.PortfolioManagement_FormGroup label{font-size:12px;margin-bottom:6px}.PortfolioManagement_FormGroup input,.PortfolioManagement_FormGroup textarea,.PortfolioManagement_FormGroup select{padding:10px 12px;font-size:14px}.PortfolioManagement_ImagePreview{height:120px;margin-top:8px}.PortfolioManagement_CheckLabel input[type=checkbox]{width:16px;height:16px}.PortfolioManagement_CheckText{font-size:14px}.PortfolioManagement_CancelButton,.PortfolioManagement_SubmitButton{padding:12px 16px;font-size:14px}.PortfolioManagement_FileInputLabel{padding:10px 12px;font-size:14px;min-height:44px}.PortfolioManagement_FileInputLabel svg{width:18px;height:18px}}@media (max-width: 1024px){.PortfolioManagement{padding:25px;max-width:100%}.PortfolioManagement h2{font-size:26px;margin-bottom:22px}.PortfolioManagement h3{font-size:19px}.PortfolioManagement_Grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}.PortfolioManagement_FormLayout{grid-template-columns:1fr 1fr;gap:18px}.PortfolioManagement_Actions,.PortfolioManagement_Filters{gap:12px}.PortfolioManagement_ActionButton{width:32px;height:32px}.PortfolioManagement_ActionButton svg{width:14px;height:14px}.PortfolioManagement_CardImageContainer{height:180px}.PortfolioManagement_FormGroup input,.PortfolioManagement_FormGroup textarea,.PortfolioManagement_FormGroup select{font-size:15px}}@media (max-width: 768px){.PortfolioManagement{padding:20px;margin:10px;border-radius:10px;box-shadow:0 4px 12px var(--quaternary-color)}.PortfolioManagement h2{font-size:22px;margin-bottom:20px;padding-bottom:10px}.PortfolioManagement h3{font-size:18px;margin:20px 0 12px}.PortfolioManagement_Actions{flex-direction:column;align-items:stretch;gap:15px}.PortfolioManagement_CreateButton,.PortfolioManagement_RefreshButton{width:100%;justify-content:center;padding:14px 20px;font-size:16px;min-height:48px}.PortfolioManagement_Filters{width:100%;flex-direction:column;align-items:stretch;gap:12px}.PortfolioManagement_Filter{width:100%;justify-content:space-between;padding:10px 0}.PortfolioManagement_Filter label{font-size:15px;min-width:100px}.PortfolioManagement_Filter select{min-width:150px;padding:12px 15px;font-size:15px;border-radius:8px;min-height:44px}.PortfolioManagement_ToggleFilter{width:100%}.PortfolioManagement_ToggleLabel{padding:10px 0;width:100%;justify-content:space-between}.PortfolioManagement_ToggleLabel input[type=checkbox]{width:18px;height:18px;min-width:18px}.PortfolioManagement_ToggleText{font-size:15px}.PortfolioManagement_Grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.PortfolioManagement_Card{border-radius:10px;max-width:100%}.PortfolioManagement_CardImageContainer{height:200px;border-radius:10px 10px 0 0}.PortfolioManagement_CardBadges{top:8px;right:8px;gap:4px}.PortfolioManagement_Badge{padding:4px 8px;font-size:11px}.PortfolioManagement_CardContent{padding:18px}.PortfolioManagement_CardTitle{font-size:17px;margin-bottom:12px;word-break:break-word}.PortfolioManagement_CardCategory{font-size:13px;padding:4px 12px;margin-bottom:12px}.PortfolioManagement_CardDescription{font-size:15px;line-height:1.6;margin-top:12px}.PortfolioManagement_CardActions{padding:12px 18px;gap:8px}.PortfolioManagement_ActionButton{width:40px;height:40px;min-width:40px}.PortfolioManagement_ActionButton svg{width:18px;height:18px}.PortfolioManagement_NoItems{padding:35px 20px;border-radius:10px}.PortfolioManagement_NoItems svg{width:44px;height:44px}.PortfolioManagement_NoItems p{font-size:15px;line-height:1.5}.PortfolioManagement_Form{border-radius:10px;padding:18px;margin-top:18px}.PortfolioManagement_FormLayout{grid-template-columns:1fr;gap:18px}.PortfolioManagement_FormGroup{margin-bottom:18px}.PortfolioManagement_FormGroup label{font-size:14px;margin-bottom:10px}.PortfolioManagement_FormGroup input,.PortfolioManagement_FormGroup textarea,.PortfolioManagement_FormGroup select{padding:14px 16px;font-size:16px;border-radius:10px;min-height:48px}.PortfolioManagement_FormGroup textarea{min-height:100px}.PortfolioManagement_ImagePreview{height:180px;border-radius:10px;margin-top:12px}.PortfolioManagement_FormCheck{margin-bottom:18px}.PortfolioManagement_CheckLabel{gap:12px}.PortfolioManagement_CheckLabel input[type=checkbox]{width:20px;height:20px;min-width:20px}.PortfolioManagement_CheckText{font-size:16px}.PortfolioManagement_FormActions{flex-direction:column;gap:12px;margin-top:25px;padding-top:18px}.PortfolioManagement_CancelButton,.PortfolioManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px;min-height:48px}.PortfolioManagement_FileInputWrapper{margin-bottom:12px}.PortfolioManagement_FileInputLabel{padding:14px 16px;border-radius:10px;font-size:16px;min-height:52px;gap:12px}.PortfolioManagement_FileInputLabel svg{width:22px;height:22px}.PortfolioManagement_Loading{padding:40px 20px}.PortfolioManagement_LoadingSpinner{width:36px;height:36px}.PortfolioManagement_Error,.PortfolioManagement_Success{padding:12px 15px;font-size:14px;border-radius:8px;margin-bottom:20px}.PortfolioManagement_Error svg,.PortfolioManagement_Success svg{width:18px;height:18px}}@media (max-width: 480px){.PortfolioManagement{padding:15px;margin:5px;border-radius:8px}.PortfolioManagement h2{font-size:20px;margin-bottom:15px}.PortfolioManagement h2:after{width:40px;height:2px}.PortfolioManagement h3{font-size:16px;margin:15px 0 10px}.PortfolioManagement_Actions{gap:12px}.PortfolioManagement_CreateButton,.PortfolioManagement_RefreshButton{padding:12px 18px;font-size:15px;min-height:44px}.PortfolioManagement_CreateButton svg,.PortfolioManagement_RefreshButton svg{width:14px;height:14px}.PortfolioManagement_Filter{padding:8px 0}.PortfolioManagement_Filter label{font-size:14px}.PortfolioManagement_Filter select{min-width:120px;padding:10px 12px;font-size:14px;border-radius:6px;min-height:40px}.PortfolioManagement_ToggleLabel input[type=checkbox]{width:16px;height:16px;min-width:16px}.PortfolioManagement_ToggleText{font-size:14px}.PortfolioManagement_Grid{gap:15px}.PortfolioManagement_Card{border-radius:8px}.PortfolioManagement_CardImageContainer{height:160px;border-radius:8px 8px 0 0}.PortfolioManagement_CardContent{padding:15px}.PortfolioManagement_CardTitle{font-size:16px;margin-bottom:10px}.PortfolioManagement_CardCategory{font-size:12px;padding:3px 10px;margin-bottom:10px}.PortfolioManagement_CardDescription{font-size:14px;margin-top:10px}.PortfolioManagement_CardActions{padding:10px 15px}.PortfolioManagement_ActionButton{width:36px;height:36px;min-width:36px}.PortfolioManagement_ActionButton svg{width:16px;height:16px}.PortfolioManagement_NoItems{padding:30px 15px;border-radius:8px}.PortfolioManagement_NoItems svg{width:40px;height:40px}.PortfolioManagement_NoItems p{font-size:14px}.PortfolioManagement_Form{padding:15px;border-radius:8px}.PortfolioManagement_FormLayout{gap:15px}.PortfolioManagement_FormGroup{margin-bottom:15px}.PortfolioManagement_FormGroup label{font-size:13px;margin-bottom:8px}.PortfolioManagement_FormGroup input,.PortfolioManagement_FormGroup textarea,.PortfolioManagement_FormGroup select{padding:12px 14px;font-size:15px;border-radius:8px;min-height:44px}.PortfolioManagement_FormGroup textarea{min-height:80px}.PortfolioManagement_ImagePreview{height:150px;border-radius:8px;margin-top:10px}.PortfolioManagement_FormCheck{margin-bottom:15px}.PortfolioManagement_CheckLabel input[type=checkbox]{width:18px;height:18px;min-width:18px}.PortfolioManagement_CheckText{font-size:15px}.PortfolioManagement_FormActions{gap:10px;margin-top:20px}.PortfolioManagement_CancelButton,.PortfolioManagement_SubmitButton{padding:14px 18px;font-size:15px;border-radius:8px;min-height:44px}.PortfolioManagement_FileInputLabel{padding:12px 14px;font-size:15px;min-height:48px;border-radius:8px}.PortfolioManagement_FileInputLabel svg{width:20px;height:20px}.PortfolioManagement_Error,.PortfolioManagement_Success{padding:10px 12px;font-size:13px;gap:8px}.PortfolioManagement_Error svg,.PortfolioManagement_Success svg{width:16px;height:16px}}@media (max-width: 360px){.PortfolioManagement{padding:12px;margin:3px}.PortfolioManagement h2{font-size:18px;margin-bottom:12px}.PortfolioManagement h3{font-size:15px;margin:12px 0 8px}.PortfolioManagement_CreateButton,.PortfolioManagement_RefreshButton{padding:10px 14px;font-size:14px;min-height:40px}.PortfolioManagement_Filter{flex-direction:column;align-items:flex-start;gap:5px;padding:6px 0}.PortfolioManagement_Filter label{font-size:13px}.PortfolioManagement_Filter select{width:100%;min-width:unset;padding:8px 10px;font-size:13px;min-height:36px}.PortfolioManagement_ToggleLabel{padding:6px 0}.PortfolioManagement_ToggleLabel input[type=checkbox]{width:15px;height:15px;min-width:15px}.PortfolioManagement_ToggleText{font-size:13px}.PortfolioManagement_Grid{gap:12px}.PortfolioManagement_CardImageContainer{height:140px}.PortfolioManagement_CardBadges{top:6px;right:6px;gap:3px}.PortfolioManagement_Badge{padding:3px 6px;font-size:10px}.PortfolioManagement_CardContent{padding:12px}.PortfolioManagement_CardTitle{font-size:15px;margin-bottom:8px}.PortfolioManagement_CardCategory{font-size:11px;padding:2px 8px;margin-bottom:8px}.PortfolioManagement_CardDescription{font-size:13px;margin-top:8px;line-height:1.4}.PortfolioManagement_CardActions{padding:8px 12px;flex-wrap:wrap;gap:5px}.PortfolioManagement_ActionButton{width:32px;height:32px;min-width:32px}.PortfolioManagement_ActionButton svg{width:14px;height:14px}.PortfolioManagement_NoItems{padding:25px 12px}.PortfolioManagement_NoItems svg{width:36px;height:36px}.PortfolioManagement_NoItems p{font-size:13px}.PortfolioManagement_Form{padding:12px}.PortfolioManagement_FormGroup{margin-bottom:12px}.PortfolioManagement_FormGroup label{font-size:12px;margin-bottom:6px}.PortfolioManagement_FormGroup input,.PortfolioManagement_FormGroup textarea,.PortfolioManagement_FormGroup select{padding:10px 12px;font-size:14px;min-height:40px}.PortfolioManagement_FormGroup textarea{min-height:70px}.PortfolioManagement_ImagePreview{height:120px;margin-top:8px}.PortfolioManagement_CheckLabel{gap:8px}.PortfolioManagement_CheckLabel input[type=checkbox]{width:16px;height:16px;min-width:16px}.PortfolioManagement_CheckText{font-size:14px}.PortfolioManagement_CancelButton,.PortfolioManagement_SubmitButton{padding:12px 16px;font-size:14px;min-height:40px}.PortfolioManagement_FileInputLabel{padding:10px 12px;font-size:14px;min-height:44px;gap:8px}.PortfolioManagement_FileInputLabel svg{width:18px;height:18px}.PortfolioManagement_LoadingSpinner{width:32px;height:32px}.PortfolioManagement_Error,.PortfolioManagement_Success{padding:8px 10px;font-size:12px}.PortfolioManagement_Error svg,.PortfolioManagement_Success svg{width:14px;height:14px}}.PackagesManagement{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px var(--quaternary-color);animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.PackagesManagement h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:25px;position:relative;padding-bottom:12px}.PackagesManagement h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.PackagesManagement h3{font-size:20px;font-weight:600;color:var(--primary-color);margin:25px 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.PackagesManagement_Loading{text-align:center;padding:30px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.PackagesManagement_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.PackagesManagement_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.PackagesManagement_Error svg{flex-shrink:0;width:20px;height:20px}.PackagesManagement_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.PackagesManagement_Success svg{flex-shrink:0;width:20px;height:20px}.PackagesManagement_Actions{display:flex;gap:15px;margin-bottom:20px}.PackagesManagement_CreateButton,.PackagesManagement_RefreshButton{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease}.PackagesManagement_CreateButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;box-shadow:0 4px 6px var(--quaternary-color)}.PackagesManagement_CreateButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.PackagesManagement_RefreshButton{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.PackagesManagement_RefreshButton:hover{background-color:rgba(var(--primary-color-rgb),.05)}.PackagesManagement_CreateButton svg,.PackagesManagement_RefreshButton svg{width:16px;height:16px}.PackagesManagement_List{margin-top:20px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px var(--quaternary-color);background-color:var(--secondary-color)}.PackagesManagement_Table{width:100%;border-collapse:collapse}.PackagesManagement_TableHeader{background-color:var(--background-color);padding:15px;font-weight:600;color:var(--primary-color);border-bottom:2px solid var(--border-color);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.PackagesManagement_TableRow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid var(--border-color);transition:all var(--transition-speed) ease}.PackagesManagement_TableRow:hover{background-color:var(--background-color)}.PackagesManagement_TableRow.inactive{opacity:.7;background-color:var(--background-color)}.PackagesManagement_TableCell{padding:15px;display:flex;align-items:center}.PackagesManagement_PackageName{font-weight:600;color:var(--primary-color)}.PackagesManagement_PackageType{background-color:var(--background-color);padding:5px 10px;border-radius:15px;font-size:13px;white-space:nowrap}.PackagesManagement_Status{padding:5px 10px;border-radius:15px;font-size:13px;font-weight:500}.PackagesManagement_Status.active{background-color:#dcfce7;color:#166534}.PackagesManagement_Status.inactive{background-color:var(--background-color);color:var(--text-color)}.PackagesManagement_RowActions{display:flex;gap:10px}.PackagesManagement_ActionButton{background:none;border:none;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease}.PackagesManagement_ActionButton svg{width:16px;height:16px}.PackagesManagement_ActionButton.edit{background-color:#e0f2fe;color:#0ea5e9}.PackagesManagement_ActionButton.edit:hover{background-color:#0ea5e9;color:var(--secondary-color)}.PackagesManagement_ActionButton.delete{background-color:#fee2e2;color:#ef4444}.PackagesManagement_ActionButton.delete:hover{background-color:#ef4444;color:var(--secondary-color)}.PackagesManagement_ActionButton.activate{background-color:#dcfce7;color:#22c55e}.PackagesManagement_ActionButton.activate:hover{background-color:#22c55e;color:var(--secondary-color)}.PackagesManagement_ActionButton.deactivate{background-color:var(--background-color);color:var(--text-color)}.PackagesManagement_ActionButton.deactivate:hover{background-color:var(--text-color);color:var(--secondary-color)}.PackagesManagement_NoPackages{padding:40px;text-align:center;color:var(--text-color);display:flex;flex-direction:column;align-items:center;gap:15px}.PackagesManagement_NoPackages svg{width:48px;height:48px;opacity:.5}.PackagesManagement_NoPackages p{font-size:16px}.PackagesManagement_Form{background-color:var(--secondary-color);border-radius:12px;padding:20px;box-shadow:0 4px 10px var(--quaternary-color);margin-top:20px}.PackagesManagement_FormLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.PackagesManagement_FormGroup{margin-bottom:20px}.PackagesManagement_FormGroup label{display:block;font-weight:600;margin-bottom:10px;color:var(--primary-color);font-size:15px}.PackagesManagement_FormGroup label .required{color:#ef4444;margin-left:3px}.PackagesManagement_FormGroup input,.PackagesManagement_FormGroup textarea,.PackagesManagement_FormGroup select{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all var(--transition-speed) ease;background-color:var(--secondary-color);color:var(--text-color)}.PackagesManagement_FormGroup input:focus,.PackagesManagement_FormGroup textarea:focus,.PackagesManagement_FormGroup select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.PackagesManagement_FormGroup textarea{min-height:120px;resize:vertical}.PackagesManagement_FeaturesSection{margin-bottom:20px}.PackagesManagement_FeatureItem{display:flex;align-items:center;gap:10px;margin-bottom:10px}.PackagesManagement_RemoveFeatureButton{background-color:#fee2e2;color:#ef4444;border:none;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease;flex-shrink:0}.PackagesManagement_RemoveFeatureButton:hover:not(:disabled){background-color:#ef4444;color:#fff}.PackagesManagement_RemoveFeatureButton:disabled{opacity:.5;cursor:not-allowed}.PackagesManagement_RemoveFeatureButton svg{width:16px;height:16px}.PackagesManagement_AddFeatureButton{display:flex;align-items:center;gap:8px;background-color:var(--background-color);color:var(--text-color);border:none;padding:10px 15px;border-radius:8px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;margin-top:10px}.PackagesManagement_AddFeatureButton:hover{background-color:var(--border-color)}.PackagesManagement_AddFeatureButton svg{width:16px;height:16px}.PackagesManagement_FormActions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.PackagesManagement_CancelButton{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.PackagesManagement_CancelButton:hover{background-color:var(--background-color);color:var(--text-color)}.PackagesManagement_SubmitButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;padding:12px 25px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 4px 6px var(--quaternary-color)}.PackagesManagement_SubmitButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}@media (max-width: 1024px){.PackagesManagement{padding:25px}.PackagesManagement h2{font-size:26px}.PackagesManagement_TableHeader,.PackagesManagement_TableRow{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.PackagesManagement_FormLayout{grid-template-columns:1fr 1fr}.PackagesManagement_ActionButton{width:32px;height:32px}.PackagesManagement_ActionButton svg{width:14px;height:14px}}@media (max-width: 768px){.PackagesManagement{padding:20px;margin:10px;border-radius:10px}.PackagesManagement h2{font-size:22px;margin-bottom:20px}.PackagesManagement h3{font-size:18px;margin:20px 0 12px}.PackagesManagement_Actions{flex-direction:column;gap:12px;align-items:stretch}.PackagesManagement_CreateButton,.PackagesManagement_RefreshButton{width:100%;justify-content:center;padding:14px 20px;font-size:16px}.PackagesManagement_List{margin-top:15px;border-radius:10px}.PackagesManagement_Table{display:block}.PackagesManagement_TableHeader{display:none}.PackagesManagement_TableRow{display:block;padding:20px;margin-bottom:15px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color);border-bottom:none}.PackagesManagement_TableRow:hover{background-color:var(--background-color);transform:translateY(-2px)}.PackagesManagement_TableCell{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--background-color)}.PackagesManagement_TableCell:last-child{border-bottom:none;justify-content:flex-start;padding-top:15px}.PackagesManagement_TableCell:before{content:attr(data-label);font-weight:600;color:var(--primary-color);min-width:120px;font-size:14px}.PackagesManagement_PackageName{font-size:16px;margin-bottom:5px}.PackagesManagement_PackageType,.PackagesManagement_Status{font-size:12px;padding:4px 8px}.PackagesManagement_RowActions{gap:8px;flex-wrap:wrap}.PackagesManagement_ActionButton{width:40px;height:40px}.PackagesManagement_ActionButton svg{width:18px;height:18px}.PackagesManagement_Form{border-radius:10px;padding:15px}.PackagesManagement_FormLayout{grid-template-columns:1fr;gap:15px}.PackagesManagement_FormGroup{margin-bottom:15px}.PackagesManagement_FormGroup label{font-size:14px;margin-bottom:8px}.PackagesManagement_FormGroup input,.PackagesManagement_FormGroup textarea,.PackagesManagement_FormGroup select{padding:14px 15px;font-size:16px;border-radius:10px}.PackagesManagement_FormGroup textarea{min-height:100px}.PackagesManagement_FeatureItem{flex-direction:column;gap:8px;align-items:stretch}.PackagesManagement_FeatureItem input{margin-right:0;margin-bottom:8px}.PackagesManagement_RemoveFeatureButton{align-self:flex-end;width:44px;height:44px}.PackagesManagement_AddFeatureButton{padding:12px 15px;border-radius:10px;font-size:16px}.PackagesManagement_FormActions{flex-direction:column;gap:12px;margin-top:25px}.PackagesManagement_CancelButton,.PackagesManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px}.PackagesManagement_NoPackages{padding:30px 20px}.PackagesManagement_NoPackages svg{width:40px;height:40px}.PackagesManagement_NoPackages p{font-size:15px}}@media (max-width: 480px){.PackagesManagement{padding:15px;margin:5px;border-radius:8px}.PackagesManagement h2{font-size:20px;margin-bottom:15px}.PackagesManagement h2:after{width:40px;height:2px}.PackagesManagement h3{font-size:16px;margin:15px 0 10px}.PackagesManagement_Actions{gap:10px}.PackagesManagement_CreateButton,.PackagesManagement_RefreshButton{padding:12px 16px;font-size:15px}.PackagesManagement_CreateButton svg,.PackagesManagement_RefreshButton svg{width:14px;height:14px}.PackagesManagement_TableRow{padding:15px;margin-bottom:12px;border-radius:8px}.PackagesManagement_TableCell{padding:6px 0;font-size:14px}.PackagesManagement_TableCell:before{font-size:13px;min-width:100px}.PackagesManagement_PackageName{font-size:15px}.PackagesManagement_RowActions{gap:6px}.PackagesManagement_ActionButton{width:36px;height:36px}.PackagesManagement_ActionButton svg{width:16px;height:16px}.PackagesManagement_Form{padding:12px;border-radius:8px}.PackagesManagement_FormLayout{gap:12px}.PackagesManagement_FormGroup{margin-bottom:12px}.PackagesManagement_FormGroup label{font-size:13px;margin-bottom:6px}.PackagesManagement_FormGroup input,.PackagesManagement_FormGroup textarea,.PackagesManagement_FormGroup select{padding:12px 14px;font-size:15px;border-radius:8px}.PackagesManagement_RemoveFeatureButton{width:40px;height:40px}.PackagesManagement_AddFeatureButton{padding:10px 12px;font-size:15px;border-radius:8px}.PackagesManagement_FormActions{gap:10px;margin-top:20px}.PackagesManagement_CancelButton,.PackagesManagement_SubmitButton{padding:14px 18px;font-size:15px;border-radius:8px}}@media (max-width: 360px){.PackagesManagement{padding:12px;margin:3px}.PackagesManagement h2{font-size:18px;margin-bottom:12px}.PackagesManagement h3{font-size:15px;margin:12px 0 8px}.PackagesManagement_CreateButton,.PackagesManagement_RefreshButton{padding:10px 14px;font-size:14px}.PackagesManagement_TableRow{padding:12px;margin-bottom:10px}.PackagesManagement_TableCell{padding:5px 0;font-size:13px;flex-direction:column;align-items:flex-start;gap:3px}.PackagesManagement_TableCell:before{font-size:12px;font-weight:700;color:var(--primary-color)}.PackagesManagement_PackageName{font-size:14px}.PackagesManagement_RowActions{gap:5px;margin-top:8px}.PackagesManagement_ActionButton{width:34px;height:34px}.PackagesManagement_ActionButton svg{width:15px;height:15px}.PackagesManagement_Form{padding:10px}.PackagesManagement_FormGroup label{font-size:12px}.PackagesManagement_FormGroup input,.PackagesManagement_FormGroup textarea,.PackagesManagement_FormGroup select{padding:10px 12px;font-size:14px}.PackagesManagement_RemoveFeatureButton{width:36px;height:36px}.PackagesManagement_AddFeatureButton{padding:8px 10px;font-size:14px}.PackagesManagement_CancelButton,.PackagesManagement_SubmitButton{padding:12px 16px;font-size:14px}.PackagesManagement_NoPackages{padding:25px 15px}.PackagesManagement_NoPackages svg{width:36px;height:36px}.PackagesManagement_NoPackages p{font-size:14px}}@media (max-width: 1024px){.PackagesManagement{padding:25px;max-width:100%}.PackagesManagement h2{font-size:26px;margin-bottom:22px}.PackagesManagement h3{font-size:19px}.PackagesManagement_TableHeader,.PackagesManagement_TableRow{grid-template-columns:2fr 1fr 1fr 1fr 120px}.PackagesManagement_FormLayout{grid-template-columns:1fr 1fr;gap:18px}.PackagesManagement_ActionButton{width:32px;height:32px}.PackagesManagement_ActionButton svg{width:14px;height:14px}.PackagesManagement_FormGroup input,.PackagesManagement_FormGroup textarea,.PackagesManagement_FormGroup select{font-size:15px}}@media (max-width: 768px){.PackagesManagement{padding:20px;margin:10px;border-radius:10px;box-shadow:0 4px 12px var(--quaternary-color)}.PackagesManagement h2{font-size:22px;margin-bottom:20px;padding-bottom:10px}.PackagesManagement h3{font-size:18px;margin:20px 0 12px}.PackagesManagement_Actions{flex-direction:column;gap:12px;align-items:stretch}.PackagesManagement_CreateButton,.PackagesManagement_RefreshButton{width:100%;justify-content:center;padding:14px 20px;font-size:16px;min-height:48px}.PackagesManagement_List{margin-top:15px;border-radius:10px;overflow:visible;box-shadow:none;background:transparent}.PackagesManagement_Table{display:block}.PackagesManagement_TableHeader{display:none}.PackagesManagement_TableRow{display:block;padding:20px;margin-bottom:15px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color);border-bottom:none;position:relative;transition:all .3s ease}.PackagesManagement_TableRow:hover{background-color:var(--background-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.PackagesManagement_TableRow.inactive{opacity:.8}.PackagesManagement_TableCell{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--background-color)}.PackagesManagement_TableCell:last-child{border-bottom:none;justify-content:flex-start;padding-top:15px;margin-top:10px;border-top:1px solid var(--background-color)}.PackagesManagement_TableCell:before{content:attr(data-label);font-weight:600;color:var(--primary-color);min-width:120px;font-size:14px}.PackagesManagement_PackageName{font-size:16px;margin-bottom:5px;word-break:break-word}.PackagesManagement_PackageType,.PackagesManagement_Status{font-size:12px;padding:4px 8px}.PackagesManagement_RowActions{gap:8px;flex-wrap:wrap}.PackagesManagement_ActionButton{width:40px;height:40px;min-width:40px}.PackagesManagement_ActionButton svg{width:18px;height:18px}.PackagesManagement_Form{border-radius:10px;padding:15px;margin-top:15px}.PackagesManagement_FormLayout{grid-template-columns:1fr;gap:15px}.PackagesManagement_FormGroup{margin-bottom:15px}.PackagesManagement_FormGroup label{font-size:14px;margin-bottom:8px}.PackagesManagement_FormGroup input,.PackagesManagement_FormGroup textarea,.PackagesManagement_FormGroup select{padding:14px 15px;font-size:16px;border-radius:10px;min-height:48px}.PackagesManagement_FormGroup textarea{min-height:100px}.PackagesManagement_FeatureItem{flex-direction:row;gap:10px;align-items:center}.PackagesManagement_FeatureItem input{flex:1}.PackagesManagement_RemoveFeatureButton{width:44px;height:44px;min-width:44px}.PackagesManagement_AddFeatureButton{padding:12px 15px;border-radius:10px;font-size:16px;width:100%}.PackagesManagement_FormActions{flex-direction:column;gap:12px;margin-top:25px;padding-top:15px}.PackagesManagement_CancelButton,.PackagesManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px;min-height:48px}.PackagesManagement_NoPackages{padding:30px 20px}.PackagesManagement_NoPackages svg{width:40px;height:40px}.PackagesManagement_NoPackages p{font-size:15px;line-height:1.5}.PackagesManagement_Loading{padding:40px 20px}.PackagesManagement_LoadingSpinner{width:36px;height:36px}.PackagesManagement_Error,.PackagesManagement_Success{padding:12px 15px;font-size:14px;border-radius:8px;margin-bottom:20px}.PackagesManagement_Error svg,.PackagesManagement_Success svg{width:18px;height:18px}}@media (max-width: 480px){.PackagesManagement{padding:15px;margin:5px;border-radius:8px}.PackagesManagement h2{font-size:20px;margin-bottom:15px}.PackagesManagement h2:after{width:40px;height:2px}.PackagesManagement h3{font-size:16px;margin:15px 0 10px}.PackagesManagement_Actions{gap:10px}.PackagesManagement_CreateButton,.PackagesManagement_RefreshButton{padding:12px 16px;font-size:15px;min-height:44px}.PackagesManagement_CreateButton svg,.PackagesManagement_RefreshButton svg{width:14px;height:14px}.PackagesManagement_TableRow{padding:15px;margin-bottom:12px;border-radius:8px}.PackagesManagement_TableCell{padding:6px 0;font-size:14px}.PackagesManagement_TableCell:before{font-size:13px;min-width:100px}.PackagesManagement_PackageName{font-size:15px}.PackagesManagement_RowActions{gap:6px}.PackagesManagement_ActionButton{width:36px;height:36px;min-width:36px}.PackagesManagement_ActionButton svg{width:16px;height:16px}.PackagesManagement_Form{padding:12px;border-radius:8px}.PackagesManagement_FormLayout{gap:12px}.PackagesManagement_FormGroup{margin-bottom:12px}.PackagesManagement_FormGroup label{font-size:13px;margin-bottom:6px}.PackagesManagement_FormGroup input,.PackagesManagement_FormGroup textarea,.PackagesManagement_FormGroup select{padding:12px 14px;font-size:15px;border-radius:8px;min-height:44px}.PackagesManagement_FormGroup textarea{min-height:80px}.PackagesManagement_RemoveFeatureButton{width:40px;height:40px;min-width:40px}.PackagesManagement_AddFeatureButton{padding:10px 12px;font-size:15px;border-radius:8px}.PackagesManagement_FormActions{gap:10px;margin-top:20px}.PackagesManagement_CancelButton,.PackagesManagement_SubmitButton{padding:14px 18px;font-size:15px;border-radius:8px;min-height:44px}.PackagesManagement_Error,.PackagesManagement_Success{padding:10px 12px;font-size:13px;gap:8px}.PackagesManagement_Error svg,.PackagesManagement_Success svg{width:16px;height:16px}}@media (max-width: 360px){.PackagesManagement{padding:12px;margin:3px}.PackagesManagement h2{font-size:18px;margin-bottom:12px}.PackagesManagement h3{font-size:15px;margin:12px 0 8px}.PackagesManagement_CreateButton,.PackagesManagement_RefreshButton{padding:10px 14px;font-size:14px;min-height:40px}.PackagesManagement_TableRow{padding:12px;margin-bottom:10px}.PackagesManagement_TableCell{padding:5px 0;font-size:13px;flex-direction:column;align-items:flex-start;gap:3px}.PackagesManagement_TableCell:before{font-size:12px;font-weight:700;color:var(--primary-color);margin-bottom:2px}.PackagesManagement_TableCell:last-child{flex-direction:row;align-items:center}.PackagesManagement_PackageName{font-size:14px}.PackagesManagement_PackageType,.PackagesManagement_Status{font-size:11px;padding:3px 6px}.PackagesManagement_RowActions{gap:5px;margin-top:8px}.PackagesManagement_ActionButton{width:34px;height:34px;min-width:34px}.PackagesManagement_ActionButton svg{width:15px;height:15px}.PackagesManagement_Form{padding:10px}.PackagesManagement_FormGroup label{font-size:12px}.PackagesManagement_FormGroup input,.PackagesManagement_FormGroup textarea,.PackagesManagement_FormGroup select{padding:10px 12px;font-size:14px;min-height:40px}.PackagesManagement_FeatureItem{flex-direction:column;align-items:stretch;gap:6px}.PackagesManagement_RemoveFeatureButton{width:36px;height:36px;min-width:36px;align-self:flex-end}.PackagesManagement_AddFeatureButton{padding:8px 10px;font-size:14px}.PackagesManagement_CancelButton,.PackagesManagement_SubmitButton{padding:12px 16px;font-size:14px;min-height:40px}.PackagesManagement_NoPackages{padding:25px 15px}.PackagesManagement_NoPackages svg{width:36px;height:36px}.PackagesManagement_NoPackages p{font-size:14px}.PackagesManagement_LoadingSpinner{width:32px;height:32px}.PackagesManagement_Error,.PackagesManagement_Success{padding:8px 10px;font-size:12px}.PackagesManagement_Error svg,.PackagesManagement_Success svg{width:14px;height:14px}}.ServicesManagement{width:100%;padding:20px;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 4px var(--quaternary-color)}.ServicesManagement h2{margin-bottom:20px;color:var(--text-color);font-size:1.5rem}.ServicesManagement_Loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.ServicesManagement_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.ServicesManagement_Error,.ServicesManagement_Success{padding:12px 16px;margin-bottom:20px;border-radius:4px;display:flex;align-items:center}.ServicesManagement_Error{background-color:#ffe6e6;color:#d32f2f;border-left:4px solid #d32f2f}.ServicesManagement_Success{background-color:#e6ffe6;color:#2e7d32;border-left:4px solid #2e7d32}.ServicesManagement_Error svg,.ServicesManagement_Success svg{width:20px;height:20px;margin-right:10px}.ServicesManagement_Actions{display:flex;justify-content:space-between;margin-bottom:20px}.ServicesManagement_CreateButton,.ServicesManagement_RefreshButton{display:flex;align-items:center;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.ServicesManagement_CreateButton{background-color:#007bff;color:var(--secondary-color)}.ServicesManagement_CreateButton:hover{background-color:#0069d9}.ServicesManagement_RefreshButton{background-color:var(--background-color);color:var(--text-color)}.ServicesManagement_RefreshButton:hover{background-color:var(--border-color)}.ServicesManagement_CreateButton svg,.ServicesManagement_RefreshButton svg{width:18px;height:18px;margin-right:8px}.ServicesManagement_Form{background-color:var(--background-color);padding:20px;border-radius:6px;margin-bottom:20px}.ServicesManagement_Form h3{margin-bottom:16px;color:var(--text-color);font-size:1.3rem}.ServicesManagement_FormLayout{display:flex;gap:20px;margin-bottom:16px}.ServicesManagement_FormGroup{flex:1;margin-bottom:16px}.ServicesManagement_FormGroup label{display:block;margin-bottom:6px;font-weight:500}.ServicesManagement_FormGroup input,.ServicesManagement_FormGroup select,.ServicesManagement_FormGroup textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.ServicesManagement_FormGroup textarea{min-height:120px;resize:vertical}.required{color:#d32f2f}.ServicesManagement_CurrentImage{margin-top:8px;font-size:.9rem;color:var(--text-color)}.ServicesManagement_FeaturesSection{margin-bottom:20px}.ServicesManagement_FeatureItem{display:flex;align-items:center;margin-bottom:10px}.ServicesManagement_FeatureItem input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;margin-right:10px}.ServicesManagement_RemoveFeatureButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--background-color);border:none;border-radius:4px;cursor:pointer}.ServicesManagement_RemoveFeatureButton:hover{background-color:#fcc}.ServicesManagement_RemoveFeatureButton:disabled{opacity:.5;cursor:not-allowed}.ServicesManagement_RemoveFeatureButton svg{width:16px;height:16px;color:var(--text-color)}.ServicesManagement_AddFeatureButton{display:flex;align-items:center;padding:8px 16px;background-color:var(--background-color);border:none;border-radius:4px;cursor:pointer;margin-top:10px}.ServicesManagement_AddFeatureButton:hover{background-color:var(--border-color)}.ServicesManagement_AddFeatureButton svg{width:16px;height:16px;margin-right:8px}.ServicesManagement_FormActions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.ServicesManagement_CancelButton,.ServicesManagement_SubmitButton{padding:10px 20px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.ServicesManagement_CancelButton{background-color:var(--background-color);color:var(--text-color)}.ServicesManagement_CancelButton:hover{background-color:var(--border-color)}.ServicesManagement_SubmitButton{background-color:#007bff;color:var(--secondary-color)}.ServicesManagement_SubmitButton:hover{background-color:#0069d9}.ServicesManagement_List{margin-top:20px}.ServicesManagement_NoServices{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:var(--background-color);border-radius:6px;text-align:center}.ServicesManagement_NoServices svg{width:40px;height:40px;color:var(--text-color);margin-bottom:16px}.ServicesManagement_NoServices p{color:var(--text-color);font-size:16px}.ServicesManagement_Table{width:100%;border-collapse:collapse}.ServicesManagement_TableHeader,.ServicesManagement_TableRow{display:grid;grid-template-columns:3fr 1fr 1fr 1fr 1fr;padding:12px 16px;border-bottom:1px solid var(--border-color)}.ServicesManagement_TableHeader{background-color:var(--background-color);font-weight:600;border-radius:4px 4px 0 0}.ServicesManagement_TableRow{transition:background-color .2s}.ServicesManagement_TableRow:hover{background-color:var(--background-color)}.ServicesManagement_TableRow.inactive{opacity:.7;background-color:var(--background-color)}.ServicesManagement_TableCell{display:flex;align-items:center;padding:8px 0}.ServicesManagement_ServiceIcon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:8px;color:#007bff}.ServicesManagement_ServiceIcon svg{width:100%;height:100%;color:inherit}.ServicesManagement_ServiceName{font-weight:500}.ServicesManagement_Status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.ServicesManagement_Status.active{background-color:#e6ffe6;color:#2e7d32}.ServicesManagement_Status.inactive{background-color:#fff0f0;color:#d32f2f}.ServicesManagement_RowActions{display:flex;gap:10px}.ServicesManagement_ActionButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.ServicesManagement_ActionButton svg{width:16px;height:16px}.ServicesManagement_ActionButton.edit{background-color:#e6f7ff;color:#06c}.ServicesManagement_ActionButton.edit:hover{background-color:#cef}.ServicesManagement_ActionButton.activate{background-color:#e6ffe6;color:#2e7d32}.ServicesManagement_ActionButton.activate:hover{background-color:#d6efd6}.ServicesManagement_ActionButton.deactivate{background-color:#fff0f0;color:#d32f2f}.ServicesManagement_ActionButton.deactivate:hover{background-color:#ffe0e0}.ServicesManagement_ActionButton.delete{background-color:#ffebee;color:#c62828}.ServicesManagement_ActionButton.delete:hover{background-color:#ffdde0}@media (max-width: 992px){.ServicesManagement_FormLayout{flex-direction:column;gap:0}.ServicesManagement_TableHeader,.ServicesManagement_TableRow{grid-template-columns:2fr 1fr 1fr 1fr}.ServicesManagement_TableCell:nth-child(3){display:none}}@media (max-width: 768px){.ServicesManagement_TableHeader,.ServicesManagement_TableRow{grid-template-columns:2fr 1fr 1fr}.ServicesManagement_TableCell:nth-child(3),.ServicesManagement_TableCell:nth-child(4){display:none}}@media (max-width: 576px){.ServicesManagement_Actions{flex-direction:column;gap:10px}.ServicesManagement_TableHeader,.ServicesManagement_TableRow{grid-template-columns:1fr 1fr}.ServicesManagement_TableCell:nth-child(3),.ServicesManagement_TableCell:nth-child(4),.ServicesManagement_TableCell:nth-child(5),.ServicesManagement_TableCell:nth-child(6){display:none}}@media (max-width: 1024px){.ServicesManagement{padding:25px;max-width:100%;border-radius:10px}.ServicesManagement h2{font-size:26px;margin-bottom:22px}.ServicesManagement_FormLayout{flex-direction:column;gap:15px}.ServicesManagement_TableHeader,.ServicesManagement_TableRow{grid-template-columns:2fr 1fr 1fr 120px;padding:10px 14px}.ServicesManagement_ActionButton{width:30px;height:30px}.ServicesManagement_ActionButton svg{width:14px;height:14px}.ServicesManagement_FormGroup input,.ServicesManagement_FormGroup select,.ServicesManagement_FormGroup textarea{font-size:15px;padding:12px 14px}}@media (max-width: 768px){.ServicesManagement{padding:20px;margin:10px;border-radius:10px;box-shadow:0 4px 12px var(--quaternary-color)}.ServicesManagement h2{font-size:22px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.ServicesManagement_Actions{flex-direction:column;gap:12px;margin-bottom:20px}.ServicesManagement_CreateButton,.ServicesManagement_RefreshButton{width:100%;justify-content:center;padding:14px 20px;font-size:16px;min-height:48px;border-radius:8px}.ServicesManagement_CreateButton svg,.ServicesManagement_RefreshButton svg{width:20px;height:20px;margin-right:10px}.ServicesManagement_Table{display:block}.ServicesManagement_TableHeader{display:none}.ServicesManagement_TableRow{display:block;padding:20px;margin-bottom:15px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color);border-bottom:none;transition:all .3s ease}.ServicesManagement_TableRow:hover{background-color:var(--background-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.ServicesManagement_TableRow.inactive{opacity:.8}.ServicesManagement_TableCell{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--background-color)}.ServicesManagement_TableCell:last-child{border-bottom:none;justify-content:flex-start;padding-top:15px;margin-top:10px;border-top:1px solid var(--background-color)}.ServicesManagement_TableCell:before{content:attr(data-label);font-weight:600;color:var(--primary-color);min-width:120px;font-size:14px}.ServicesManagement_ServiceIcon{width:28px;height:28px;margin-right:10px}.ServicesManagement_ServiceName{font-size:16px;word-break:break-word}.ServicesManagement_Status{font-size:13px;padding:6px 12px}.ServicesManagement_RowActions{gap:8px;flex-wrap:wrap}.ServicesManagement_ActionButton{width:40px;height:40px;min-width:40px;border-radius:8px}.ServicesManagement_ActionButton svg{width:18px;height:18px}.ServicesManagement_NoServices{padding:35px 20px;border-radius:10px}.ServicesManagement_NoServices svg{width:44px;height:44px}.ServicesManagement_NoServices p{font-size:15px;line-height:1.5}.ServicesManagement_Form{padding:18px;border-radius:10px;margin-bottom:20px}.ServicesManagement_Form h3{font-size:18px;margin-bottom:18px}.ServicesManagement_FormLayout{gap:18px}.ServicesManagement_FormGroup{margin-bottom:18px}.ServicesManagement_FormGroup label{font-size:14px;margin-bottom:8px}.ServicesManagement_FormGroup input,.ServicesManagement_FormGroup select,.ServicesManagement_FormGroup textarea{padding:14px 16px;font-size:16px;border-radius:8px;min-height:48px}.ServicesManagement_FormGroup textarea{min-height:100px}.ServicesManagement_FeatureItem{margin-bottom:12px}.ServicesManagement_FeatureItem input{padding:14px 16px;font-size:16px;border-radius:8px;margin-right:12px}.ServicesManagement_RemoveFeatureButton{width:44px;height:44px;border-radius:8px;min-width:44px}.ServicesManagement_RemoveFeatureButton svg{width:18px;height:18px}.ServicesManagement_AddFeatureButton{padding:12px 16px;border-radius:8px;font-size:16px;margin-top:12px}.ServicesManagement_AddFeatureButton svg{width:18px;height:18px;margin-right:10px}.ServicesManagement_FormActions{flex-direction:column;gap:12px;margin-top:25px}.ServicesManagement_CancelButton,.ServicesManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:8px;min-height:48px}.ServicesManagement_Loading{padding:40px 20px}.ServicesManagement_LoadingSpinner{width:36px;height:36px}.ServicesManagement_Error,.ServicesManagement_Success{padding:12px 16px;font-size:14px;border-radius:8px;margin-bottom:20px}.ServicesManagement_Error svg,.ServicesManagement_Success svg{width:18px;height:18px}}@media (max-width: 480px){.ServicesManagement{padding:15px;margin:5px;border-radius:8px}.ServicesManagement h2{font-size:20px;margin-bottom:15px}.ServicesManagement_Actions{gap:10px}.ServicesManagement_CreateButton,.ServicesManagement_RefreshButton{padding:12px 18px;font-size:15px;min-height:44px}.ServicesManagement_CreateButton svg,.ServicesManagement_RefreshButton svg{width:16px;height:16px;margin-right:8px}.ServicesManagement_TableRow{padding:15px;margin-bottom:12px;border-radius:8px}.ServicesManagement_TableCell{padding:6px 0;font-size:14px}.ServicesManagement_TableCell:before{font-size:13px;min-width:100px}.ServicesManagement_ServiceIcon{width:24px;height:24px;margin-right:8px}.ServicesManagement_ServiceName{font-size:15px}.ServicesManagement_Status{font-size:12px;padding:5px 10px}.ServicesManagement_RowActions{gap:6px}.ServicesManagement_ActionButton{width:36px;height:36px;min-width:36px}.ServicesManagement_ActionButton svg{width:16px;height:16px}.ServicesManagement_NoServices{padding:30px 15px}.ServicesManagement_NoServices svg{width:40px;height:40px}.ServicesManagement_NoServices p{font-size:14px}.ServicesManagement_Form{padding:15px;border-radius:8px}.ServicesManagement_Form h3{font-size:16px;margin-bottom:15px}.ServicesManagement_FormLayout{gap:15px}.ServicesManagement_FormGroup{margin-bottom:15px}.ServicesManagement_FormGroup label{font-size:13px;margin-bottom:6px}.ServicesManagement_FormGroup input,.ServicesManagement_FormGroup select,.ServicesManagement_FormGroup textarea{padding:12px 14px;font-size:15px;border-radius:6px;min-height:44px}.ServicesManagement_FormGroup textarea{min-height:80px}.ServicesManagement_FeatureItem input{padding:12px 14px;font-size:15px;border-radius:6px;margin-right:10px}.ServicesManagement_RemoveFeatureButton{width:40px;height:40px;min-width:40px}.ServicesManagement_RemoveFeatureButton svg{width:16px;height:16px}.ServicesManagement_AddFeatureButton{padding:10px 14px;font-size:15px;border-radius:6px}.ServicesManagement_AddFeatureButton svg{width:16px;height:16px}.ServicesManagement_FormActions{gap:10px;margin-top:20px}.ServicesManagement_CancelButton,.ServicesManagement_SubmitButton{padding:14px 18px;font-size:15px;border-radius:6px;min-height:44px}.ServicesManagement_Error,.ServicesManagement_Success{padding:10px 14px;font-size:13px;gap:8px}.ServicesManagement_Error svg,.ServicesManagement_Success svg{width:16px;height:16px}}@media (max-width: 360px){.ServicesManagement{padding:12px;margin:3px}.ServicesManagement h2{font-size:18px;margin-bottom:12px}.ServicesManagement_CreateButton,.ServicesManagement_RefreshButton{padding:10px 14px;font-size:14px;min-height:40px}.ServicesManagement_CreateButton svg,.ServicesManagement_RefreshButton svg{width:14px;height:14px;margin-right:6px}.ServicesManagement_TableRow{padding:12px;margin-bottom:10px}.ServicesManagement_TableCell{padding:5px 0;font-size:13px;flex-direction:column;align-items:flex-start;gap:3px}.ServicesManagement_TableCell:before{font-size:12px;font-weight:700;margin-bottom:2px}.ServicesManagement_TableCell:last-child{flex-direction:row;align-items:center;justify-content:flex-start}.ServicesManagement_ServiceIcon{width:20px;height:20px;margin-right:6px}.ServicesManagement_ServiceName{font-size:14px}.ServicesManagement_Status{font-size:11px;padding:4px 8px;margin-top:3px}.ServicesManagement_RowActions{gap:4px;margin-top:8px;flex-wrap:wrap}.ServicesManagement_ActionButton{width:32px;height:32px;min-width:32px}.ServicesManagement_ActionButton svg{width:14px;height:14px}.ServicesManagement_NoServices{padding:25px 12px}.ServicesManagement_NoServices svg{width:36px;height:36px}.ServicesManagement_NoServices p{font-size:13px}.ServicesManagement_Form{padding:12px}.ServicesManagement_Form h3{font-size:15px;margin-bottom:12px}.ServicesManagement_FormGroup{margin-bottom:12px}.ServicesManagement_FormGroup label{font-size:12px;margin-bottom:5px}.ServicesManagement_FormGroup input,.ServicesManagement_FormGroup select,.ServicesManagement_FormGroup textarea{padding:10px 12px;font-size:14px;min-height:40px}.ServicesManagement_FormGroup textarea{min-height:70px}.ServicesManagement_FeatureItem{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:10px}.ServicesManagement_FeatureItem input{padding:10px 12px;font-size:14px;margin-right:0;margin-bottom:6px}.ServicesManagement_RemoveFeatureButton{width:36px;height:36px;min-width:36px;align-self:flex-end}.ServicesManagement_RemoveFeatureButton svg{width:14px;height:14px}.ServicesManagement_AddFeatureButton{padding:8px 12px;font-size:14px}.ServicesManagement_AddFeatureButton svg{width:14px;height:14px}.ServicesManagement_CancelButton,.ServicesManagement_SubmitButton{padding:12px 16px;font-size:14px;min-height:40px}.ServicesManagement_LoadingSpinner{width:32px;height:32px}.ServicesManagement_Error,.ServicesManagement_Success{padding:8px 12px;font-size:12px}.ServicesManagement_Error svg,.ServicesManagement_Success svg{width:14px;height:14px}}.MessagesManagement{width:100%;padding:20px;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 4px var(--quaternary-color)}.MessagesManagement h2{margin-bottom:20px;color:var(--text-color);font-size:1.5rem}.MessagesManagement_Loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.MessagesManagement_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--button-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.MessagesManagement_Error,.MessagesManagement_Success{padding:12px 16px;margin-bottom:20px;border-radius:4px;display:flex;align-items:center}.MessagesManagement_Error{background-color:#ffe6e6;color:#d32f2f;border-left:4px solid #d32f2f}.MessagesManagement_Success{background-color:#e6ffe6;color:#2e7d32;border-left:4px solid #2e7d32}.MessagesManagement_Error svg,.MessagesManagement_Success svg{width:20px;height:20px;margin-right:10px}.MessagesManagement_Actions{display:flex;justify-content:space-between;margin-bottom:20px}.MessagesManagement_RefreshButton{display:flex;align-items:center;padding:8px 16px;background-color:var(--background-color);color:var(--text-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.MessagesManagement_RefreshButton:hover{background-color:var(--border-color)}.MessagesManagement_RefreshButton svg{width:18px;height:18px;margin-right:8px}.MessagesManagement_Toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.MessagesManagement_Filters{display:flex;gap:10px}.MessagesManagement_FilterSelect{padding:8px 12px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--secondary-color);font-size:14px}.MessagesManagement_List{margin-top:20px}.MessagesManagement_NoMessages{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:var(--background-color);border-radius:6px;text-align:center}.MessagesManagement_NoMessages svg{width:40px;height:40px;color:var(--text-color);margin-bottom:16px}.MessagesManagement_NoMessages p{color:var(--text-color);font-size:16px}.MessagesManagement_Table{width:100%;border-collapse:collapse}.MessagesManagement_TableHeader,.MessagesManagement_TableRow{display:grid;grid-template-columns:2fr 2fr 1fr 1fr 1fr;padding:12px 16px;border-bottom:1px solid var(--border-color)}.MessagesManagement_TableHeader{background-color:var(--background-color);font-weight:600;border-radius:4px 4px 0 0}.MessagesManagement_TableRow{transition:background-color .2s;cursor:pointer}.MessagesManagement_TableRow:hover{background-color:var(--background-color)}.MessagesManagement_TableRow.unread{font-weight:600;background-color:#f0f7ff}.MessagesManagement_TableRow.spam{opacity:.6;background-color:#fff0f0}.MessagesManagement_TableCell{display:flex;align-items:center;padding:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MessagesManagement_MessagePreview{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--text-color)}.MessagesManagement_Status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.MessagesManagement_Status.new{background-color:#e3f2fd;color:#0277bd}.MessagesManagement_Status.read{background-color:#e8f5e9;color:#2e7d32}.MessagesManagement_Status.replied{background-color:#e0f2f1;color:#00796b}.MessagesManagement_Status.spam{background-color:#ffebee;color:#c62828}.MessagesManagement_RowActions{display:flex;gap:10px}.MessagesManagement_ActionButton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.MessagesManagement_ActionButton svg{width:16px;height:16px}.MessagesManagement_ActionButton.view{background-color:#e3f2fd;color:#0277bd}.MessagesManagement_ActionButton.view:hover{background-color:#bbdefb}.MessagesManagement_ActionButton.reply{background-color:#e8f5e9;color:#2e7d32}.MessagesManagement_ActionButton.reply:hover{background-color:#c8e6c9}.MessagesManagement_ActionButton.mark-spam{background-color:#ffebee;color:#c62828}.MessagesManagement_ActionButton.mark-spam:hover{background-color:#ffcdd2}.MessagesManagement_Modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--splash-color);display:flex;align-items:center;justify-content:center;z-index:1000}.MessagesManagement_ModalContent{background-color:var(--secondary-color);border-radius:8px;padding:24px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px var(--quaternary-color)}.MessagesManagement_ModalHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.MessagesManagement_ModalTitle{font-size:1.4rem;font-weight:600;color:var(--text-color);margin:0}.MessagesManagement_ModalClose{background:none;border:none;cursor:pointer;color:var(--text-color);font-size:24px;transition:color .2s}.MessagesManagement_ModalClose:hover{color:var(--text-color)}.MessagesManagement_MessageDetails{margin-bottom:20px}.MessagesManagement_MessageMeta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;padding:15px;background-color:var(--background-color);border-radius:6px}.MessagesManagement_MessageMetaItem{margin-bottom:10px}.MessagesManagement_MessageMetaLabel{font-weight:600;margin-right:8px;color:var(--text-color)}.MessagesManagement_MessageContent{margin-top:24px;padding:20px;background-color:var(--background-color);border-radius:6px;white-space:pre-line}.MessagesManagement_MessageActions{display:flex;gap:12px;margin-top:24px}.MessagesManagement_MessageActionButton{display:flex;align-items:center;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.MessagesManagement_MessageActionButton svg{width:16px;height:16px;margin-right:8px}.MessagesManagement_MessageActionButton.primary{background-color:var(--button-color);color:var(--secondary-color)}.MessagesManagement_MessageActionButton.primary:hover{background-color:var(--tertiary-color)}.MessagesManagement_MessageActionButton.secondary{background-color:var(--background-color);color:var(--text-color)}.MessagesManagement_MessageActionButton.secondary:hover{background-color:var(--border-color)}.MessagesManagement_MessageActionButton.delete{background-color:#dc3545;color:var(--secondary-color)}.MessagesManagement_MessageActionButton.delete:hover{background-color:#c82333}.MessagesManagement_Pagination{display:flex;justify-content:flex-end;align-items:center;margin-top:20px;gap:10px}.MessagesManagement_PaginationButton{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--background-color);border:none;border-radius:4px;cursor:pointer;transition:all .2s}.MessagesManagement_PaginationButton:hover{background-color:var(--border-color)}.MessagesManagement_PaginationButton:disabled{opacity:.5;cursor:not-allowed}.MessagesManagement_PaginationButton svg{width:16px;height:16px;color:var(--text-color)}.MessagesManagement_PaginationInfo{font-size:14px;color:var(--text-color)}@media (max-width: 992px){.MessagesManagement_TableHeader,.MessagesManagement_TableRow{grid-template-columns:2fr 2fr 1fr 1fr}.MessagesManagement_TableCell:nth-child(4){display:none}.MessagesManagement_MessageMeta{grid-template-columns:1fr}}@media (max-width: 768px){.MessagesManagement_TableHeader,.MessagesManagement_TableRow{grid-template-columns:2fr 1fr 1fr}.MessagesManagement_TableCell:nth-child(3),.MessagesManagement_TableCell:nth-child(4){display:none}.MessagesManagement_Toolbar{flex-direction:column;align-items:flex-start;gap:10px}.MessagesManagement_Filters{width:100%;overflow-x:auto}}@media (max-width: 576px){.MessagesManagement_Actions{flex-direction:column;gap:10px}.MessagesManagement_TableHeader,.MessagesManagement_TableRow{grid-template-columns:2fr 1fr}.MessagesManagement_TableCell:nth-child(3),.MessagesManagement_TableCell:nth-child(4),.MessagesManagement_TableCell:nth-child(5){display:none}.MessagesManagement_ModalContent{width:95%;padding:16px}.MessagesManagement_MessageActions{flex-direction:column;gap:8px}.MessagesManagement_MessageActionButton{width:100%}}@media (max-width: 1024px){.MessagesManagement{padding:18px}.MessagesManagement h2{font-size:1.4rem;margin-bottom:18px}.MessagesManagement_Actions,.MessagesManagement_Toolbar{margin-bottom:18px}.MessagesManagement_TableHeader,.MessagesManagement_TableRow{padding:10px 14px;grid-template-columns:2fr 2fr 1fr 1fr}.MessagesManagement_TableCell:nth-child(5){display:none}.MessagesManagement_ModalContent{width:92%;padding:22px}.MessagesManagement_LoadingSpinner{width:36px;height:36px}}@media (max-width: 768px){.MessagesManagement{padding:16px;border-radius:6px;margin:0}.MessagesManagement h2{font-size:1.3rem;margin-bottom:16px;text-align:center}.MessagesManagement_Actions{flex-direction:column;gap:12px;margin-bottom:16px}.MessagesManagement_RefreshButton{width:100%;padding:12px 16px;font-size:15px;border-radius:8px;justify-content:center}.MessagesManagement_RefreshButton svg{width:20px;height:20px;margin-right:10px}.MessagesManagement_Toolbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.MessagesManagement_Filters{width:100%;justify-content:stretch;gap:8px}.MessagesManagement_FilterSelect{flex:1;padding:12px 14px;font-size:16px;border-radius:8px;min-height:44px}.MessagesManagement_TableHeader{display:none}.MessagesManagement_TableRow{grid-template-columns:1fr;gap:0;padding:16px;border-bottom:2px solid var(--background-color);display:block;position:relative;border-radius:8px;margin-bottom:8px;background-color:var(--secondary-color);box-shadow:0 2px 4px var(--quaternary-color)}.MessagesManagement_TableRow:hover{background-color:var(--background-color)}.MessagesManagement_TableRow.unread{border-left:4px solid #0277bd;background-color:#f8fbff}.MessagesManagement_TableRow.spam{border-left:4px solid #c62828;background-color:#fffbfb}.MessagesManagement_TableCell{padding:8px 0;border-bottom:1px solid rgba(var(--border-color-rgb),.3);display:flex;justify-content:space-between;align-items:center;white-space:normal;overflow:visible;text-overflow:unset}.MessagesManagement_TableCell:last-child{border-bottom:none;padding-top:12px;justify-content:center}.MessagesManagement_TableCell:before{content:attr(data-label);font-weight:600;color:var(--primary-color);font-size:14px;min-width:80px}.MessagesManagement_TableCell:nth-child(1):before{content:"From:"}.MessagesManagement_TableCell:nth-child(2):before{content:"Subject:"}.MessagesManagement_TableCell:nth-child(3):before{content:"Date:"}.MessagesManagement_TableCell:nth-child(4):before{content:"Status:"}.MessagesManagement_TableCell:nth-child(5):before{content:"Actions:"}.MessagesManagement_MessagePreview{font-size:15px;white-space:normal;overflow:visible;text-overflow:unset;max-width:none}.MessagesManagement_Status{padding:6px 12px;font-size:13px;border-radius:6px}.MessagesManagement_RowActions{justify-content:center;gap:12px;margin-top:8px}.MessagesManagement_ActionButton{width:40px;height:40px;border-radius:8px}.MessagesManagement_ActionButton svg{width:18px;height:18px}.MessagesManagement_NoMessages{padding:50px 20px;border-radius:10px}.MessagesManagement_NoMessages svg{width:64px;height:64px;margin-bottom:20px}.MessagesManagement_NoMessages p{font-size:18px}.MessagesManagement_ModalContent{width:95%;padding:20px;border-radius:10px;max-height:95vh}.MessagesManagement_ModalTitle{font-size:1.2rem}.MessagesManagement_ModalClose{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.MessagesManagement_MessageMeta{grid-template-columns:1fr;gap:12px;padding:16px;border-radius:8px}.MessagesManagement_MessageMetaLabel{font-size:15px}.MessagesManagement_MessageContent{padding:18px;border-radius:8px;font-size:15px;line-height:1.6}.MessagesManagement_MessageActions{flex-direction:column;gap:10px;margin-top:20px}.MessagesManagement_MessageActionButton{width:100%;padding:12px 16px;font-size:15px;border-radius:8px;justify-content:center}.MessagesManagement_MessageActionButton svg{width:18px;height:18px;margin-right:10px}.MessagesManagement_Pagination{justify-content:center;margin-top:16px;gap:8px}.MessagesManagement_PaginationButton{width:44px;height:44px;border-radius:8px}.MessagesManagement_PaginationButton svg{width:20px;height:20px}.MessagesManagement_PaginationInfo{font-size:15px;text-align:center;order:-1;margin-bottom:8px}.MessagesManagement_Loading{padding:50px 20px}.MessagesManagement_LoadingSpinner{width:32px;height:32px}.MessagesManagement_Error,.MessagesManagement_Success{padding:16px;margin-bottom:16px;border-radius:8px;font-size:15px}.MessagesManagement_Error svg,.MessagesManagement_Success svg{width:22px;height:22px;margin-right:12px}}@media (max-width: 480px){.MessagesManagement{padding:12px}.MessagesManagement h2{font-size:1.2rem;margin-bottom:14px}.MessagesManagement_Actions{gap:10px;margin-bottom:14px}.MessagesManagement_RefreshButton{padding:10px 14px;font-size:14px}.MessagesManagement_RefreshButton svg{width:18px;height:18px;margin-right:8px}.MessagesManagement_Toolbar{gap:10px;margin-bottom:14px}.MessagesManagement_FilterSelect{padding:10px 12px;font-size:15px;min-height:40px}.MessagesManagement_TableRow{padding:14px;margin-bottom:6px;border-radius:6px}.MessagesManagement_TableCell{padding:6px 0;flex-direction:column;align-items:stretch;gap:4px}.MessagesManagement_TableCell:before{font-size:13px;margin-bottom:2px}.MessagesManagement_MessagePreview{font-size:14px}.MessagesManagement_Status{padding:4px 8px;font-size:12px;align-self:flex-start}.MessagesManagement_RowActions{gap:8px;margin-top:10px}.MessagesManagement_ActionButton{width:36px;height:36px;border-radius:6px}.MessagesManagement_ActionButton svg{width:16px;height:16px}.MessagesManagement_NoMessages{padding:40px 16px;border-radius:8px}.MessagesManagement_NoMessages svg{width:48px;height:48px;margin-bottom:16px}.MessagesManagement_NoMessages p{font-size:16px}.MessagesManagement_ModalContent{width:98%;padding:16px;border-radius:8px}.MessagesManagement_ModalTitle{font-size:1.1rem}.MessagesManagement_ModalClose{font-size:18px;width:28px;height:28px}.MessagesManagement_MessageMeta{gap:10px;padding:14px}.MessagesManagement_MessageMetaLabel{font-size:14px}.MessagesManagement_MessageContent{padding:16px;font-size:14px;line-height:1.5}.MessagesManagement_MessageActions{gap:8px;margin-top:16px}.MessagesManagement_MessageActionButton{padding:10px 14px;font-size:14px;border-radius:6px}.MessagesManagement_MessageActionButton svg{width:16px;height:16px;margin-right:8px}.MessagesManagement_Pagination{margin-top:14px;gap:6px}.MessagesManagement_PaginationButton{width:40px;height:40px;border-radius:6px}.MessagesManagement_PaginationButton svg{width:18px;height:18px}.MessagesManagement_PaginationInfo{font-size:14px;margin-bottom:6px}.MessagesManagement_Loading{padding:40px 16px}.MessagesManagement_LoadingSpinner{width:28px;height:28px}.MessagesManagement_Error,.MessagesManagement_Success{padding:14px;margin-bottom:14px;font-size:14px}.MessagesManagement_Error svg,.MessagesManagement_Success svg{width:20px;height:20px;margin-right:10px}}@media (max-width: 360px){.MessagesManagement{padding:10px}.MessagesManagement h2{font-size:1.1rem;margin-bottom:12px}.MessagesManagement_Actions{gap:8px;margin-bottom:12px}.MessagesManagement_RefreshButton{padding:8px 12px;font-size:13px}.MessagesManagement_RefreshButton svg{width:16px;height:16px;margin-right:6px}.MessagesManagement_Toolbar{gap:8px;margin-bottom:12px}.MessagesManagement_FilterSelect{padding:8px 10px;font-size:14px;min-height:36px}.MessagesManagement_TableRow{padding:12px;margin-bottom:5px;border-radius:4px}.MessagesManagement_TableCell{padding:5px 0;gap:3px}.MessagesManagement_TableCell:before{font-size:12px;margin-bottom:1px}.MessagesManagement_MessagePreview{font-size:13px}.MessagesManagement_Status{padding:3px 6px;font-size:11px}.MessagesManagement_RowActions{gap:6px;margin-top:8px;flex-wrap:wrap}.MessagesManagement_ActionButton{width:32px;height:32px;border-radius:4px;flex:0 0 auto}.MessagesManagement_ActionButton svg{width:14px;height:14px}.MessagesManagement_NoMessages{padding:30px 12px;border-radius:6px}.MessagesManagement_NoMessages svg{width:40px;height:40px;margin-bottom:12px}.MessagesManagement_NoMessages p{font-size:15px}.MessagesManagement_ModalContent{width:100%;padding:14px;border-radius:6px;max-height:98vh}.MessagesManagement_ModalTitle{font-size:1rem}.MessagesManagement_ModalClose{font-size:16px;width:24px;height:24px}.MessagesManagement_MessageMeta{gap:8px;padding:12px}.MessagesManagement_MessageMetaItem{margin-bottom:8px}.MessagesManagement_MessageMetaLabel{font-size:13px}.MessagesManagement_MessageContent{padding:14px;font-size:13px;line-height:1.4}.MessagesManagement_MessageActions{gap:6px;margin-top:14px}.MessagesManagement_MessageActionButton{padding:8px 12px;font-size:13px;border-radius:4px}.MessagesManagement_MessageActionButton svg{width:14px;height:14px;margin-right:6px}.MessagesManagement_Pagination{margin-top:12px;gap:4px;flex-wrap:wrap}.MessagesManagement_PaginationButton{width:36px;height:36px;border-radius:4px}.MessagesManagement_PaginationButton svg{width:16px;height:16px}.MessagesManagement_PaginationInfo{font-size:13px;margin-bottom:5px;width:100%;text-align:center}.MessagesManagement_Loading{padding:30px 12px}.MessagesManagement_LoadingSpinner{width:24px;height:24px}.MessagesManagement_Error,.MessagesManagement_Success{padding:12px;margin-bottom:12px;font-size:13px}.MessagesManagement_Error svg,.MessagesManagement_Success svg{width:18px;height:18px;margin-right:8px}}.third-party-integrations{min-height:100vh;font-family:Inter,system-ui,sans-serif}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.service-icon{width:20px;height:20px}@media (max-width: 768px){.third-party-integrations{padding:20px!important}.service-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.third-party-integrations h1{font-size:24px!important}.service-header{padding:15px!important}}@media (max-width: 1024px){.third-party-integrations{padding:25px;max-width:100%;min-height:calc(100vh - 50px)}.third-party-integrations h1{font-size:28px;margin-bottom:22px}.third-party-integrations h2{font-size:20px;margin-bottom:18px}.service-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.service-card{padding:18px;border-radius:10px;box-shadow:0 2px 8px var(--quaternary-color)}.service-icon{width:22px;height:22px}.integration-status{padding:8px 12px;border-radius:6px;font-size:13px}.connect-btn,.disconnect-btn,.configure-btn{padding:10px 16px;font-size:14px;border-radius:6px;min-height:44px}.service-config{padding:18px;margin-top:15px;border-radius:8px}.config-field{margin-bottom:15px}.config-field input,.config-field select{padding:10px 12px;font-size:15px;border-radius:6px}}@media (max-width: 768px){.third-party-integrations{padding:20px;margin:10px;border-radius:10px;min-height:calc(100vh - 20px)}.third-party-integrations h1{font-size:24px;margin-bottom:20px;text-align:center}.third-party-integrations h2{font-size:18px;margin-bottom:15px}.service-grid{grid-template-columns:1fr!important;gap:15px}.service-card{padding:20px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color);transition:all .3s ease}.service-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.service-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:20px;padding:15px;background-color:var(--background-color);border-radius:8px}.service-header-top{display:flex;align-items:center;gap:12px}.service-icon{width:32px;height:32px;flex-shrink:0}.service-title{font-size:18px;font-weight:600;margin:0;color:var(--primary-color)}.service-description{font-size:14px;color:var(--text-color);line-height:1.5;margin:0;text-align:center}.integration-status{width:100%;text-align:center;padding:12px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:15px}.integration-status.connected{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.integration-status.disconnected{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.integration-status.configuring{background-color:#fef3c7;color:#d97706;border:1px solid #fed7aa}.service-actions{display:flex;flex-direction:column;gap:12px;width:100%}.connect-btn,.disconnect-btn,.configure-btn{width:100%;padding:14px 20px;font-size:16px;border-radius:8px;min-height:48px;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.connect-btn{background-color:var(--primary-color);color:var(--secondary-color)}.connect-btn:hover{background-color:var(--text-color)}.disconnect-btn{background-color:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.disconnect-btn:hover{background-color:#fecaca}.configure-btn{background-color:#fef3c7;color:#d97706;border:1px solid #fed7aa}.configure-btn:hover{background-color:#fed7aa}.service-config{padding:18px;margin-top:15px;background-color:var(--background-color);border-radius:10px;border:1px solid var(--border-color)}.service-config h3{font-size:16px;margin-bottom:15px;color:var(--primary-color)}.config-field{margin-bottom:18px}.config-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-color)}.config-field input,.config-field select,.config-field textarea{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);min-height:48px;transition:border-color .3s ease}.config-field input:focus,.config-field select:focus,.config-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.config-field textarea{min-height:100px;resize:vertical}.config-field .field-help{font-size:13px;color:var(--text-color);margin-top:5px;line-height:1.4}.config-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.save-config-btn,.cancel-config-btn{width:100%;padding:14px 20px;font-size:16px;border-radius:8px;min-height:48px;border:none;cursor:pointer;transition:all .3s ease}.save-config-btn{background-color:var(--primary-color);color:var(--secondary-color)}.save-config-btn:hover{background-color:var(--text-color)}.cancel-config-btn{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.cancel-config-btn:hover{background-color:var(--background-color)}.loading{padding:40px 20px;min-height:60vh}.loading-spinner{width:36px;height:36px;margin-bottom:15px}.integration-message{padding:12px 15px;border-radius:8px;font-size:14px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.integration-message.error{background-color:#fee2e2;color:#b91c1c;border-left:4px solid #ef4444}.integration-message.success{background-color:#dcfce7;color:#166534;border-left:4px solid #22c55e}.integration-message.warning{background-color:#fef3c7;color:#d97706;border-left:4px solid #f59e0b}.oauth-status{padding:20px;text-align:center;border-radius:10px;margin-bottom:20px}.oauth-status.success{background-color:#dcfce7;color:#166534}.oauth-status.error{background-color:#fee2e2;color:#b91c1c}.oauth-status h3{font-size:16px;margin-bottom:10px}.oauth-status p{font-size:14px;margin:0}}@media (max-width: 480px){.third-party-integrations{padding:15px;margin:5px;border-radius:8px;min-height:calc(100vh - 10px)}.third-party-integrations h1{font-size:20px;margin-bottom:15px}.third-party-integrations h2{font-size:16px;margin-bottom:12px}.service-card{padding:15px;border-radius:8px}.service-header{padding:12px;gap:10px;margin-bottom:15px}.service-icon{width:28px;height:28px}.service-title{font-size:16px}.service-description{font-size:13px}.integration-status{padding:10px;font-size:13px;margin-bottom:12px}.service-actions{gap:10px}.connect-btn,.disconnect-btn,.configure-btn{padding:12px 16px;font-size:15px;min-height:44px;border-radius:6px}.service-config{padding:15px;border-radius:8px}.service-config h3{font-size:15px;margin-bottom:12px}.config-field{margin-bottom:15px}.config-field label{font-size:13px;margin-bottom:6px}.config-field input,.config-field select,.config-field textarea{padding:12px 14px;font-size:15px;border-radius:6px;min-height:44px}.config-field textarea{min-height:80px}.config-field .field-help{font-size:12px}.config-actions{gap:10px;margin-top:15px}.save-config-btn,.cancel-config-btn{padding:12px 16px;font-size:15px;min-height:44px}.loading{padding:30px 15px;min-height:50vh}.loading-spinner{width:32px;height:32px;margin-bottom:12px}.integration-message{padding:10px 12px;font-size:13px;margin-bottom:12px;border-radius:6px}.oauth-status{padding:15px;margin-bottom:15px;border-radius:8px}.oauth-status h3{font-size:15px}.oauth-status p{font-size:13px}}@media (max-width: 360px){.third-party-integrations{padding:12px;margin:3px;min-height:calc(100vh - 6px)}.third-party-integrations h1{font-size:18px;margin-bottom:12px}.third-party-integrations h2{font-size:15px;margin-bottom:10px}.service-card{padding:12px}.service-header{padding:10px;gap:8px;margin-bottom:12px}.service-icon{width:24px;height:24px}.service-title{font-size:15px}.service-description{font-size:12px}.integration-status{padding:8px;font-size:12px;margin-bottom:10px}.service-actions{gap:8px}.connect-btn,.disconnect-btn,.configure-btn{padding:10px 14px;font-size:14px;min-height:40px}.service-config{padding:12px}.service-config h3{font-size:14px;margin-bottom:10px}.config-field{margin-bottom:12px}.config-field label{font-size:12px;margin-bottom:5px}.config-field input,.config-field select,.config-field textarea{padding:10px 12px;font-size:14px;min-height:40px}.config-field textarea{min-height:70px}.config-field .field-help{font-size:11px}.config-actions{gap:8px;margin-top:12px}.save-config-btn,.cancel-config-btn{padding:10px 14px;font-size:14px;min-height:40px}.loading{padding:25px 12px;min-height:40vh}.loading-spinner{width:28px;height:28px;margin-bottom:10px}.integration-message{padding:8px 10px;font-size:12px;margin-bottom:10px}.oauth-status{padding:12px;margin-bottom:12px}.oauth-status h3{font-size:14px;margin-bottom:8px}.oauth-status p{font-size:12px}}.Settings{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px var(--quaternary-color);animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.Settings_Header{margin-bottom:25px;position:relative}.Settings_Header h1{font-size:28px;font-weight:700;color:var(--primary-color);padding-bottom:12px;position:relative}.Settings_Header h1:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.Settings_Section{margin-bottom:30px;background-color:var(--secondary-color);border-radius:10px;box-shadow:0 4px 10px var(--quaternary-color);overflow:hidden}.Settings_Section_Header{padding:15px 20px;background-color:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.Settings_Section_Title{font-size:18px;font-weight:600;color:var(--primary-color);margin:0;display:flex;align-items:center;gap:10px}.Settings_Section_Title svg{width:20px;height:20px}.Settings_Section_Content{padding:20px}.Settings_Tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.Settings_Tabs::-webkit-scrollbar{display:none}.Settings_Tab{padding:10px 16px;font-size:15px;font-weight:500;color:var(--text-color);cursor:pointer;position:relative;white-space:nowrap;transition:all var(--transition-speed) ease}.Settings_Tab:hover{color:var(--primary-color)}.Settings_Tab.active{color:var(--primary-color);font-weight:600}.Settings_Tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-color)}.ThirdParty_Tabs{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.ThirdParty_Tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:110px;height:90px;border-radius:10px;padding:15px;cursor:pointer;transition:all var(--transition-speed) ease;background-color:var(--background-color);border:1px solid var(--border-color)}.ThirdParty_Tab.active{background-color:rgba(var(--primary-color-rgb),.08);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.1)}.ThirdParty_Tab:hover{background-color:rgba(var(--primary-color-rgb),.04);transform:translateY(-2px)}.ThirdParty_Tab_Icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--primary-color)}.ThirdParty_Tab_Icon svg{width:24px;height:24px}.ThirdParty_Tab_Title{font-size:13px;font-weight:500;color:var(--text-color);text-align:center}.ThirdParty_Tab.active .ThirdParty_Tab_Title{color:var(--primary-color);font-weight:600}.Settings_ServiceCard{border:1px solid var(--border-color);border-radius:10px;margin-bottom:15px;overflow:hidden;transition:all var(--transition-speed) ease}.Settings_ServiceCard_Header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:var(--background-color);border-bottom:1px solid var(--border-color)}.Settings_ServiceCard_Title{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--primary-color)}.Settings_ServiceCard_Title svg{width:22px;height:22px}.Settings_ServiceCard_Status{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.Settings_ServiceCard_Status.connected{color:#16a34a}.Settings_ServiceCard_Status.disconnected{color:var(--text-color)}.Settings_ServiceCard_Status.error{color:#dc2626}.Settings_ServiceCard_Body{padding:20px}.Settings_ServiceCard_Description{color:var(--text-color);margin-bottom:15px;line-height:1.5;font-size:15px}.Settings_ServiceCard_Actions{margin-top:15px;display:flex;gap:10px;flex-wrap:wrap}.Settings_Button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;border:none;display:flex;align-items:center;gap:6px}.Settings_Button svg{width:16px;height:16px}.Settings_Button.primary{background-color:var(--primary-color);color:var(--secondary-color)}.Settings_Button.primary:hover{filter:brightness(var(--hover-brightness));transform:translateY(-2px) scale(var(--hover-scale))}.Settings_Button.secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.Settings_Button.secondary:hover{background-color:rgba(var(--primary-color-rgb),.04)}.Settings_Button.danger{background-color:#fee2e2;color:#dc2626}.Settings_Button.danger:hover{background-color:#fecaca}.Settings_Button:disabled{opacity:.6;cursor:not-allowed;transform:none}.Settings_FormGroup{margin-bottom:20px}.Settings_FormGroup_Label{display:block;font-weight:600;margin-bottom:6px;color:var(--primary-color)}.Settings_FormGroup_Input{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;transition:all var(--transition-speed) ease}.Settings_FormGroup_Input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1)}.Settings_NoAccess{padding:40px 20px;text-align:center;color:var(--text-color)}.Settings_NoAccess svg{width:48px;height:48px;margin-bottom:15px;color:var(--text-color)}.Settings_NoAccess h3{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text-color)}.Settings_NoAccess p{max-width:400px;margin:0 auto;line-height:1.5}.Settings_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:15px;font-weight:500;display:flex;flex-direction:column;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.Settings_Error svg{flex-shrink:0;width:20px;height:20px}.Settings_LoginButton{display:inline-block;background-color:var(--primary-color, #2196f3);color:var(--secondary-color);padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;margin-top:10px;box-shadow:0 2px 5px var(--quaternary-color);transition:background-color .3s;align-self:center}.Settings_LoginButton:hover{background-color:#1976d2;color:var(--secondary-color);text-decoration:none}.Settings_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:15px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.Settings_Success svg{flex-shrink:0;width:20px;height:20px}.Settings_ConnectionDetails{display:flex;flex-direction:column;gap:8px;margin-top:15px;padding:12px;background-color:var(--background-color);border-radius:6px;border:1px solid var(--border-color)}.Settings_ConnectionDetail{display:flex;align-items:flex-start;gap:8px;font-size:14px}.Settings_ConnectionDetail_Label{font-weight:600;color:var(--text-color);min-width:120px}.Settings_ConnectionDetail_Value{color:var(--text-color)}@media (max-width: 768px){.Settings{padding:20px}.Settings_ServiceCard_Header{flex-direction:column;align-items:flex-start;gap:10px}.Settings_ServiceCard_Status{align-self:flex-start}.Settings_ServiceCard_Actions{flex-direction:column;width:100%}.Settings_Button{width:100%;justify-content:center}}@media (max-width: 1024px){.Settings{padding:25px;max-width:100%;border-radius:10px}.Settings_Header h1{font-size:26px;margin-bottom:22px}.Settings_Section{margin-bottom:25px;border-radius:8px}.Settings_Section_Header{padding:12px 18px}.Settings_Section_Title{font-size:17px}.Settings_Section_Title svg{width:18px;height:18px}.Settings_Section_Content{padding:18px}.ThirdParty_Tabs{gap:12px;justify-content:center}.ThirdParty_Tab{width:100px;height:80px;padding:12px}.ThirdParty_Tab_Icon{width:28px;height:28px}.ThirdParty_Tab_Icon svg{width:20px;height:20px}.ThirdParty_Tab_Title{font-size:12px}.Settings_ServiceCard_Header{padding:12px 16px}.Settings_ServiceCard_Body{padding:16px}.Settings_Button{padding:10px 14px;font-size:13px}.Settings_Button svg{width:14px;height:14px}}@media (max-width: 768px){.Settings{padding:20px;margin:10px;border-radius:10px;box-shadow:0 4px 12px var(--quaternary-color)}.Settings_Header h1{font-size:22px;margin-bottom:20px;padding-bottom:10px}.Settings_Header h1:after{width:50px;height:2px}.Settings_Section{margin-bottom:20px;border-radius:10px}.Settings_Section_Header{padding:15px 18px;flex-direction:column;align-items:flex-start;gap:8px}.Settings_Section_Title{font-size:16px;gap:8px}.Settings_Section_Title svg{width:18px;height:18px}.Settings_Section_Content{padding:18px}.Settings_Tabs{flex-wrap:wrap;gap:5px;border-bottom:none;margin-bottom:15px}.Settings_Tab{padding:12px 16px;font-size:14px;border-radius:8px;background-color:var(--background-color);border:1px solid var(--border-color);min-width:auto;flex:1;text-align:center}.Settings_Tab.active{background-color:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color)}.Settings_Tab.active:after{display:none}.ThirdParty_Tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:20px}.ThirdParty_Tab{width:100%;height:75px;padding:10px}.ThirdParty_Tab_Icon{width:24px;height:24px}.ThirdParty_Tab_Icon svg{width:18px;height:18px}.ThirdParty_Tab_Title{font-size:11px}.Settings_ServiceCard{margin-bottom:15px;border-radius:10px}.Settings_ServiceCard_Header{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.Settings_ServiceCard_Title{gap:8px;font-size:15px}.Settings_ServiceCard_Title svg{width:20px;height:20px}.Settings_ServiceCard_Status{align-self:flex-start;font-size:13px}.Settings_ServiceCard_Body{padding:15px}.Settings_ServiceCard_Description{font-size:14px;margin-bottom:12px;line-height:1.6}.Settings_ServiceCard_Actions{flex-direction:column;width:100%;gap:8px}.Settings_Button{width:100%;justify-content:center;padding:14px 16px;font-size:15px;min-height:44px;border-radius:8px}.Settings_Button svg{width:16px;height:16px}.Settings_FormGroup{margin-bottom:18px}.Settings_FormGroup_Label{font-size:14px;margin-bottom:8px}.Settings_FormGroup_Input{padding:14px 16px;font-size:16px;border-radius:8px;min-height:48px}.Settings_NoAccess{padding:35px 20px}.Settings_NoAccess svg{width:40px;height:40px}.Settings_NoAccess h3{font-size:16px}.Settings_NoAccess p{font-size:14px;line-height:1.6}.Settings_Error,.Settings_Success{padding:12px 15px;font-size:14px;border-radius:8px;margin-bottom:15px}.Settings_Error svg,.Settings_Success svg{width:18px;height:18px}.Settings_LoginButton{padding:12px 20px;font-size:15px;border-radius:8px;margin-top:12px}.Settings_ConnectionDetails{margin-top:12px;padding:12px;border-radius:8px}.Settings_ConnectionDetail{flex-direction:column;align-items:flex-start;gap:4px;font-size:13px}.Settings_ConnectionDetail_Label{min-width:auto;font-weight:600;margin-bottom:2px}.Settings_ConnectionDetail_Value{word-break:break-all}}@media (max-width: 480px){.Settings{padding:15px;margin:5px;border-radius:8px}.Settings_Header h1{font-size:20px;margin-bottom:15px}.Settings_Header h1:after{width:40px}.Settings_Section{margin-bottom:15px;border-radius:8px}.Settings_Section_Header{padding:12px 15px}.Settings_Section_Title{font-size:15px}.Settings_Section_Title svg{width:16px;height:16px}.Settings_Section_Content{padding:15px}.Settings_Tab{padding:10px 12px;font-size:13px;border-radius:6px}.ThirdParty_Tabs{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.ThirdParty_Tab{height:70px;padding:8px}.ThirdParty_Tab_Icon{width:20px;height:20px}.ThirdParty_Tab_Icon svg{width:16px;height:16px}.ThirdParty_Tab_Title{font-size:10px}.Settings_ServiceCard_Header{padding:12px}.Settings_ServiceCard_Title{font-size:14px}.Settings_ServiceCard_Title svg{width:18px;height:18px}.Settings_ServiceCard_Status{font-size:12px}.Settings_ServiceCard_Body{padding:12px}.Settings_ServiceCard_Description{font-size:13px;margin-bottom:10px}.Settings_ServiceCard_Actions{gap:6px}.Settings_Button{padding:12px 16px;font-size:14px;min-height:40px;border-radius:6px}.Settings_Button svg{width:14px;height:14px}.Settings_FormGroup{margin-bottom:15px}.Settings_FormGroup_Label{font-size:13px;margin-bottom:6px}.Settings_FormGroup_Input{padding:12px 14px;font-size:15px;border-radius:6px;min-height:44px}.Settings_NoAccess{padding:30px 15px}.Settings_NoAccess svg{width:36px;height:36px}.Settings_NoAccess h3{font-size:15px}.Settings_NoAccess p{font-size:13px}.Settings_Error,.Settings_Success{padding:10px 12px;font-size:13px;gap:8px}.Settings_Error svg,.Settings_Success svg{width:16px;height:16px}.Settings_LoginButton{padding:10px 16px;font-size:14px;border-radius:6px}.Settings_ConnectionDetails{padding:10px}.Settings_ConnectionDetail{font-size:12px}}@media (max-width: 360px){.Settings{padding:12px;margin:3px}.Settings_Header h1{font-size:18px;margin-bottom:12px}.Settings_Section{margin-bottom:12px}.Settings_Section_Header{padding:10px 12px}.Settings_Section_Title{font-size:14px;gap:6px}.Settings_Section_Title svg{width:14px;height:14px}.Settings_Section_Content{padding:12px}.Settings_Tab{padding:8px 10px;font-size:12px}.ThirdParty_Tabs{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.ThirdParty_Tab{height:60px;padding:6px}.ThirdParty_Tab_Icon{width:18px;height:18px}.ThirdParty_Tab_Icon svg{width:14px;height:14px}.ThirdParty_Tab_Title{font-size:9px}.Settings_ServiceCard_Header{padding:10px}.Settings_ServiceCard_Title{font-size:13px}.Settings_ServiceCard_Title svg{width:16px;height:16px}.Settings_ServiceCard_Status{font-size:11px}.Settings_ServiceCard_Body{padding:10px}.Settings_ServiceCard_Description{font-size:12px;margin-bottom:8px}.Settings_ServiceCard_Actions{gap:5px}.Settings_Button{padding:10px 14px;font-size:13px;min-height:36px}.Settings_Button svg{width:12px;height:12px}.Settings_FormGroup{margin-bottom:12px}.Settings_FormGroup_Label{font-size:12px;margin-bottom:5px}.Settings_FormGroup_Input{padding:10px 12px;font-size:14px;min-height:40px}.Settings_NoAccess{padding:25px 12px}.Settings_NoAccess svg{width:32px;height:32px}.Settings_NoAccess h3{font-size:14px}.Settings_NoAccess p{font-size:12px}.Settings_Error,.Settings_Success{padding:8px 10px;font-size:12px}.Settings_Error svg,.Settings_Success svg{width:14px;height:14px}.Settings_LoginButton{padding:8px 12px;font-size:13px}.Settings_ConnectionDetails{padding:8px}.Settings_ConnectionDetail{font-size:11px}}.account-settings{min-height:100vh;font-family:Inter,system-ui,sans-serif}.account-settings.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.loading-spinner{width:40px;height:40px;border:4px solid var(--quaternary-color);border-left-color:var(--tertiary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.provider-icon{width:24px;height:24px}@media (max-width: 768px){.account-settings{padding:20px!important}.auth-providers-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.account-settings h1{font-size:24px!important}}@media (max-width: 1024px){.account-settings{padding:25px;max-width:100%}.account-settings h1{font-size:28px;margin-bottom:22px}.account-settings h2{font-size:20px;margin-bottom:18px}.auth-providers-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.provider-card{padding:18px;border-radius:10px}.provider-icon{width:22px;height:22px}.form-group{margin-bottom:18px}.form-group input,.form-group select{padding:12px 14px;font-size:15px;border-radius:8px}.btn{padding:10px 16px;font-size:14px;border-radius:6px}.account-info-section{padding:18px;margin-bottom:20px;border-radius:10px}}@media (max-width: 768px){.account-settings{padding:20px;margin:10px;border-radius:10px;min-height:calc(100vh - 20px)}.account-settings h1{font-size:24px;margin-bottom:20px;text-align:center}.account-settings h2{font-size:18px;margin-bottom:15px}.auth-providers-grid{grid-template-columns:1fr!important;gap:15px}.provider-card{padding:20px;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.provider-header{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:15px}.provider-icon{width:32px;height:32px}.provider-title{font-size:16px;font-weight:600;text-align:center}.provider-description{font-size:14px;text-align:center;line-height:1.5;margin-bottom:15px}.connection-status{width:100%;text-align:center;padding:10px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:15px}.connection-status.connected{background-color:#dcfce7;color:#166534}.connection-status.disconnected{background-color:#fee2e2;color:#b91c1c}.provider-actions{width:100%;display:flex;flex-direction:column;gap:10px}.provider-actions .btn{width:100%;padding:14px 20px;font-size:16px;min-height:48px;border-radius:8px;justify-content:center;display:flex;align-items:center;gap:8px}.account-info-section{padding:18px;margin-bottom:18px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color)}.account-info-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.account-info-header h3{font-size:16px;margin:0;color:var(--primary-color)}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);min-height:48px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-group textarea{min-height:100px;resize:vertical}.form-error,.form-success{padding:12px 15px;border-radius:8px;font-size:14px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.form-error{background-color:#fee2e2;color:#b91c1c;border-left:4px solid #ef4444}.form-success{background-color:#dcfce7;color:#166534;border-left:4px solid #22c55e}.button-group{display:flex;flex-direction:column;gap:12px;margin-top:20px}.button-group .btn{width:100%}.account-settings.loading{padding:40px 20px;min-height:60vh}.loading-spinner{width:36px;height:36px;margin-bottom:15px}.profile-section{background-color:var(--secondary-color);border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px var(--quaternary-color)}.profile-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 15px;display:block}.profile-info{text-align:center;margin-bottom:20px}.profile-name{font-size:18px;font-weight:600;margin-bottom:5px;color:var(--primary-color)}.profile-email{font-size:14px;color:var(--text-color);margin-bottom:10px}.profile-role{display:inline-block;padding:4px 12px;background-color:var(--background-color);color:var(--text-color);border-radius:20px;font-size:12px;font-weight:500}}@media (max-width: 480px){.account-settings{padding:15px;margin:5px;border-radius:8px;min-height:calc(100vh - 10px)}.account-settings h1{font-size:20px;margin-bottom:15px}.account-settings h2{font-size:16px;margin-bottom:12px}.provider-card{padding:15px;border-radius:8px;gap:10px}.provider-icon{width:28px;height:28px}.provider-title{font-size:15px}.provider-description{font-size:13px;margin-bottom:12px}.connection-status{padding:8px;font-size:13px;margin-bottom:12px}.provider-actions .btn{padding:12px 16px;font-size:15px;min-height:44px;border-radius:6px}.account-info-section{padding:15px;margin-bottom:15px;border-radius:8px}.account-info-header h3{font-size:15px}.form-group{margin-bottom:15px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;font-size:15px;border-radius:6px;min-height:44px}.form-group textarea{min-height:80px}.form-error,.form-success{padding:10px 12px;font-size:13px;margin-bottom:12px;border-radius:6px}.button-group{gap:10px;margin-top:15px}.button-group .btn{padding:12px 16px;font-size:15px;min-height:44px}.profile-section{padding:15px;margin-bottom:15px;border-radius:8px}.profile-avatar{width:70px;height:70px;margin-bottom:12px}.profile-name{font-size:16px}.profile-email{font-size:13px}.profile-role{padding:3px 10px;font-size:11px}.account-settings.loading{padding:30px 15px;min-height:50vh}.loading-spinner{width:32px;height:32px;margin-bottom:12px}}@media (max-width: 360px){.account-settings{padding:12px;margin:3px;min-height:calc(100vh - 6px)}.account-settings h1{font-size:18px;margin-bottom:12px}.account-settings h2{font-size:15px;margin-bottom:10px}.provider-card{padding:12px;gap:8px}.provider-icon{width:24px;height:24px}.provider-title{font-size:14px}.provider-description{font-size:12px;margin-bottom:10px}.connection-status{padding:6px;font-size:12px;margin-bottom:10px}.provider-actions .btn{padding:10px 14px;font-size:14px;min-height:40px}.account-info-section{padding:12px;margin-bottom:12px}.account-info-header{margin-bottom:12px;padding-bottom:8px}.account-info-header h3{font-size:14px}.form-group{margin-bottom:12px}.form-group label{font-size:12px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;font-size:14px;min-height:40px}.form-group textarea{min-height:70px}.form-error,.form-success{padding:8px 10px;font-size:12px;margin-bottom:10px}.button-group{gap:8px;margin-top:12px}.button-group .btn{padding:10px 14px;font-size:14px;min-height:40px}.profile-section{padding:12px;margin-bottom:12px}.profile-avatar{width:60px;height:60px;margin-bottom:10px}.profile-name{font-size:15px}.profile-email{font-size:12px}.profile-role{padding:2px 8px;font-size:10px}.account-settings.loading{padding:25px 12px;min-height:40vh}.loading-spinner{width:28px;height:28px;margin-bottom:10px}}.UsersManagement{padding:2rem;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 10px var(--quaternary-color);min-height:80vh}.UsersManagement h2{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.UsersManagement h3{color:var(--text-color);font-size:1.4rem;font-weight:500;margin-bottom:1rem}.UsersManagement_Loading{display:flex;justify-content:center;align-items:center;min-height:200px;flex-direction:column}.UsersManagement_LoadingSpinner{border:4px solid var(--quaternary-color);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.UsersManagement_Error{background-color:#ffebee;color:#d32f2f;padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #d32f2f;display:flex;align-items:center;gap:.5rem}.UsersManagement_Success{background-color:#e8f5e9;color:#2e7d32;padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #2e7d32;display:flex;align-items:center;gap:.5rem}.UsersManagement_Error svg,.UsersManagement_Success svg{width:20px;height:20px}.UsersManagement_Actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.UsersManagement_Filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.UsersManagement_Filter{display:flex;align-items:center;gap:.5rem}.UsersManagement_Filter label{font-weight:500;color:var(--text-color)}.UsersManagement_Filter select,.UsersManagement_SearchFilter input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.UsersManagement_CreateButton{padding:.6rem 1.2rem;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.UsersManagement_CreateButton:hover{background-color:var(--text-color)}.UsersManagement_RefreshButton{padding:.6rem 1.2rem;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.UsersManagement_RefreshButton:hover{background-color:var(--text-color)}.UsersManagement_RefreshButton:disabled{opacity:.6;cursor:not-allowed}.UsersManagement_RefreshButton svg,.UsersManagement_CreateButton svg{width:18px;height:18px}.UsersManagement_ToggleFilter{display:flex;align-items:center}.UsersManagement_ToggleLabel{display:flex;align-items:center;gap:.5rem;cursor:pointer}.UsersManagement_ToggleText{font-weight:500;color:var(--text-color)}.UsersManagement_Table{width:100%;border-collapse:collapse;margin-bottom:2rem;box-shadow:0 1px 3px var(--quaternary-color);background-color:var(--secondary-color);border-radius:8px;overflow:hidden}.UsersManagement_TableHeader{display:flex;background-color:var(--background-color);padding:.75rem 1rem;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color)}.UsersManagement_TableCell{flex:1;padding:.75rem 1rem;display:flex;align-items:center}.UsersManagement_TableRow{display:flex;border-bottom:1px solid var(--border-color);color:var(--text-color)}.UsersManagement_TableRow:hover{background-color:var(--background-color)}.UsersManagement_TableRow.inactive{color:var(--primary-color);font-style:italic}.UsersManagement_UserAvatar{width:40px;height:40px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-weight:700;margin-right:.75rem}.UsersManagement_UserDetails{display:flex;flex-direction:column}.UsersManagement_UserName{font-weight:500}.UsersManagement_UserUsername{font-size:.85rem;color:var(--text-color)}.UsersManagement_RoleSelect{padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid var(--border-color);background-color:transparent}.UsersManagement_RoleSelect.admin{background-color:var(--background-color);color:var(--primary-color);border-color:var(--border-color)}.UsersManagement_RoleSelect.moderator{background-color:var(--background-color);color:var(--text-color);border-color:var(--border-color)}.UsersManagement_RoleSelect.user{background-color:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}.UsersManagement_RoleSelect.guest{background-color:var(--background-color);color:var(--text-color);border-color:var(--border-color)}.UsersManagement_Status{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.UsersManagement_Status.active{background-color:#e8f5e9;color:#2e7d32}.UsersManagement_Status.inactive{background-color:#ffebee;color:#c62828}.UsersManagement_RowActions{display:flex;gap:.5rem}.UsersManagement_ActionButton{padding:.3rem;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;color:var(--secondary-color);display:flex;align-items:center;justify-content:center;width:30px;height:30px}.UsersManagement_ActionButton svg{width:16px;height:16px}.UsersManagement_ActionButton.edit{background-color:var(--primary-color)}.UsersManagement_ActionButton.edit:hover{background-color:var(--text-color)}.UsersManagement_ActionButton.delete{background-color:#e74c3c}.UsersManagement_ActionButton.delete:hover{background-color:#c0392b}.UsersManagement_ActionButton.activate{background-color:#2ecc71}.UsersManagement_ActionButton.activate:hover{background-color:#27ae60}.UsersManagement_ActionButton.deactivate{background-color:#e67e22}.UsersManagement_ActionButton.deactivate:hover{background-color:#d35400}.UsersManagement_Form{background-color:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px var(--quaternary-color)}.UsersManagement_Form h3{margin-top:0;margin-bottom:1.5rem;font-size:1.4rem;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.UsersManagement_FormGroup{margin-bottom:1rem}.UsersManagement_FormGroup label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.UsersManagement_FormGroup input,.UsersManagement_FormGroup select,.UsersManagement_FormGroup textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;transition:border-color .2s}.UsersManagement_FormGroup input:focus,.UsersManagement_FormGroup select:focus,.UsersManagement_FormGroup textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--quaternary-color)}.UsersManagement_FormGroup small{display:block;margin-top:.5rem;color:var(--text-color);font-size:.85rem}.UsersManagement_FormLayout{display:flex;gap:1rem;margin-bottom:1rem}.UsersManagement_FormLayout .UsersManagement_FormGroup{flex:1}.UsersManagement_FormActions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.UsersManagement_FormCheck{display:flex;align-items:center;gap:.5rem;margin:1rem 0}.UsersManagement_CheckLabel{display:flex;align-items:center;gap:.5rem;cursor:pointer}.UsersManagement_CheckText{font-weight:500;color:var(--text-color)}.UsersManagement_CancelButton{padding:.6rem 1.2rem;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.UsersManagement_CancelButton:hover{background-color:var(--text-color)}.UsersManagement_SubmitButton{padding:.6rem 1.2rem;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.UsersManagement_SubmitButton:hover{background-color:var(--text-color)}.required{color:#e74c3c}.UsersManagement_NoUsers{text-align:center;padding:2rem;color:var(--text-color);background-color:var(--background-color);border-radius:8px;margin:1rem 0;display:flex;flex-direction:column;align-items:center;gap:1rem}.UsersManagement_NoUsers svg{width:50px;height:50px;color:var(--primary-color)}@media (max-width: 768px){.UsersManagement{padding:1rem}.UsersManagement_Actions{flex-direction:column;align-items:flex-start}.UsersManagement_Filters{margin-top:1rem;flex-direction:column;align-items:flex-start;width:100%}.UsersManagement_FormLayout{flex-direction:column;gap:.5rem}.UsersManagement_TableRow{flex-direction:column;padding:1rem;border-bottom:1px solid var(--border-color)}.UsersManagement_TableHeader{display:none}.UsersManagement_TableCell{padding:.5rem 0;border-bottom:none}.UsersManagement_TableCell:before{content:attr(data-label);font-weight:700;margin-right:.5rem}.UsersManagement_RowActions{justify-content:flex-start;margin-top:.5rem}}@media (max-width: 1024px){.UsersManagement{padding:25px;max-width:100%;border-radius:10px;min-height:70vh}.UsersManagement h2{font-size:26px;margin-bottom:22px;padding-bottom:10px}.UsersManagement h3{font-size:18px;margin-bottom:15px}.UsersManagement_Actions{gap:12px;margin-bottom:20px}.UsersManagement_Filters{gap:12px}.UsersManagement_Filter select,.UsersManagement_SearchFilter input{padding:8px 12px;font-size:15px}.UsersManagement_CreateButton,.UsersManagement_RefreshButton{padding:10px 16px;font-size:14px}.UsersManagement_RefreshButton svg,.UsersManagement_CreateButton svg{width:16px;height:16px}.UsersManagement_TableHeader,.UsersManagement_TableCell{padding:12px 16px}.UsersManagement_UserAvatar{width:36px;height:36px;margin-right:12px}.UsersManagement_ActionButton{width:28px;height:28px}.UsersManagement_ActionButton svg{width:14px;height:14px}.UsersManagement_Form{padding:20px;margin-bottom:25px}.UsersManagement_FormGroup input,.UsersManagement_FormGroup select,.UsersManagement_FormGroup textarea{padding:12px 14px;font-size:15px}}@media (max-width: 768px){.UsersManagement{padding:20px;margin:10px;border-radius:10px;box-shadow:0 4px 12px var(--quaternary-color);min-height:60vh}.UsersManagement h2{font-size:22px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.UsersManagement h3{font-size:16px;margin-bottom:12px}.UsersManagement_Actions{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:20px}.UsersManagement_CreateButton,.UsersManagement_RefreshButton{width:100%;justify-content:center;padding:14px 20px;font-size:16px;min-height:48px;border-radius:8px}.UsersManagement_RefreshButton svg,.UsersManagement_CreateButton svg{width:18px;height:18px}.UsersManagement_Filters{width:100%;flex-direction:column;align-items:stretch;gap:12px;margin-top:0}.UsersManagement_Filter{width:100%;justify-content:space-between;padding:8px 0}.UsersManagement_Filter label{font-size:14px;min-width:100px}.UsersManagement_Filter select,.UsersManagement_SearchFilter input{min-width:150px;padding:12px 15px;font-size:16px;border-radius:8px;min-height:44px}.UsersManagement_ToggleFilter{width:100%}.UsersManagement_ToggleLabel{padding:8px 0;width:100%;justify-content:space-between}.UsersManagement_ToggleLabel input[type=checkbox]{width:18px;height:18px;min-width:18px}.UsersManagement_ToggleText{font-size:15px}.UsersManagement_Table{margin-bottom:20px;border-radius:10px;overflow:visible;box-shadow:none;background:transparent}.UsersManagement_TableHeader{display:none}.UsersManagement_TableRow{display:block;padding:20px;margin-bottom:15px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color);border-bottom:none;transition:all .3s ease}.UsersManagement_TableRow:hover{background-color:var(--background-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.UsersManagement_TableRow.inactive{opacity:.8}.UsersManagement_TableCell{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--background-color);flex:none}.UsersManagement_TableCell:last-child{border-bottom:none;justify-content:flex-start;padding-top:15px;margin-top:10px;border-top:1px solid var(--background-color)}.UsersManagement_TableCell:before{content:attr(data-label);font-weight:600;color:var(--primary-color);min-width:120px;font-size:14px;margin-right:0}.UsersManagement_UserAvatar{width:40px;height:40px;margin-right:12px}.UsersManagement_UserDetails{gap:2px}.UsersManagement_UserName{font-size:15px;font-weight:600}.UsersManagement_UserUsername{font-size:13px}.UsersManagement_RoleSelect,.UsersManagement_Status{padding:6px 12px;font-size:13px}.UsersManagement_RowActions{gap:8px;flex-wrap:wrap;justify-content:flex-start;margin-top:8px}.UsersManagement_ActionButton{width:40px;height:40px;min-width:40px;border-radius:8px}.UsersManagement_ActionButton svg{width:18px;height:18px}.UsersManagement_Form{padding:18px;border-radius:10px;margin-bottom:20px}.UsersManagement_Form h3{font-size:16px;margin-bottom:18px;padding-bottom:8px}.UsersManagement_FormLayout{flex-direction:column;gap:15px;margin-bottom:15px}.UsersManagement_FormGroup{margin-bottom:18px}.UsersManagement_FormGroup label{font-size:14px;margin-bottom:8px}.UsersManagement_FormGroup input,.UsersManagement_FormGroup select,.UsersManagement_FormGroup textarea{padding:14px 16px;font-size:16px;border-radius:8px;min-height:48px}.UsersManagement_FormGroup small{font-size:13px;margin-top:6px}.UsersManagement_FormCheck{margin:15px 0}.UsersManagement_CheckLabel{gap:10px}.UsersManagement_CheckLabel input[type=checkbox]{width:18px;height:18px;min-width:18px}.UsersManagement_CheckText{font-size:15px}.UsersManagement_FormActions{flex-direction:column;gap:12px;margin-top:20px}.UsersManagement_CancelButton,.UsersManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:8px;min-height:48px}.UsersManagement_NoUsers{padding:35px 20px;border-radius:10px}.UsersManagement_NoUsers svg{width:44px;height:44px}.UsersManagement_Loading{min-height:150px;padding:40px 20px}.UsersManagement_LoadingSpinner{width:36px;height:36px;margin-bottom:15px}.UsersManagement_Error,.UsersManagement_Success{padding:12px 15px;font-size:14px;border-radius:8px;margin-bottom:15px}.UsersManagement_Error svg,.UsersManagement_Success svg{width:18px;height:18px}}@media (max-width: 480px){.UsersManagement{padding:15px;margin:5px;border-radius:8px;min-height:50vh}.UsersManagement h2{font-size:20px;margin-bottom:15px}.UsersManagement h3{font-size:15px;margin-bottom:10px}.UsersManagement_Actions{gap:12px}.UsersManagement_CreateButton,.UsersManagement_RefreshButton{padding:12px 18px;font-size:15px;min-height:44px}.UsersManagement_RefreshButton svg,.UsersManagement_CreateButton svg{width:16px;height:16px}.UsersManagement_Filter{padding:6px 0}.UsersManagement_Filter label{font-size:13px;min-width:90px}.UsersManagement_Filter select,.UsersManagement_SearchFilter input{min-width:120px;padding:10px 12px;font-size:15px;border-radius:6px;min-height:40px}.UsersManagement_ToggleLabel input[type=checkbox]{width:16px;height:16px;min-width:16px}.UsersManagement_ToggleText{font-size:14px}.UsersManagement_TableRow{padding:15px;margin-bottom:12px;border-radius:8px}.UsersManagement_TableCell{padding:6px 0;font-size:14px}.UsersManagement_TableCell:before{font-size:13px;min-width:100px}.UsersManagement_UserAvatar{width:36px;height:36px;margin-right:10px}.UsersManagement_UserName{font-size:14px}.UsersManagement_UserUsername{font-size:12px}.UsersManagement_RoleSelect,.UsersManagement_Status{padding:5px 10px;font-size:12px}.UsersManagement_RowActions{gap:6px}.UsersManagement_ActionButton{width:36px;height:36px;min-width:36px}.UsersManagement_ActionButton svg{width:16px;height:16px}.UsersManagement_Form{padding:15px;border-radius:8px}.UsersManagement_Form h3{font-size:15px;margin-bottom:15px}.UsersManagement_FormLayout{gap:12px}.UsersManagement_FormGroup{margin-bottom:15px}.UsersManagement_FormGroup label{font-size:13px;margin-bottom:6px}.UsersManagement_FormGroup input,.UsersManagement_FormGroup select,.UsersManagement_FormGroup textarea{padding:12px 14px;font-size:15px;border-radius:6px;min-height:44px}.UsersManagement_FormGroup small{font-size:12px}.UsersManagement_CheckLabel input[type=checkbox]{width:16px;height:16px;min-width:16px}.UsersManagement_CheckText{font-size:14px}.UsersManagement_FormActions{gap:10px;margin-top:18px}.UsersManagement_CancelButton,.UsersManagement_SubmitButton{padding:14px 18px;font-size:15px;border-radius:6px;min-height:44px}.UsersManagement_NoUsers{padding:30px 15px}.UsersManagement_NoUsers svg{width:40px;height:40px}.UsersManagement_Error,.UsersManagement_Success{padding:10px 12px;font-size:13px;gap:8px}.UsersManagement_Error svg,.UsersManagement_Success svg{width:16px;height:16px}}@media (max-width: 360px){.UsersManagement{padding:12px;margin:3px;min-height:40vh}.UsersManagement h2{font-size:18px;margin-bottom:12px}.UsersManagement h3{font-size:14px;margin-bottom:8px}.UsersManagement_CreateButton,.UsersManagement_RefreshButton{padding:10px 14px;font-size:14px;min-height:40px}.UsersManagement_RefreshButton svg,.UsersManagement_CreateButton svg{width:14px;height:14px}.UsersManagement_Filter{flex-direction:column;align-items:flex-start;gap:4px;padding:4px 0}.UsersManagement_Filter label{font-size:12px;min-width:auto}.UsersManagement_Filter select,.UsersManagement_SearchFilter input{width:100%;min-width:unset;padding:8px 10px;font-size:14px;min-height:36px}.UsersManagement_ToggleLabel{padding:4px 0}.UsersManagement_ToggleLabel input[type=checkbox]{width:14px;height:14px;min-width:14px}.UsersManagement_ToggleText{font-size:13px}.UsersManagement_TableRow{padding:12px;margin-bottom:10px}.UsersManagement_TableCell{padding:5px 0;font-size:13px;flex-direction:column;align-items:flex-start;gap:3px}.UsersManagement_TableCell:before{font-size:12px;font-weight:700;margin-bottom:2px;min-width:auto}.UsersManagement_TableCell:last-child{flex-direction:row;align-items:center}.UsersManagement_UserAvatar{width:32px;height:32px;margin-right:8px}.UsersManagement_UserName{font-size:13px}.UsersManagement_UserUsername{font-size:11px}.UsersManagement_RoleSelect,.UsersManagement_Status{padding:4px 8px;font-size:11px;margin-top:3px}.UsersManagement_RowActions{gap:4px;margin-top:8px;flex-wrap:wrap}.UsersManagement_ActionButton{width:32px;height:32px;min-width:32px}.UsersManagement_ActionButton svg{width:14px;height:14px}.UsersManagement_Form{padding:12px}.UsersManagement_Form h3{font-size:14px;margin-bottom:12px}.UsersManagement_FormGroup{margin-bottom:12px}.UsersManagement_FormGroup label{font-size:12px;margin-bottom:5px}.UsersManagement_FormGroup input,.UsersManagement_FormGroup select,.UsersManagement_FormGroup textarea{padding:10px 12px;font-size:14px;min-height:40px}.UsersManagement_FormGroup small{font-size:11px}.UsersManagement_CheckLabel input[type=checkbox]{width:14px;height:14px;min-width:14px}.UsersManagement_CheckText{font-size:13px}.UsersManagement_CancelButton,.UsersManagement_SubmitButton{padding:12px 16px;font-size:14px;min-height:40px}.UsersManagement_NoUsers{padding:25px 12px}.UsersManagement_NoUsers svg{width:36px;height:36px}.UsersManagement_LoadingSpinner{width:32px;height:32px}.UsersManagement_Error,.UsersManagement_Success{padding:8px 10px;font-size:12px}.UsersManagement_Error svg,.UsersManagement_Success svg{width:14px;height:14px}}.ProductsManagement{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px var(--quaternary-color);animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.ProductsManagement h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:25px;position:relative;padding-bottom:12px}.ProductsManagement h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.ProductsManagement h3{font-size:20px;font-weight:600;color:var(--primary-color);margin:25px 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.ProductsManagement_Loading{text-align:center;padding:30px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.ProductsManagement_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.ProductsManagement_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.ProductsManagement_Error svg{flex-shrink:0;width:20px;height:20px}.ProductsManagement_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.ProductsManagement_Success svg{flex-shrink:0;width:20px;height:20px}.ProductsManagement_Actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.ProductsManagement_CreateButton,.ProductsManagement_RefreshButton{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease}.ProductsManagement_CreateButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;box-shadow:0 4px 6px var(--quaternary-color)}.ProductsManagement_CreateButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.ProductsManagement_Filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.ProductsManagement_SearchFilter input{padding:10px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;min-width:200px;transition:all var(--transition-speed) ease}.ProductsManagement_SearchFilter input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.ProductsManagement_Filter{display:flex;align-items:center;gap:8px}.ProductsManagement_Filter label{font-weight:600;color:var(--primary-color)}.ProductsManagement_Filter select{padding:10px 15px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);font-size:14px;transition:all var(--transition-speed) ease}.ProductsManagement_Filter select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.ProductsManagement_ToggleFilter{display:flex;align-items:center}.ProductsManagement_ToggleLabel{display:flex;align-items:center;gap:8px;cursor:pointer}.ProductsManagement_ToggleLabel input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.ProductsManagement_ToggleText{font-weight:500;font-size:14px}.ProductsManagement_RefreshButton{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.ProductsManagement_RefreshButton:hover{background-color:rgba(var(--primary-color-rgb),.05)}.ProductsManagement_CreateButton svg,.ProductsManagement_RefreshButton svg{width:16px;height:16px}.ProductsManagement_Table{background-color:var(--secondary-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px var(--quaternary-color);margin-top:20px}.ProductsManagement_TableHeader{background-color:var(--background-color);display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;padding:15px;font-weight:600;color:var(--primary-color);border-bottom:2px solid var(--border-color)}.ProductsManagement_TableBody{max-height:600px;overflow-y:auto}.ProductsManagement_TableRow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;padding:15px;border-bottom:1px solid var(--border-color);transition:all var(--transition-speed) ease;align-items:center}.ProductsManagement_TableRow:hover{background-color:var(--background-color)}.ProductsManagement_TableRow.unavailable{opacity:.7;background-color:var(--background-color)}.ProductsManagement_TableRow.out-of-stock .ProductsManagement_ProductName{color:var(--text-color)}.ProductsManagement_TableCell{padding:0 10px;display:flex;align-items:center}.ProductsManagement_TableCell.product-info{display:flex;flex-direction:column;justify-content:center}.ProductsManagement_ProductDetails{display:flex;flex-direction:column;gap:5px}.ProductsManagement_ProductName{font-weight:600;color:var(--primary-color)}.ProductsManagement_ProductDescription{font-size:13px;color:var(--text-color);line-height:1.4}.ProductsManagement_TableCell.stock-cell{justify-content:center}.ProductsManagement_StockControls{display:flex;align-items:center;gap:8px;background-color:var(--background-color);padding:5px;border-radius:8px}.ProductsManagement_StockButton{width:28px;height:28px;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-speed) ease}.ProductsManagement_StockButton.decrease{background-color:#fee2e2;color:#b91c1c}.ProductsManagement_StockButton.decrease:hover:not(:disabled){background-color:#fca5a5}.ProductsManagement_StockButton.decrease:disabled{opacity:.5;cursor:not-allowed}.ProductsManagement_StockButton.increase{background-color:#dcfce7;color:#166534}.ProductsManagement_StockButton.increase:hover{background-color:#86efac}.ProductsManagement_StockValue{min-width:30px;text-align:center;font-weight:600;color:var(--text-color)}.ProductsManagement_StockValue.zero{color:#b91c1c}.ProductsManagement_Status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;text-transform:uppercase}.ProductsManagement_Status.available{background-color:#dcfce7;color:#166534}.ProductsManagement_Status.unavailable{background-color:var(--background-color);color:var(--text-color)}.ProductsManagement_Status.out-of-stock{background-color:#fee2e2;color:#b91c1c}.ProductsManagement_RowActions{display:flex;gap:8px;justify-content:flex-end}.ProductsManagement_ActionButton{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease}.ProductsManagement_ActionButton svg{width:16px;height:16px}.ProductsManagement_ActionButton.edit{background-color:#e0f2fe;color:#0ea5e9}.ProductsManagement_ActionButton.edit:hover{background-color:#0ea5e9;color:var(--secondary-color)}.ProductsManagement_ActionButton.show{background-color:#dcfce7;color:#22c55e}.ProductsManagement_ActionButton.show:hover{background-color:#22c55e;color:var(--secondary-color)}.ProductsManagement_ActionButton.hide{background-color:var(--background-color);color:var(--text-color)}.ProductsManagement_ActionButton.hide:hover{background-color:var(--text-color);color:var(--secondary-color)}.ProductsManagement_ActionButton.delete{background-color:#fee2e2;color:#ef4444}.ProductsManagement_ActionButton.delete:hover{background-color:#ef4444;color:var(--secondary-color)}.ProductsManagement_NoProducts{padding:40px;text-align:center;color:var(--text-color);display:flex;flex-direction:column;align-items:center;gap:15px}.ProductsManagement_NoProducts svg{width:48px;height:48px;opacity:.5}.ProductsManagement_NoProducts p{font-size:16px}.ProductsManagement_Form{background-color:var(--secondary-color);border-radius:12px;padding:20px;box-shadow:0 4px 10px var(--quaternary-color);margin-top:20px}.ProductsManagement_FormLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ProductsManagement_FormGroup{margin-bottom:20px}.ProductsManagement_FormGroup label{display:block;font-weight:600;margin-bottom:10px;color:var(--primary-color);font-size:15px}.ProductsManagement_FormGroup label .required{color:#ef4444;margin-left:3px}.ProductsManagement_FormGroup input,.ProductsManagement_FormGroup textarea{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all var(--transition-speed) ease;background-color:var(--secondary-color);color:var(--text-color)}.ProductsManagement_FormGroup input:focus,.ProductsManagement_FormGroup textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.ProductsManagement_FormGroup textarea{min-height:120px;resize:vertical}.ProductsManagement_FormCheck{margin-bottom:20px}.ProductsManagement_CheckLabel{display:flex;align-items:center;gap:10px;cursor:pointer}.ProductsManagement_CheckLabel input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.ProductsManagement_CheckText{font-size:15px;font-weight:500;color:var(--text-color)}.ProductsManagement_FormActions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.ProductsManagement_CancelButton{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.ProductsManagement_CancelButton:hover{background-color:var(--background-color);color:var(--text-color)}.ProductsManagement_SubmitButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;padding:12px 25px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 4px 6px var(--quaternary-color)}.ProductsManagement_SubmitButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}@media (max-width: 1024px){.ProductsManagement{padding:25px}.ProductsManagement h2{font-size:26px}.ProductsManagement_TableHeader,.ProductsManagement_TableRow{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.ProductsManagement_FormLayout{grid-template-columns:1fr 1fr}.ProductsManagement_Actions,.ProductsManagement_Filters{gap:12px}.ProductsManagement_ActionButton{width:30px;height:30px}.ProductsManagement_ActionButton svg{width:14px;height:14px}.ProductsManagement_StockButton{width:26px;height:26px}}@media (max-width: 768px){.ProductsManagement{padding:20px;margin:10px;border-radius:10px}.ProductsManagement h2{font-size:22px;margin-bottom:20px}.ProductsManagement h3{font-size:18px;margin:20px 0 12px}.ProductsManagement_Actions{flex-direction:column;align-items:stretch;gap:15px}.ProductsManagement_CreateButton,.ProductsManagement_RefreshButton{width:100%;justify-content:center;padding:14px 20px;font-size:16px}.ProductsManagement_Filters{width:100%;flex-direction:column;align-items:stretch;gap:12px}.ProductsManagement_SearchFilter{width:100%}.ProductsManagement_SearchFilter input{width:100%;padding:12px 15px;font-size:16px;border-radius:10px;min-width:unset}.ProductsManagement_Filter{width:100%;justify-content:space-between;padding:8px 0}.ProductsManagement_Filter label{font-size:15px}.ProductsManagement_Filter select{min-width:140px;padding:12px 15px;font-size:15px;border-radius:8px}.ProductsManagement_ToggleLabel{padding:8px 0}.ProductsManagement_ToggleLabel input[type=checkbox]{width:18px;height:18px}.ProductsManagement_ToggleText{font-size:15px}.ProductsManagement_Table{border-radius:10px;margin-top:20px}.ProductsManagement_TableHeader{display:none}.ProductsManagement_TableBody{max-height:unset}.ProductsManagement_TableRow{display:block;padding:20px;margin-bottom:15px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color);border-bottom:none}.ProductsManagement_TableRow:hover{background-color:var(--background-color);transform:translateY(-2px)}.ProductsManagement_TableCell{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--background-color);gap:10px}.ProductsManagement_TableCell:last-child{border-bottom:none;justify-content:flex-start;padding-top:15px}.ProductsManagement_TableCell:before{content:attr(data-label);font-weight:600;color:var(--primary-color);min-width:120px;font-size:14px}.ProductsManagement_TableCell.product-info{flex-direction:column;align-items:flex-start}.ProductsManagement_TableCell.product-info:before{margin-bottom:8px}.ProductsManagement_ProductDetails{width:100%}.ProductsManagement_ProductName{font-size:16px;margin-bottom:5px}.ProductsManagement_ProductDescription{font-size:14px;line-height:1.5}.ProductsManagement_TableCell.stock-cell{justify-content:flex-end}.ProductsManagement_StockControls{padding:8px;border-radius:10px}.ProductsManagement_StockButton{width:32px;height:32px;font-size:14px}.ProductsManagement_StockValue{min-width:35px;font-size:15px}.ProductsManagement_Status{font-size:13px;padding:6px 12px}.ProductsManagement_RowActions{gap:8px;flex-wrap:wrap}.ProductsManagement_ActionButton{width:36px;height:36px}.ProductsManagement_ActionButton svg{width:16px;height:16px}.ProductsManagement_NoProducts{padding:35px 20px}.ProductsManagement_NoProducts svg{width:44px;height:44px}.ProductsManagement_NoProducts p{font-size:15px}.ProductsManagement_Form{border-radius:10px;padding:18px}.ProductsManagement_FormLayout{grid-template-columns:1fr;gap:18px}.ProductsManagement_FormGroup{margin-bottom:18px}.ProductsManagement_FormGroup label{font-size:14px;margin-bottom:10px}.ProductsManagement_FormGroup input,.ProductsManagement_FormGroup textarea{padding:14px 16px;font-size:16px;border-radius:10px}.ProductsManagement_FormGroup textarea{min-height:100px}.ProductsManagement_FormCheck{margin-bottom:18px}.ProductsManagement_CheckLabel input[type=checkbox]{width:20px;height:20px}.ProductsManagement_CheckText{font-size:16px}.ProductsManagement_FormActions{flex-direction:column;gap:12px;margin-top:25px}.ProductsManagement_CancelButton,.ProductsManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px}.ProductsManagement_MainButtons{flex-direction:column;gap:12px}.ProductsManagement_ManageCategoriesButton{width:100%;padding:14px 20px;font-size:16px;justify-content:center}.ProductsManagement_CategoryForm{border-radius:10px;padding:15px}.ProductsManagement_CategoryFormInner{padding:15px;border-radius:8px}.ProductsManagement_CategoryItem{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.ProductsManagement_CategoryHeader{width:100%}.ProductsManagement_CategoryActions{width:100%;justify-content:flex-start}.ProductsManagement_CategoryActions button{flex:1;padding:10px 16px;font-size:16px}.ProductsManagement_MediaGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.ProductsManagement_MediaItem{aspect-ratio:1}.ProductsManagement_RemoveMediaBtn{width:28px;height:28px;font-size:20px}}@media (max-width: 480px){.ProductsManagement{padding:15px;margin:5px;border-radius:8px}.ProductsManagement h2{font-size:20px;margin-bottom:15px}.ProductsManagement h2:after{width:40px;height:2px}.ProductsManagement h3{font-size:16px;margin:15px 0 10px}.ProductsManagement_Actions{gap:12px}.ProductsManagement_CreateButton,.ProductsManagement_RefreshButton{padding:12px 18px;font-size:15px}.ProductsManagement_CreateButton svg,.ProductsManagement_RefreshButton svg{width:14px;height:14px}.ProductsManagement_SearchFilter input{padding:10px 12px;font-size:15px;border-radius:8px}.ProductsManagement_Filter{padding:6px 0}.ProductsManagement_Filter label{font-size:14px}.ProductsManagement_Filter select{min-width:120px;padding:10px 12px;font-size:14px;border-radius:6px}.ProductsManagement_ToggleLabel input[type=checkbox]{width:16px;height:16px}.ProductsManagement_ToggleText{font-size:14px}.ProductsManagement_TableRow{padding:15px;margin-bottom:12px;border-radius:8px}.ProductsManagement_TableCell{padding:6px 0;font-size:14px}.ProductsManagement_TableCell:before{font-size:13px;min-width:100px}.ProductsManagement_ProductName{font-size:15px}.ProductsManagement_ProductDescription{font-size:13px}.ProductsManagement_StockControls{padding:6px}.ProductsManagement_StockButton{width:28px;height:28px;font-size:13px}.ProductsManagement_StockValue{min-width:30px;font-size:14px}.ProductsManagement_Status{font-size:12px;padding:5px 10px}.ProductsManagement_RowActions{gap:6px}.ProductsManagement_ActionButton{width:34px;height:34px}.ProductsManagement_ActionButton svg{width:15px;height:15px}.ProductsManagement_NoProducts{padding:30px 15px}.ProductsManagement_NoProducts svg{width:40px;height:40px}.ProductsManagement_NoProducts p{font-size:14px}.ProductsManagement_Form{padding:15px;border-radius:8px}.ProductsManagement_FormLayout{gap:15px}.ProductsManagement_FormGroup{margin-bottom:15px}.ProductsManagement_FormGroup label{font-size:13px;margin-bottom:8px}.ProductsManagement_FormGroup input,.ProductsManagement_FormGroup textarea{padding:12px 14px;font-size:15px;border-radius:8px}.ProductsManagement_CheckLabel input[type=checkbox]{width:18px;height:18px}.ProductsManagement_CheckText{font-size:15px}.ProductsManagement_FormActions{gap:10px;margin-top:20px}.ProductsManagement_CancelButton,.ProductsManagement_SubmitButton{padding:14px 18px;font-size:15px;border-radius:8px}.ProductsManagement_ManageCategoriesButton{padding:12px 18px;font-size:15px}.ProductsManagement_CategoryForm{padding:12px;border-radius:8px}.ProductsManagement_CategoryFormInner{padding:12px}.ProductsManagement_CategoryItem{padding:15px}.ProductsManagement_CategoryActions button{padding:8px 12px;font-size:15px}.ProductsManagement_MediaGrid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.ProductsManagement_RemoveMediaBtn{width:24px;height:24px;font-size:18px}}@media (max-width: 360px){.ProductsManagement{padding:12px;margin:3px}.ProductsManagement h2{font-size:18px;margin-bottom:12px}.ProductsManagement h3{font-size:15px;margin:12px 0 8px}.ProductsManagement_CreateButton,.ProductsManagement_RefreshButton{padding:10px 14px;font-size:14px}.ProductsManagement_SearchFilter input{padding:8px 10px;font-size:14px}.ProductsManagement_Filter{flex-direction:column;align-items:flex-start;gap:4px;padding:4px 0}.ProductsManagement_Filter label{font-size:13px}.ProductsManagement_Filter select{width:100%;min-width:unset;padding:8px 10px;font-size:13px}.ProductsManagement_ToggleLabel{padding:4px 0}.ProductsManagement_ToggleLabel input[type=checkbox]{width:15px;height:15px}.ProductsManagement_ToggleText{font-size:13px}.ProductsManagement_TableRow{padding:12px;margin-bottom:10px}.ProductsManagement_TableCell{padding:5px 0;font-size:13px;flex-direction:column;align-items:flex-start;gap:3px}.ProductsManagement_TableCell:before{font-size:12px;font-weight:700;margin-bottom:2px}.ProductsManagement_ProductName{font-size:14px}.ProductsManagement_ProductDescription{font-size:12px}.ProductsManagement_StockControls{padding:4px;margin-top:5px}.ProductsManagement_StockButton{width:26px;height:26px;font-size:12px}.ProductsManagement_StockValue{min-width:28px;font-size:13px}.ProductsManagement_Status{font-size:11px;padding:4px 8px;margin-top:3px}.ProductsManagement_RowActions{gap:4px;margin-top:8px;flex-wrap:wrap}.ProductsManagement_ActionButton{width:30px;height:30px}.ProductsManagement_ActionButton svg{width:14px;height:14px}.ProductsManagement_NoProducts{padding:25px 12px}.ProductsManagement_NoProducts svg{width:36px;height:36px}.ProductsManagement_NoProducts p{font-size:13px}.ProductsManagement_Form{padding:12px}.ProductsManagement_FormGroup{margin-bottom:12px}.ProductsManagement_FormGroup label{font-size:12px;margin-bottom:6px}.ProductsManagement_FormGroup input,.ProductsManagement_FormGroup textarea{padding:10px 12px;font-size:14px}.ProductsManagement_CheckLabel input[type=checkbox]{width:16px;height:16px}.ProductsManagement_CheckText{font-size:14px}.ProductsManagement_CancelButton,.ProductsManagement_SubmitButton{padding:12px 16px;font-size:14px}.ProductsManagement_ManageCategoriesButton{padding:10px 14px;font-size:14px}.ProductsManagement_CategoryItem{padding:12px}.ProductsManagement_CategoryActions{flex-direction:column;gap:8px}.ProductsManagement_CategoryActions button{padding:6px 10px;font-size:14px}.ProductsManagement_MediaGrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.ProductsManagement_RemoveMediaBtn{width:22px;height:22px;font-size:16px}}.ProductsManagement_MainButtons{display:flex;gap:15px;align-items:center;margin-bottom:20px}.ProductsManagement_ManageCategoriesButton{padding:12px 24px;background-color:#6366f1;color:var(--secondary-color);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 4px #6366f133}.ProductsManagement_ManageCategoriesButton:hover{background-color:#5a5cef;transform:translateY(-1px);box-shadow:0 4px 8px #6366f14d}.ProductsManagement_ManageCategoriesButton svg{width:16px;height:16px}.ProductsManagement_ManageCategoriesBtn{margin-left:10px;padding:4px 12px;font-size:12px;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.ProductsManagement_ManageCategoriesBtn:hover{background-color:var(--primary-dark)}.ProductsManagement_CategoryForm{background-color:var(--background-color);border-radius:8px;padding:20px;margin:20px 0;border:1px solid var(--border-color)}.ProductsManagement_CategoryFormInner{background-color:var(--secondary-color);padding:20px;border-radius:8px;margin-bottom:20px}.ProductsManagement_CategoriesList{margin-top:30px}.ProductsManagement_CategoryItems{display:flex;flex-direction:column;gap:12px}.ProductsManagement_CategoryItem{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:var(--secondary-color);border-radius:8px;border:1px solid var(--border-color);transition:box-shadow .3s ease}.ProductsManagement_CategoryItem:hover{box-shadow:0 2px 4px var(--quaternary-color)}.ProductsManagement_CategoryInfo strong{display:block;color:var(--primary-color);margin-bottom:4px}.ProductsManagement_CategoryInfo p{margin:4px 0;color:var(--text-color);font-size:14px}.ProductsManagement_CategoryMeta{font-size:12px;color:var(--text-color);margin-top:4px}.ProductsManagement_CategoryActions{display:flex;gap:8px}.ProductsManagement_CategoryActions button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.ProductsManagement_CategoryActions button:first-child{background-color:#3b82f6;color:var(--secondary-color)}.ProductsManagement_CategoryActions button:first-child:hover{background-color:#2563eb}.ProductsManagement_CategoryActions button.delete{background-color:#ef4444;color:var(--secondary-color)}.ProductsManagement_CategoryActions button.delete:hover{background-color:#dc2626}.ProductsManagement_MediaCount{margin-left:10px;font-size:14px;color:var(--text-color);font-weight:400}.ProductsManagement_MediaGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin:15px 0}.ProductsManagement_MediaItem{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);background-color:var(--background-color)}.ProductsManagement_MediaItem img,.ProductsManagement_MediaItem video{width:100%;height:100%;object-fit:cover}.ProductsManagement_RemoveMediaBtn{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#ef4444e6;color:var(--secondary-color);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;transition:background-color .3s ease}.ProductsManagement_RemoveMediaBtn:hover{background-color:#dc2626}.ProductsManagement_SelectedFiles{margin:15px 0;padding:15px;background-color:var(--background-color);border-radius:8px}.ProductsManagement_SelectedFiles h4{font-size:14px;font-weight:600;color:var(--primary-color);margin-bottom:10px}.ProductsManagement_FileList{display:flex;flex-direction:column;gap:8px}.ProductsManagement_FileItem{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:var(--secondary-color);border-radius:4px;font-size:14px}.ProductsManagement_FileItem button{padding:4px 8px;background-color:#ef4444;color:var(--secondary-color);border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s ease}.ProductsManagement_FileItem button:hover{background-color:#dc2626}.ProductsManagement_UploadingIndicator{margin-top:10px;padding:10px;background-color:#dbeafe;color:#1e40af;border-radius:4px;text-align:center;font-size:14px;font-weight:500}.ProductsManagement_FormGroup input[type=file]{padding:8px;border:2px dashed var(--border-color);border-radius:8px;background-color:var(--background-color);cursor:pointer;transition:all .3s ease}.ProductsManagement_FormGroup input[type=file]:hover:not(:disabled){border-color:var(--primary-color);background-color:var(--background-color)}.ProductsManagement_FormGroup input[type=file]:disabled{opacity:.5;cursor:not-allowed}.ProductsManagement_CategoryImagePreview{margin:10px 0;position:relative;display:inline-block}.ProductsManagement_RemoveImageBtn{position:absolute;top:8px;right:8px;background-color:#ef4444e6;color:var(--secondary-color);border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .3s ease}.ProductsManagement_RemoveImageBtn:hover{background-color:#dc2626}.ProductsManagement_CategoryHeader{display:flex;align-items:center;gap:12px}.ProductsManagement_CategoryImage{width:50px;height:50px;object-fit:cover;border-radius:8px;border:2px solid var(--border-color)}.ProductsManagement_MediaInfo{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,var(--splash-color));color:var(--secondary-color);padding:8px;font-size:12px;border-radius:0 0 8px 8px}.ProductsManagement_MediaInfo span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width: 1024px){.ProductsManagement{padding:25px;max-width:100%}.ProductsManagement h2{font-size:26px;margin-bottom:22px}.ProductsManagement h3{font-size:19px}.ProductsManagement_TableHeader,.ProductsManagement_TableRow{grid-template-columns:2fr 1fr 1fr 1fr 120px;gap:8px}.ProductsManagement_FormLayout{grid-template-columns:1fr 1fr;gap:18px}.ProductsManagement_Actions,.ProductsManagement_Filters{gap:12px}.ProductsManagement_ActionButton{width:30px;height:30px}.ProductsManagement_ActionButton svg{width:14px;height:14px}.ProductsManagement_StockButton{width:26px;height:26px;font-size:15px}.ProductsManagement_FormGroup input,.ProductsManagement_FormGroup textarea{font-size:15px}}@media (max-width: 768px){.ProductsManagement{padding:20px;margin:10px;border-radius:10px;box-shadow:0 4px 12px var(--quaternary-color)}.ProductsManagement h2{font-size:22px;margin-bottom:20px;padding-bottom:10px}.ProductsManagement h3{font-size:18px;margin:20px 0 12px}.ProductsManagement_Actions{flex-direction:column;align-items:stretch;gap:15px}.ProductsManagement_CreateButton,.ProductsManagement_RefreshButton{width:100%;justify-content:center;padding:14px 20px;font-size:16px;min-height:48px}.ProductsManagement_Filters{width:100%;flex-direction:column;align-items:stretch;gap:12px}.ProductsManagement_SearchFilter{width:100%}.ProductsManagement_SearchFilter input{width:100%;padding:12px 15px;font-size:16px;border-radius:10px;min-width:unset;min-height:48px}.ProductsManagement_Filter{width:100%;justify-content:space-between;padding:8px 0}.ProductsManagement_Filter label{font-size:15px;min-width:100px}.ProductsManagement_Filter select{min-width:140px;padding:12px 15px;font-size:15px;border-radius:8px;min-height:44px}.ProductsManagement_ToggleFilter{width:100%}.ProductsManagement_ToggleLabel{padding:8px 0;width:100%;justify-content:space-between}.ProductsManagement_ToggleLabel input[type=checkbox]{width:18px;height:18px;min-width:18px}.ProductsManagement_ToggleText{font-size:15px}.ProductsManagement_Table{border-radius:10px;margin-top:20px;overflow:visible;box-shadow:none;background:transparent}.ProductsManagement_TableHeader{display:none}.ProductsManagement_TableBody{max-height:unset;overflow-y:visible}.ProductsManagement_TableRow{display:block;padding:20px;margin-bottom:15px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color);border-bottom:none;transition:all .3s ease}.ProductsManagement_TableRow:hover{background-color:var(--background-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.ProductsManagement_TableRow.unavailable{opacity:.8}.ProductsManagement_TableCell{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--background-color);gap:10px}.ProductsManagement_TableCell:last-child{border-bottom:none;justify-content:flex-start;padding-top:15px;margin-top:10px;border-top:1px solid var(--background-color)}.ProductsManagement_TableCell:before{content:attr(data-label);font-weight:600;color:var(--primary-color);min-width:120px;font-size:14px}.ProductsManagement_TableCell.product-info{flex-direction:column;align-items:flex-start}.ProductsManagement_TableCell.product-info:before{margin-bottom:8px}.ProductsManagement_ProductDetails{width:100%}.ProductsManagement_ProductName{font-size:16px;margin-bottom:5px;word-break:break-word}.ProductsManagement_ProductDescription{font-size:14px;line-height:1.5}.ProductsManagement_TableCell.stock-cell{justify-content:flex-end}.ProductsManagement_StockControls{padding:8px;border-radius:10px;gap:10px}.ProductsManagement_StockButton{width:32px;height:32px;font-size:14px;border-radius:6px}.ProductsManagement_StockValue{min-width:35px;font-size:15px}.ProductsManagement_Status{font-size:13px;padding:6px 12px}.ProductsManagement_RowActions{gap:8px;flex-wrap:wrap}.ProductsManagement_ActionButton{width:36px;height:36px;min-width:36px}.ProductsManagement_ActionButton svg{width:16px;height:16px}.ProductsManagement_NoProducts{padding:35px 20px;border-radius:10px;background-color:var(--secondary-color);box-shadow:0 2px 8px var(--quaternary-color)}.ProductsManagement_NoProducts svg{width:44px;height:44px}.ProductsManagement_NoProducts p{font-size:15px;line-height:1.5}.ProductsManagement_Form{border-radius:10px;padding:18px;margin-top:18px}.ProductsManagement_FormLayout{grid-template-columns:1fr;gap:18px}.ProductsManagement_FormGroup{margin-bottom:18px}.ProductsManagement_FormGroup label{font-size:14px;margin-bottom:10px}.ProductsManagement_FormGroup input,.ProductsManagement_FormGroup textarea{padding:14px 16px;font-size:16px;border-radius:10px;min-height:48px}.ProductsManagement_FormGroup textarea{min-height:100px}.ProductsManagement_FormCheck{margin-bottom:18px}.ProductsManagement_CheckLabel{gap:12px}.ProductsManagement_CheckLabel input[type=checkbox]{width:20px;height:20px;min-width:20px}.ProductsManagement_CheckText{font-size:16px}.ProductsManagement_FormActions{flex-direction:column;gap:12px;margin-top:25px;padding-top:18px}.ProductsManagement_CancelButton,.ProductsManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px;min-height:48px}.ProductsManagement_MainButtons{flex-direction:column;gap:12px;margin-bottom:18px}.ProductsManagement_ManageCategoriesButton{width:100%;padding:14px 20px;font-size:16px;justify-content:center}.ProductsManagement_CategoryForm{border-radius:10px;padding:15px;margin:18px 0}.ProductsManagement_CategoryFormInner{padding:15px;border-radius:8px;margin-bottom:18px}.ProductsManagement_CategoryItem{flex-direction:column;align-items:flex-start;gap:12px;padding:18px}.ProductsManagement_CategoryHeader{width:100%}.ProductsManagement_CategoryActions{width:100%;justify-content:flex-start;gap:10px}.ProductsManagement_CategoryActions button{flex:1;padding:10px 16px;font-size:16px;border-radius:6px}.ProductsManagement_MediaGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.ProductsManagement_MediaItem{aspect-ratio:1}.ProductsManagement_RemoveMediaBtn{width:28px;height:28px;font-size:20px}.ProductsManagement_FormGroup input[type=file]{padding:12px;font-size:14px}.ProductsManagement_Loading{padding:40px 20px}.ProductsManagement_LoadingSpinner{width:36px;height:36px}.ProductsManagement_Error,.ProductsManagement_Success{padding:12px 15px;font-size:14px;border-radius:8px;margin-bottom:20px}.ProductsManagement_Error svg,.ProductsManagement_Success svg{width:18px;height:18px}}@media (max-width: 480px){.ProductsManagement{padding:15px;margin:5px;border-radius:8px}.ProductsManagement h2{font-size:20px;margin-bottom:15px}.ProductsManagement h2:after{width:40px;height:2px}.ProductsManagement h3{font-size:16px;margin:15px 0 10px}.ProductsManagement_Actions{gap:12px}.ProductsManagement_CreateButton,.ProductsManagement_RefreshButton{padding:12px 18px;font-size:15px;min-height:44px}.ProductsManagement_CreateButton svg,.ProductsManagement_RefreshButton svg{width:14px;height:14px}.ProductsManagement_SearchFilter input{padding:10px 12px;font-size:15px;border-radius:8px;min-height:44px}.ProductsManagement_Filter{padding:6px 0}.ProductsManagement_Filter label{font-size:14px}.ProductsManagement_Filter select{min-width:120px;padding:10px 12px;font-size:14px;border-radius:6px;min-height:40px}.ProductsManagement_ToggleLabel input[type=checkbox]{width:16px;height:16px;min-width:16px}.ProductsManagement_ToggleText{font-size:14px}.ProductsManagement_TableRow{padding:15px;margin-bottom:12px;border-radius:8px}.ProductsManagement_TableCell{padding:6px 0;font-size:14px}.ProductsManagement_TableCell:before{font-size:13px;min-width:100px}.ProductsManagement_ProductName{font-size:15px}.ProductsManagement_ProductDescription{font-size:13px}.ProductsManagement_StockControls{padding:6px;gap:8px}.ProductsManagement_StockButton{width:28px;height:28px;font-size:13px}.ProductsManagement_StockValue{min-width:30px;font-size:14px}.ProductsManagement_Status{font-size:12px;padding:5px 10px}.ProductsManagement_RowActions{gap:6px}.ProductsManagement_ActionButton{width:34px;height:34px;min-width:34px}.ProductsManagement_ActionButton svg{width:15px;height:15px}.ProductsManagement_NoProducts{padding:30px 15px}.ProductsManagement_NoProducts svg{width:40px;height:40px}.ProductsManagement_NoProducts p{font-size:14px}.ProductsManagement_Form{padding:15px;border-radius:8px}.ProductsManagement_FormLayout{gap:15px}.ProductsManagement_FormGroup{margin-bottom:15px}.ProductsManagement_FormGroup label{font-size:13px;margin-bottom:8px}.ProductsManagement_FormGroup input,.ProductsManagement_FormGroup textarea{padding:12px 14px;font-size:15px;border-radius:8px;min-height:44px}.ProductsManagement_FormGroup textarea{min-height:80px}.ProductsManagement_CheckLabel input[type=checkbox]{width:18px;height:18px;min-width:18px}.ProductsManagement_CheckText{font-size:15px}.ProductsManagement_FormActions{gap:10px;margin-top:20px}.ProductsManagement_CancelButton,.ProductsManagement_SubmitButton{padding:14px 18px;font-size:15px;border-radius:8px;min-height:44px}.ProductsManagement_ManageCategoriesButton{padding:12px 18px;font-size:15px}.ProductsManagement_CategoryForm{padding:12px;border-radius:8px}.ProductsManagement_CategoryFormInner{padding:12px}.ProductsManagement_CategoryItem{padding:15px}.ProductsManagement_CategoryActions button{padding:8px 12px;font-size:15px}.ProductsManagement_MediaGrid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.ProductsManagement_RemoveMediaBtn{width:24px;height:24px;font-size:18px}.ProductsManagement_Error,.ProductsManagement_Success{padding:10px 12px;font-size:13px;gap:8px}.ProductsManagement_Error svg,.ProductsManagement_Success svg{width:16px;height:16px}}@media (max-width: 360px){.ProductsManagement{padding:12px;margin:3px}.ProductsManagement h2{font-size:18px;margin-bottom:12px}.ProductsManagement h3{font-size:15px;margin:12px 0 8px}.ProductsManagement_CreateButton,.ProductsManagement_RefreshButton{padding:10px 14px;font-size:14px;min-height:40px}.ProductsManagement_SearchFilter input{padding:8px 10px;font-size:14px;min-height:40px}.ProductsManagement_Filter{flex-direction:column;align-items:flex-start;gap:4px;padding:4px 0}.ProductsManagement_Filter label{font-size:13px}.ProductsManagement_Filter select{width:100%;min-width:unset;padding:8px 10px;font-size:13px;min-height:36px}.ProductsManagement_ToggleLabel{padding:4px 0}.ProductsManagement_ToggleLabel input[type=checkbox]{width:15px;height:15px;min-width:15px}.ProductsManagement_ToggleText{font-size:13px}.ProductsManagement_TableRow{padding:12px;margin-bottom:10px}.ProductsManagement_TableCell{padding:5px 0;font-size:13px;flex-direction:column;align-items:flex-start;gap:3px}.ProductsManagement_TableCell:before{font-size:12px;font-weight:700;margin-bottom:2px}.ProductsManagement_TableCell:last-child{flex-direction:row;align-items:center}.ProductsManagement_ProductName{font-size:14px}.ProductsManagement_ProductDescription{font-size:12px}.ProductsManagement_StockControls{padding:4px;margin-top:5px}.ProductsManagement_StockButton{width:26px;height:26px;font-size:12px}.ProductsManagement_StockValue{min-width:28px;font-size:13px}.ProductsManagement_Status{font-size:11px;padding:4px 8px;margin-top:3px}.ProductsManagement_RowActions{gap:4px;margin-top:8px;flex-wrap:wrap}.ProductsManagement_ActionButton{width:30px;height:30px;min-width:30px}.ProductsManagement_ActionButton svg{width:14px;height:14px}.ProductsManagement_NoProducts{padding:25px 12px}.ProductsManagement_NoProducts svg{width:36px;height:36px}.ProductsManagement_NoProducts p{font-size:13px}.ProductsManagement_Form{padding:12px}.ProductsManagement_FormGroup{margin-bottom:12px}.ProductsManagement_FormGroup label{font-size:12px;margin-bottom:6px}.ProductsManagement_FormGroup input,.ProductsManagement_FormGroup textarea{padding:10px 12px;font-size:14px;min-height:40px}.ProductsManagement_CheckLabel input[type=checkbox]{width:16px;height:16px;min-width:16px}.ProductsManagement_CheckText{font-size:14px}.ProductsManagement_CancelButton,.ProductsManagement_SubmitButton{padding:12px 16px;font-size:14px;min-height:40px}.ProductsManagement_ManageCategoriesButton{padding:10px 14px;font-size:14px}.ProductsManagement_CategoryItem{padding:12px;gap:10px}.ProductsManagement_CategoryActions{flex-direction:column;gap:8px}.ProductsManagement_CategoryActions button{padding:6px 10px;font-size:14px}.ProductsManagement_MediaGrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.ProductsManagement_RemoveMediaBtn{width:22px;height:22px;font-size:16px}.ProductsManagement_CategoryImage{width:40px;height:40px}.ProductsManagement_LoadingSpinner{width:32px;height:32px}.ProductsManagement_Error,.ProductsManagement_Success{padding:8px 10px;font-size:12px}.ProductsManagement_Error svg,.ProductsManagement_Success svg{width:14px;height:14px}}.BookingsManagement{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px var(--quaternary-color);animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.BookingsManagement h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:25px;position:relative;padding-bottom:12px}.BookingsManagement h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.BookingsManagement h3{font-size:20px;font-weight:600;color:var(--primary-color);margin:25px 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.BookingsManagement h4{font-size:18px;font-weight:600;color:var(--primary-color);margin:25px 0 15px}.BookingsManagement_Loading{text-align:center;padding:30px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.BookingsManagement_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.BookingsManagement_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.BookingsManagement_Error svg{flex-shrink:0;width:20px;height:20px}.BookingsManagement_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.BookingsManagement_Success svg{flex-shrink:0;width:20px;height:20px}.BookingsManagement_Actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.BookingsManagement_CreateButton,.BookingsManagement_RefreshButton{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease}.BookingsManagement_CreateButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;box-shadow:0 4px 6px var(--quaternary-color)}.BookingsManagement_CreateButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.BookingsManagement_Filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.BookingsManagement_Filter{display:flex;align-items:center;gap:8px}.BookingsManagement_Filter label{font-weight:600;color:var(--primary-color)}.BookingsManagement_Filter select,.BookingsManagement_Filter input[type=date]{padding:10px 15px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);font-size:14px;transition:all var(--transition-speed) ease}.BookingsManagement_Filter select:focus,.BookingsManagement_Filter input[type=date]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.BookingsManagement_RefreshButton{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.BookingsManagement_RefreshButton:hover{background-color:rgba(var(--primary-color-rgb),.05)}.BookingsManagement_CreateButton svg,.BookingsManagement_RefreshButton svg{width:16px;height:16px}.BookingsManagement_Table{background-color:var(--secondary-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px var(--quaternary-color);margin-top:20px}.BookingsManagement_TableHeader{background-color:var(--background-color);display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr 1fr;gap:10px;padding:15px;font-weight:600;color:var(--primary-color);border-bottom:2px solid var(--border-color)}.BookingsManagement_TableBody{max-height:600px;overflow-y:auto}.BookingsManagement_TableRow{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr 1fr;gap:10px;padding:15px;border-bottom:1px solid #e5e7eb;transition:all var(--transition-speed) ease;align-items:center}.BookingsManagement_TableRow:hover{background-color:var(--background-color)}.BookingsManagement_TableRow.BookingsManagement_Status_pending{border-left:4px solid #f59e0b}.BookingsManagement_TableRow.BookingsManagement_Status_confirmed{border-left:4px solid #10b981}.BookingsManagement_TableRow.BookingsManagement_Status_cancelled{border-left:4px solid #ef4444;opacity:.7;background-color:var(--background-color)}.BookingsManagement_TableRow.BookingsManagement_Status_completed{border-left:4px solid #6366f1}.BookingsManagement_TableCell{padding:0 10px;display:flex;align-items:center}.BookingsManagement_TableCell.date-time{display:flex;flex-direction:column;align-items:flex-start}.BookingsManagement_Date{font-weight:600;color:var(--primary-color);font-size:14px}.BookingsManagement_Time{color:var(--text-color);font-size:14px;margin-top:3px}.BookingsManagement_TableCell.service{display:flex;flex-direction:column;align-items:flex-start}.BookingsManagement_ServiceName{font-weight:600;color:var(--primary-color);font-size:14px}.BookingsManagement_ServiceDetails{color:var(--text-color);font-size:14px;margin-top:3px}.BookingsManagement_StatusSelect{padding:6px 10px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid #e5e7eb;transition:all var(--transition-speed) ease}.BookingsManagement_StatusSelect:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.BookingsManagement_StatusSelect.pending{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.BookingsManagement_StatusSelect.confirmed{background-color:#d1fae5;border-color:#10b981;color:#065f46}.BookingsManagement_StatusSelect.cancelled{background-color:#fee2e2;border-color:#ef4444;color:#b91c1c}.BookingsManagement_StatusSelect.completed{background-color:#e0e7ff;border-color:#6366f1;color:#4338ca}.BookingsManagement_RowActions{display:flex;gap:8px;justify-content:flex-end}.BookingsManagement_ActionButton{background:none;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease}.BookingsManagement_ActionButton svg{width:16px;height:16px}.BookingsManagement_ActionButton.edit{background-color:#e0f2fe;color:#0ea5e9}.BookingsManagement_ActionButton.edit:hover{background-color:#0ea5e9;color:#fff}.BookingsManagement_ActionButton.delete{background-color:#fee2e2;color:#ef4444}.BookingsManagement_ActionButton.delete:hover{background-color:#ef4444;color:#fff}.BookingsManagement_NoBookings{padding:40px;text-align:center;color:var(--text-color);display:flex;flex-direction:column;align-items:center;gap:15px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 4px 6px var(--quaternary-color)}.BookingsManagement_NoBookings svg{width:48px;height:48px;opacity:.5}.BookingsManagement_NoBookings p{font-size:16px}.BookingsManagement_Form{background-color:var(--secondary-color);border-radius:12px;padding:20px;box-shadow:0 4px 10px var(--quaternary-color);margin-top:20px}.BookingsManagement_FormLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.BookingsManagement_FormGroup{margin-bottom:20px}.BookingsManagement_FormGroup label{display:block;font-weight:600;margin-bottom:10px;color:var(--primary-color);font-size:15px}.BookingsManagement_FormGroup label .required{color:#ef4444;margin-left:3px}.BookingsManagement_FormGroup input,.BookingsManagement_FormGroup select,.BookingsManagement_FormGroup textarea{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:all var(--transition-speed) ease;background-color:var(--secondary-color);color:var(--text-color)}.BookingsManagement_FormGroup input:focus,.BookingsManagement_FormGroup select:focus,.BookingsManagement_FormGroup textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.BookingsManagement_TimeSlots{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.BookingsManagement_TimeSlot{padding:10px 15px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.BookingsManagement_TimeSlot:hover:not(:disabled){border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.05)}.BookingsManagement_TimeSlot.selected{border-color:var(--primary-color);background-color:var(--primary-color);color:var(--secondary-color)}.BookingsManagement_TimeSlot.unavailable{opacity:.5;background-color:var(--background-color);cursor:not-allowed}.BookingsManagement_NoSlots{padding:15px;background-color:var(--background-color);border-radius:8px;color:var(--text-color);text-align:center;width:100%}.BookingsManagement_ServiceSection{background-color:var(--background-color);padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.BookingsManagement_FormActions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.BookingsManagement_CancelButton{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.BookingsManagement_CancelButton:hover{background-color:var(--background-color);color:var(--text-color)}.BookingsManagement_SubmitButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;padding:12px 25px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 4px 6px var(--quaternary-color)}.BookingsManagement_SubmitButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}@media (max-width: 1024px){.BookingsManagement{padding:25px}.BookingsManagement h2{font-size:24px}.BookingsManagement_Actions{gap:12px}.BookingsManagement_TableHeader,.BookingsManagement_TableRow{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;padding:12px}.BookingsManagement_FormLayout{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.BookingsManagement_LoadingSpinner{width:36px;height:36px}}@media (max-width: 768px){.BookingsManagement{padding:20px;margin:0;border-radius:8px}.BookingsManagement h2{font-size:22px;margin-bottom:20px;text-align:center}.BookingsManagement h3{font-size:18px;margin:20px 0 12px}.BookingsManagement h4{font-size:16px;margin:20px 0 12px}.BookingsManagement_Actions{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:25px}.BookingsManagement_CreateButton{width:100%;padding:14px 20px;font-size:16px;border-radius:10px;justify-content:center}.BookingsManagement_Filters{width:100%;flex-direction:column;align-items:stretch;gap:12px}.BookingsManagement_Filter{width:100%;justify-content:space-between;background-color:var(--background-color);padding:10px;border-radius:8px}.BookingsManagement_Filter label{font-size:14px;min-width:80px}.BookingsManagement_Filter select,.BookingsManagement_Filter input[type=date]{flex:1;min-width:0;font-size:16px;padding:12px 15px}.BookingsManagement_RefreshButton{width:100%;padding:14px 20px;font-size:16px;border-radius:10px;justify-content:center}.BookingsManagement_Table{border-radius:8px;overflow:hidden}.BookingsManagement_TableHeader{display:none}.BookingsManagement_TableRow{grid-template-columns:1fr;gap:0;padding:20px 15px;border-bottom:2px solid var(--background-color);display:block;position:relative}.BookingsManagement_TableCell{padding:8px 0;border-bottom:1px solid rgba(var(--border-color-rgb),.3);display:flex;justify-content:space-between;align-items:center;min-height:36px}.BookingsManagement_TableCell:last-child{border-bottom:none;padding-top:12px}.BookingsManagement_TableCell:before{content:attr(data-label);font-weight:600;color:var(--primary-color);font-size:14px;min-width:100px}.BookingsManagement_TableCell.date-time:before{content:"Date & Time:"}.BookingsManagement_TableCell.service:before{content:"Service:"}.BookingsManagement_Date,.BookingsManagement_Time,.BookingsManagement_ServiceName,.BookingsManagement_ServiceDetails{font-size:16px}.BookingsManagement_StatusSelect{padding:8px 12px;font-size:16px;min-width:120px}.BookingsManagement_RowActions{justify-content:center;gap:12px;margin-top:8px}.BookingsManagement_ActionButton{width:40px;height:40px;font-size:18px}.BookingsManagement_FormLayout{grid-template-columns:1fr;gap:15px}.BookingsManagement_FormGroup{margin-bottom:20px}.BookingsManagement_FormGroup label{font-size:16px;margin-bottom:12px}.BookingsManagement_FormGroup input,.BookingsManagement_FormGroup select,.BookingsManagement_FormGroup textarea{font-size:16px;padding:14px 16px;border-radius:10px;min-height:48px}.BookingsManagement_TimeSlots{gap:12px}.BookingsManagement_TimeSlot{padding:12px 16px;font-size:16px;min-height:44px;border-radius:10px}.BookingsManagement_FormActions{flex-direction:column;gap:12px;margin-top:25px}.BookingsManagement_CancelButton,.BookingsManagement_SubmitButton{width:100%;padding:16px 20px;font-size:16px;border-radius:10px;min-height:52px}.BookingsManagement_Loading{padding:40px 20px}.BookingsManagement_LoadingSpinner{width:32px;height:32px}.BookingsManagement_Error,.BookingsManagement_Success{padding:16px;font-size:15px;border-radius:10px}.BookingsManagement_NoBookings{padding:50px 20px;border-radius:10px}.BookingsManagement_NoBookings svg{width:64px;height:64px}.BookingsManagement_NoBookings p{font-size:18px}}@media (max-width: 480px){.BookingsManagement{padding:16px;border-radius:6px}.BookingsManagement h2{font-size:20px;margin-bottom:16px}.BookingsManagement h3{font-size:16px}.BookingsManagement_CreateButton,.BookingsManagement_RefreshButton{padding:12px 16px;font-size:15px}.BookingsManagement_Filter{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.BookingsManagement_Filter label{font-size:13px;margin-bottom:4px}.BookingsManagement_TableRow{padding:16px 12px}.BookingsManagement_TableCell{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 0}.BookingsManagement_TableCell:before{font-size:13px;margin-bottom:2px}.BookingsManagement_RowActions{gap:8px;margin-top:12px}.BookingsManagement_ActionButton{width:36px;height:36px}.BookingsManagement_FormGroup input,.BookingsManagement_FormGroup select,.BookingsManagement_FormGroup textarea{padding:12px 14px;font-size:15px}.BookingsManagement_TimeSlot{padding:10px 14px;font-size:15px}.BookingsManagement_CancelButton,.BookingsManagement_SubmitButton{padding:14px 18px;font-size:15px;min-height:48px}}@media (max-width: 360px){.BookingsManagement{padding:12px}.BookingsManagement h2{font-size:18px}.BookingsManagement_Actions{gap:12px}.BookingsManagement_CreateButton,.BookingsManagement_RefreshButton{padding:10px 14px;font-size:14px;min-height:44px}.BookingsManagement_Filter{padding:10px}.BookingsManagement_TableRow{padding:14px 10px}.BookingsManagement_TableCell{padding:5px 0;min-height:32px}.BookingsManagement_RowActions{gap:6px;flex-wrap:wrap}.BookingsManagement_ActionButton{width:32px;height:32px;flex:0 0 auto}.BookingsManagement_FormGroup input,.BookingsManagement_FormGroup select,.BookingsManagement_FormGroup textarea{padding:10px 12px;font-size:14px;min-height:44px}.BookingsManagement_TimeSlots{gap:8px}.BookingsManagement_TimeSlot{padding:8px 12px;font-size:14px;min-height:40px}.BookingsManagement_CancelButton,.BookingsManagement_SubmitButton{padding:12px 16px;font-size:14px;min-height:44px}.BookingsManagement_NoBookings{padding:40px 16px}.BookingsManagement_NoBookings svg{width:48px;height:48px}.BookingsManagement_NoBookings p{font-size:16px}}.finance-management{padding:2rem;background-color:var(--secondary-color);border-radius:8px;box-shadow:0 2px 10px var(--quaternary-color);min-height:80vh}.finance-management h2{color:var(--text-color);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.75rem}.finance-management h3{color:var(--text-color);font-size:1.4rem;font-weight:500;margin-bottom:1rem}.finance-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .3s ease}.tab-button:hover{color:var(--text-color)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;color:var(--text-color)}.refresh-button{padding:.5rem;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover:not(:disabled){background:var(--border-color)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg{width:16px;height:16px}.refresh-button svg.spinning{animation:spin 1s linear infinite}.finance-management .loading{display:flex;justify-content:center;align-items:center;min-height:200px;flex-direction:column}.loading-spinner{border:4px solid var(--quaternary-color);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message{background-color:#ffebee;color:#d32f2f;padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #d32f2f}.success-message{background-color:#e8f5e9;color:#2e7d32;padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #2e7d32}.actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-label{font-weight:500;color:var(--text-color)}.filter-select,.filter-input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem}.action-button{padding:.6rem 1.2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:background-color .2s}.action-button:hover{background-color:var(--primary-color)}.action-button.secondary,.action-button.secondary:hover{background-color:var(--text-color)}.action-button.danger{background-color:#e74c3c}.action-button.danger:hover{background-color:#c0392b}.action-button.success{background-color:#2ecc71}.action-button.success:hover{background-color:#27ae60}.finance-table{width:100%;border-collapse:collapse;margin-bottom:2rem;box-shadow:0 1px 3px var(--quaternary-color)}.finance-table th{background-color:var(--background-color);padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--border-color)}.finance-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-color)}.finance-table tr:hover{background-color:var(--background-color)}.finance-table .amount{font-weight:500}.finance-table .income{color:#2ecc71}.finance-table .expense{color:#e74c3c}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.status-succeeded,.status-badge.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-badge.status-pending,.status-badge.status-processing{background-color:var(--background-color);color:var(--text-color)}.status-badge.status-failed,.status-badge.status-cancelled,.status-badge.status-canceled{background-color:#ffebee;color:#c62828}.status-badge.status-active{background-color:var(--background-color);color:var(--primary-color)}.table-actions{display:flex;gap:.5rem}.table-actions button{padding:.3rem .6rem;font-size:.8rem;border-radius:4px;border:none;cursor:pointer;color:#fff}.table-actions .edit-btn{background-color:var(--primary-color)}.table-actions .delete-btn{background-color:#e74c3c}.finance-form{background-color:var(--background-color);padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px var(--quaternary-color)}.form-title{margin-top:0;margin-bottom:1.5rem;font-size:1.4rem;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-size:1rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px var(--quaternary-color)}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-col{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.finance-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background-color:var(--secondary-color);padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px var(--quaternary-color);display:flex;flex-direction:column}.summary-title{font-size:1rem;color:var(--text-color);margin-bottom:.5rem}.summary-value{font-size:1.8rem;font-weight:600;color:var(--text-color)}.summary-card.income .summary-value{color:#2ecc71}.summary-card.expense .summary-value{color:#e74c3c}.summary-card.balance .summary-value.positive{color:#2ecc71}.summary-card.balance .summary-value.negative{color:#e74c3c}.stripe-balance{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.balance-section{background:var(--background-color);padding:1.5rem;border-radius:8px}.balance-section h4{margin:0 0 1rem;color:var(--text-color);font-size:.9rem;text-transform:uppercase}.balance-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.balance-item:last-child{border-bottom:none}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.chart-container{background:var(--background-color);padding:1rem;border-radius:8px;box-shadow:0 1px 3px var(--quaternary-color)}.chart-container.large{grid-column:1 / -1}.chart-container canvas{max-width:100%;height:auto}.analytics-controls{margin-bottom:2rem}.date-range-controls{display:flex;gap:1rem;align-items:flex-end}.date-range-controls .form-group{flex:1;margin:0}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.refunds-list{background:var(--background-color);border-radius:8px;padding:1rem}.refund-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color);transition:background .2s ease}.refund-item:last-child{border-bottom:none}.refund-item:hover{background:var(--quaternary-color)}.refund-info{flex:1}.refund-id{font-family:monospace;font-size:.9rem;color:var(--text-color)}.refund-date{font-size:.85rem;color:var(--text-color);margin-top:.25rem}.refund-amount{display:flex;align-items:center;gap:1rem}.refund-amount .amount{font-weight:600;font-size:1.1rem}.no-data{text-align:center;color:var(--text-color);padding:2rem;font-style:italic}.text-small{font-size:.85rem;color:var(--text-color)}.recent-transactions{background-color:var(--secondary-color);padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px var(--quaternary-color);margin-bottom:2rem}.recent-transactions-title{font-size:1.2rem;color:var(--text-color);margin-bottom:1rem;font-weight:500}.recent-transaction-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.recent-transaction-item:last-child{border-bottom:none}.transaction-info{display:flex;flex-direction:column}.transaction-name{font-weight:500;color:var(--text-color)}.transaction-date{font-size:.85rem;color:var(--text-color)}.transaction-amount{font-weight:500}.transaction-amount.income{color:#2ecc71}.transaction-amount.expense{color:#e74c3c}@media (max-width: 768px){.finance-management{padding:1rem}.finance-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.tab-button{padding:.5rem 1rem;font-size:.9rem}.actions{flex-direction:column;align-items:flex-start}.filters{margin-top:1rem;flex-direction:column;align-items:flex-start}.form-row{flex-direction:column;gap:.5rem}.finance-summary,.stripe-balance,.charts-grid{grid-template-columns:1fr}.date-range-controls{flex-direction:column}.finance-table{display:block;overflow-x:auto}}@media (max-width: 1024px){.finance-management{padding:1.75rem}.finance-management h2{font-size:1.6rem}.finance-summary{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.summary-card{padding:1.25rem}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.stripe-balance{gap:.75rem}.analytics-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.finance-tabs{gap:.75rem}.tab-button{padding:.6rem 1.25rem;font-size:.95rem}}@media (max-width: 768px){.finance-management{padding:1.5rem;border-radius:8px;margin:0}.finance-management h2{font-size:1.4rem;text-align:center;margin-bottom:1.25rem}.finance-management h3{font-size:1.2rem;text-align:center;margin-bottom:1rem}.finance-tabs{gap:0;margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:8px;padding:4px;background-color:var(--background-color)}.tab-button{flex:1;padding:.75rem 1rem;font-size:15px;border-radius:6px;text-align:center;margin:0;border-bottom:none;transition:all .3s ease}.tab-button.active{background-color:var(--secondary-color);color:var(--primary-color);border-bottom:none;box-shadow:0 2px 4px var(--quaternary-color)}.actions{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:1.5rem}.action-button{width:100%;padding:14px 20px;font-size:16px;border-radius:8px;justify-content:center}.filters{width:100%;flex-direction:column;gap:12px;margin-top:0}.filter-group{width:100%;flex-direction:column;align-items:stretch;gap:8px;background-color:var(--background-color);padding:12px;border-radius:8px}.filter-label{font-size:15px;margin-bottom:4px}.filter-select,.filter-input{width:100%;font-size:16px;padding:12px 14px;border-radius:8px;min-height:44px}.section-header{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:1.25rem}.refresh-button{width:100%;padding:12px 16px;border-radius:8px;font-size:15px}.finance-summary{grid-template-columns:1fr;gap:15px;margin-bottom:1.5rem}.summary-card{padding:20px;border-radius:10px;text-align:center}.summary-title{font-size:15px;margin-bottom:10px}.summary-value{font-size:1.6rem}.charts-grid{grid-template-columns:1fr;gap:15px;margin:1.5rem 0}.chart-container{padding:16px;border-radius:10px}.finance-table{display:block;width:100%;overflow-x:auto;border-radius:10px}.finance-table th,.finance-table td{padding:12px 8px;font-size:15px;min-width:100px}.finance-table th{font-size:14px;background-color:var(--primary-color);color:var(--secondary-color)}.table-actions{flex-direction:column;gap:6px}.table-actions button{width:100%;padding:8px 12px;font-size:14px;border-radius:6px}.status-badge{padding:6px 10px;font-size:12px;border-radius:8px}.finance-form{padding:20px;border-radius:10px;margin-bottom:1.5rem}.form-title{font-size:1.2rem;text-align:center;margin-bottom:1.25rem}.form-row{flex-direction:column;gap:15px;margin-bottom:15px}.form-group{margin-bottom:16px}.form-label{font-size:15px;margin-bottom:8px}.form-input,.form-select,.form-textarea{font-size:16px;padding:14px 16px;border-radius:8px;min-height:48px}.form-actions{flex-direction:column;gap:12px;margin-top:20px}.form-actions .action-button{width:100%;padding:16px 20px;font-size:16px;border-radius:10px}.stripe-balance{grid-template-columns:1fr;gap:15px;margin-bottom:1.5rem}.balance-section{padding:16px;border-radius:10px}.balance-section h4{font-size:14px;margin-bottom:12px}.balance-item{padding:10px 0;font-size:15px}.analytics-controls{margin-bottom:1.5rem}.date-range-controls{flex-direction:column;gap:12px}.analytics-summary{grid-template-columns:1fr;gap:12px;margin-bottom:1.5rem}.recent-transactions{padding:20px;border-radius:10px;margin-bottom:1.5rem}.recent-transactions-title{font-size:1.1rem;text-align:center;margin-bottom:15px}.recent-transaction-item{flex-direction:column;align-items:stretch;gap:8px;padding:12px 0}.transaction-info{align-items:center;text-align:center}.transaction-name{font-size:16px}.transaction-date{font-size:14px;margin-top:4px}.transaction-amount{font-size:16px;text-align:center;margin-top:8px}.refunds-list{padding:16px;border-radius:10px}.refund-item{flex-direction:column;align-items:stretch;gap:10px;padding:16px}.refund-info{text-align:center}.refund-id{font-size:14px}.refund-date{font-size:13px;margin-top:4px}.refund-amount{justify-content:center;gap:0;margin-top:8px}.refund-amount .amount{font-size:16px}.finance-management .loading{min-height:150px;padding:40px 20px}.loading-spinner{width:32px;height:32px;margin-bottom:15px}.error-message,.success-message{padding:16px;font-size:15px;border-radius:10px;margin-bottom:15px}.no-data{padding:40px 20px;font-size:16px}}@media (max-width: 480px){.finance-management{padding:1rem;border-radius:6px}.finance-management h2{font-size:1.25rem;margin-bottom:1rem}.finance-management h3{font-size:1.1rem}.finance-tabs{padding:3px}.tab-button{padding:10px 12px;font-size:14px}.actions{gap:12px;margin-bottom:1.25rem}.action-button{padding:12px 16px;font-size:15px}.filter-group{padding:10px}.filter-label{font-size:14px}.filter-select,.filter-input{font-size:15px;padding:10px 12px;min-height:40px}.section-header{gap:12px}.refresh-button{padding:10px 14px;font-size:14px}.summary-card{padding:16px;border-radius:8px}.summary-title{font-size:14px}.summary-value{font-size:1.4rem}.charts-grid{gap:12px}.chart-container{padding:14px;border-radius:8px}.finance-table th,.finance-table td{padding:10px 6px;font-size:14px;min-width:80px}.finance-table th{font-size:13px}.table-actions button{padding:6px 10px;font-size:13px}.status-badge{padding:4px 8px;font-size:11px}.finance-form{padding:16px;border-radius:8px}.form-title{font-size:1.1rem;margin-bottom:1rem}.form-group{margin-bottom:14px}.form-label{font-size:14px;margin-bottom:6px}.form-input,.form-select,.form-textarea{font-size:15px;padding:12px 14px;min-height:44px}.form-actions{gap:10px;margin-top:16px}.form-actions .action-button{padding:14px 18px;font-size:15px;border-radius:8px}.stripe-balance{gap:12px}.balance-section{padding:14px;border-radius:8px}.balance-section h4{font-size:13px;margin-bottom:10px}.balance-item{padding:8px 0;font-size:14px}.date-range-controls{gap:10px}.recent-transactions{padding:16px;border-radius:8px}.recent-transactions-title{font-size:1rem;margin-bottom:12px}.recent-transaction-item{padding:10px 0}.transaction-name{font-size:15px}.transaction-date{font-size:13px}.transaction-amount{font-size:15px}.refunds-list{padding:14px;border-radius:8px}.refund-item{padding:14px}.refund-id{font-size:13px}.refund-date{font-size:12px}.refund-amount .amount{font-size:15px}}@media (max-width: 360px){.finance-management{padding:.75rem}.finance-management h2{font-size:1.1rem;margin-bottom:.75rem}.finance-management h3{font-size:1rem}.tab-button{padding:8px 10px;font-size:13px}.actions{gap:10px;margin-bottom:1rem}.action-button{padding:10px 14px;font-size:14px;min-height:40px}.filter-group{padding:8px}.filter-label{font-size:13px}.filter-select,.filter-input{font-size:14px;padding:8px 10px;min-height:36px}.refresh-button{padding:8px 12px;font-size:13px}.summary-card{padding:14px;border-radius:6px}.summary-title{font-size:13px;margin-bottom:8px}.summary-value{font-size:1.2rem}.chart-container{padding:12px;border-radius:6px}.finance-table th,.finance-table td{padding:8px 4px;font-size:13px;min-width:70px}.finance-table th{font-size:12px}.table-actions{gap:4px}.table-actions button{padding:4px 8px;font-size:12px}.status-badge{padding:3px 6px;font-size:10px}.finance-form{padding:12px}.form-title{font-size:1rem;margin-bottom:.75rem}.form-group{margin-bottom:12px}.form-label{font-size:13px;margin-bottom:5px}.form-input,.form-select,.form-textarea{font-size:14px;padding:10px 12px;min-height:40px}.form-actions{gap:8px;margin-top:14px}.form-actions .action-button{padding:12px 16px;font-size:14px;min-height:42px}.balance-section{padding:12px}.balance-section h4{font-size:12px;margin-bottom:8px}.balance-item{padding:6px 0;font-size:13px}.recent-transactions{padding:14px}.recent-transactions-title{font-size:.9rem;margin-bottom:10px}.recent-transaction-item{padding:8px 0}.transaction-name{font-size:14px}.transaction-date{font-size:12px}.transaction-amount{font-size:14px}.refunds-list,.refund-item{padding:12px}.refund-id{font-size:12px}.refund-date{font-size:11px}.refund-amount .amount{font-size:14px}.finance-management .loading{min-height:120px;padding:30px 16px}.loading-spinner{width:28px;height:28px;margin-bottom:12px}.error-message,.success-message{padding:14px;font-size:14px;border-radius:8px}.no-data{padding:30px 16px;font-size:15px}}.FilesManagement{padding:30px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 8px 20px var(--quaternary-color);animation:fadeIn .5s ease-out;max-width:100%;margin:0 auto}.FilesManagement h2{font-size:28px;font-weight:700;color:var(--primary-color);margin-bottom:25px;position:relative;padding-bottom:12px}.FilesManagement h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color);border-radius:3px}.FilesManagement h3{font-size:20px;font-weight:600;color:var(--primary-color);margin:25px 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.FilesManagement h4{font-size:18px;font-weight:600;color:var(--primary-color);margin:25px 0 15px}.FilesManagement_Loading{text-align:center;padding:30px;color:var(--primary-color);font-weight:600;display:flex;flex-direction:column;align-items:center;gap:15px}.FilesManagement_LoadingSpinner{width:40px;height:40px;border:3px solid var(--background-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.FilesManagement_Error{background-color:#fee2e2;color:#b91c1c;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #ef4444;box-shadow:0 2px 5px #ef44441a}.FilesManagement_Error svg{flex-shrink:0;width:20px;height:20px}.FilesManagement_Success{background-color:#dcfce7;color:#166534;padding:15px;border-radius:8px;margin-bottom:25px;font-weight:500;display:flex;align-items:center;gap:10px;border-left:4px solid #22c55e;box-shadow:0 2px 5px #22c55e1a}.FilesManagement_Success svg{flex-shrink:0;width:20px;height:20px}.FilesManagement_StorageInfo{background-color:var(--background-color);border-radius:12px;padding:20px;margin-bottom:25px;border:1px solid var(--border-color)}.FilesManagement_StorageHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.FilesManagement_StorageTitle{font-size:18px;font-weight:600;color:var(--primary-color)}.FilesManagement_StorageStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:15px}.FilesManagement_StorageStat{text-align:center;padding:10px;background-color:var(--secondary-color);border-radius:8px;border:1px solid var(--border-color)}.FilesManagement_StorageStat .value{font-size:20px;font-weight:700;color:var(--primary-color);display:block}.FilesManagement_StorageStat .label{font-size:12px;color:var(--text-color);margin-top:5px}.FilesManagement_StorageBar{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.FilesManagement_StorageProgress{height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b 70%,#ef4444);transition:width .3s ease}.FilesManagement_Actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.FilesManagement_ActionButtons{display:flex;gap:10px;flex-wrap:wrap}.FilesManagement_UploadButton,.FilesManagement_CreateFolderButton,.FilesManagement_RefreshButton{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;border:none;font-size:14px}.FilesManagement_UploadButton{background-color:var(--primary-color);color:var(--secondary-color);box-shadow:0 4px 6px var(--quaternary-color)}.FilesManagement_UploadButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.FilesManagement_CreateFolderButton{background-color:var(--primary-color);color:var(--secondary-color);box-shadow:0 4px 6px var(--quaternary-color)}.FilesManagement_CreateFolderButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}.FilesManagement_RefreshButton{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.FilesManagement_RefreshButton:hover{background-color:rgba(var(--primary-color-rgb),.05)}.FilesManagement_Filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.FilesManagement_Filter{display:flex;align-items:center;gap:8px}.FilesManagement_Filter label{font-weight:600;color:var(--primary-color);font-size:14px}.FilesManagement_Filter select,.FilesManagement_Filter input{padding:10px 15px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);font-size:14px;transition:all var(--transition-speed) ease}.FilesManagement_Filter select:focus,.FilesManagement_Filter input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.FilesManagement_SearchInput{padding:10px 15px 10px 40px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--secondary-color);color:var(--text-color);font-size:14px;transition:all var(--transition-speed) ease;width:250px;position:relative}.FilesManagement_SearchWrapper{position:relative;display:flex;align-items:center}.FilesManagement_SearchWrapper svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-color);pointer-events:none}.FilesManagement_Breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background-color:var(--background-color);border-radius:8px;border:1px solid var(--border-color)}.FilesManagement_BreadcrumbItem{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--primary-color);cursor:pointer;padding:5px 10px;border-radius:6px;transition:all var(--transition-speed) ease}.FilesManagement_BreadcrumbItem:hover:not(.current){background-color:rgba(var(--primary-color-rgb),.1)}.FilesManagement_BreadcrumbItem.current{color:var(--text-color);cursor:default;font-weight:600}.FilesManagement_BreadcrumbSeparator{color:var(--text-color);font-size:12px}.FilesManagement_ViewToggle{display:flex;background-color:var(--background-color);border-radius:8px;padding:4px;gap:2px}.FilesManagement_ViewButton{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:14px;color:var(--text-color);transition:all var(--transition-speed) ease}.FilesManagement_ViewButton.active{background-color:var(--secondary-color);color:var(--primary-color);box-shadow:0 1px 3px var(--quaternary-color)}.FilesManagement_ViewButton svg{width:16px;height:16px}.FilesManagement_FilesContainer{background-color:var(--secondary-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px var(--quaternary-color);margin-top:20px}.FilesManagement_FilesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.FilesManagement_FileCard{background-color:var(--secondary-color);border:2px solid var(--border-color);border-radius:12px;padding:15px;cursor:pointer;transition:all var(--transition-speed) ease;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.FilesManagement_FileCard:hover{border-color:var(--primary-color);box-shadow:0 4px 12px var(--quaternary-color);transform:translateY(-2px)}.FilesManagement_FileCard.selected{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.05)}.FilesManagement_FileIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:5px}.FilesManagement_FileIcon.folder{background-color:#fbbf24;color:var(--secondary-color)}.FilesManagement_FileIcon.image{background-color:#34d399;color:var(--secondary-color)}.FilesManagement_FileIcon.document{background-color:#60a5fa;color:var(--secondary-color)}.FilesManagement_FileIcon.video{background-color:#f87171;color:var(--secondary-color)}.FilesManagement_FileIcon.audio{background-color:#a78bfa;color:var(--secondary-color)}.FilesManagement_FileIcon.archive{background-color:#fb7185;color:var(--secondary-color)}.FilesManagement_FileIcon.code{background-color:#4ade80;color:var(--secondary-color)}.FilesManagement_FileIcon.other{background-color:var(--text-color);color:var(--secondary-color)}.FilesManagement_FileName{font-size:14px;font-weight:500;color:var(--primary-color);word-break:break-word;line-height:1.3}.FilesManagement_FileInfo{font-size:12px;color:var(--text-color);display:flex;flex-direction:column;gap:2px}.FilesManagement_FileSize{font-weight:500}.FilesManagement_FileDate{opacity:.8}.FilesManagement_FileSource{display:inline-block;padding:2px 6px;background-color:var(--border-color);border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;margin-top:5px}.FilesManagement_FileSource.local{background-color:#dbeafe;color:#1d4ed8}.FilesManagement_FileSource.nextcloud{background-color:#fef3c7;color:#d97706}.FilesManagement_FileSource.googledrive{background-color:#dcfce7;color:#16a34a}.FilesManagement_FileSource.dropbox{background-color:#e0e7ff;color:#4338ca}.FilesManagement_FileSource.onedrive{background-color:#fce7f3;color:#be185d}.FilesManagement_FilesList{display:flex;flex-direction:column}.FilesManagement_FilesListHeader{background-color:var(--background-color);display:grid;grid-template-columns:auto 2fr 1fr 1fr 1fr 100px;gap:15px;padding:15px 20px;font-weight:600;color:var(--primary-color);border-bottom:2px solid var(--border-color);font-size:14px}.FilesManagement_FilesListBody{max-height:600px;overflow-y:auto}.FilesManagement_FileRow{display:grid;grid-template-columns:auto 2fr 1fr 1fr 1fr 100px;gap:15px;padding:15px 20px;border-bottom:1px solid var(--border-color);transition:all var(--transition-speed) ease;align-items:center;cursor:pointer}.FilesManagement_FileRow:hover{background-color:var(--background-color)}.FilesManagement_FileRow.selected{background-color:rgba(var(--primary-color-rgb),.05);border-left:4px solid var(--primary-color)}.FilesManagement_FileCheckbox{display:flex;align-items:center;justify-content:center}.FilesManagement_FileCheckbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.FilesManagement_FileNameCell{display:flex;align-items:center;gap:12px}.FilesManagement_FileNameCell .FilesManagement_FileIcon{width:32px;height:32px;font-size:16px}.FilesManagement_FileDetails{display:flex;flex-direction:column;gap:2px}.FilesManagement_FileDetails .FilesManagement_FileName{font-size:14px;margin:0}.FilesManagement_FileMeta{font-size:12px;color:var(--text-color)}.FilesManagement_FileActions{display:flex;gap:5px;justify-content:flex-end;opacity:0;transition:opacity var(--transition-speed) ease}.FilesManagement_FileRow:hover .FilesManagement_FileActions,.FilesManagement_FileCard:hover .FilesManagement_FileActions{opacity:1}.FilesManagement_FileCard .FilesManagement_FileActions{position:absolute;top:10px;right:10px;background-color:#e5e7ebe6;border-radius:6px;padding:4px}.FilesManagement_ActionButton{background:none;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) ease}.FilesManagement_ActionButton svg{width:14px;height:14px}.FilesManagement_ActionButton.download{background-color:#dbeafe;color:#2563eb}.FilesManagement_ActionButton.download:hover{background-color:#2563eb;color:var(--secondary-color)}.FilesManagement_ActionButton.download-locally{background-color:#f0fdf4;color:#16a34a}.FilesManagement_ActionButton.download-locally:hover{background-color:#16a34a;color:var(--secondary-color)}.FilesManagement_ActionButton.edit{background-color:#e0f2fe;color:#0ea5e9}.FilesManagement_ActionButton.edit:hover{background-color:#0ea5e9;color:var(--secondary-color)}.FilesManagement_ActionButton.share{background-color:#f3e8ff;color:#7c3aed}.FilesManagement_ActionButton.share:hover{background-color:#7c3aed;color:var(--secondary-color)}.FilesManagement_ActionButton.delete{background-color:#fee2e2;color:#ef4444}.FilesManagement_ActionButton.delete:hover{background-color:#ef4444;color:var(--secondary-color)}.FilesManagement_ActionButton.create-album{background-color:#f3e8ff;color:#7c3aed;position:relative}.FilesManagement_ActionButton.create-album:hover{background-color:#7c3aed;color:var(--secondary-color)}.FilesManagement_ActionButton.create-album:disabled{opacity:.5;cursor:not-allowed}.FilesManagement_CloudIndicator{position:absolute;top:-2px;right:-2px;font-size:10px;background-color:var(--primary-color);color:var(--secondary-color);border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-weight:700}.FilesManagement_BulkActions{display:flex;align-items:center;gap:15px;padding:15px 20px;background-color:rgba(var(--primary-color-rgb),.05);border-bottom:1px solid var(--border-color);font-size:14px}.FilesManagement_BulkActionsText{color:var(--primary-color);font-weight:600}.FilesManagement_BulkActionButton{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;border:none}.FilesManagement_BulkActionButton.download{background-color:#dbeafe;color:#2563eb}.FilesManagement_BulkActionButton.download:hover{background-color:#2563eb;color:var(--secondary-color)}.FilesManagement_BulkActionButton.delete{background-color:#fee2e2;color:#ef4444}.FilesManagement_BulkActionButton.delete:hover{background-color:#ef4444;color:var(--secondary-color)}.FilesManagement_NoFiles{padding:60px 20px;text-align:center;color:var(--text-color);display:flex;flex-direction:column;align-items:center;gap:20px;background-color:var(--secondary-color);border-radius:12px;box-shadow:0 4px 6px var(--quaternary-color)}.FilesManagement_NoFiles svg{width:64px;height:64px;opacity:.5}.FilesManagement_NoFiles h3{font-size:18px;color:var(--text-color);margin:0}.FilesManagement_NoFiles p{font-size:14px;margin:0}.FilesManagement_Form{background-color:var(--secondary-color);border-radius:12px;padding:25px;box-shadow:0 4px 10px var(--quaternary-color);margin-top:20px}.FilesManagement_FormGroup label{display:block;font-weight:600;margin-bottom:8px;color:var(--primary-color);font-size:14px}.FilesManagement_FormGroup label .required{color:#ef4444;margin-left:3px}.FilesManagement_FormGroup input,.FilesManagement_FormGroup select,.FilesManagement_FormGroup textarea{width:100%;padding:12px 15px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;transition:all var(--transition-speed) ease;background-color:var(--secondary-color);color:var(--text-color)}.FilesManagement_FormGroup input:focus,.FilesManagement_FormGroup select:focus,.FilesManagement_FormGroup textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.15)}.FilesManagement_UploadArea{border:2px dashed var(--border-color);border-radius:12px;padding:40px 20px;text-align:center;background-color:var(--background-color);transition:all var(--transition-speed) ease;cursor:pointer}.FilesManagement_UploadArea.dragover{border-color:var(--primary-color);background-color:rgba(var(--primary-color-rgb),.05)}.FilesManagement_UploadArea svg{width:48px;height:48px;color:var(--text-color);margin-bottom:15px}.FilesManagement_UploadText{font-size:16px;color:var(--text-color);margin-bottom:5px}.FilesManagement_UploadSubtext{font-size:14px;color:var(--text-color)}.FilesManagement_FileInput{display:none}.FilesManagement_UploadProgress{margin-top:15px;background-color:var(--background-color);border-radius:6px;overflow:hidden}.FilesManagement_ProgressBar{height:8px;background-color:var(--primary-color);transition:width .3s ease}.FilesManagement_ProgressText{font-size:12px;color:var(--text-color);margin-top:5px}.FilesManagement_FormActions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.FilesManagement_CancelButton{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.FilesManagement_CancelButton:hover{background-color:var(--background-color);color:var(--text-color)}.FilesManagement_SubmitButton{background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:8px;padding:12px 25px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:0 4px 6px var(--quaternary-color)}.FilesManagement_SubmitButton:hover{transform:translateY(-2px) scale(var(--hover-scale));filter:brightness(var(--hover-brightness));box-shadow:0 6px 12px var(--quaternary-color)}@media (max-width: 1024px){.FilesManagement{padding:25px}.FilesManagement h2{font-size:24px}.FilesManagement_FilesGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.FilesManagement_Actions{gap:12px}.FilesManagement_StorageStats{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.FilesManagement_FilesListHeader,.FilesManagement_FileRow{grid-template-columns:auto 2fr 1fr 1fr 100px;gap:12px}.FilesManagement_SearchInput{width:200px}}@media (max-width: 768px){.FilesManagement{padding:20px;border-radius:8px;margin:0}.FilesManagement h2{font-size:22px;text-align:center;margin-bottom:20px}.FilesManagement h3{font-size:18px;margin:20px 0 12px}.FilesManagement h4{font-size:16px;margin:20px 0 12px}.FilesManagement_StorageInfo{padding:16px;margin-bottom:20px;border-radius:10px}.FilesManagement_StorageHeader{margin-bottom:12px}.FilesManagement_StorageTitle{font-size:16px}.FilesManagement_StorageStats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.FilesManagement_StorageStat{padding:8px;border-radius:6px}.FilesManagement_StorageStat .value{font-size:18px}.FilesManagement_StorageStat .label{font-size:11px}.FilesManagement_Actions{flex-direction:column;align-items:stretch;gap:15px;margin-bottom:20px}.FilesManagement_ActionButtons{width:100%;justify-content:stretch;gap:8px}.FilesManagement_ActionButtons button{flex:1;min-width:0;padding:12px 16px;font-size:15px;border-radius:8px;justify-content:center}.FilesManagement_Filters{width:100%;flex-direction:column;align-items:stretch;gap:12px}.FilesManagement_Filter{width:100%;justify-content:space-between;background-color:var(--background-color);padding:10px;border-radius:8px}.FilesManagement_Filter label{font-size:14px;min-width:80px}.FilesManagement_Filter select,.FilesManagement_Filter input{flex:1;font-size:16px;padding:12px 14px;border-radius:8px}.FilesManagement_SearchWrapper{width:100%}.FilesManagement_SearchInput{width:100%;font-size:16px;padding:12px 15px 12px 40px;border-radius:10px}.FilesManagement_ViewToggle{width:100%;justify-content:center;padding:6px;border-radius:10px}.FilesManagement_ViewButton{padding:10px 16px;font-size:15px;border-radius:8px}.FilesManagement_Breadcrumb{padding:12px;margin-bottom:16px;border-radius:8px;flex-wrap:wrap}.FilesManagement_BreadcrumbItem{font-size:13px;padding:4px 8px}.FilesManagement_FilesListHeader{display:none}.FilesManagement_FileRow{grid-template-columns:1fr;gap:0;padding:16px 12px;border-bottom:2px solid var(--background-color);display:block;position:relative}.FilesManagement_FileNameCell{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(var(--border-color-rgb),.3)}.FilesManagement_FileNameCell .FilesManagement_FileIcon{width:36px;height:36px}.FilesManagement_FileDetails .FilesManagement_FileName{font-size:16px}.FilesManagement_FileMeta{font-size:13px;margin-top:4px}.FilesManagement_FileActions{opacity:1;justify-content:center;margin-top:12px;gap:8px}.FilesManagement_ActionButton{width:36px;height:36px}.FilesManagement_FilesGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:15px}.FilesManagement_FileCard{padding:12px;border-radius:10px}.FilesManagement_FileIcon{width:40px;height:40px;border-radius:6px}.FilesManagement_FileName{font-size:13px}.FilesManagement_FileInfo{font-size:11px}.FilesManagement_FileCard .FilesManagement_FileActions{top:8px;right:8px;padding:3px}.FilesManagement_BulkActions{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.FilesManagement_BulkActionsText{text-align:center;margin-bottom:8px}.FilesManagement_BulkActionButton{width:100%;padding:10px 16px;font-size:15px;border-radius:8px;justify-content:center}.FilesManagement_Form{padding:20px;border-radius:10px;margin-top:16px}.FilesManagement_FormGroup{margin-bottom:16px}.FilesManagement_FormGroup label{font-size:15px;margin-bottom:10px}.FilesManagement_FormGroup input,.FilesManagement_FormGroup select,.FilesManagement_FormGroup textarea{font-size:16px;padding:14px 16px;border-radius:10px;min-height:48px}.FilesManagement_UploadArea{padding:30px 16px;border-radius:10px}.FilesManagement_UploadArea svg{width:40px;height:40px;margin-bottom:12px}.FilesManagement_UploadText{font-size:15px;margin-bottom:4px}.FilesManagement_UploadSubtext{font-size:13px}.FilesManagement_FormActions{flex-direction:column;gap:12px;margin-top:20px}.FilesManagement_CancelButton,.FilesManagement_SubmitButton{width:100%;padding:14px 18px;font-size:16px;border-radius:10px;min-height:50px}.FilesManagement_Loading{padding:40px 20px}.FilesManagement_LoadingSpinner{width:32px;height:32px}.FilesManagement_Error,.FilesManagement_Success{padding:16px;font-size:15px;border-radius:10px}.FilesManagement_NoFiles{padding:50px 20px;border-radius:10px}.FilesManagement_NoFiles svg{width:48px;height:48px}.FilesManagement_NoFiles h3{font-size:16px}.FilesManagement_NoFiles p{font-size:14px}}@media (max-width: 480px){.FilesManagement{padding:16px;border-radius:6px}.FilesManagement h2{font-size:20px;margin-bottom:16px}.FilesManagement h3{font-size:16px}.FilesManagement_StorageInfo{padding:14px;margin-bottom:16px}.FilesManagement_StorageStats{grid-template-columns:1fr;gap:8px}.FilesManagement_StorageStat{padding:6px}.FilesManagement_StorageStat .value{font-size:16px}.FilesManagement_Actions{gap:12px;margin-bottom:16px}.FilesManagement_ActionButtons{flex-direction:column;gap:6px}.FilesManagement_ActionButtons button{padding:10px 14px;font-size:14px}.FilesManagement_Filter{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.FilesManagement_Filter label{font-size:13px;margin-bottom:4px}.FilesManagement_Filter select,.FilesManagement_Filter input{font-size:15px;padding:10px 12px}.FilesManagement_SearchInput{font-size:15px;padding:10px 12px 10px 36px}.FilesManagement_ViewButton{padding:8px 12px;font-size:14px}.FilesManagement_FileRow{padding:14px 10px}.FilesManagement_FileNameCell{margin-bottom:10px}.FilesManagement_FileNameCell .FilesManagement_FileIcon{width:32px;height:32px}.FilesManagement_FileDetails .FilesManagement_FileName{font-size:15px}.FilesManagement_FileMeta{font-size:12px}.FilesManagement_FileActions{gap:6px;margin-top:10px}.FilesManagement_ActionButton{width:32px;height:32px}.FilesManagement_FilesGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:12px}.FilesManagement_FileCard{padding:10px;border-radius:8px}.FilesManagement_FileIcon{width:36px;height:36px}.FilesManagement_FileName{font-size:12px}.FilesManagement_FileInfo{font-size:10px}.FilesManagement_BulkActions{padding:10px 12px}.FilesManagement_BulkActionButton{padding:8px 14px;font-size:14px}.FilesManagement_Form{padding:16px}.FilesManagement_FormGroup label{font-size:14px}.FilesManagement_FormGroup input,.FilesManagement_FormGroup select,.FilesManagement_FormGroup textarea{font-size:15px;padding:12px 14px;min-height:44px}.FilesManagement_UploadArea{padding:25px 14px}.FilesManagement_CancelButton,.FilesManagement_SubmitButton{padding:12px 16px;font-size:15px;min-height:46px}}@media (max-width: 360px){.FilesManagement{padding:12px}.FilesManagement h2{font-size:18px;margin-bottom:14px}.FilesManagement_StorageInfo{padding:12px;margin-bottom:14px}.FilesManagement_StorageTitle{font-size:15px}.FilesManagement_StorageStat .value{font-size:14px}.FilesManagement_StorageStat .label{font-size:10px}.FilesManagement_Actions{gap:10px;margin-bottom:14px}.FilesManagement_ActionButtons button{padding:8px 12px;font-size:13px;min-height:40px}.FilesManagement_Filter{padding:10px}.FilesManagement_Filter label{font-size:12px}.FilesManagement_Filter select,.FilesManagement_Filter input{font-size:14px;padding:8px 10px;min-height:40px}.FilesManagement_SearchInput{font-size:14px;padding:8px 10px 8px 32px}.FilesManagement_SearchWrapper svg{left:10px;width:14px;height:14px}.FilesManagement_ViewButton{padding:6px 10px;font-size:13px}.FilesManagement_FileRow{padding:12px 8px}.FilesManagement_FileNameCell{margin-bottom:8px}.FilesManagement_FileNameCell .FilesManagement_FileIcon{width:28px;height:28px}.FilesManagement_FileDetails .FilesManagement_FileName{font-size:14px}.FilesManagement_FileMeta{font-size:11px}.FilesManagement_FileActions{gap:4px;margin-top:8px;flex-wrap:wrap}.FilesManagement_ActionButton{width:28px;height:28px;flex:0 0 auto}.FilesManagement_FilesGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:10px}.FilesManagement_FileCard{padding:8px;border-radius:6px}.FilesManagement_FileIcon{width:32px;height:32px}.FilesManagement_FileName{font-size:11px}.FilesManagement_FileInfo{font-size:9px}.FilesManagement_BulkActions{padding:8px 10px}.FilesManagement_BulkActionButton{padding:6px 12px;font-size:13px}.FilesManagement_Form{padding:14px}.FilesManagement_FormGroup{margin-bottom:14px}.FilesManagement_FormGroup label{font-size:13px;margin-bottom:8px}.FilesManagement_FormGroup input,.FilesManagement_FormGroup select,.FilesManagement_FormGroup textarea{font-size:14px;padding:10px 12px;min-height:40px}.FilesManagement_UploadArea{padding:20px 12px}.FilesManagement_UploadArea svg{width:32px;height:32px}.FilesManagement_UploadText{font-size:14px}.FilesManagement_UploadSubtext{font-size:12px}.FilesManagement_CancelButton,.FilesManagement_SubmitButton{padding:10px 14px;font-size:14px;min-height:42px}.FilesManagement_NoFiles{padding:40px 16px}.FilesManagement_NoFiles svg{width:40px;height:40px}.FilesManagement_NoFiles h3{font-size:15px}.FilesManagement_NoFiles p{font-size:13px}}.FilesManagement_Modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--splash-color);display:flex;align-items:center;justify-content:center;z-index:1000}.FilesManagement_ModalContent{background:var(--secondary-color);border-radius:12px;padding:0;min-width:500px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 20px 40px var(--quaternary-color)}.FilesManagement_ModalHeader{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.FilesManagement_ModalHeader h3{margin:0;font-size:18px;font-weight:600;color:var(--primary-color)}.FilesManagement_ModalClose{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.FilesManagement_ModalClose:hover{background-color:var(--background-color);color:var(--text-color)}.FilesManagement_ModalBody{padding:24px}.FilesManagement_ModalBody p{margin:0 0 16px;color:var(--text-color)}.FilesManagement_FormGroup{margin-bottom:20px}.FilesManagement_FormGroup label{display:block;margin-bottom:8px;font-weight:500;color:var(--primary-color)}.FilesManagement_FormGroup select,.FilesManagement_FormGroup input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .2s}.FilesManagement_FormGroup select:focus,.FilesManagement_FormGroup input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.FilesManagement_ModalActions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid var(--border-color);background-color:var(--background-color);border-radius:0 0 12px 12px}.FilesManagement_Button{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:14px}.FilesManagement_Button.secondary{background-color:var(--background-color);color:var(--text-color)}.FilesManagement_Button.secondary:hover{background-color:var(--border-color)}.FilesManagement_Button.primary{background-color:var(--primary-color);color:var(--secondary-color)}.FilesManagement_Button.primary:hover{background-color:rgba(var(--primary-color-rgb),.9)}.FilesManagement_Button:disabled{opacity:.6;cursor:not-allowed}.FilesManagement_FileCard.downloading,.FilesManagement_FileRow.downloading{position:relative;pointer-events:none}.FilesManagement_DownloadOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#e5e7ebf2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.FilesManagement_DownloadSpinner{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--primary-color)}.FilesManagement_SpinnerIcon{width:32px;height:32px;color:var(--primary-color)}.FilesManagement_DownloadSpinner span{font-size:12px;font-weight:500;color:var(--primary-color)}.FilesManagement_FileRow .FilesManagement_DownloadOverlay{background-color:#e5e7ebe6}.FilesManagement_FileRow .FilesManagement_DownloadSpinner{flex-direction:row;gap:12px}.FilesManagement_FileRow .FilesManagement_SpinnerIcon{width:24px;height:24px}.FilesManagement_FileRow .FilesManagement_DownloadSpinner span{font-size:14px}:root{--background-color: #e5e7eb;--text-color: #767c83;--border-color: #6264683f;--button-color: #040405b9;--splash-color: #000000b9;--primary-color: #767c83;--secondary-color: #e5e7eb;--tertiary-color: #141924b9;--quaternary-color: #6264683f;--quinary-color: #312e2e8e;--senary-color: #242424}.GalleryManagement{padding:0;background-color:var(--background-color);min-height:100vh}.GalleryManagement_Header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:var(--secondary-color);border-bottom:1px solid var(--border-color);margin-bottom:24px}.GalleryManagement_Header h2{font-size:24px;font-weight:700;color:var(--text-color);margin:0 0 4px}.GalleryManagement_Header p{font-size:14px;color:var(--text-color);margin:0}.GalleryManagement_Header_Actions{display:flex;gap:12px}.GalleryManagement_Stats{padding:0 32px;margin-bottom:32px}.GalleryManagement_Stats_Grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.GalleryManagement_Stats .stat-card{background:var(--secondary-color);border-radius:12px;padding:24px;box-shadow:0 1px 3px var(--quaternary-color);transition:all .3s ease}.GalleryManagement_Stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.GalleryManagement_Stats .stat-card h4{font-size:14px;font-weight:600;color:var(--text-color);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.GalleryManagement_Stats canvas{width:100%;height:150px}.storage-info{display:flex;flex-direction:column;gap:12px}.storage-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.storage-bar-fill{height:100%;background:linear-gradient(135deg,#4f46e5,#7c3aed);transition:width .5s ease}.stat-value{font-size:48px;font-weight:700;color:#4f46e5;line-height:1;margin-bottom:8px}.GalleryManagement_Controls{display:flex;justify-content:space-between;align-items:center;padding:0 32px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.GalleryManagement_Controls_Left,.GalleryManagement_Controls_Right{display:flex;align-items:center;gap:12px}.search-input{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;width:300px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.sort-select{padding:8px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background:var(--secondary-color);cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-color);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.view-toggle{display:flex;background:var(--secondary-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.view-toggle .btn-icon{border:none;border-radius:0;border-right:1px solid var(--border-color)}.view-toggle .btn-icon:last-child{border-right:none}.view-toggle .btn-icon.active{background:#4f46e5;color:var(--secondary-color)}.GalleryManagement_Albums{padding:0 32px 32px}.GalleryManagement_Albums.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.GalleryManagement_Albums.list{display:flex;flex-direction:column;gap:16px}.GalleryManagement_AlbumCard{background:var(--secondary-color);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px var(--quaternary-color);transition:all .3s ease;cursor:pointer;position:relative}.GalleryManagement_AlbumCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.GalleryManagement_AlbumCard.list{display:flex;align-items:center;padding:16px}.GalleryManagement_AlbumCard_Checkbox{position:absolute;top:12px;left:12px;z-index:2;background:var(--secondary-color);border-radius:4px;padding:4px;box-shadow:0 2px 4px var(--quaternary-color)}.GalleryManagement_AlbumCard_Cover{width:100%;height:200px;overflow:hidden;background:var(--background-color);position:relative}.GalleryManagement_AlbumCard.list .GalleryManagement_AlbumCard_Cover{width:120px;height:80px;flex-shrink:0;margin-right:16px}.GalleryManagement_AlbumCard_Cover img{width:100%;height:100%;object-fit:cover}.GalleryManagement_AlbumCard_Cover_Empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--border-color)}.GalleryManagement_AlbumCard_Cover_Empty svg{width:48px;height:48px}.GalleryManagement_AlbumCard_Info{padding:20px;flex:1}.GalleryManagement_AlbumCard.list .GalleryManagement_AlbumCard_Info{padding:0}.GalleryManagement_AlbumCard_Info h3{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 8px}.GalleryManagement_AlbumCard_Info p{font-size:14px;color:var(--text-color);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.GalleryManagement_AlbumCard_Meta{display:flex;gap:16px;font-size:13px;color:var(--text-color);margin-bottom:12px}.GalleryManagement_AlbumCard_Meta .status{padding:2px 8px;border-radius:4px;font-weight:500}.GalleryManagement_AlbumCard_Meta .status.public{background:#d1fae5;color:#065f46}.GalleryManagement_AlbumCard_Meta .status.private{background:#fee2e2;color:#991b1b}.GalleryManagement_AlbumCard_Tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.GalleryManagement_AlbumCard_Tags .tag{padding:4px 10px;background:var(--background-color);border-radius:4px;font-size:12px;color:var(--text-color)}.GalleryManagement_AlbumCard_Actions{display:flex;gap:8px}.GalleryManagement_AlbumCard.processing{opacity:.8;border:2px solid #3b82f6}.GalleryManagement_AlbumCard.processing .GalleryManagement_AlbumCard_Cover{position:relative}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#3b82f6e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;color:var(--secondary-color);font-size:14px;font-weight:500}.processing-overlay .spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--secondary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn svg{width:16px;height:16px}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover{background:#4338ca;transform:translateY(-1px)}.btn-primary:disabled{background:var(--text-color);cursor:not-allowed;transform:none}.btn-secondary{background:var(--background-color);color:var(--text-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-icon{width:36px;height:36px;padding:0;border:1px solid var(--border-color);border-radius:8px;background:var(--secondary-color);color:var(--text-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-icon svg{width:18px;height:18px}.btn-icon:hover{border-color:#4f46e5;color:#4f46e5}.btn-icon.active{background:#4f46e5;color:var(--secondary-color);border-color:#4f46e5}.btn-icon.danger:hover{border-color:#ef4444;color:#ef4444}.GalleryManagement_Loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-color)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}.image-loading{min-height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.loading-spinner{animation:spin 1s linear infinite}.image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px;background:var(--background-color);color:var(--text-color);font-size:12px;font-weight:500}.album-image-item.loading{position:relative;overflow:hidden}.album-image-item.loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#f0f0f099 25%,#e0e0e0cc,#f0f0f099 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1;border-radius:8px}.GalleryManagement_Empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-color);text-align:center}.GalleryManagement_Empty svg{width:120px;height:120px;color:var(--border-color);margin-bottom:24px}.GalleryManagement_Empty h3{font-size:20px;font-weight:600;color:var(--text-color);margin:0 0 8px}.GalleryManagement_Empty p{margin:0 0 24px}.GalleryManagement_AlbumForm{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-color)}.form-group input[type=text],.form-group textarea{padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.GalleryManagement_UploadForm{display:flex;flex-direction:column;gap:20px}.upload-area{border:2px dashed var(--border-color);border-radius:12px;min-height:300px;transition:all .3s ease}.upload-area:hover{border-color:#4f46e5;background:var(--background-color)}.upload-placeholder{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-color);cursor:pointer}.upload-placeholder svg{width:48px;height:48px;margin-bottom:16px}.upload-preview{padding:20px}.upload-preview p{font-size:14px;font-weight:500;color:var(--text-color);margin:0 0 16px}.upload-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.upload-preview-item{width:100px;height:100px;border-radius:8px;overflow:hidden;position:relative}.upload-preview-item img{width:100%;height:100%;object-fit:cover}.upload-preview-more{width:100px;height:100px;border-radius:8px;background:var(--background-color);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:var(--text-color)}.upload-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#4f46e5;transition:width .3s ease}.GalleryManagement_AlbumDetail{display:flex;flex-direction:column;gap:24px}.album-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.album-info p{font-size:14px;color:var(--text-color);margin:0 0 12px}.album-meta{display:flex;gap:16px;font-size:13px;color:var(--text-color)}.album-actions{display:flex;gap:12px}.album-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-color);text-align:center}.album-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.album-image-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease}.album-image-item:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--quaternary-color)}.album-image-item.selected{box-shadow:0 0 0 3px #4f46e5}.album-image-item img{width:100%;height:150px;object-fit:cover}.image-checkbox{position:absolute;top:8px;left:8px;z-index:6;background:var(--secondary-color);border-radius:4px;padding:2px;box-shadow:0 2px 4px var(--quaternary-color)}.image-actions{position:absolute;bottom:0;left:0;right:0;padding:8px;background:linear-gradient(to top,var(--splash-color),transparent);display:flex;justify-content:flex-end;opacity:0;transition:opacity .3s ease}.album-image-item:hover .image-actions{opacity:1}.image-actions .btn-icon{width:32px;height:32px;background:#e5e7ebe6;border:none}.image-actions .btn-icon:hover{background:var(--secondary-color)}.GalleryManagement_ImageViewer{position:relative;width:100%;height:calc(100vh - 200px);min-height:400px;display:flex;align-items:center;justify-content:center;background:var(--senary-color)}.viewer-content{max-width:90%;max-height:100%;display:flex;align-items:center;justify-content:center}.viewer-content img{max-width:100%;max-height:100%;object-fit:contain}.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#e5e7eb1a;border:1px solid rgba(229,231,235,.2);border-radius:50%;color:var(--secondary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.viewer-nav:hover{background:#e5e7eb33}.viewer-nav.prev{left:20px}.viewer-nav.next{right:20px}.viewer-info{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:var(--secondary-color)}.viewer-info p{margin:4px 0;font-size:14px}@media (max-width: 1024px){.GalleryManagement_Stats_Grid{grid-template-columns:repeat(2,1fr)}.GalleryManagement_Albums.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.GalleryManagement_Header{flex-direction:column;align-items:flex-start;gap:16px}.GalleryManagement_Controls{flex-direction:column;align-items:stretch}.GalleryManagement_Controls_Left,.GalleryManagement_Controls_Right{flex-wrap:wrap}.search-input{width:100%}.GalleryManagement_Stats_Grid{grid-template-columns:1fr}.GalleryManagement_Albums.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.album-images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 480px){.GalleryManagement_Header,.GalleryManagement_Stats,.GalleryManagement_Controls,.GalleryManagement_Albums{padding-left:16px;padding-right:16px}.GalleryManagement_Albums.grid{grid-template-columns:1fr}}@media (max-width: 1024px){.GalleryManagement{padding:0}.GalleryManagement_Header{padding:20px 24px;margin-bottom:20px}.GalleryManagement_Header h2{font-size:22px}.GalleryManagement_Stats{padding:0 24px;margin-bottom:24px}.GalleryManagement_Stats_Grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.GalleryManagement_Stats .stat-card{padding:20px}.stat-value{font-size:42px}.GalleryManagement_Controls{padding:0 24px;margin-bottom:20px}.search-input{width:250px}.GalleryManagement_Albums{padding:0 24px 24px}.GalleryManagement_Albums.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.album-images-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.GalleryManagement_AlbumCard_Cover{height:180px}}@media (max-width: 768px){.GalleryManagement{padding:0;min-height:100vh}.GalleryManagement_Header{flex-direction:column;align-items:stretch;padding:20px;margin-bottom:20px;gap:15px}.GalleryManagement_Header h2{font-size:20px;text-align:center;margin-bottom:5px}.GalleryManagement_Header p{text-align:center;font-size:15px}.GalleryManagement_Header_Actions{justify-content:center;flex-wrap:wrap;gap:10px}.GalleryManagement_Stats{padding:0 20px;margin-bottom:20px}.GalleryManagement_Stats_Grid{grid-template-columns:1fr;gap:15px}.GalleryManagement_Stats .stat-card{padding:20px;border-radius:10px;text-align:center}.GalleryManagement_Stats .stat-card h4{font-size:15px;margin-bottom:15px}.stat-value{font-size:36px;margin-bottom:10px}.GalleryManagement_Stats canvas{height:120px}.storage-info{gap:10px}.storage-bar{height:10px;border-radius:5px}.GalleryManagement_Controls{flex-direction:column;align-items:stretch;padding:0 20px;margin-bottom:20px;gap:15px}.GalleryManagement_Controls_Left,.GalleryManagement_Controls_Right{width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px}.search-input{width:100%;font-size:16px;padding:12px 16px;border-radius:10px;min-height:44px}.sort-select{flex:1;font-size:16px;padding:12px 16px;border-radius:8px;min-height:44px}.checkbox-label{font-size:15px;padding:8px}.checkbox-label input[type=checkbox]{width:18px;height:18px}.view-toggle{border-radius:10px;align-self:center}.view-toggle .btn-icon{width:44px;height:44px;border-radius:0}.GalleryManagement_Albums{padding:0 20px 20px}.GalleryManagement_Albums.grid{grid-template-columns:1fr;gap:15px}.GalleryManagement_Albums.list{gap:12px}.GalleryManagement_AlbumCard{border-radius:10px}.GalleryManagement_AlbumCard.list{flex-direction:column;align-items:stretch;padding:16px}.GalleryManagement_AlbumCard.list .GalleryManagement_AlbumCard_Cover{width:100%;height:120px;margin-right:0;margin-bottom:12px}.GalleryManagement_AlbumCard_Cover{height:160px}.GalleryManagement_AlbumCard_Cover_Empty svg{width:40px;height:40px}.GalleryManagement_AlbumCard_Info{padding:16px;text-align:center}.GalleryManagement_AlbumCard.list .GalleryManagement_AlbumCard_Info{padding:0;text-align:center}.GalleryManagement_AlbumCard_Info h3{font-size:16px;margin-bottom:10px}.GalleryManagement_AlbumCard_Info p{font-size:15px;margin-bottom:12px}.GalleryManagement_AlbumCard_Meta{justify-content:center;flex-wrap:wrap;gap:8px;font-size:14px;margin-bottom:15px}.GalleryManagement_AlbumCard_Meta .status{padding:4px 10px;border-radius:6px}.GalleryManagement_AlbumCard_Tags{justify-content:center;gap:8px;margin-bottom:15px}.GalleryManagement_AlbumCard_Tags .tag{padding:6px 12px;font-size:13px;border-radius:6px}.GalleryManagement_AlbumCard_Actions{justify-content:center;gap:10px}.GalleryManagement_AlbumCard_Checkbox{top:10px;left:10px;padding:6px}.processing-overlay{font-size:15px}.processing-overlay .spinner{width:28px;height:28px;margin-bottom:10px}.btn{padding:12px 20px;font-size:15px;border-radius:10px;min-height:44px}.btn svg{width:18px;height:18px}.btn-icon{width:44px;height:44px;border-radius:10px}.btn-icon svg{width:20px;height:20px}.GalleryManagement_Loading{min-height:300px;padding:40px 20px}.spinner{width:32px;height:32px;margin-bottom:15px}.GalleryManagement_Empty{min-height:300px;padding:40px 20px}.GalleryManagement_Empty svg{width:80px;height:80px;margin-bottom:20px}.GalleryManagement_Empty h3{font-size:18px;margin-bottom:10px}.GalleryManagement_Empty p{font-size:15px;margin-bottom:20px}.GalleryManagement_AlbumForm{gap:16px}.form-group{gap:10px}.form-group label{font-size:15px}.form-group input[type=text],.form-group textarea{font-size:16px;padding:12px 16px;border-radius:10px;min-height:44px}.form-group textarea{min-height:100px}.form-actions{flex-direction:column;gap:10px;margin-top:16px}.form-actions .btn{width:100%;justify-content:center}.GalleryManagement_UploadForm{gap:16px}.upload-area{border-radius:10px;min-height:200px}.upload-placeholder{height:200px;padding:20px}.upload-placeholder svg{width:40px;height:40px;margin-bottom:12px}.upload-preview{padding:16px}.upload-preview-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.upload-preview-item,.upload-preview-more{width:80px;height:80px;border-radius:6px}.upload-preview-more{font-size:13px}.upload-progress{gap:10px}.progress-bar{height:10px;border-radius:5px}.GalleryManagement_AlbumDetail{gap:20px}.album-detail-header{flex-direction:column;align-items:stretch;gap:15px;padding-bottom:16px}.album-info{text-align:center}.album-info h3{font-size:18px;margin-bottom:8px}.album-info p{font-size:15px;margin-bottom:10px}.album-meta{justify-content:center;flex-wrap:wrap;gap:10px;font-size:14px}.album-actions{justify-content:center;flex-wrap:wrap;gap:10px}.album-empty{min-height:200px;padding:40px 20px}.album-images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.album-image-item img{height:120px}.image-checkbox{top:6px;left:6px;padding:3px}.image-actions{padding:6px}.image-actions .btn-icon{width:36px;height:36px}.GalleryManagement_ImageViewer{height:calc(100vh - 150px);min-height:300px}.viewer-nav{width:44px;height:44px}.viewer-nav.prev{left:15px}.viewer-nav.next{right:15px}.viewer-info{bottom:15px}.viewer-info p{font-size:15px}}@media (max-width: 480px){.GalleryManagement_Header{padding:16px;margin-bottom:16px}.GalleryManagement_Header h2{font-size:18px}.GalleryManagement_Header p{font-size:14px}.GalleryManagement_Header_Actions{gap:8px}.GalleryManagement_Stats{padding:0 16px;margin-bottom:16px}.GalleryManagement_Stats_Grid{gap:12px}.GalleryManagement_Stats .stat-card{padding:16px;border-radius:8px}.GalleryManagement_Stats .stat-card h4{font-size:14px;margin-bottom:12px}.stat-value{font-size:30px;margin-bottom:8px}.GalleryManagement_Stats canvas{height:100px}.GalleryManagement_Controls{padding:0 16px;margin-bottom:16px;gap:12px}.GalleryManagement_Controls_Left,.GalleryManagement_Controls_Right{gap:8px}.search-input{font-size:15px;padding:10px 14px;border-radius:8px;min-height:40px}.sort-select{font-size:15px;padding:10px 14px;min-height:40px}.checkbox-label{font-size:14px;padding:6px}.checkbox-label input[type=checkbox]{width:16px;height:16px}.view-toggle .btn-icon{width:40px;height:40px}.GalleryManagement_Albums{padding:0 16px 16px}.GalleryManagement_Albums.grid{gap:12px}.GalleryManagement_Albums.list{gap:10px}.GalleryManagement_AlbumCard{border-radius:8px}.GalleryManagement_AlbumCard.list{padding:14px}.GalleryManagement_AlbumCard.list .GalleryManagement_AlbumCard_Cover{height:100px;margin-bottom:10px}.GalleryManagement_AlbumCard_Cover{height:140px}.GalleryManagement_AlbumCard_Cover_Empty svg{width:36px;height:36px}.GalleryManagement_AlbumCard_Info{padding:14px}.GalleryManagement_AlbumCard_Info h3{font-size:15px;margin-bottom:8px}.GalleryManagement_AlbumCard_Info p{font-size:14px;margin-bottom:10px}.GalleryManagement_AlbumCard_Meta{gap:6px;font-size:13px;margin-bottom:12px}.GalleryManagement_AlbumCard_Meta .status{padding:3px 8px;border-radius:4px}.GalleryManagement_AlbumCard_Tags{gap:6px;margin-bottom:12px}.GalleryManagement_AlbumCard_Tags .tag{padding:4px 8px;font-size:12px}.GalleryManagement_AlbumCard_Actions{gap:8px}.GalleryManagement_AlbumCard_Checkbox{top:8px;left:8px;padding:4px}.processing-overlay{font-size:14px}.processing-overlay .spinner{width:24px;height:24px;margin-bottom:8px}.btn{padding:10px 16px;font-size:14px;border-radius:8px;min-height:40px}.btn svg{width:16px;height:16px}.btn-icon{width:40px;height:40px;border-radius:8px}.btn-icon svg{width:18px;height:18px}.GalleryManagement_Loading{min-height:250px;padding:30px 16px}.spinner{width:28px;height:28px;margin-bottom:12px}.GalleryManagement_Empty{min-height:250px;padding:30px 16px}.GalleryManagement_Empty svg{width:60px;height:60px;margin-bottom:16px}.GalleryManagement_Empty h3{font-size:16px;margin-bottom:8px}.GalleryManagement_Empty p{font-size:14px;margin-bottom:16px}.form-group{gap:8px}.form-group label{font-size:14px}.form-group input[type=text],.form-group textarea{font-size:15px;padding:10px 14px;border-radius:8px;min-height:40px}.form-group textarea{min-height:80px}.form-actions{gap:8px;margin-top:14px}.upload-area{border-radius:8px;min-height:160px}.upload-placeholder{height:160px;padding:16px}.upload-placeholder svg{width:36px;height:36px;margin-bottom:10px}.upload-preview{padding:14px}.upload-preview-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.upload-preview-item,.upload-preview-more{width:70px;height:70px;border-radius:4px}.upload-preview-more{font-size:12px}.album-detail-header{gap:12px;padding-bottom:14px}.album-info h3{font-size:16px;margin-bottom:6px}.album-info p{font-size:14px;margin-bottom:8px}.album-meta{gap:8px;font-size:13px}.album-actions{gap:8px}.album-empty{min-height:160px;padding:30px 16px}.album-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.album-image-item img{height:100px}.image-checkbox{top:4px;left:4px;padding:2px}.image-actions{padding:4px}.image-actions .btn-icon{width:32px;height:32px}.GalleryManagement_ImageViewer{height:calc(100vh - 120px);min-height:250px}.viewer-nav{width:40px;height:40px}.viewer-nav.prev{left:10px}.viewer-nav.next{right:10px}.viewer-info{bottom:10px}.viewer-info p{font-size:14px}}@media (max-width: 360px){.GalleryManagement_Header{padding:12px;margin-bottom:12px}.GalleryManagement_Header h2{font-size:16px}.GalleryManagement_Header p{font-size:13px}.GalleryManagement_Header_Actions{gap:6px}.GalleryManagement_Stats{padding:0 12px;margin-bottom:12px}.GalleryManagement_Stats_Grid{gap:10px}.GalleryManagement_Stats .stat-card{padding:14px;border-radius:6px}.GalleryManagement_Stats .stat-card h4{font-size:13px;margin-bottom:10px}.stat-value{font-size:26px;margin-bottom:6px}.GalleryManagement_Stats canvas{height:80px}.storage-bar{height:8px}.GalleryManagement_Controls{padding:0 12px;margin-bottom:12px;gap:10px}.GalleryManagement_Controls_Left,.GalleryManagement_Controls_Right{gap:6px}.search-input{font-size:14px;padding:8px 12px;border-radius:6px;min-height:36px}.sort-select{font-size:14px;padding:8px 12px;min-height:36px}.checkbox-label{font-size:13px;padding:4px}.checkbox-label input[type=checkbox]{width:14px;height:14px}.view-toggle .btn-icon{width:36px;height:36px}.GalleryManagement_Albums{padding:0 12px 12px}.GalleryManagement_Albums.grid{gap:10px}.GalleryManagement_Albums.list{gap:8px}.GalleryManagement_AlbumCard{border-radius:6px}.GalleryManagement_AlbumCard.list{padding:12px}.GalleryManagement_AlbumCard.list .GalleryManagement_AlbumCard_Cover{height:80px;margin-bottom:8px}.GalleryManagement_AlbumCard_Cover{height:120px}.GalleryManagement_AlbumCard_Cover_Empty svg{width:32px;height:32px}.GalleryManagement_AlbumCard_Info{padding:12px}.GalleryManagement_AlbumCard_Info h3{font-size:14px;margin-bottom:6px}.GalleryManagement_AlbumCard_Info p{font-size:13px;margin-bottom:8px}.GalleryManagement_AlbumCard_Meta{gap:4px;font-size:12px;margin-bottom:10px;flex-wrap:wrap}.GalleryManagement_AlbumCard_Meta .status{padding:2px 6px;border-radius:3px}.GalleryManagement_AlbumCard_Tags{gap:4px;margin-bottom:10px}.GalleryManagement_AlbumCard_Tags .tag{padding:3px 6px;font-size:11px}.GalleryManagement_AlbumCard_Actions{gap:6px;flex-wrap:wrap}.GalleryManagement_AlbumCard_Checkbox{top:6px;left:6px;padding:3px}.processing-overlay{font-size:13px}.processing-overlay .spinner{width:20px;height:20px;margin-bottom:6px}.btn{padding:8px 14px;font-size:13px;border-radius:6px;min-height:36px}.btn svg{width:14px;height:14px}.btn-icon{width:36px;height:36px;border-radius:6px}.btn-icon svg{width:16px;height:16px}.GalleryManagement_Loading{min-height:200px;padding:20px 12px}.spinner{width:24px;height:24px;margin-bottom:10px}.GalleryManagement_Empty{min-height:200px;padding:20px 12px}.GalleryManagement_Empty svg{width:50px;height:50px;margin-bottom:12px}.GalleryManagement_Empty h3{font-size:15px;margin-bottom:6px}.GalleryManagement_Empty p{font-size:13px;margin-bottom:12px}.form-group{gap:6px}.form-group label{font-size:13px}.form-group input[type=text],.form-group textarea{font-size:14px;padding:8px 12px;border-radius:6px;min-height:36px}.form-group textarea{min-height:70px}.form-actions{gap:6px;margin-top:12px}.upload-area{border-radius:6px;min-height:140px}.upload-placeholder{height:140px;padding:12px}.upload-placeholder svg{width:32px;height:32px;margin-bottom:8px}.upload-preview{padding:12px}.upload-preview-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}.upload-preview-item,.upload-preview-more{width:60px;height:60px;border-radius:3px}.upload-preview-more{font-size:11px}.progress-bar{height:8px}.album-detail-header{gap:10px;padding-bottom:12px}.album-info h3{font-size:15px;margin-bottom:5px}.album-info p{font-size:13px;margin-bottom:6px}.album-meta{gap:6px;font-size:12px}.album-actions{gap:6px;flex-wrap:wrap}.album-empty{min-height:140px;padding:20px 12px}.album-images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.album-image-item img{height:80px}.image-checkbox{top:3px;left:3px;padding:1px}.image-actions{padding:3px}.image-actions .btn-icon{width:28px;height:28px}.GalleryManagement_ImageViewer{height:calc(100vh - 100px);min-height:200px}.viewer-nav{width:36px;height:36px}.viewer-nav.prev{left:8px}.viewer-nav.next{right:8px}.viewer-info{bottom:8px}.viewer-info p{font-size:13px;margin:2px 0}}.Login_Signup{width:100%;height:100vh;margin:0;padding:0}.Login_Signup_Container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--secondary-color);animation:fadeIn .5s ease}.Login_Signup_Content{width:50%;height:50%;max-width:450px;max-height:500px;min-width:350px;min-height:500px;background-color:var(--secondary-color);border-radius:10px;box-shadow:0 0 10px 0 var(--quaternary-color);animation:scaleIn .4s ease}.Login,.Signup,.Login_Container,.Signup_Container{width:100%;height:100%}.Login_Content,.Signup_Content{width:100%;height:100%;max-width:450px;animation:slideUp .5s ease}.Login_Signup_Content_Header{width:100%;height:20%;max-width:450px;padding:0}.Login_Signup_Content_Header_Logo{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.Login_Signup_Content_Header_Logo img{width:80px;height:80px;border-radius:50%}.Login_Signup_Content_Body{width:100%;height:60%;padding:0;max-width:450px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Signup_Content_Main{max-width:450px;max-height:400px;min-width:300px;min-height:300px;padding-left:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Signup_Content_Main_Name{width:400px;height:80px;display:flex;flex-direction:row}.Signup_Content_Main_Name_Input{width:50%;height:80px;padding:0}.Signup_Content_Main_Name_Input input{width:90%;height:50%;color:var(--text-color);padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background-color:var(--background-color)}.Signup_Content_Main_Name_Input label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px;padding:1px 3px}.Signup_Content_Main_Email{width:400px;height:70px}.Signup_Content_Main_Email label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px}.Signup_Content_Main_Email input{width:95%;height:40px;color:var(--text-color);padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background-color:var(--background-color)}.Signup_Content_Main_Password{width:400px;height:70px}.Signup_Content_Main_Password label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px}.Signup_Content_Main_Password input{width:95%;height:40px;color:var(--text-color);padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background-color:var(--background-color)}.Signup_Content_Main_Confirm_Password{width:400px;height:70px}.Signup_Content_Main_Confirm_Password label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px}.Signup_Content_Main_Confirm_Password input{width:95%;height:40px;color:var(--text-color);padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background-color:var(--background-color)}.Signup_Content_Main_Button{width:400px;height:70px}.Signup_Content_Main_Button button{width:380px;height:50px;background-color:var(--button-color);color:var(--secondary-color);border:none;border-radius:5px;font-size:16px;font-weight:500;text-align:center;cursor:pointer;margin-top:10px}.Login_Signup_Content_Footer{width:100%;height:20%}.Login_Signup_Content_Footer_Container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.Login_Signup_Content_Footer_Container p{font-size:14px;font-weight:500;color:var(--text-color)}.Login_Signup_Content_Footer_Container span{color:var(--senary-color);cursor:pointer}.Login_Signup_Form_Group{margin-bottom:5px}.Login_Signup_Form_Group label{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px}.Login_Signup_Form_Group input{width:100%;color:var(--text-color);padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background-color:var(--background-color)}.Login_Signup_Form_Group input:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 0 2px var(--quaternary-color)}.Forgot_Password{width:100%;height:100%;max-width:450px;min-width:230px;display:flex;justify-content:flex-end;margin-bottom:20px}.Forgot_Password button{background:none;border:none;color:var(--text-color);font-size:14px;cursor:pointer}.Forgot_Password button:hover{color:var(--text-color)}.Login_Content_Body_Button{width:100%;background-color:var(--button-color);color:var(--secondary-color);max-width:250px;min-width:235px;padding:12px 0;border:none;border-radius:5px;font-size:16px;font-weight:500;text-align:center;cursor:pointer;opacity:.75;transition:all .3s ease}.Login_Content_Body_Button:hover{opacity:1;transform:translateY(-2px);box-shadow:0 4px 12px var(--quaternary-color)}.Signup,.Signup_Container,.Signup_Content{width:100%;height:100%}.Signup_Index{width:100%;height:100%;max-width:450px;min-width:230px;max-height:50px;min-height:50px;border:1px solid var(--border-color)}.Signup_Name{width:230px;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0}.Signup_Name_Input{width:50%;height:100%;padding:0}@media (max-width: 768px){.Login_Signup_Content{width:90%;height:50%;max-width:450px;max-height:500px;min-width:unset;min-height:500px;margin:0}.Signup_Content_Main{max-width:450px;max-height:400px;min-width:unset;min-height:300px;padding:0 20px;box-sizing:border-box}.Signup_Content_Main_Name{width:100%;height:80px;display:flex;flex-direction:row;gap:10px}.Signup_Content_Main_Name_Input{width:50%;height:80px}.Signup_Content_Main_Name_Input input{width:90%}.Signup_Content_Main_Email,.Signup_Content_Main_Password,.Signup_Content_Main_Confirm_Password{width:100%;height:70px}.Signup_Content_Main_Email input,.Signup_Content_Main_Password input,.Signup_Content_Main_Confirm_Password input{width:95%}.Signup_Content_Main_Button{width:100%}.Signup_Content_Main_Button button{width:95%}.Login_Signup_Form_Group{width:90%}.Login_Content_Body_Button{max-width:250px;min-width:235px}}@media (max-width: 320px){.Login_Signup_Content{width:90%;margin:0}.Login_Signup_Content_Header_Logo img{width:60px;height:60px}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.Signup_Content_Main_Name_Input input:focus,.Signup_Content_Main_Email input:focus,.Signup_Content_Main_Password input:focus,.Login_Signup_Form_Group input:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 0 2px var(--quaternary-color);transform:translateY(-1px)}.Login_Signup_Content_Footer_Container span{transition:color .3s ease}.Login_Signup_Content_Footer_Container span:hover{color:var(--button-color)}.Admin_Login_Note{margin-top:20px;margin-bottom:10px;font-size:14px;color:var(--text-color);text-align:center}.Third_Party_Login_Options{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.Third_Party_Button{width:80%;padding:10px 15px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:none;color:var(--secondary-color)}.Third_Party_Button:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--quaternary-color)}.Google_Button{background-color:#4285f4}.Google_Button:hover{background-color:#357ae8}.NextCloud_Button{background-color:#0082c9}.NextCloud_Button:hover{background-color:#006da9}@media (max-width: 768px){.Third_Party_Button{width:90%}}.OAuth_Callback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background-color:var(--background-color)}.OAuth_Callback h1{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.OAuth_Callback p{font-size:1rem;color:var(--text-color);margin-bottom:2rem}.OAuth_Callback__Spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--quaternary-color);border-radius:50%;border-top-color:var(--text-color);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--secondary-color);box-shadow:0 2px 10px var(--quaternary-color);position:fixed;width:100%;top:0;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.header.scrolled{background-color:var(--secondary-color);box-shadow:0 5px 15px var(--quaternary-color)}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-size:1.8rem;font-weight:700;color:var(--senary-color);text-decoration:none}.nav-links{display:flex}.nav-link-item{margin-left:30px}.nav-links a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--senary-color)}.booking-button{background-color:var(--button-color);color:var(--secondary-color);padding:10px 20px;border-radius:5px;font-weight:600;transition:background-color .3s;text-decoration:none}.booking-button:hover{background-color:var(--senary-color)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer}.menu-toggle span{display:block;height:3px;width:100%;background-color:var(--senary-color);transition:all .3s}.mobile-menu{position:fixed;top:80px;left:0;right:0;background-color:var(--secondary-color);padding:20px;box-shadow:0 5px 10px var(--quaternary-color);display:none;z-index:99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-menu-items>div{margin-bottom:15px}.mobile-menu a{text-decoration:none;color:var(--senary-color);font-weight:500;font-size:1.1rem;display:block;padding:10px 0}.mobile-menu a.booking-button{background-color:var(--button-color);color:var(--secondary-color);text-align:center;padding:12px 20px;border-radius:5px;margin-top:10px}.mobile-menu.active{display:block}.hero{height:100vh;display:flex;align-items:center;padding-top:60px;background:linear-gradient(var(--splash-color),var(--splash-color)),url(/assets/background-DVLhl87g.jpg);background-size:cover;background-position:center;color:var(--secondary-color)}.hero-content{width:60%;padding-right:30px}.hero-title{font-size:3.5rem;margin-bottom:20px;color:var(--secondary-color);font-weight:700}.highlight{color:var(--secondary-color);font-style:italic}.lead{font-size:1.3rem;margin-bottom:30px;color:var(--secondary-color)}.hero-buttons{display:flex;gap:15px}.secondary-button{background-color:transparent;color:var(--secondary-color);border:2px solid var(--secondary-color);padding:10px 20px;border-radius:5px;font-weight:600;text-decoration:none;transition:all .3s}.secondary-button:hover{background-color:var(--quaternary-color)}.about{padding:100px 0;background-color:var(--secondary-color)}.section-header{text-align:center;margin-bottom:60px}.section-title{font-size:2.5rem;margin-bottom:15px;font-weight:600}.about-content{display:flex;align-items:center;gap:50px}.about-image{flex:1}.about-image img{width:100%;border-radius:10px;box-shadow:0 10px 30px var(--quaternary-color)}.about-text{flex:1}.about-name{font-size:2rem;margin-bottom:20px}.about-paragraph{margin-bottom:25px;font-size:1.1rem;color:var(--text-color)}.portfolio{padding:100px 0;background-color:var(--background-color)}.portfolio-filter{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.filter-button{background-color:transparent;border:none;padding:10px 20px;font-size:1rem;cursor:pointer;transition:all .3s;border-bottom:2px solid transparent}.filter-button:hover,.filter-button.active{border-bottom:2px solid var(--senary-color);color:var(--senary-color)}.gallery{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.gallery-item{position:relative;overflow:hidden;border-radius:5px;height:300px;flex:0 0 calc(33.333% - 14px)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,var(--splash-color) 0%,var(--tertiary-color) 30%,var(--quaternary-color) 100%);display:flex;align-items:flex-end;padding:15px;opacity:1}.gallery-item:hover .gallery-overlay{background:linear-gradient(to top,var(--splash-color) 0%,var(--tertiary-color) 50%,var(--quinary-color) 100%)}.gallery-title{color:var(--secondary-color);font-size:1.1rem;text-align:left;font-weight:500;text-shadow:1px 1px 3px var(--splash-color);padding:5px 0}.view-more{display:block;text-align:center;margin-top:40px;text-decoration:none;color:var(--senary-color);font-weight:600;transition:color .3s}.view-more:hover{color:var(--senary-color)}.services{padding:100px 0;background-color:var(--secondary-color)}.services-flex{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.service-card{background-color:var(--background-color);border-radius:10px;padding:40px 30px;text-align:center;flex:0 0 calc(33.333% - 20px);max-width:350px;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px var(--quaternary-color)}.service-icon{font-size:1.5rem;color:var(--senary-color);margin-bottom:20px}.service-card .service-title{font-size:1.5rem;margin-bottom:15px;color:var(--senary-color)}.service-price{font-weight:700;color:var(--senary-color);margin-top:15px;font-size:1.2rem;text-align:center}.testimonials{padding:100px 0;background-color:var(--background-color)}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.testimonial-card{background-color:var(--secondary-color);border-radius:10px;padding:30px;box-shadow:0 5px 15px var(--quaternary-color)}.testimonial-text{font-style:italic;font-size:1.1rem;color:var(--text-color);margin-bottom:20px}.testimonial-author{display:flex;align-items:center}.author-image{width:50px;height:50px;border-radius:50%;overflow:hidden;margin-right:15px}.author-image img{width:100%;height:100%;object-fit:cover}.author-name{font-size:1.1rem;margin-bottom:5px}.author-role{color:var(--text-color);font-size:.9rem}.booking-cta{background-color:var(--senary-color);color:var(--secondary-color);padding:100px 0;text-align:center}.cta-title{font-size:2.5rem;margin-bottom:15px;font-weight:600;color:var(--secondary-color)}.cta-text{font-size:1.2rem;max-width:700px;margin:0 auto 30px}.white-button{background-color:var(--secondary-color);color:var(--senary-color);padding:12px 30px;border-radius:5px;font-weight:600;text-decoration:none;display:inline-block;transition:background-color .3s;font-size:1.1rem}.white-button:hover{background-color:var(--background-color)}.contact{padding:100px 0;background-color:var(--secondary-color)}.contact-content{display:flex;gap:50px}.contact-info,.contact-form{flex:1}.contact-item{display:flex;align-items:center;margin-bottom:25px}.contact-icon{width:50px;height:50px;background-color:var(--background-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:1.2rem}.contact-label{font-size:1.1rem;margin-bottom:5px}.contact-text p{color:var(--text-color)}.form-group,.home-form-group{margin-bottom:20px}.home-form-group input{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--secondary-color);color:var(--text-color);font-size:1rem;transition:all .3s ease}.form-control{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:5px;font-size:1rem;transition:border-color .3s}.Home_Input{color:red}.form-control:focus{outline:none;border-color:var(--senary-color)}textarea.form-control{height:150px;resize:vertical}.submit-button{background-color:var(--button-color);color:var(--secondary-color);padding:12px 25px;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:var(--senary-color)}.submit-button.loading{opacity:.7;cursor:not-allowed}.form-status-message{padding:12px 15px;margin-bottom:20px;border-radius:5px;font-weight:500;background-color:var(--background-color);border-left:4px solid var(--text-color)}.form-status-message.success{background-color:#e8f5e9;border-left-color:#4caf50;color:#2e7d32}.form-status-message.error{background-color:#ffebee;border-left-color:#f44336;color:#c62828}.footer{background-color:var(--senary-color);color:var(--secondary-color);padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}.footer-title{font-size:1.2rem;margin-bottom:20px;color:var(--secondary-color)}.footer-links>div{margin-bottom:10px}.footer-links a{color:var(--text-color);text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--secondary-color)}.social-links{display:flex;gap:15px;flex-wrap:wrap;margin-top:15px}.social-link{width:40px;height:40px;background-color:var(--quaternary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);text-decoration:none;font-size:1.2rem;transition:all .3s ease;overflow:hidden}.social-link img{width:24px;height:24px;object-fit:contain}.social-link:hover{background-color:var(--quinary-color);transform:translateY(-3px);box-shadow:0 5px 10px var(--quaternary-color)}.copyright{text-align:center;padding-top:20px;border-top:1px solid var(--text-color);color:var(--text-color);font-size:.9rem}@media (max-width: 992px){.service-card{flex:0 0 calc(50% - 15px)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}.gallery-item{flex:0 0 calc(50% - 10px)}.footer-content{grid-template-columns:repeat(2,1fr)}.about-content,.contact-content{flex-direction:column}}@media (max-width: 768px){.menu-toggle{display:flex}.hero-content{width:100%;padding-right:0;text-align:center}.hero{height:auto;min-height:80vh;padding:100px 0 50px}.hero-buttons{justify-content:center}.service-card{flex:0 0 100%;max-width:400px}.testimonial-grid{grid-template-columns:1fr}.gallery-item{flex:0 0 100%}.hero-title{font-size:2.5rem}.nav-links{display:none}.about,.portfolio,.services,.testimonials,.contact{padding:60px 0}.section-header{margin-bottom:40px}.section-title{font-size:2rem}.about-name{font-size:1.8rem}.portfolio-filter{flex-wrap:wrap}.filter-button{margin-bottom:10px}.contact-form form{margin-top:40px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.fadeIn{animation:fadeIn 1s ease forwards}.slideUp{animation:slideUp .8s ease forwards}@keyframes gradientLoading{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.loading-skeleton{background:linear-gradient(90deg,var(--background-color) 25%,var(--secondary-color) 50%,var(--background-color) 75%);background-size:200% 100%;animation:gradientLoading 1.5s ease-in-out infinite;border-radius:4px;height:100%;width:100%}.loading-text{height:1.5rem;width:100%;margin-bottom:.5rem;border-radius:4px}.loading-title{height:2.5rem;width:80%;margin-bottom:1rem}.loading-button{height:2.5rem;width:150px;margin-right:1rem;border-radius:25px}.loading-image{height:100%;width:100%;min-height:200px;border-radius:8px}.loading-circle{height:40px;width:40px;border-radius:50%}.loading-icon{height:60px;width:60px;border-radius:50%;margin:0 auto 1rem}.loading-card{height:250px;border-radius:8px}.gallery-section{padding:100px 0;min-height:70vh}.gallery-header{text-align:center;margin-bottom:40px}.gallery-title{font-size:2.5rem;margin-bottom:10px;font-weight:600}.gallery-subtitle{font-size:1.2rem;color:var(--text-color)}.gallery-error-message{margin-top:20px;padding:12px 16px;background-color:#ffe6e6;color:#d32f2f;border-left:4px solid #d32f2f;border-radius:4px;display:flex;align-items:center;max-width:600px;margin-left:auto;margin-right:auto}.gallery-error-message svg{width:20px;height:20px;margin-right:10px}.gallery-filters{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:30px;gap:10px}.gallery-filter{padding:8px 15px;cursor:pointer;border-radius:4px;transition:all .3s ease;font-weight:500}.gallery-filter:hover{background-color:var(--quaternary-color)}.gallery-filter.active{background-color:var(--senary-color);color:var(--secondary-color)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px}.gallery-item{position:relative;overflow:hidden;border-radius:8px;transition:transform .3s ease;aspect-ratio:3/4}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-item-info{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(to top,var(--splash-color),transparent);color:var(--secondary-color);opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item-info{opacity:1}.gallery-item-title{font-size:1.2rem;font-weight:600;margin-bottom:5px}.gallery-item-category{font-size:.9rem;opacity:.8}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.masonry-gallery-container{padding:0;width:100%}.masonry-gallery{display:flex;width:100%}.masonry-column{padding:0 4px;box-sizing:border-box}.masonry-item{position:relative;margin-bottom:8px;overflow:hidden;cursor:pointer;border-radius:4px;background-color:var(--background-color)}.masonry-item .masonry-image{width:100%;display:block;transition:transform .3s ease}.masonry-item .lazy-image-container{width:100%;min-height:200px}.masonry-item .lazy-image{width:100%;display:block;transition:transform .3s ease}.masonry-item:hover .lazy-image{transform:scale(1.05)}.masonry-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--splash-color),transparent);color:var(--secondary-color);padding:15px;opacity:0;transition:opacity .3s ease}.masonry-item:hover .masonry-item-overlay{opacity:1}.masonry-item-overlay h3{margin:0 0 5px;font-size:18px}.masonry-item-overlay p{margin:0;font-size:14px;opacity:.8}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--splash-color)}.modal-content{position:relative;z-index:1001;max-width:90%;max-height:90vh;display:flex;align-items:center}.modal-image-container{position:relative}.modal-image{max-width:100%;max-height:80vh;border-radius:4px}.modal-image-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--splash-color),transparent);color:var(--secondary-color);padding:20px}.modal-image-info h3{margin:0 0 5px;font-size:22px}.modal-image-info p{margin:0;font-size:16px;opacity:.8}.modal-image-description{margin-top:10px!important;font-size:14px!important}.modal-close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--secondary-color);font-size:30px;cursor:pointer;z-index:1002}.modal-nav-btn{background:var(--tertiary-color);border:none;color:var(--secondary-color);font-size:24px;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;position:absolute;top:50%;transform:translateY(-50%);z-index:1002}.modal-nav-btn:hover{background-color:var(--splash-color)}.modal-prev-btn{left:-70px}.modal-next-btn{right:-70px}@media (max-width: 768px){.masonry-column{padding:0 2px}.masonry-item{margin-bottom:4px}.modal-content{max-width:95%}.modal-nav-btn{width:40px;height:40px;font-size:18px}.modal-prev-btn{left:-45px}.modal-next-btn{right:-45px}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr}.gallery-filters{flex-direction:column;align-items:center}.gallery-filter{width:100%;text-align:center;margin-bottom:5px}.modal-nav-btn{width:30px;height:30px;font-size:16px}.modal-prev-btn{left:10px}.modal-next-btn{right:10px}}.modal-image-container .lazy-image-container{width:100%;max-height:500px;display:flex;align-items:center;justify-content:center}.modal-image-container .lazy-image{max-width:100%;max-height:500px;object-fit:contain}