@charset "UTF-8";code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,sans-serif;text-align:center}*{margin:0;padding:0}:root{--primary-blue:#0288d1;--primary-green:#388e3c;--primary-orange:#f57c00;--primary-pink:#c2185b;--primary-purple:#7b1fa2;--admin-grey:#607d8b;--bg-gradient:linear-gradient(135deg,#0288d1,#7b1fa2);--text-light:#ffffffd9;--text-muted:#ffffffa6;--shadow-sm:0 4px 8px #00000014;--shadow-md:0 10px 20px #0000001f;--shadow-lg:0 15px 35px #0000002e;--shadow-xl:0 25px 50px #00000040;--border-radius:16px;--border-radius-lg:24px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px}.welcome-page-wrapper{animation:gradientShift 12s ease infinite;background:linear-gradient(135deg,#0288d1,#7b1fa2);background:var(--bg-gradient);background-size:300% 300%;min-height:100vh;overflow-x:hidden;position:relative}.background-animation{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.mesh-gradient{animation:meshMove 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#03a9f433 0,#0000 50%),radial-gradient(circle at 80% 20%,#9c27b033 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffc1071a 0,#0000 50%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}.floating-bubble{animation:floatBubble 18s ease-in-out infinite;border-radius:50%;box-shadow:inset 0 0 20px #fff3,0 0 40px #ffffff1a;filter:blur(.5px);opacity:.15;position:absolute}.bubble-1{animation-delay:0s;background:linear-gradient(45deg,#40c4ff,#0288d1);height:120px;left:8%;top:15%;width:120px}.bubble-2{animation-delay:-4s;background:linear-gradient(45deg,#f06292,#c2185b);height:180px;right:12%;top:65%;width:180px}.bubble-3{animation-delay:-8s;background:linear-gradient(45deg,#ffca28,#f57c00);bottom:25%;height:90px;left:18%;width:90px}.bubble-4{animation-delay:-12s;background:linear-gradient(45deg,#4caf50,#388e3c);height:140px;right:25%;top:35%;width:140px}.bubble-5{animation-delay:-16s;background:linear-gradient(45deg,#ab47bc,#7b1fa2);bottom:55%;height:70px;left:45%;width:70px}.particle-bubble{animation:particleFloat 25s linear infinite;background:#fff9;border-radius:50%;height:4px;position:absolute;width:4px}.particle-bubble:nth-child(6){animation-delay:0s;left:10%}.particle-bubble:nth-child(7){animation-delay:3s;left:20%}.particle-bubble:nth-child(8){animation-delay:6s;left:35%}.particle-bubble:nth-child(9){animation-delay:9s;left:50%}.particle-bubble:nth-child(10){animation-delay:12s;left:65%}.particle-bubble:nth-child(11){animation-delay:15s;left:80%}.particle-bubble:nth-child(12){animation-delay:18s;left:90%}@keyframes floatBubble{0%,to{transform:translateY(0) translateX(0) rotate(0deg) scale(1)}25%{transform:translateY(-30px) translateX(10px) rotate(90deg) scale(1.05)}50%{transform:translateY(-20px) translateX(-10px) rotate(180deg) scale(.95)}75%{transform:translateY(-40px) translateX(5px) rotate(270deg) scale(1.02)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100vh) translateX(100px)}}.welcome-container{animation:fadeInUp .8s ease-out;min-height:100vh;padding:48px 24px;padding:var(--spacing-xl) var(--spacing-md);position:relative;z-index:1}.welcome-header{animation:slideInFromTop .6s ease-out;margin-bottom:48px;margin-bottom:var(--spacing-xl)}.header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;gap:var(--spacing-md);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--spacing-lg)}.title-section{flex:1 1;margin:32px 0;margin:var(--spacing-lg) 0;text-align:center}.welcome-title{color:#fff!important;color:var(--text-white)!important;font-size:clamp(2.5rem,5vw,4rem)!important;font-weight:900!important;letter-spacing:-.02em;line-height:1.1!important;margin-bottom:16px!important;margin-bottom:var(--spacing-sm)!important;position:relative;text-shadow:0 3px 12px #00000040,0 0 80px #fff3}.brand-name{-webkit-text-fill-color:#0000;animation:shimmer 3s linear infinite;background:linear-gradient(90deg,gold,#ffab00 25%,gold 50%,#ffab00 75%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.welcome-subtitle{color:#ffffffd9!important;color:var(--text-light)!important;display:inline-block;font-size:clamp(1.1rem,2.5vw,1.3rem)!important;font-weight:400!important;margin-bottom:0!important;opacity:.95;position:relative}.welcome-subtitle.typing{animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:3px solid #fffc;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#fffc}}.header-controls{gap:32px}.control-btn{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff1a!important;background:var(--glass-bg)!important;border:1px solid #ffffff26!important;border:1px solid var(--glass-border)!important;color:#fff!important;color:var(--text-white)!important;height:48px!important;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:48px!important}.control-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.control-btn:hover:before{height:100px;width:100px}.control-btn:hover{background:#fff3!important;box-shadow:0 10px 20px #0000001f,0 0 20px #ffffff4d;box-shadow:var(--shadow-md),0 0 20px #ffffff4d;transform:translateY(-3px)}.notification-btn .notification-dot{animation:pulse 2.5s infinite;background:#ff1744;border-radius:50%;box-shadow:0 0 0 0 #ff1744b3;height:10px;position:absolute;right:10px;top:10px;width:10px}.settings-btn:hover{transform:translateY(-3px) rotate(90deg)!important}.year-selector-container{animation:fadeIn .8s ease-out .2s both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:6px;padding:16px;padding:var(--spacing-sm)}.year-label{color:#ffffffa6!important;color:var(--text-muted)!important;display:block;font-size:.8rem!important;font-weight:500!important;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase}.year-select{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff1a!important;background:var(--glass-bg)!important;border-radius:16px!important;border-radius:var(--border-radius)!important;transition:all .3s ease!important}.year-select:hover{background:#ffffff26!important;box-shadow:0 10px 20px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.year-select .MuiSelect-select{color:#fff!important;color:var(--text-white)!important;font-weight:500!important;padding:10px 20px!important}.year-select .MuiOutlinedInput-notchedOutline{border:1px solid #ffffff26!important;border:1px solid var(--glass-border)!important}.year-select:hover .MuiOutlinedInput-notchedOutline{border-color:#ffffff59!important}.modules-section{margin-bottom:48px;margin-bottom:var(--spacing-xl)}.main-title{animation:slideInFromLeft .8s ease-out;color:#fff!important;color:var(--text-white)!important;font-weight:800!important;margin-bottom:32px!important;margin-bottom:var(--spacing-lg)!important;position:relative;text-align:center;text-shadow:1px 1px 2px #0000004d}.main-title:after{animation:expandWidth .8s ease-out .4s both;background:linear-gradient(90deg,gold,#ffab00);border-radius:3px;bottom:-12px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100px}@keyframes expandWidth{0%{width:0}to{width:100px}}.modules-grid{justify-content:center;margin-top:32px!important;margin-top:var(--spacing-lg)!important;max-width:1400px}.admin-section,.modules-grid{margin-left:auto;margin-right:auto}.admin-section{margin-bottom:48px;margin-bottom:var(--spacing-xl);max-width:400px}.admin-title{color:#fff!important;color:var(--text-white)!important;font-weight:800!important;margin-bottom:32px!important;margin-bottom:var(--spacing-lg)!important;position:relative;text-align:center}.admin-title:after{background:linear-gradient(90deg,#b0bec5,#78909c);border-radius:3px;bottom:-12px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.module-card{animation:cardFadeIn .6s ease-out both;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff1a!important;background:var(--glass-bg)!important;border:1px solid #ffffff26!important;border:1px solid var(--glass-border)!important;border-radius:24px!important;border-radius:var(--border-radius-lg)!important;cursor:pointer;height:100%;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.module-card:first-child{animation-delay:.1s}.module-card:nth-child(2){animation-delay:.2s}.module-card:nth-child(3){animation-delay:.3s}.module-card:nth-child(4){animation-delay:.4s}.module-card:nth-child(5){animation-delay:.5s}.module-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:transform .6s;width:200%}.module-card:hover:before{transform:rotate(45deg) translateX(100%)}.module-card:hover{background:#ffffff26!important;border-color:#ffffff59;border-color:var(--module-color,#ffffff59);box-shadow:0 25px 50px #00000040,0 0 30px #ffffff1a;box-shadow:var(--shadow-xl),0 0 30px #ffffff1a;transform:translateY(-10px) scale(1.03)}.module-card.clicking{transform:scale(.97);transition:transform .15s ease}.module-card:after{background-image:radial-gradient(circle,#ffffff80 10%,#0000 10.01%);background-position:50%;background-repeat:no-repeat;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(10);transition:transform .5s,opacity 1s;width:100%}.module-card:active:after{opacity:.3;transform:scale(0);transition:0s}.card-content{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-md);height:100%;justify-content:space-between;padding:32px!important;padding:var(--spacing-lg)!important;position:relative;text-align:center;z-index:1}.card-header{justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.module-icon{animation:iconFloat 3s ease-in-out infinite;box-shadow:0 10px 20px #0000001f!important;box-shadow:var(--shadow-md)!important;height:64px!important;margin:0 auto 16px!important;margin:0 auto var(--spacing-sm) auto!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:64px!important}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.module-card:hover .module-icon{animation:none;box-shadow:0 15px 35px #0000002e,0 0 20px #ffffff4d!important;box-shadow:var(--shadow-lg),0 0 20px var(--module-color,#ffffff4d)!important;transform:scale(1.15) rotate(8deg)}.module-title{color:#fff!important;color:var(--text-white)!important;font-size:1.6rem!important;font-weight:700!important;line-height:1.3;margin-bottom:8px!important;margin-bottom:var(--spacing-xs)!important;text-align:center;text-shadow:0 2px 4px #0003}.module-description{color:#ffffffd9!important;color:var(--text-light)!important;flex-grow:1;line-height:1.7!important;margin-bottom:24px!important;margin-bottom:var(--spacing-md)!important;text-align:center}.module-button{background:linear-gradient(135deg,#667eea,#5a67d8)!important;background:linear-gradient(135deg,var(--module-color,#667eea) 0,var(--module-color-dark,#5a67d8) 100%)!important;border:none!important;border-radius:16px!important;border-radius:var(--border-radius)!important;box-shadow:0 4px 15px #0003!important;color:#fff!important;color:var(--text-white)!important;font-size:1rem!important;font-weight:600!important;overflow:hidden;padding:16px 24px!important;padding:var(--spacing-sm) var(--spacing-md)!important;position:relative;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.module-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.module-button:hover:before{left:100%}.module-button:hover{box-shadow:0 10px 30px #00000040,0 0 20px #667eea66;box-shadow:0 10px 30px #00000040,0 0 20px var(--module-color,#667eea66);transform:translateY(-3px)}.button-arrow{transition:transform .3s cubic-bezier(.4,0,.2,1)}.module-button:hover .button-arrow{animation:arrowBounce .6s ease-in-out;transform:translateX(6px)}@keyframes arrowBounce{0%,to{transform:translateX(6px)}50%{transform:translateX(10px)}}.card-glow{background:radial-gradient(circle at 50% 50%,#ffffff1f 0,#0000 65%);background:radial-gradient(circle at 50% 50%,var(--module-color,#ffffff1f) 0,#0000 65%);opacity:0}.module-card:hover .card-glow{animation:glowPulse 2s ease-in-out infinite;opacity:.35}@keyframes glowPulse{0%,to{opacity:.35}50%{opacity:.5}}.admin-card{animation:cardFadeIn .6s ease-out .6s both;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff1a!important;background:var(--glass-bg)!important;border:1px solid #ffffff26!important;border:1px solid var(--glass-border)!important;border-radius:24px!important;border-radius:var(--border-radius-lg)!important;cursor:pointer;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.admin-card:before{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:transform .6s;width:200%}.admin-card:hover:before{transform:rotate(45deg) translateX(100%)}.admin-card:hover{background:#ffffff26!important;border-color:#ffffff59;border-color:var(--module-color,#ffffff59);box-shadow:0 25px 50px #00000040,0 0 30px #ffffff1a;box-shadow:var(--shadow-xl),0 0 30px #ffffff1a;transform:translateY(-10px) scale(1.03)}.admin-card.clicking{transform:scale(.97);transition:transform .15s ease}.admin-card-content{display:flex;flex-direction:column;gap:24px;gap:var(--spacing-md);justify-content:space-between;padding:32px!important;padding:var(--spacing-lg)!important;position:relative;text-align:center;z-index:1}.admin-card-header{align-items:center;display:flex;justify-content:center;margin-bottom:16px;margin-bottom:var(--spacing-sm)}.admin-icon{animation:iconFloat 3s ease-in-out infinite;box-shadow:0 10px 20px #0000001f!important;box-shadow:var(--shadow-md)!important;height:64px!important;margin:0 auto 16px!important;margin:0 auto var(--spacing-sm) auto!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:64px!important}.admin-card:hover .admin-icon{animation:none;box-shadow:0 15px 35px #0000002e,0 0 20px #607d8b4d!important;box-shadow:var(--shadow-lg),0 0 20px #607d8b4d!important;transform:scale(1.15) rotate(8deg)}.admin-title-text{color:#fff!important;color:var(--text-white)!important;font-size:1.6rem!important;font-weight:700!important;line-height:1.3;margin-bottom:8px!important;margin-bottom:var(--spacing-xs)!important;text-align:center;text-shadow:0 2px 4px #0003}.admin-description{color:#ffffffd9!important;color:var(--text-light)!important;flex-grow:1;line-height:1.7!important;margin-bottom:24px!important;margin-bottom:var(--spacing-md)!important;text-align:center}.admin-button{background:linear-gradient(135deg,#607d8b,#455a64)!important;border:none!important;border-radius:16px!important;border-radius:var(--border-radius)!important;box-shadow:0 4px 15px #0003!important;color:#fff!important;color:var(--text-white)!important;font-size:1rem!important;font-weight:600!important;overflow:hidden;padding:16px 24px!important;padding:var(--spacing-sm) var(--spacing-md)!important;position:relative;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.admin-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.admin-button:hover:before{left:100%}.admin-button:hover{box-shadow:0 10px 30px #00000040,0 0 20px #607d8b66;transform:translateY(-3px)}.admin-button-container{align-items:center;display:flex;gap:16px;gap:var(--spacing-sm)}.admin-button-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#607d8b,#455a64)!important;background:linear-gradient(135deg,var(--admin-grey) 0,#455a64 100%)!important;border:1px solid #ffffff26!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;border-radius:var(--border-radius)!important;box-shadow:0 10px 20px #0000001f!important;box-shadow:var(--shadow-md)!important;color:#fff!important;color:var(--text-white)!important;display:flex;font-weight:600!important;padding:16px 24px!important;padding:var(--spacing-sm) var(--spacing-md)!important;text-transform:none!important;transition:all .3s ease!important}.admin-button-header:hover{background:linear-gradient(135deg,#607d8b,#546e7a)!important;box-shadow:0 15px 35px #0000002e!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)}.admin-icon-header{height:20px!important;margin-right:8px!important;margin-right:var(--spacing-xs)!important;width:20px!important}.logout-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;background:var(--glass-bg)!important;border:1px solid #ffffff26!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;border-radius:var(--border-radius)!important;color:#fff!important;color:var(--text-white)!important;font-weight:600!important;padding:16px 24px!important;padding:var(--spacing-sm) var(--spacing-md)!important;text-transform:none!important;transition:all .3s ease!important}.logout-button:hover{background:#fff3!important;border-color:#ffffff80!important;box-shadow:0 10px 20px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.welcome-footer{align-items:center;border-top:1px solid #ffffff26;border-top:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-sm);justify-content:space-between;margin-top:48px;margin-top:var(--spacing-xl);padding:32px 0;padding:var(--spacing-lg) 0}.footer-text{color:#ffffffa6!important;color:var(--text-muted)!important}.footer-actions{gap:32px;gap:var(--spacing-lg)}.footer-link{color:#ffffffd9!important;color:var(--text-light)!important;font-size:.9rem!important;text-decoration:none}.footer-link:hover{transform:translateY(-1px)}@media (max-width:768px){.welcome-container{padding:24px 16px;padding:var(--spacing-md) var(--spacing-sm)}.header-content{align-items:stretch;flex-direction:column;text-align:center}.admin-button-container{justify-content:center}.welcome-title{font-size:2.5rem!important}.main-title{font-size:2rem!important}.module-card,.modules-grid{margin-bottom:16px;margin-bottom:var(--spacing-sm)}.admin-card-content,.card-content{padding:24px 16px!important;padding:var(--spacing-md) var(--spacing-sm)!important}.welcome-footer{flex-direction:column;text-align:center}.floating-bubble{display:none}}@media (max-width:480px){.welcome-title{font-size:2rem!important}.main-title{font-size:1.5rem!important}.particle-bubble{display:none}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scaleX(1.25) scaleY(.75)}40%{transform:scaleX(.75) scaleY(1.25)}50%{transform:scaleX(1.15) scaleY(.85)}65%{transform:scaleX(.95) scaleY(1.05)}75%{transform:scaleX(1.05) scaleY(.95)}to{transform:scale(1)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}40%{transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{opacity:1;transform:perspective(400px) rotateX(0deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glow{0%{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc,0 0 30px #3b82f699}to{box-shadow:0 0 5px #3b82f680}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-in-up{animation:slideInUp .6s ease-out}.animate-slide-in-down{animation:slideInDown .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-bounce{animation:bounce 1s}.animate-pulse{animation:pulse 2s infinite}.animate-shake{animation:shake .5s}.animate-rubber-band{animation:rubberBand 1s}.animate-flip-in-x{animation:flipInX .6s ease-out}.animate-zoom-in{animation:zoomIn .6s ease-out}.animate-rotate-in{animation:rotateIn .6s ease-out}.animate-gradient{animation:gradient 15s ease infinite;background-size:400% 400%}.animate-shimmer{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f6f7f8 0,#edeef1 20%,#f6f7f8 40%,#f6f7f8);background-repeat:no-repeat;background-size:200px 100%}.animate-glow{animation:glow 2s ease-in-out infinite alternate}.animate-float{animation:float 3s ease-in-out infinite}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.hover-scale{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-rotate:hover{transform:rotate(5deg)}.hover-brightness{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-brightness:hover{filter:brightness(1.1)}.hover-shadow{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-shadow:hover{box-shadow:0 10px 25px #00000026}.stagger-children>*{animation:fadeInUp .6s ease-out forwards;opacity:0}.stagger-children>:first-child{animation-delay:.1s}.stagger-children>:nth-child(2){animation-delay:.2s}.stagger-children>:nth-child(3){animation-delay:.3s}.stagger-children>:nth-child(4){animation-delay:.4s}.stagger-children>:nth-child(5){animation-delay:.5s}.stagger-children>:nth-child(6){animation-delay:.6s}.stagger-children>:nth-child(7){animation-delay:.7s}.stagger-children>:nth-child(8){animation-delay:.8s}.stagger-children>:nth-child(9){animation-delay:.9s}.stagger-children>:nth-child(10){animation-delay:1s}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #3b82f64d;border-top-color:#3b82f6;display:inline-block;height:20px;width:20px}.loading-dots{display:inline-block;height:80px;position:relative;width:80px}.loading-dots div{animation-timing-function:cubic-bezier(0,1,1,0);background:#3b82f6;border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.loading-dots div:first-child{animation:loadingDots1 .6s infinite;left:8px}.loading-dots div:nth-child(2){animation:loadingDots2 .6s infinite;left:8px}.loading-dots div:nth-child(3){animation:loadingDots2 .6s infinite;left:32px}.loading-dots div:nth-child(4){animation:loadingDots3 .6s infinite;left:56px}@keyframes loadingDots1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loadingDots3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loadingDots2{0%{transform:translate(0)}to{transform:translate(24px)}}.success-animation{animation:bounce .6s ease-out,pulse 1s ease-in-out .6s}.error-animation{animation:shake .5s ease-out,pulse 1s ease-in-out .5s}.button-press{transition:all .1s ease}.button-press:active{transform:scale(.95)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.scroll-reveal{opacity:0;transform:translateY(50px);transition:all .6s ease-out}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-fade-in-up{animation-duration:.4s}.hover-lift:hover{transform:translateY(-4px)}.stagger-children>*{animation-duration:.4s}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.animate-bounce,.animate-float,.animate-gradient,.animate-pulse{animation:none!important}}@media print{.animate-bounce,.animate-fade-in,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-fade-in-up,.animate-flip-in-x,.animate-pulse,.animate-rotate-in,.animate-rubber-band,.animate-scale-in,.animate-shake,.animate-slide-in-down,.animate-slide-in-up,.animate-zoom-in{animation:none!important;opacity:1!important;transform:none!important}}.login-page-wrapper{animation:gradientShift 12s ease infinite;background:linear-gradient(135deg,#6b48ff,#a850ff);background-size:300% 300%;min-height:100vh;overflow-x:hidden;position:relative}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md)}.login-card{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #0000001a;max-width:450px;overflow:hidden;padding:var(--spacing-xl);position:relative;text-align:center;width:100%}.card-glow{background:radial-gradient(circle at 50% 50%,#ffd7001f 0,#0000 65%);bottom:0;left:0;opacity:.35;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.login-card:hover .card-glow{opacity:.5}.login-header{margin-bottom:var(--spacing-lg)}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,gold,#ffca28);-webkit-background-clip:text;color:#fff!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:900!important;line-height:1.1!important;text-shadow:0 3px 12px #00000040}.login-subtitle{color:#ffffffd9!important;font-size:clamp(1rem,2vw,1.2rem)!important;font-weight:400!important}.login-card .MuiTabs-root{background:#ffffff0d;border-radius:var(--border-radius);padding:4px}.login-card .MuiTab-root{color:#ffffffb3!important;font-weight:500!important;min-height:42px;text-transform:none!important;transition:all .3s ease}.login-card .MuiTab-root:hover{background:#ffffff14;color:#ffffffe6!important}.login-card .MuiTab-root.Mui-selected{background:#ffd7001a;border-radius:var(--border-radius);color:gold!important;font-weight:600!important}.login-card .MuiTabs-indicator{background-color:gold!important;border-radius:3px;height:3px}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.input-group{text-align:left}.input-label{color:#fff!important;font-weight:500!important;letter-spacing:.5px;margin-bottom:var(--spacing-xs)!important;text-transform:uppercase}.login-input .MuiOutlinedInput-root{background:#ffffff14;border-radius:var(--border-radius);color:#fff!important;transition:all .3s ease}.login-input .MuiOutlinedInput-root:hover{background:#ffffff1f}.login-input .MuiInputLabel-root{color:#ffffffa6!important}.login-input .MuiOutlinedInput-notchedOutline{border-color:#fff3!important;border-width:1.5px}.login-input:hover .MuiOutlinedInput-notchedOutline{border-color:#ffd70080!important}.login-input .MuiOutlinedInput-root.Mui-focused{background:#ffffff1a}.login-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:gold!important;border-width:2px;box-shadow:0 0 12px #ffd70066,0 0 20px #ffd70033}.input-icon{color:gold!important}.show-password-button{color:#ffffffa6!important}.show-password-button:hover{color:gold!important}.error-message{background:#ff174426;border-radius:var(--border-radius);margin-bottom:var(--spacing-md);padding:var(--spacing-sm)}.login-button{background:linear-gradient(90deg,#7c5aff,#b366ff)!important;border:1px solid #ffffff40!important;border-radius:var(--border-radius)!important;box-shadow:0 4px 15px #00000040,0 2px 8px #7c5aff4d;font-size:1.1rem!important;font-weight:600!important;margin-top:var(--spacing-md)!important;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md)!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.login-button:hover{background:linear-gradient(90deg,#8b6aff,#c277ff)!important;border-color:#ffd70080!important;box-shadow:0 8px 25px #0000004d,0 4px 15px #8b6aff66;transform:scale(1.03)}.login-button:disabled{background:#fff3!important;border-color:#ffffff1a!important;box-shadow:none;cursor:not-allowed}.loading-spinner{color:#fff!important}.button-arrow{display:inline-block;font-size:1.3rem;font-weight:700;margin-left:10px;transition:transform .3s ease}.login-button:hover .button-arrow{transform:translateX(6px)}.login-footer{align-items:center;border-top:1px solid #fff3;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.footer-text{color:#ffffffbf!important;font-weight:400!important;text-shadow:0 1px 3px #0000004d}.footer-actions{display:flex;gap:var(--spacing-sm)}.footer-link{border-radius:var(--border-radius)!important;color:#ffffffe6!important;font-weight:500!important;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm)!important;position:relative;text-transform:none!important;transition:all .3s ease!important}.footer-link:hover{background:#ffffff1a!important;box-shadow:0 4px 12px #0003;color:gold!important;transform:translateY(-2px)}.footer-link:after{background:gold;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.footer-link:hover:after{width:80%}.login-card .MuiDivider-root{border-color:#ffffff26!important}.login-card .MuiAlert-root{background:#ffffff1a!important;border:1px solid #fff3}.login-card .MuiAlert-standardSuccess{background:#4caf5026!important;border-color:#4caf504d}.login-card .MuiAlert-standardError{background:#f4433626!important;border-color:#f443364d}.login-card .MuiAlert-standardInfo{background:#2196f326!important;border-color:#2196f34d}.login-card .MuiAlert-message{color:#ffffffe6!important}.login-card .MuiAlert-icon{color:inherit!important}@media (max-width:768px){.login-container{padding:var(--spacing-lg) var(--spacing-sm)}.login-card{padding:var(--spacing-lg)}.login-title{font-size:2rem!important}.login-subtitle{font-size:1rem!important}}@media (max-width:480px){.login-title{font-size:1.8rem!important}.login-subtitle{font-size:.9rem!important}.login-button{font-size:1rem!important}.login-footer{flex-direction:column;text-align:center}.footer-link{justify-content:center;width:100%}}.footer-link:focus-visible,.login-button:focus-visible{outline:3px solid gold;outline-offset:3px}.login-card .MuiTab-root:focus-visible{outline:2px solid gold;outline-offset:2px}@media (prefers-reduced-motion:reduce){.background-animation,.card-glow{display:none}.login-button{transition:none!important}.login-card,.login-page-wrapper{animation:none}}@media (prefers-contrast:high){.login-card{background:#000000d9;border:2px solid #fff}.login-button,.login-input .MuiOutlinedInput-notchedOutline{border-width:2px!important}.login-card .MuiTab-root{color:#fff!important}.login-card .MuiTab-root.Mui-selected{color:gold!important}}.admin-area-container{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px;text-align:center}.admin-title{animation:fadeIn 1s ease-in;color:#1976d2;font-weight:700;margin-bottom:20px}.admin-card{transition:transform .3s ease,box-shadow .3s ease}.admin-card:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.admin-button{border-radius:4px;font-size:1.1rem;height:60px;text-transform:none}.home-button{font-size:1rem;text-transform:none}.admin-header{text-align:left}.admin-stats .stat-card{transition:transform .2s ease}.admin-stats .stat-card:hover{transform:translateY(-3px)}.section-title{color:#1976d2;font-weight:700;margin-bottom:24px}.admin-modules{text-align:left}.admin-card.clicking{animation:clickEffect .3s ease}@keyframes clickEffect{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.upload-master-container{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px;text-align:center}.upload-title{animation:fadeIn 1s ease-in;color:#1976d2;font-weight:700;margin-bottom:20px}.file-input{margin-top:10px}.file-name{color:#666;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submit-button{margin-top:10px;width:200px}.generate-button,.submit-button{font-size:1rem;height:50px;text-transform:none}.generate-button{margin-top:20px}.back-button{font-size:1rem;text-transform:none}.upload-master-files-container{padding:20px}.upload-master-files-box{background-color:#f5f5f5;border-radius:8px;padding:30px}.upload-master-files-heading{color:#1976d2;font-weight:500;margin-bottom:10px;text-align:center}.upload-master-files-title{margin-bottom:20px;text-align:center}.file-input,.file-name{margin-bottom:10px}.file-name{color:#555}.stepper-instruction{color:#333;font-size:1.1rem;font-weight:400;margin-bottom:20px;text-align:center}.lock-indicator{align-items:center;display:flex}.summary-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:20px}.summary-table table{border-collapse:collapse;width:100%}.summary-table td,.summary-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.summary-table th{background-color:#f5f5f5;color:#1976d2;font-weight:700}.summary-table td{color:#333}.summary-table td:first-child,.summary-table td:nth-child(3),.summary-table td:nth-child(4),.summary-table th:first-child,.summary-table th:nth-child(3),.summary-table th:nth-child(4){text-align:center}.summary-table tr:hover{background-color:#f9f9f9}.summary-table-header{background-color:#e3f2fd;color:#1976d2;font-size:1.2rem;font-weight:700;padding:16px;text-align:center}.summary-table-timestamp{color:#555;font-size:.9rem;font-style:italic}.summary-table tfoot td{background-color:#e3f2fd;color:#1976d2;font-weight:700}.MuiStepLabel-iconContainer.Mui-completed{color:#4caf50!important}.MuiStepLabel-iconContainer,.MuiStepLabel-iconContainer.Mui-active{color:#1976d2!important}.MuiStepConnector-line{border-color:#1976d2!important}.MuiStepConnector-line.Mui-completed{border-color:#4caf50!important}.button-group-container{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:20px}.button-group{flex-wrap:wrap;gap:12px}.button-centered,.button-group{display:flex;justify-content:center}.button-centered{width:100%}.button-centered .MuiButton-root,.button-group .MuiButton-root{min-width:200px}.client-management-page{animation:clientGradientShift 12s ease infinite;background:linear-gradient(135deg,#0288d1,#7b1fa2);background-size:300% 300%;min-height:100vh;overflow-x:hidden;position:relative}@keyframes clientGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.client-management-page .client-bg-animation{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.client-management-page .client-floating-bubble{animation:clientFloatBubble 18s ease-in-out infinite;border-radius:50%;opacity:.15;position:absolute}.client-management-page .client-bubble-1{animation-delay:0s;background:linear-gradient(45deg,#40c4ff,#0288d1);height:120px;left:8%;top:15%;width:120px}.client-management-page .client-bubble-2{animation-delay:-4s;background:linear-gradient(45deg,#f06292,#c2185b);height:180px;right:12%;top:65%;width:180px}.client-management-page .client-bubble-3{animation-delay:-8s;background:linear-gradient(45deg,#ffca28,#f57c00);bottom:25%;height:90px;left:18%;width:90px}.client-management-page .client-bubble-4{animation-delay:-12s;background:linear-gradient(45deg,#4caf50,#388e3c);height:140px;right:25%;top:35%;width:140px}.client-management-page .client-bubble-5{animation-delay:-16s;background:linear-gradient(45deg,#ab47bc,#7b1fa2);bottom:55%;height:70px;left:45%;width:70px}@keyframes clientFloatBubble{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.client-management-page .client-management-container{min-height:100vh;padding:48px 24px;position:relative;z-index:1}.client-management-page .client-dashboard-header{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:24px;margin-bottom:48px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.client-management-page .client-dashboard-header:hover{background:#ffffff26;border-color:#ffffff59;box-shadow:0 15px 35px #0000002e;transform:translateY(-10px) scale(1.03)}.client-management-page .client-management-title{color:#fff!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:900!important;line-height:1.1!important;margin-bottom:16px!important;text-shadow:0 3px 12px #00000040}.client-management-page .client-dashboard-subtitle{color:#ffffffd9!important;font-size:clamp(1rem,2vw,1.2rem)!important;font-weight:400!important;margin-bottom:0!important}.client-management-page .client-control-btn{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;color:#fff!important;height:48px!important;transition:all .3s ease!important;width:48px!important}.client-management-page .client-control-btn:hover{background:#fff3!important;box-shadow:0 10px 20px #0000001f;transform:translateY(-3px)}.client-management-page .client-modules-grid,.client-management-page .client-stats-section{margin-top:32px!important}.client-management-page .client-module-card{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:24px!important;cursor:pointer;height:100%;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.client-management-page .client-action-card:hover{background:#ffffff26!important;border-color:#ffffff59;border-color:var(--client-module-color,#ffffff59);box-shadow:0 15px 35px #0000002e;transform:translateY(-10px) scale(1.03)}.client-management-page .client-stat-card:hover{background:#ffffff1f!important;border-color:#fff3;box-shadow:0 8px 25px #0000001f;cursor:default;transform:translateY(-3px)}.client-management-page .client-module-card.clicking{transform:scale(.97);transition:transform .15s ease}.client-management-page .client-card-content{display:flex;flex-direction:column;gap:20px;height:100%;padding:24px!important}.client-management-page .client-stat-card .client-card-content{gap:16px;min-height:140px;padding:20px!important}.client-management-page .client-action-card .client-card-content{gap:18px;min-height:160px;padding:26px!important}.client-management-page .client-card-header{align-items:center;display:flex;justify-content:center;margin-bottom:12px}.client-management-page .client-stat-card .client-card-header{margin-bottom:10px}.client-management-page .client-module-icon{box-shadow:0 10px 20px #0000001f!important;height:64px!important;transition:all .3s ease!important;width:64px!important}.client-management-page .client-stat-card .client-module-icon{box-shadow:0 8px 16px #0000001a!important;height:48px!important;width:48px!important}.client-management-page .client-action-card:hover .client-module-icon{box-shadow:0 15px 35px #0000002e!important;transform:scale(1.15) rotate(8deg)}.client-management-page .client-stat-card:hover .client-module-icon{box-shadow:0 10px 20px #00000026!important;transform:scale(1.05)}.client-management-page .client-module-title{color:#fff!important;font-size:1.6rem!important;font-weight:700!important;margin-bottom:8px!important;text-align:center}.client-management-page .client-module-description{color:#ffffffd9!important;flex-grow:1;line-height:1.7!important;margin-bottom:20px!important;text-align:center}.client-management-page .client-stat-card .client-module-title{font-size:1.25rem!important;margin-bottom:6px!important}.client-management-page .client-stat-card .client-module-description{margin-bottom:0!important}.client-management-page .client-action-card .client-module-title{font-size:1.4rem!important}.client-management-page .client-action-card .client-module-description{font-size:.95rem!important;margin-bottom:16px!important}.client-management-page .client-stat-big{color:#fff!important;display:block;font-size:2rem!important;font-weight:800!important;line-height:1!important;text-align:center}.client-management-page .client-card-glow{background:radial-gradient(circle at 50% 50%,#ffffff1f 0,#0000 65%);background:radial-gradient(circle at 50% 50%,var(--client-module-color,#ffffff1f) 0,#0000 65%);bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.client-management-page .client-action-card:hover .client-card-glow{opacity:.35}.client-management-page .client-stat-card:hover .client-card-glow{opacity:.15}.client-management-page .client-module-card[style*="--primary-blue"]{--client-module-color:#0288d1}.client-management-page .client-module-card[style*="--primary-green"]{--client-module-color:#388e3c}.client-management-page .client-module-card[style*="--primary-purple"]{--client-module-color:#7b1fa2}.client-management-page .client-module-card[style*="--primary-orange"]{--client-module-color:#f57c00}.client-management-page .client-module-card[style*="--primary-pink"]{--client-module-color:#c2185b}.client-management-page .MuiLinearProgress-root{background-color:#ffffff1a!important;border-radius:4px!important;height:6px!important}.client-management-page .MuiLinearProgress-bar{background:linear-gradient(90deg,#0288d1,#0288d1)!important;background:linear-gradient(90deg,var(--client-module-color,#0288d1) 0,var(--client-module-color,#0288d1) 100%)!important;border-radius:4px!important}.client-management-page .MuiCardActionArea-root{border-radius:inherit!important;height:100%!important}.client-management-page .MuiCardActionArea-root:hover{background-color:initial!important}.client-management-page .MuiAlert-root{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:16px!important;color:#ffffffd9!important}@media (max-width:768px){.client-management-page .client-management-container{padding:32px 16px}.client-management-page .client-dashboard-header{padding:24px}.client-management-page .client-management-title{font-size:2rem!important}.client-management-page .client-card-content{padding:20px!important}.client-management-page .client-stat-card .client-card-content{min-height:120px;padding:16px!important}.client-management-page .client-action-card .client-card-content{min-height:140px;padding:20px!important}.client-management-page .client-stat-big{font-size:1.75rem!important}.client-management-page .client-stat-card .client-module-icon{height:42px!important;width:42px!important}}@media (max-width:480px){.client-management-page .client-management-title{font-size:1.75rem!important}.client-management-page .client-dashboard-subtitle{font-size:1rem!important}.client-management-page .client-stat-card .client-module-title{font-size:1.1rem!important}.client-management-page .client-action-card .client-module-title{font-size:1.25rem!important}.client-management-page .client-stat-big{font-size:1.5rem!important}.client-management-page .client-stat-card .client-card-content{min-height:100px;padding:14px!important}.client-management-page .client-action-card .client-card-content{min-height:130px;padding:18px!important}}.client-management-page .client-module-card:focus-visible{outline:3px solid gold;outline-offset:3px}@media (prefers-reduced-motion:reduce){.client-management-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.client-management-page .client-bg-animation{display:none}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.add-client-page{animation:addClientGradientShift 12s ease infinite;background:linear-gradient(135deg,#0288d1,#7b1fa2);background-size:300% 300%;min-height:100vh;overflow-x:hidden;position:relative}@keyframes addClientGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.add-client-page .add-client-bg-animation{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.add-client-page .add-client-floating-bubble{animation:addClientFloatBubble 18s ease-in-out infinite;border-radius:50%;opacity:.15;position:absolute}.add-client-page .add-client-bubble-1{animation-delay:0s;background:linear-gradient(45deg,#40c4ff,#0288d1);height:120px;left:8%;top:15%;width:120px}.add-client-page .add-client-bubble-2{animation-delay:-4s;background:linear-gradient(45deg,#f06292,#c2185b);height:180px;right:12%;top:65%;width:180px}.add-client-page .add-client-bubble-3{animation-delay:-8s;background:linear-gradient(45deg,#ffca28,#f57c00);bottom:25%;height:90px;left:18%;width:90px}.add-client-page .add-client-bubble-4{animation-delay:-12s;background:linear-gradient(45deg,#4caf50,#388e3c);height:140px;right:25%;top:35%;width:140px}.add-client-page .add-client-bubble-5{animation-delay:-16s;background:linear-gradient(45deg,#ab47bc,#7b1fa2);bottom:55%;height:70px;left:45%;width:70px}@keyframes addClientFloatBubble{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.add-client-page .add-client-container{min-height:100vh;padding:48px 24px;position:relative;z-index:1}.add-client-page .add-client-header{animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:24px;margin-bottom:48px;padding:32px;transition:all .4s cubic-bezier(.4,0,.2,1)}.add-client-page .add-client-header:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 15px 35px #0000002e;transform:translateY(-5px)}.add-client-page .add-client-title{color:#fff!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:900!important;line-height:1.1!important;margin-bottom:16px!important;text-shadow:0 3px 12px #00000040}.add-client-page .add-client-subtitle{color:#ffffffd9!important;font-size:clamp(1rem,2vw,1.2rem)!important;font-weight:400!important;margin-bottom:0!important}.add-client-page .add-client-main-card{animation:slideInUp .6s ease-out .2s both;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:24px!important;margin-bottom:24px;padding:32px!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.add-client-page .add-client-main-card:hover{background:#ffffff26!important;border-color:#ffffff40;box-shadow:0 15px 35px #0000002e;transform:translateY(-5px)}.add-client-page .add-client-section-title{align-items:center;color:#fffffff2!important;display:flex;font-size:1.4rem!important;font-weight:700!important;gap:12px;margin-bottom:16px!important}.add-client-page .add-client-section-subtitle{color:#ffffffbf!important;font-weight:400!important;margin-bottom:24px!important}.add-client-page .MuiTextField-root{margin-bottom:20px!important}.add-client-page .MuiInputLabel-root{color:#ffffffe6!important;font-weight:600!important}.add-client-page .MuiInputLabel-root.Mui-focused{color:#fff!important}.add-client-page .MuiOutlinedInput-root{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border-radius:12px!important;transition:all .3s ease!important}.add-client-page .MuiOutlinedInput-root:hover{background:#ffffff26!important;transform:translateY(-1px)}.add-client-page .MuiOutlinedInput-root.Mui-focused{background:#fff3!important;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.add-client-page .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important;border-width:1px!important}.add-client-page .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ffffff80!important}.add-client-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fffc!important;border-width:2px!important}.add-client-page .MuiOutlinedInput-input{color:#fffffff2!important}.add-client-page .MuiOutlinedInput-input::placeholder{color:#fff9!important;opacity:1}.add-client-page .MuiFormHelperText-root{color:#ffffffb3!important;font-weight:500;margin-left:4px}.add-client-page .MuiFormHelperText-root.Mui-error{color:#ffcdd2!important;font-weight:600}.add-client-page .MuiFormHelperText-root.success{color:#c8e6c9!important;font-weight:600}.add-client-page .add-client-date-field{margin-bottom:20px}.add-client-page .add-client-date-label{align-items:center;color:#ffffffe6!important;display:flex;font-size:1rem;font-weight:600!important;gap:8px;margin-bottom:8px}.add-client-page .add-client-date-input{align-items:center;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;border-radius:12px!important;color:#fffffff2!important;display:flex;gap:12px;padding:14px 16px!important;transition:all .3s ease!important}.add-client-page .add-client-date-input:hover{background:#ffffff26!important;border-color:#ffffff80!important;transform:translateY(-1px)}.add-client-page .add-client-date-input:focus-within{background:#fff3!important;border-color:#fffc!important;border-width:2px!important;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.add-client-page .react-datepicker-wrapper{flex:1 1}.add-client-page .react-datepicker__input-container input{background:#0000!important;border:none!important;color:#fffffff2!important;font-size:1rem!important;outline:none!important;width:100%!important}.add-client-page .react-datepicker__input-container input::placeholder{color:#fff9!important}.add-client-page .MuiAutocomplete-paper{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffff2!important;border:1px solid #fff3!important;border-radius:16px!important;box-shadow:0 20px 40px #00000026!important}.add-client-page .MuiAutocomplete-option{border-radius:8px!important;margin:4px 8px!important;transition:all .3s ease!important}.add-client-page .MuiAutocomplete-option:hover{background:#2888d11a!important;transform:translateX(4px)}.add-client-page .MuiAutocomplete-option.Mui-focused{background:#2888d126!important}.add-client-page .add-client-submit-btn{background:linear-gradient(135deg,#0288d1,#0277bd)!important;border-radius:16px!important;box-shadow:0 8px 25px #0288d14d!important;color:#fff!important;font-size:1.1rem!important;font-weight:700!important;min-width:180px!important;overflow:hidden;padding:16px 32px!important;position:relative;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.add-client-page .add-client-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.add-client-page .add-client-submit-btn:hover:before{left:100%}.add-client-page .add-client-submit-btn:hover{box-shadow:0 12px 35px #0288d166!important;transform:translateY(-3px)}.add-client-page .add-client-submit-btn:disabled{background:#ffffff4d!important;box-shadow:none!important;color:#fff9!important;transform:none}.add-client-page .MuiAlert-root{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff26!important;border:1px solid #fff3!important;border-radius:16px!important;color:#fffffff2!important;margin-bottom:20px}.add-client-page .MuiAlert-standardError{background:#f4433633!important;border-color:#f443364d!important;color:#ffcdd2!important}.add-client-page .MuiAlert-standardSuccess{background:#4caf5033!important;border-color:#4caf504d!important;color:#c8e6c9!important}.add-client-page .MuiLinearProgress-root{background-color:#ffffff1a!important;border-radius:4px!important;height:6px!important;margin-bottom:20px}.add-client-page .MuiLinearProgress-bar{background:linear-gradient(90deg,#0288d1,#0277bd)!important;border-radius:4px!important}.add-client-page .add-client-divider{border-color:#fff3!important;margin:24px 0!important}@media (max-width:768px){.add-client-page .add-client-container{padding:32px 16px}.add-client-page .add-client-header{padding:24px}.add-client-page .add-client-title{font-size:2rem!important}.add-client-page .add-client-main-card{padding:24px!important}}@media (max-width:480px){.add-client-page .add-client-title{font-size:1.75rem!important}.add-client-page .add-client-subtitle{font-size:1rem!important}.add-client-page .add-client-main-card{padding:20px!important}}.add-client-page .MuiTextField-root:focus-within,.add-client-page .add-client-date-input:focus-within,.add-client-page .add-client-submit-btn:focus{outline:3px solid #ffffff80;outline-offset:2px}@media (prefers-reduced-motion:reduce){.add-client-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.add-client-page .add-client-bg-animation{display:none}}.update-client-page{animation:updateClientGradientShift 12s ease infinite;background:linear-gradient(135deg,#0288d1,#7b1fa2);background-size:300% 300%;min-height:100vh;overflow-x:hidden;position:relative}@keyframes updateClientGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.update-client-page .update-client-bg-animation{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.update-client-page .update-client-floating-bubble{animation:updateClientFloatBubble 18s ease-in-out infinite;border-radius:50%;opacity:.15;position:absolute}.update-client-page .update-client-bubble-1{animation-delay:0s;background:linear-gradient(45deg,#40c4ff,#0288d1);height:120px;left:8%;top:15%;width:120px}.update-client-page .update-client-bubble-2{animation-delay:-4s;background:linear-gradient(45deg,#f06292,#c2185b);height:180px;right:12%;top:65%;width:180px}.update-client-page .update-client-bubble-3{animation-delay:-8s;background:linear-gradient(45deg,#ffca28,#f57c00);bottom:25%;height:90px;left:18%;width:90px}.update-client-page .update-client-bubble-4{animation-delay:-12s;background:linear-gradient(45deg,#4caf50,#388e3c);height:140px;right:25%;top:35%;width:140px}.update-client-page .update-client-bubble-5{animation-delay:-16s;background:linear-gradient(45deg,#ab47bc,#7b1fa2);bottom:55%;height:70px;left:45%;width:70px}@keyframes updateClientFloatBubble{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.update-client-page .update-client-container{align-items:flex-start;display:flex;justify-content:center;min-height:100vh;padding:48px 24px;position:relative;z-index:1}.update-client-page .update-client-wrapper{max-width:900px;width:100%}.update-client-page .update-client-header{animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:24px;margin-bottom:32px;padding:32px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.update-client-page .update-client-header:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 15px 35px #0000002e;transform:translateY(-5px)}.update-client-page .update-client-title{align-items:center!important;color:#fff!important;display:flex!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:900!important;gap:12px!important;justify-content:center!important;line-height:1.1!important;margin-bottom:16px!important;text-shadow:0 3px 12px #00000040}.update-client-page .update-client-subtitle{color:#ffffffd9!important;font-size:clamp(1rem,2vw,1.2rem)!important;font-weight:400!important;margin-bottom:0!important}.update-client-page .update-client-search-card{animation:slideInUp .6s ease-out .2s both;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:24px!important;margin-bottom:24px;padding:32px!important;transition:all .4s cubic-bezier(.4,0,.2,1)}.update-client-page .update-client-search-card:hover{background:#ffffff26!important;border-color:#ffffff40;box-shadow:0 15px 35px #0000002e;transform:translateY(-3px)}.update-client-page .update-client-search-title{align-items:center;color:#fffffff2!important;display:flex;font-size:1.4rem!important;font-weight:700!important;gap:12px;justify-content:center;margin-bottom:8px!important}.update-client-page .update-client-search-subtitle{color:#ffffffbf!important;font-weight:400!important;margin-bottom:24px!important;text-align:center}.update-client-page .update-client-selected-info{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#4caf5033!important;border:1px solid #4caf504d!important;border-radius:16px!important;margin-bottom:24px!important;padding:16px!important}.update-client-page .update-client-selected-title{align-items:center;color:#c8e6c9!important;display:flex;font-size:.95rem!important;font-weight:600!important;gap:8px;margin-bottom:8px!important}.update-client-page .update-client-selected-chips{display:flex;flex-wrap:wrap;gap:8px}.update-client-page .update-client-selected-chips .MuiChip-root{background:#4caf504d!important;border:1px solid #4caf5080!important;color:#c8e6c9!important;font-weight:600!important}.update-client-page .update-client-changes-chip{background:#ffc10733!important;border:1px solid #ffc10766!important;color:#fff3cd!important;font-weight:600!important;position:absolute;right:16px;top:16px;z-index:10}.update-client-page .update-client-form-card{animation:slideInUp .6s ease-out .4s both;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:24px!important;padding:32px!important;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.update-client-page .update-client-form-card:hover{background:#ffffff26!important;border-color:#ffffff40;box-shadow:0 15px 35px #0000002e;transform:translateY(-3px)}.update-client-page .update-client-section-title{align-items:center;color:#fffffff2!important;display:flex;font-size:1.3rem!important;font-weight:700!important;gap:12px;margin-bottom:16px!important}.update-client-page .update-client-section-subtitle{color:#ffffffbf!important;font-weight:400!important;margin-bottom:24px!important}.update-client-page .MuiTextField-root{margin-bottom:20px!important}.update-client-page .MuiInputLabel-root{color:#ffffffe6!important;font-weight:600!important}.update-client-page .MuiInputLabel-root.Mui-focused{color:#fff!important}.update-client-page .MuiInputLabel-root.Mui-disabled{color:#ffffff80!important}.update-client-page .MuiOutlinedInput-root{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border-radius:12px!important;transition:all .3s ease!important}.update-client-page .MuiOutlinedInput-root:hover{background:#ffffff26!important;transform:translateY(-1px)}.update-client-page .MuiOutlinedInput-root.Mui-focused{background:#fff3!important;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.update-client-page .MuiOutlinedInput-root.Mui-disabled{background:#ffffff0d!important;opacity:.7}.update-client-page .MuiOutlinedInput-notchedOutline{border-color:#ffffff4d!important;border-width:1px!important}.update-client-page .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#ffffff80!important}.update-client-page .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#fffc!important;border-width:2px!important}.update-client-page .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#f44336cc!important;border-width:2px!important}.update-client-page .MuiOutlinedInput-root.MuiInputBase-colorSuccess .MuiOutlinedInput-notchedOutline{border-color:#4caf50cc!important;border-width:2px!important}.update-client-page .MuiOutlinedInput-input{color:#fffffff2!important}.update-client-page .MuiOutlinedInput-input::placeholder{color:#fff9!important;opacity:1}.update-client-page .MuiOutlinedInput-input:disabled{color:#ffffff80!important}.update-client-page .MuiFormHelperText-root{color:#ffffffb3!important;font-weight:500;margin-left:4px}.update-client-page .MuiFormHelperText-root.Mui-error{color:#ffcdd2!important;font-weight:600}.update-client-page .MuiFormHelperText-root.success{color:#c8e6c9!important;font-weight:600}.update-client-page .update-client-actions{border-top:1px solid #fff3;display:flex;gap:16px;justify-content:center;margin-top:32px;padding-top:24px}.update-client-page .update-client-save-btn{background:linear-gradient(135deg,#4caf50,#45a049)!important;border-radius:16px!important;box-shadow:0 8px 25px #4caf504d!important;color:#fff!important;font-size:1.1rem!important;font-weight:700!important;min-width:160px!important;overflow:hidden;padding:14px 32px!important;position:relative;text-transform:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.update-client-page .update-client-save-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.update-client-page .update-client-save-btn:hover:before{left:100%}.update-client-page .update-client-save-btn:hover{box-shadow:0 12px 35px #4caf5066!important;transform:translateY(-3px)}.update-client-page .update-client-save-btn:disabled{background:#ffffff4d!important;box-shadow:none!important;color:#fff9!important;transform:none}.update-client-page .update-client-reset-btn{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;border-radius:16px!important;color:#ffffffe6!important;font-weight:600!important;padding:14px 24px!important;text-transform:none!important;transition:all .3s ease!important}.update-client-page .update-client-reset-btn:hover{background:#fff3!important;border-color:#ffffff80!important;transform:translateY(-2px)}.update-client-page .MuiLinearProgress-root{background-color:#ffffff1a!important;border-radius:4px!important;height:6px!important;margin-bottom:24px}.update-client-page .MuiLinearProgress-bar{background:linear-gradient(90deg,#4caf50,#45a049)!important;border-radius:4px!important}.update-client-page .MuiAlert-root{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#ffffff26!important;border:1px solid #fff3!important;border-radius:16px!important;color:#fffffff2!important;margin-bottom:20px}.update-client-page .MuiAlert-standardError{background:#f4433633!important;border-color:#f443364d!important;color:#ffcdd2!important}.update-client-page .MuiAlert-standardSuccess{background:#4caf5033!important;border-color:#4caf504d!important;color:#c8e6c9!important}.update-client-page .update-client-divider{border-color:#fff3!important;margin:24px 0!important}@media (max-width:768px){.update-client-page .update-client-container{padding:32px 16px}.update-client-page .update-client-header{padding:24px}.update-client-page .update-client-title{flex-direction:column;font-size:2rem!important;gap:8px!important}.update-client-page .update-client-form-card,.update-client-page .update-client-search-card{padding:24px!important}.update-client-page .update-client-actions{align-items:stretch;flex-direction:column}.update-client-page .update-client-reset-btn,.update-client-page .update-client-save-btn{width:100%!important}}@media (max-width:480px){.update-client-page .update-client-title{font-size:1.75rem!important}.update-client-page .update-client-subtitle{font-size:1rem!important}.update-client-page .update-client-form-card,.update-client-page .update-client-search-card{padding:20px!important}}.update-client-page .MuiTextField-root:focus-within,.update-client-page .update-client-reset-btn:focus,.update-client-page .update-client-save-btn:focus{outline:3px solid #ffffff80;outline-offset:2px}@media (prefers-reduced-motion:reduce){.update-client-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.update-client-page .update-client-bg-animation{display:none}}.client-info-page{animation:clientInfoGradientShift 12s ease infinite;background:linear-gradient(135deg,#0288d1,#7b1fa2);background-size:300% 300%;min-height:100vh;overflow-x:hidden;position:relative}@keyframes clientInfoGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.client-info-page .client-info-bg-animation{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.client-info-page .client-info-floating-bubble{animation:clientInfoFloatBubble 18s ease-in-out infinite;border-radius:50%;opacity:.15;position:absolute}.client-info-page .client-info-bubble-1{animation-delay:0s;background:linear-gradient(45deg,#40c4ff,#0288d1);height:120px;left:8%;top:15%;width:120px}.client-info-page .client-info-bubble-2{animation-delay:-4s;background:linear-gradient(45deg,#f06292,#c2185b);height:180px;right:12%;top:65%;width:180px}.client-info-page .client-info-bubble-3{animation-delay:-8s;background:linear-gradient(45deg,#ffca28,#f57c00);bottom:25%;height:90px;left:18%;width:90px}.client-info-page .client-info-bubble-4{animation-delay:-12s;background:linear-gradient(45deg,#4caf50,#388e3c);height:140px;right:25%;top:35%;width:140px}.client-info-page .client-info-bubble-5{animation-delay:-16s;background:linear-gradient(45deg,#ab47bc,#7b1fa2);bottom:55%;height:70px;left:45%;width:70px}@keyframes clientInfoFloatBubble{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}.client-info-page .client-info-container{min-height:100vh;padding:32px 24px;position:relative;z-index:1}.client-info-page .client-info-sticky-header{margin-bottom:32px;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1000!important}.client-info-page .client-info-header{animation:slideInDown .6s ease-out!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:24px!important;padding:32px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.client-info-page .client-info-header:hover{background:#ffffff26!important;border-color:#ffffff40!important;box-shadow:0 15px 35px #0000002e!important;transform:translateY(-5px)!important}.client-info-page .client-info-header-content{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:16px!important;justify-content:space-between!important}.client-info-page .client-info-header-actions{align-items:center!important;display:flex!important;gap:12px!important}.client-info-page .client-info-title{color:#fff!important;font-size:clamp(2rem,4vw,3rem)!important;font-weight:900!important;line-height:1.1!important;margin-bottom:16px!important;text-shadow:0 3px 12px #00000040!important}.client-info-page .client-info-subtitle{color:#ffffffd9!important;font-size:clamp(1rem,2vw,1.2rem)!important;font-weight:400!important;margin-bottom:0!important}.client-info-page .client-info-stats-grid{margin-bottom:32px!important}.client-info-page .client-info-stat-card{align-items:center!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:16px!important;display:flex!important;flex-direction:column!important;gap:8px!important;height:100%!important;justify-content:center!important;padding:20px!important;text-align:center!important;transition:all .3s ease!important}.client-info-page .client-info-stat-card:hover{background:#ffffff26!important;box-shadow:0 8px 25px #0000001f!important;transform:translateY(-3px)!important}.client-info-page .client-info-stat-number{color:#fff!important;font-size:1.8rem!important;font-weight:800!important;line-height:1!important}.client-info-page .client-info-stat-label{color:#ffffffd9!important;font-size:.9rem!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important}.client-info-page .client-info-main-card{animation:slideInUp .6s ease-out .2s both!important;-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:24px!important;overflow:hidden!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.client-info-page .client-info-main-card:hover{background:#ffffff1f!important;border-color:#fff3!important;box-shadow:0 15px 35px #0000002e!important;transform:translateY(-3px)!important}.client-info-page .client-info-tabs{background:#ffffff0d!important;padding:8px!important}.client-info-page .client-info-tabs .MuiTab-root{border-radius:12px!important;color:#ffffffb3!important;font-size:1rem!important;font-weight:600!important;margin:0 4px!important;min-height:48px!important;text-transform:none!important;transition:all .3s ease!important}.client-info-page .client-info-tabs .MuiTab-root:hover{background:#ffffff1a!important;color:#ffffffe6!important}.client-info-page .client-info-tabs .MuiTab-root.Mui-selected{background:#ffffff26!important;box-shadow:0 2px 8px #0000001a!important;color:#fff!important}.client-info-page .client-info-tabs .MuiTabs-indicator{display:none!important}.client-info-page .client-info-tab-content{background:#fffffffa!important;min-height:500px!important;padding:32px!important}.client-info-page .client-info-tab-title{color:#0288d1!important;font-weight:700!important;margin-bottom:8px!important}.client-info-page .client-info-tab-description{color:#000000b3!important;margin-bottom:24px!important}.client-info-page .client-info-search-controls{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:16px!important;margin-bottom:24px!important}.client-info-page .client-info-search-field{flex:1 1!important;min-width:300px!important}.client-info-page .client-info-search-field .MuiOutlinedInput-root{background:#fffffff2!important;border-radius:12px!important;transition:all .3s ease!important}.client-info-page .client-info-search-field .MuiOutlinedInput-root:hover{background:#fff!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}.client-info-page .client-info-search-field .MuiOutlinedInput-root.Mui-focused{background:#fff!important;box-shadow:0 6px 20px #00000026!important;transform:translateY(-2px)!important}.client-info-page .client-info-apply-btn{background:linear-gradient(135deg,#0288d1,#0277bd)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;padding:12px 24px!important;text-transform:none!important;transition:all .3s ease!important}.client-info-page .client-info-apply-btn:hover{box-shadow:0 6px 20px #0288d14d!important;transform:translateY(-2px)!important}.client-info-page .client-info-autocomplete .MuiAutocomplete-paper{border:1px solid #0288d133!important;border-radius:12px!important;box-shadow:0 8px 25px #00000026!important}.client-info-page .client-info-autocomplete-option{align-items:center!important;display:flex!important;gap:12px!important;padding:12px 16px!important;transition:all .2s ease!important}.client-info-page .client-info-autocomplete-option:hover{background:#0288d11a!important}.client-info-page .client-info-option-avatar{background:linear-gradient(135deg,#0288d1,#0277bd)!important;font-size:14px!important;height:32px!important;width:32px!important}.client-info-page .client-info-option-icon{color:#0288d1!important;font-size:20px!important}.client-info-page .client-info-option-title{color:#000000de!important;font-weight:600!important}.client-info-page .client-info-option-subtitle{color:#0009!important}.client-info-page .client-info-filter-chips{align-items:center!important;background:#0288d10d!important;border:1px solid #0288d11a!important;border-radius:12px!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:16px 0 24px!important;padding:16px!important}.client-info-page .client-info-filter-label{color:#000000b3!important;font-weight:600!important;margin-right:8px!important}.client-info-page .client-info-filter-chip{background:#0288d126!important;border:1px solid #0288d14d!important;color:#0288d1!important;font-weight:600!important;transition:all .3s ease!important}.client-info-page .client-info-filter-chip:hover{background:#0288d140!important;transform:translateY(-1px)!important}.client-info-page .client-info-filter-chip .MuiChip-deleteIcon{color:#0288d1cc!important}.client-info-page .client-info-clear-btn{border-radius:8px!important;color:#0288d1!important;font-weight:600!important;padding:6px 12px!important;text-transform:none!important;transition:all .3s ease!important}.client-info-page .client-info-clear-btn:hover{background:#0288d11a!important;transform:translateY(-1px)!important}.client-info-page .client-info-group-profile{border:1px solid #0288d133!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000d!important;margin:20px 0!important}.client-info-page .client-info-group-title{color:#0288d1!important;font-weight:700!important;margin-bottom:16px!important}.client-info-page .client-info-group-detail{color:#000c!important;margin-bottom:8px!important}.client-info-page .client-info-table-wrapper{border:1px solid #0288d133!important;border-radius:16px!important;box-shadow:0 8px 25px #00000014!important;overflow:hidden!important}.client-info-page .client-info-table-container{max-height:calc(100vh - 400px)!important;overflow:auto!important;scrollbar-color:#0288d14d #0000!important;scrollbar-width:thin!important}.client-info-page .client-info-table-container::-webkit-scrollbar{height:8px!important;width:8px!important}.client-info-page .client-info-table-container::-webkit-scrollbar-track{background:#0000001a!important;border-radius:4px!important}.client-info-page .client-info-table-container::-webkit-scrollbar-thumb{background:#0288d166!important;border-radius:4px!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important}.client-info-page .client-info-table-container::-webkit-scrollbar-thumb:hover{background:#0288d199!important}.client-info-page .client-info-table{background:#fffffffa!important}.client-info-page .client-info-table-header-cell{background:linear-gradient(135deg,#2c3e50,#34495e)!important;border-bottom:none!important;box-shadow:0 2px 4px #0000001a!important;color:#fff!important;font-size:.95rem!important;font-weight:700!important;letter-spacing:.5px!important;padding:16px 12px!important;position:-webkit-sticky!important;position:sticky!important;text-transform:uppercase!important;top:0!important;z-index:10!important}.client-info-page .client-info-table-row{background-color:#fffffff2!important;cursor:pointer!important;transition:all .2s ease!important}.client-info-page .client-info-table-row:hover{background:#0288d114!important;box-shadow:0 4px 12px #00000014!important;transform:translateY(-1px)!important}.client-info-page .client-info-table-cell{background:inherit!important;border-bottom:1px solid #0288d11a!important;padding:16px 12px!important;vertical-align:top!important}.client-info-page .client-info-sticky-cell{background:#fffffffa!important;border-right:1px solid #0288d126!important;box-shadow:2px 0 4px #0000001a!important}.client-info-page .client-info-table-row:hover .client-info-sticky-cell{background:#0288d114!important}.client-info-page .client-info-client-cell{align-items:center!important;display:flex!important;gap:12px!important;min-width:0!important}.client-info-page .client-info-avatar{background:linear-gradient(135deg,#0288d1,#0277bd)!important;border:2px solid #ffffffe6!important;box-shadow:0 4px 12px #0288d140!important;flex-shrink:0!important;font-size:16px!important;font-weight:700!important;height:44px!important;transition:all .3s ease!important;width:44px!important}.client-info-page .client-info-table-row:hover .client-info-avatar{box-shadow:0 6px 20px #0288d166!important;transform:scale(1.1)!important}.client-info-page .client-info-client-details{flex:1 1!important;min-width:0!important}.client-info-page .client-info-client-name{color:#1a1a1a!important;font-size:16px!important;font-weight:700!important}.client-info-page .client-info-client-name,.client-info-page .client-info-client-subtitle{margin-bottom:4px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-info-page .client-info-client-subtitle{color:#333!important;font-size:14px!important;font-weight:500!important}.client-info-page .client-info-address{align-items:center!important;display:flex!important;gap:4px!important;margin-top:2px!important}.client-info-page .client-info-address-text{color:#666!important;font-size:12px!important;max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-info-page .client-info-icon{flex-shrink:0!important;font-size:14px!important;opacity:.7!important}.client-info-page .client-info-firm-cell{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important}.client-info-page .client-info-firm-name{align-items:center!important;display:flex!important;gap:6px!important}.client-info-page .client-info-firm-text{color:#1a1a1a!important;font-size:15px!important;font-weight:600!important;max-width:200px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-info-page .client-info-email{align-items:center!important;display:flex!important;gap:6px!important}.client-info-page .client-info-email-text{color:#666!important;font-size:13px!important;font-weight:500!important;max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-info-page .client-info-group-cell{align-items:center!important;display:flex!important;flex-direction:column!important;gap:6px!important}.client-info-page .client-info-group-chip{background:#0288d126!important;border:1px solid #0288d14d!important;color:#0288d1!important;font-size:.8rem!important;font-weight:600!important}.client-info-page .client-info-group-name{color:#666!important;font-size:12px!important;font-weight:500!important;max-width:120px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-info-page .client-info-contact-cell{align-items:center!important;display:flex!important;justify-content:center!important}.client-info-page .client-info-contact-info{align-items:center!important;display:flex!important;gap:6px!important}.client-info-page .client-info-contact-text{color:#1a1a1a!important;font-size:14px!important;font-weight:600!important}.client-info-page .client-info-gstin-text{color:#1a1a1a!important;font-family:Courier New,monospace!important;font-size:14px!important;font-weight:500!important;max-width:160px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.client-info-page .client-info-date-cell{align-items:center!important;display:flex!important;gap:6px!important;justify-content:center!important}.client-info-page .client-info-date-text{color:#1a1a1a!important;font-size:14px!important;font-weight:600!important}.client-info-page .client-info-no-data{color:#999!important;font-size:14px!important;font-weight:500!important;text-align:center!important}.client-info-page .client-info-pagination-wrapper{background:#fffffffa!important;border-top:1px solid #0288d11a!important;flex-wrap:wrap!important;justify-content:space-between!important;padding:16px 20px!important}.client-info-page .client-info-custom-pagination,.client-info-page .client-info-pagination-wrapper{align-items:center!important;display:flex!important;gap:16px!important}.client-info-page .client-info-pagination-info{color:#000000b3!important;font-size:.9rem!important;font-weight:600!important}.client-info-page .client-info-pagination-controls{align-items:center!important;display:flex!important;gap:4px!important}.client-info-page .client-info-pagination-controls .MuiIconButton-root{background:#0288d11a!important;border:1px solid #0288d133!important;color:#0288d1!important;transition:all .3s ease!important}.client-info-page .client-info-pagination-controls .MuiIconButton-root:hover{background:#0288d133!important;border-color:#0288d1!important;transform:translateY(-1px)!important}.client-info-page .client-info-pagination-controls .MuiIconButton-root:disabled{background:#0000000d!important;border-color:#0000001a!important;color:#0000004d!important}.client-info-page .client-info-table-pagination{border:none!important;color:#000000b3!important}.client-info-page .client-info-table-pagination .MuiTablePagination-toolbar{padding:0!important}.client-info-page .client-info-table-pagination .MuiTablePagination-displayedRows,.client-info-page .client-info-table-pagination .MuiTablePagination-selectLabel{color:#000000b3!important;font-weight:600!important;margin:0!important}.client-info-page .client-info-table-pagination .MuiSelect-select{background:#0288d11a!important;border:1px solid #0288d14d!important;border-radius:8px!important;font-weight:600!important;padding:8px 12px!important}.client-info-page .client-info-loading-center{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:center!important;padding:60px 20px!important}.client-info-page .client-info-loading-text{color:#0009!important;font-weight:500!important}.client-info-page .client-info-no-results{align-items:center!important;display:flex!important;flex-direction:column!important;gap:16px!important;justify-content:center!important;padding:80px 20px!important;text-align:center!important}.client-info-page .client-info-no-results-icon{color:#0003!important;font-size:80px!important;margin-bottom:16px!important}.client-info-page .client-info-no-results-title{color:#000000b3!important;font-weight:600!important;margin-bottom:8px!important}.client-info-page .client-info-no-results-description{color:#00000080!important;margin-bottom:24px!important;max-width:400px!important}.client-info-page .client-info-clear-filters-btn{border-color:#0288d14d!important;border-radius:12px!important;color:#0288d1!important;font-weight:600!important;padding:10px 20px!important;text-transform:none!important;transition:all .3s ease!important}.client-info-page .client-info-clear-filters-btn:hover{background:#0288d11a!important;border-color:#0288d1!important;transform:translateY(-2px)!important}.client-info-page .client-info-export-btn{background:#ffffffe6!important;border-color:#0288d14d!important;border-radius:12px!important;color:#0288d1!important;font-weight:600!important;padding:10px 20px!important;text-transform:none!important;transition:all .3s ease!important}.client-info-page .client-info-export-btn:hover{background:#0288d11a!important;border-color:#0288d1!important;box-shadow:0 4px 12px #0288d133!important;transform:translateY(-2px)!important}.client-info-page .client-info-refresh-btn{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;color:#ffffffe6!important;transition:all .3s ease!important}.client-info-page .client-info-refresh-btn:hover{background:#fff3!important;border-color:#fff6!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.client-info-page .client-info-error-alert{background:#f443361a!important;border:1px solid #f4433633!important;border-radius:16px!important;color:#c62828!important;margin-bottom:20px!important}.client-info-page .client-info-action-bar{position:relative!important;z-index:1!important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.client-info-page .client-info-table-container{font-size:.9rem!important}.client-info-page .client-info-client-name{font-size:15px!important}.client-info-page .client-info-firm-text{max-width:160px!important}}@media (max-width:768px){.client-info-page .client-info-container{padding:24px 16px!important}.client-info-page .client-info-header{padding:24px!important}.client-info-page .client-info-header-content{align-items:stretch!important;flex-direction:column!important;gap:20px!important}.client-info-page .client-info-title{font-size:2rem!important;text-align:center!important}.client-info-page .client-info-subtitle{text-align:center!important}.client-info-page .client-info-header-actions{justify-content:center!important}.client-info-page .client-info-tab-content{padding:20px 16px!important}.client-info-page .client-info-search-controls{align-items:stretch!important;flex-direction:column!important}.client-info-page .client-info-search-field{min-width:0!important;min-width:auto!important}.client-info-page .client-info-table-container{max-height:calc(100vh - 500px)!important}.client-info-page .client-info-pagination-wrapper{align-items:center!important;flex-direction:column!important;gap:12px!important}.client-info-page .client-info-custom-pagination{order:2!important}.client-info-page .client-info-table-pagination{order:1!important}.client-info-page .client-info-avatar{font-size:14px!important;height:36px!important;width:36px!important}.client-info-page .client-info-client-name{font-size:14px!important}.client-info-page .client-info-client-subtitle{font-size:13px!important}.client-info-page .client-info-address-text{max-width:120px!important}.client-info-page .client-info-firm-text{max-width:140px!important}.client-info-page .client-info-email-text{max-width:120px!important}}@media (max-width:480px){.client-info-page .client-info-title{font-size:1.75rem!important}.client-info-page .client-info-subtitle{font-size:1rem!important}.client-info-page .client-info-stat-card{padding:16px!important}.client-info-page .client-info-stat-number{font-size:1.5rem!important}.client-info-page .client-info-tab-content{padding:16px 12px!important}.client-info-page .client-info-table-header-cell{font-size:.8rem!important;padding:12px 8px!important}.client-info-page .client-info-table-cell{padding:12px 8px!important}}.client-info-page .MuiButton-root:focus,.client-info-page .MuiIconButton-root:focus,.client-info-page .MuiTab-root:focus,.client-info-page .MuiTextField-root:focus-within{outline:2px solid #0288d180!important;outline-offset:2px!important}@media (prefers-contrast:high){.client-info-page .client-info-header{background:#fffffff2!important;color:#000!important}.client-info-page .client-info-subtitle,.client-info-page .client-info-title{color:#000!important;text-shadow:none!important}}@media (prefers-reduced-motion:reduce){.client-info-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.client-info-page .client-info-bg-animation{display:none!important}.client-info-page .client-info-main-card:hover,.client-info-page .client-info-stat-card:hover,.client-info-page .client-info-table-row:hover{transform:none!important}}@media print{.client-info-page .client-info-bg-animation,.client-info-page .client-info-header-actions,.client-info-page .client-info-pagination-wrapper{display:none!important}.client-info-page .client-info-main-card{border:1px solid #ccc!important;box-shadow:none!important}.client-info-page .client-info-table-container{max-height:none!important;overflow:visible!important}}:root{--glass-bg:#ffffff1a;--glass-bg-light:#ffffff26;--glass-bg-dark:#ffffff0d;--glass-border:#ffffff26;--glass-border-hover:#ffffff40;--glass-shadow:0 8px 32px #1f26875e;--glass-shadow-hover:0 8px 32px #1f268773;--bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--bg-gradient-alt:linear-gradient(135deg,#f093fb,#f5576c);--bg-gradient-secondary:linear-gradient(135deg,#4facfe,#00f2fe);--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--shadow-sm:0 2px 16px #1f268726;--shadow-md:0 4px 32px #1f268740;--shadow-lg:0 8px 48px #1f268759;--shadow-xl:0 16px 64px #1f268773;--transition:all 300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:all 500ms cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--glass-bg:#0003;--glass-bg-light:#0000004d;--glass-bg-dark:#0000001a;--glass-border:#ffffff1a;--glass-border-hover:#fff3}body{color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.task-management-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--bg-gradient);background-size:400% 400%;overflow-x:hidden;position:relative}.task-management-container:before{animation:meshMove 25s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#667eea33 0,#0000 50%),radial-gradient(circle at 80% 20%,#f5656533 0,#0000 50%),radial-gradient(circle at 40% 40%,#9f7aea26 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes meshMove{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(-30px,-50px) rotate(120deg)}66%{transform:translate(30px,20px) rotate(240deg)}}.task-management-container:after{animation:sparkle 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#fff6,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff4d,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff80,#0000),radial-gradient(1px 1px at 130px 80px,#fff6,#0000);background-repeat:repeat;background-size:200px 100px;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.task-management-container>*{position:relative;z-index:1}.dashboard-header{animation:slideInFromTop .8s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);overflow:hidden;position:relative}.dashboard-header:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}to{left:100%}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.dashboard-title{background:linear-gradient(135deg,#fff,#f0f8ff);color:#fff;color:var(--white);font-size:36px;font-weight:800;text-shadow:0 4px 8px #0000004d}.dashboard-subtitle{color:#fffc;text-shadow:0 2px 4px #0003}.task-header{align-items:center;animation:fadeInUp .8s ease-out .2s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);display:flex;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8);overflow:hidden;padding:24px 32px;padding:var(--space-6) var(--space-8);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.task-header:hover{border-color:#ffffff40;border-color:var(--glass-border-hover);box-shadow:0 8px 32px #1f268773;box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.task-header-left{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.task-header-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1976d2,#1565c0);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:2px solid #fff3;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #1976d266;color:#fff;color:var(--white);display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.task-header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e3f2fd);background-clip:text;-webkit-background-clip:text;color:#fff;color:var(--white);font-size:28px;font-weight:800;margin:0;text-shadow:0 4px 8px #0000004d}.task-header-subtitle{align-items:center;color:#fffc;display:flex;font-size:14px;gap:12px;gap:var(--space-3);margin-top:4px;margin-top:var(--space-1);text-shadow:0 2px 4px #0003}.connection-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:12px;font-weight:500;gap:4px;gap:var(--space-1);padding:4px 8px;padding:var(--space-1) var(--space-2)}.connection-status.connected{background:#4caf5033;border-color:#4caf504d;color:#a5d6a7}.connection-status.disconnected{background:#f4433633;border-color:#f443364d;color:#ef9a9a}.task-header-actions{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.navigation-button-group{animation:fadeIn .8s ease-out .4s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow)}.nav-button{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;text-shadow:0 2px 4px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.nav-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-button:hover:before{left:100%}.nav-button.dashboard{background:linear-gradient(135deg,#2196f34d,#1976d266);box-shadow:0 8px 32px #2196f34d}.nav-button.dashboard:hover{background:linear-gradient(135deg,#2196f366,#1976d280);border-color:#fff3;box-shadow:0 12px 40px #2196f366;transform:translateY(-2px)}.nav-button.new-task{background:linear-gradient(135deg,#4caf504d,#388e3c66);box-shadow:0 8px 32px #4caf504d}.nav-button.new-task:hover{background:linear-gradient(135deg,#4caf5066,#388e3c80);border-color:#fff3;box-shadow:0 12px 40px #4caf5066;transform:translateY(-2px)}.nav-button.task-master{background:linear-gradient(135deg,#ff98004d,#f57c0066);box-shadow:0 8px 32px #ff98004d}.nav-button.task-master:hover{background:linear-gradient(135deg,#ff980066,#f57c0080);border-color:#fff3;box-shadow:0 12px 40px #ff980066;transform:translateY(-2px)}.nav-button.admin-approval{background:linear-gradient(135deg,#9c27b04d,#7b1fa266);box-shadow:0 8px 32px #9c27b04d}.nav-button.admin-approval:hover{background:linear-gradient(135deg,#9c27b066,#7b1fa280);border-color:#fff3;box-shadow:0 12px 40px #9c27b066;transform:translateY(-2px)}.keyboard-shortcuts-container{animation:fadeIn .8s ease-out .6s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow)}.shortcut-item{color:#ffffffe6;text-shadow:0 2px 4px #0003}.shortcut-key{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;background:var(--glass-bg-light);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 2px 8px #0003;color:#fffffff2;text-shadow:0 1px 2px #0000004d}.smart-search-container{position:relative;width:280px}.smart-search-input{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md);color:#ffffffe6;font-size:14px;padding:8px 12px 8px 32px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.smart-search-input::placeholder{color:#fff9}.smart-search-input:focus{background:#ffffff26;background:var(--glass-bg-light);border-color:#ffffff40;border-color:var(--glass-border-hover);box-shadow:0 0 0 3px #ffffff1a;outline:none}.smart-search-icon{color:#ffffffb3;left:12px;left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.quick-filters-section{animation:fadeIn .8s ease-out .8s both;margin-bottom:24px;margin-bottom:var(--space-6)}.quick-filters-title{color:#ffffffe6;font-size:16px;font-weight:600;margin-bottom:12px;margin-bottom:var(--space-3);text-shadow:0 2px 4px #0000004d}.quick-filters-container{display:flex;flex-wrap:wrap}.quick-filters-container,.smart-filter-chip{align-items:center;gap:8px;gap:var(--space-2)}.smart-filter-chip{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md);color:#fffc;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none}.smart-filter-chip:hover{background:#ffffff26;background:var(--glass-bg-light);border-color:#ffffff40;border-color:var(--glass-border-hover);box-shadow:0 2px 16px #1f268726;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.smart-filter-chip.active{background:linear-gradient(135deg,#1976d266,#1976d299);border-color:#1976d280;box-shadow:0 4px 16px #1976d24d;color:#fff;color:var(--white)}.filter-chip-count{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff40;border-radius:8px;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;padding:0 var(--space-1)}.smart-filter-chip:not(.active) .filter-chip-count{background:#ffffff26;background:var(--glass-bg-light);color:#fffc}.stats-grid{grid-gap:24px;grid-gap:var(--space-6);display:grid;gap:24px;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px;margin-bottom:var(--space-8)}.smart-stats-card{animation:cardFadeIn .6s ease-out both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);opacity:0;overflow:hidden;padding:var(--space-6) var(--space-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.smart-stats-card:first-child{animation-delay:.1s}.smart-stats-card:nth-child(2){animation-delay:.2s}.smart-stats-card:nth-child(3){animation-delay:.3s}.smart-stats-card:nth-child(4){animation-delay:.4s}.smart-stats-card:nth-child(5){animation-delay:.5s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.smart-stats-card:before{border-radius:32px 32px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.smart-stats-card.highlighted:before{background:linear-gradient(135deg,#4caf50,#2e7d32)}.smart-stats-card:hover{background:#ffffff26;background:var(--glass-bg-light);border-color:#ffffff40;border-color:var(--glass-border-hover);box-shadow:0 8px 32px #1f268773;box-shadow:var(--glass-shadow-hover);transform:translateY(-8px) scale(1.02)}.smart-stats-card:after{background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:transform .6s;width:200%}.smart-stats-card:hover:after{transform:rotate(45deg) translateX(100%)}.stats-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.stats-card-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:16px;border-radius:var(--radius-lg);display:flex;font-size:20px;height:44px;justify-content:center;width:44px}.smart-stats-card.total .stats-card-icon{background:#2196f34d;color:#64b5f6}.smart-stats-card.pending .stats-card-icon{background:#ff98004d;color:#ffb74d}.smart-stats-card.completed .stats-card-icon{background:#4caf504d;color:#81c784}.smart-stats-card.overdue .stats-card-icon{background:#f443364d;color:#e57373}.smart-stats-card.approval .stats-card-icon{background:#9c27b04d;color:#ba68c8}.stats-card-trend{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--radius-sm);display:flex;font-size:12px;font-weight:600;gap:4px;gap:var(--space-1);padding:4px 8px;padding:var(--space-1) var(--space-2)}.stats-card-trend.positive{background:#4caf5033;border-color:#4caf504d;color:#81c784}.stats-card-trend.negative{background:#f4433633;border-color:#f443364d;color:#e57373}.stats-card-value{font-size:32px;font-weight:800;line-height:1;margin-bottom:8px;margin-bottom:var(--space-2);text-shadow:0 2px 4px #0000004d}.smart-stats-card.total .stats-card-value{color:#64b5f6}.smart-stats-card.pending .stats-card-value{color:#ffb74d}.smart-stats-card.completed .stats-card-value{color:#81c784}.smart-stats-card.overdue .stats-card-value{color:#e57373}.smart-stats-card.approval .stats-card-value{color:#ba68c8}.stats-card-label{color:#fffc;font-size:13px;font-weight:600;letter-spacing:.8px;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.action-bar{align-items:center;animation:fadeIn .8s ease-out 1s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6);padding:16px;padding:var(--space-4)}.action-bar-left,.action-bar-right{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.smart-button{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;gap:var(--space-2);overflow:hidden;padding:8px 16px;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none}.smart-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.smart-button:hover:before{left:100%}.smart-button.primary{background:linear-gradient(135deg,#1976d266,#1976d299);border-color:#1976d280;box-shadow:0 4px 16px #1976d24d;color:#fff;color:var(--white)}.smart-button.primary:hover{background:linear-gradient(135deg,#1976d280,#1976d2b3);border-color:#1976d299;box-shadow:0 8px 24px #1976d266;transform:translateY(-2px)}.smart-button.outlined{background:#ffffff1a;background:var(--glass-bg);border-color:#ffffff26;border-color:var(--glass-border);color:#ffffffe6}.smart-button.outlined:hover{background:#ffffff26;background:var(--glass-bg-light);border-color:#ffffff40;border-color:var(--glass-border-hover);box-shadow:0 2px 16px #1f268726;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.smart-button:disabled{cursor:not-allowed;opacity:.5}.bulk-selection-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1976d233;border:1px solid #1976d266;border-radius:12px;border-radius:var(--radius-md);color:#64b5f6;display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3)}.chart-container{animation:fadeIn .8s ease-out 1.2s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);overflow:hidden;position:relative}.chart-container:before{animation:shine 4s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);height:100%;left:-100%;width:100%}.chart-title{color:#ffffffe6;text-shadow:0 2px 4px #0000004d}.urgent-tasks-container{animation:fadeIn .8s ease-out 1.4s both;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);overflow:hidden}.urgent-tasks-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ff98001a,#ff980033);border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--glass-border)}.urgent-tasks-title{color:#ffffffe6;font-size:18px;text-shadow:0 2px 4px #0000004d}.urgent-task-item{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.urgent-task-item:hover{background:#ffffff26;background:var(--glass-bg-light);border-color:#ff980066;box-shadow:0 8px 32px #ff980033;transform:translateY(-2px)}.urgent-task-client{color:#ffffffe6;text-shadow:0 1px 2px #0000004d}.urgent-task-service{color:#ffffffb3}.urgent-task-due{background:#ff98004d;border:1px solid #ff980066;border-radius:8px;color:#ffb74d}.urgent-task-due,.urgent-tasks-empty-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.urgent-tasks-empty-icon{background:#4caf504d;border:1px solid #4caf5066;color:#81c784}.urgent-tasks-empty-title{color:#ffffffe6;text-shadow:0 2px 4px #0000004d}.urgent-tasks-empty-text{color:#ffffffb3}.loading-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:8px}.loading-bar-progress{background:linear-gradient(90deg,#1976d2,#42a5f5);background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:8px;box-shadow:0 0 10px #1976d280}.skeleton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:8px}.skeleton-text{height:14px;margin-bottom:8px;margin-bottom:var(--space-2)}.skeleton-avatar{height:40px;width:40px}.skeleton-avatar,.skeleton-button{border-radius:12px;border-radius:var(--radius-md)}.skeleton-button{height:36px;width:100px}.notification-container{display:flex;flex-direction:column;gap:8px;gap:var(--space-2);max-width:360px;position:fixed;right:16px;right:var(--space-4);top:16px;top:var(--space-4);z-index:1000}.notification{animation:slideInRight .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border-left:4px solid #1976d2;border:1px solid var(--glass-border);border-left:4px solid var(--primary);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);padding:16px;padding:var(--space-4);position:relative}.notification.success{border-left-color:#4caf50;border-left-color:var(--success)}.notification.warning{border-left-color:#ff9800;border-left-color:var(--warning)}.notification.error{border-left-color:#f44336;border-left-color:var(--error)}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2)}.notification-title{color:#ffffffe6;font-size:14px;font-weight:600;text-shadow:0 1px 2px #0000004d}.notification-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:8px;border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;padding:4px;padding:var(--space-1);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.notification-close:hover{background:#ffffff26;background:var(--glass-bg-light);border-color:#ffffff40;border-color:var(--glass-border-hover);color:#ffffffe6}.notification-message{color:#fffc;font-size:13px;line-height:1.4;margin:0}.speed-dial{bottom:24px;bottom:var(--space-6);position:fixed;right:24px;right:var(--space-6);z-index:1000}.speed-dial-fab{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1976d266,#1976d299);border:1px solid #1976d280;border-radius:50%;box-shadow:0 8px 32px #1f26875e;box-shadow:var(--glass-shadow);color:#fff;color:var(--white);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:48px}.speed-dial-fab:hover{background:linear-gradient(135deg,#1976d280,#1976d2b3);box-shadow:0 8px 32px #1f268773;box-shadow:var(--glass-shadow-hover);transform:scale(1.05)}.speed-dial-actions{bottom:60px;display:flex;flex-direction:column-reverse;gap:8px;gap:var(--space-2);opacity:0;position:absolute;right:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);visibility:hidden}.speed-dial.open .speed-dial-actions{opacity:1;transform:translateY(0);visibility:visible}.speed-dial-action{align-items:center;display:flex;gap:8px;gap:var(--space-2);white-space:nowrap}.speed-dial-action-button{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:50%;box-shadow:0 4px 32px #1f268740;box-shadow:var(--shadow-md);color:#fffc;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.speed-dial-action-button:hover{background:linear-gradient(135deg,#1976d266,#1976d299);border-color:#1976d280;color:#fff;color:var(--white);transform:scale(1.1)}.speed-dial-action-label{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #ffffff26;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 32px #1f268740;box-shadow:var(--shadow-md);color:#ffffffe6;font-size:12px;padding:8px 12px;padding:var(--space-2) var(--space-3)}@media (max-width:1024px){.stats-grid{gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.task-header-title{font-size:20px}}@media (max-width:768px){.task-management-container{padding:8px;padding:var(--space-2)}.task-header{flex-direction:column;gap:12px;gap:var(--space-3);padding:16px;padding:var(--space-4);text-align:center}.task-header-actions{flex-wrap:wrap;justify-content:center}.smart-search-container{max-width:280px;width:100%}.quick-filters-container{justify-content:center}.stats-grid{grid-template-columns:1fr}.action-bar,.stats-grid{gap:12px;gap:var(--space-3)}.action-bar{flex-direction:column}.action-bar-left,.action-bar-right{flex-wrap:wrap;justify-content:center}.chart-wrapper{height:250px}.notification-container{left:8px;left:var(--space-2);max-width:none;right:8px;right:var(--space-2);top:8px;top:var(--space-2)}.speed-dial{bottom:16px;bottom:var(--space-4);right:16px;right:var(--space-4)}.navigation-button-group{flex-wrap:wrap;gap:8px;gap:var(--space-2)}.nav-button{min-width:120px;padding:12px 16px;padding:var(--space-3) var(--space-4)}}@media (max-width:480px){.task-header-title{font-size:18px}.dashboard-title{font-size:28px}.smart-button{font-size:13px;padding:8px 12px;padding:var(--space-2) var(--space-3)}.smart-filter-chip{font-size:12px;padding:4px 8px;padding:var(--space-1) var(--space-2)}.stats-card-value{font-size:24px}.nav-button{font-size:14px;padding:8px 12px;padding:var(--space-2) var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.task-management-container:after,.task-management-container:before{animation:none!important}}.nav-button:focus,.smart-button:focus,.smart-filter-chip:focus,.smart-search-input:focus{outline:2px solid #fffc;outline-offset:2px}@media (prefers-contrast:high){:root{--glass-bg:#fff3;--glass-border:#ffffff4d}}@media print{.action-bar,.navigation-button-group,.notification-container,.speed-dial,.task-header-actions{display:none!important}.task-management-container{background:#fff!important;padding:0!important}.chart-container,.smart-stats-card{background:#fff!important;border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}.kpi-row{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.kpi-row::-webkit-scrollbar{height:6px}.kpi-row::-webkit-scrollbar-thumb{background:#00000040;border-radius:8px}.kpi-row::-webkit-scrollbar-track{background:#0000}.new-task-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding-bottom:40px;position:relative}.new-task-container ::-webkit-scrollbar{height:8px;width:8px}.new-task-container ::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.new-task-container ::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#2196f3,#21cbf3);border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease}.new-task-container ::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#1976d2,#0288d1)}.new-task-header{margin-bottom:32px;padding:24px;text-align:center}.new-task-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#e3f2fd);-webkit-background-clip:text;background-clip:text;font-weight:700;margin-bottom:16px}.new-task-subtitle{color:#ffffffe6;margin-bottom:24px}.navigation-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.nav-button{border-radius:12px!important;box-shadow:0 4px 12px #00000026!important;font-weight:600!important;padding:12px 24px!important;text-transform:none!important;transition:all .3s ease!important}.nav-button:hover{box-shadow:0 8px 20px #00000040!important;transform:translateY(-2px)!important}.nav-button.dashboard{background:linear-gradient(45deg,#2196f3,#21cbf3)!important;color:#fff!important}.nav-button.dashboard:hover{background:linear-gradient(45deg,#1976d2,#0288d1)!important}.nav-button.task-management{background:linear-gradient(45deg,#4caf50,#66bb6a)!important;color:#fff!important}.nav-button.task-management:hover{background:linear-gradient(45deg,#388e3c,#4caf50)!important}.nav-button.task-master{background:linear-gradient(45deg,#ff9800,#ffb74d)!important;color:#fff!important}.nav-button.task-master:hover{background:linear-gradient(45deg,#f57c00,#ff9800)!important}.keyboard-shortcuts{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:12px;display:inline-flex;flex-wrap:wrap;gap:16px;margin:0 auto;padding:16px}.keyboard-shortcut{align-items:center;color:#fff;display:flex;font-size:.875rem}.keyboard-shortcut kbd{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;font-family:monospace;font-weight:600;margin-right:6px;padding:4px 8px}.professional-card{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#fffffffa!important;border:1px solid #ffffff4d!important;border-radius:20px!important;box-shadow:0 8px 32px #0000001f!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.professional-card:hover{box-shadow:0 16px 48px #0000002e!important;transform:translateY(-4px)!important}.enhanced-stepper{margin-bottom:32px}.step-label{font-weight:600!important}.step-label.active{color:#1976d2!important}.step-label.inactive{color:#0009!important}.step-icon{color:#00000061!important}.step-icon.active{color:#1976d2!important}.step-icon.completed{color:#4caf50!important}.step-content{padding:32px 0}.step-title{color:#1976d2;font-weight:700;margin-bottom:8px}.step-description{color:#0009;margin-bottom:24px}.wide-form-control{min-width:300px!important;width:100%!important}.wide-form-control .MuiOutlinedInput-root{background:#fffffff2!important;border:1px solid #2196f333!important;border-radius:12px!important;transition:all .3s ease!important}.wide-form-control .MuiOutlinedInput-root:hover{background:#fff!important;border-color:#2196f366!important;box-shadow:0 4px 12px #0000001a!important;transform:translateY(-1px)!important}.wide-form-control .MuiOutlinedInput-root.Mui-focused{background:#fff!important;border-color:#2196f3!important;box-shadow:0 4px 12px #2196f34d!important}.wide-form-control .MuiSelect-select{align-items:center!important;display:flex!important;min-height:24px!important;padding:16px!important}.wide-form-control .MuiInputLabel-root{color:#1976d2!important;font-weight:500!important}.wide-autocomplete{min-width:300px!important;position:relative!important;width:100%!important}.wide-autocomplete .MuiOutlinedInput-root{background:#fffffff2!important;border:1px solid #2196f333!important;border-radius:12px!important;padding:8px 12px!important}.wide-autocomplete .MuiOutlinedInput-root:hover{background:#fff!important;border-color:#2196f366!important}.wide-autocomplete .MuiOutlinedInput-root.Mui-focused{background:#fff!important;border-color:#2196f3!important}.wide-autocomplete .MuiAutocomplete-input{font-size:1rem!important;min-height:24px!important;padding:8px 4px!important}.wide-autocomplete .MuiAutocomplete-popper{max-height:400px!important;overflow-y:auto!important;z-index:2000!important}.autocomplete-option{border-bottom:1px solid #0000000d!important;padding:16px!important;transition:all .2s ease!important}.autocomplete-option:hover{background:#2196f314!important;transform:translateX(4px)!important}.autocomplete-option:last-child{border-bottom:none!important}.option-primary{color:#1976d2!important;font-weight:600!important;margin-bottom:4px}.option-secondary{color:#0009!important;font-size:.875rem}.gradient-chip{background:linear-gradient(45deg,#2196f3,#21cbf3)!important;border-radius:20px!important;color:#fff!important;font-weight:500!important;transition:all .2s ease!important}.gradient-chip:hover{box-shadow:0 4px 12px #2196f366!important;transform:scale(1.05)!important}.selected-client-info{background:linear-gradient(45deg,#e3f2fd,#f3e5f5)!important;border:1px solid #2196f34d!important;border-radius:12px!important;margin-top:16px;padding:24px!important}.selected-client-title{color:#1976d2!important;font-weight:700!important;margin-bottom:16px}.client-chips{display:flex;flex-wrap:wrap;gap:12px}.add-service-form{background:#2196f30d!important;border:1px solid #2196f31a!important;border-radius:12px!important;margin-bottom:24px!important;padding:24px!important}.add-service-title{color:#1976d2!important;font-weight:700!important;margin-bottom:24px}.add-service-button{background:linear-gradient(45deg,#2196f3,#21cbf3)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;margin-top:24px!important;text-transform:none!important;transition:all .3s ease!important}.add-service-button:hover{background:linear-gradient(45deg,#1976d2,#0288d1)!important;box-shadow:0 8px 20px #0003!important;transform:translateY(-2px)!important}.add-service-button:disabled{background:#0000001f!important;color:#00000042!important}.added-services-title{color:#1976d2!important;font-weight:700!important;margin-bottom:16px}.service-card{background:linear-gradient(45deg,#4caf501a,#81c7841a)!important;border:1px solid #4caf504d!important;border-radius:12px!important;margin-bottom:16px;padding:24px!important;transition:all .3s ease!important}.service-card:hover{box-shadow:0 8px 20px #4caf5033!important;transform:translateY(-2px)!important}.service-card-header{align-items:flex-start;display:flex;justify-content:space-between}.service-card-content{flex:1 1}.service-name{color:#2e7d32;font-weight:700!important;margin-bottom:12px}.service-chips{display:flex;flex-wrap:wrap;gap:8px}.remove-service-button{color:#d32f2f!important;transition:all .2s ease!important}.remove-service-button:hover{background-color:#f443361a!important;transform:scale(1.1)!important}.step-navigation{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:32px}.step-button{border-radius:12px!important;font-weight:600!important;padding:12px 24px!important;text-transform:none!important;transition:all .3s ease!important}.step-button:hover{box-shadow:0 8px 20px #0003!important;transform:translateY(-2px)!important}.step-button.back{border-color:#1976d2!important;color:#1976d2!important}.step-button.next{background:linear-gradient(45deg,#4caf50,#66bb6a)!important;color:#fff!important}.step-button.next:hover{background:linear-gradient(45deg,#388e3c,#4caf50)!important}.step-button.next:disabled{background:#0000001f!important;color:#00000042!important}.config-summary{background:#2196f30d!important;border:1px solid #2196f31a!important;border-radius:12px!important;margin-bottom:24px!important;padding:24px!important}.config-summary-title{color:#1976d2;font-weight:700!important;margin-bottom:16px}.config-item{margin-bottom:16px}.config-label{color:#0009!important;font-size:.875rem;margin-bottom:4px}.config-value{color:#1976d2;font-weight:600!important}.generation-progress{background:#ffc1071a!important;border:1px solid #ffc1074d!important;border-radius:12px!important;margin-bottom:24px!important;padding:24px!important}.generation-header{align-items:center;display:flex;margin-bottom:16px}.generation-icon{color:#f57c00!important;margin-right:8px}.generation-title{color:#f57c00;font-weight:700!important}.progress-bar{border-radius:4px!important;height:8px!important;margin-bottom:8px}.progress-bar .MuiLinearProgress-bar{background:linear-gradient(45deg,#ff9800,#ffb74d)!important}.progress-text{color:#0009!important;font-size:.875rem}.success-message{background:#4caf501a!important;border:1px solid #4caf504d!important;border-radius:12px!important;margin-bottom:24px!important;padding:24px!important}.success-header{align-items:center;display:flex;margin-bottom:16px}.success-icon{color:#4caf50!important;margin-right:8px}.success-title{color:#4caf50;font-weight:700!important}.success-text{color:#2e7d32}.final-actions{align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:32px}.action-group,.final-actions{display:flex;gap:16px}.reset-button{border-color:#f57c00!important;border-radius:12px!important;color:#f57c00!important;font-weight:600!important}.reset-button:hover{background-color:#f57c001a!important;border-color:#e65100!important}.generate-button{background:linear-gradient(45deg,#4caf50,#66bb6a)!important;border-radius:12px!important;color:#fff!important;font-weight:600!important;text-transform:none!important;transition:all .3s ease!important}.generate-button:hover{background:linear-gradient(45deg,#388e3c,#4caf50)!important;box-shadow:0 8px 20px #0003!important;transform:translateY(-2px)!important}.generate-button:disabled{background:#0000001f!important;color:#00000042!important}.sidebar-card{margin-bottom:24px;z-index:1000!important}.sidebar-title{color:#1976d2!important;font-weight:700!important;margin-bottom:16px}.quick-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-item{border-radius:12px!important;padding:16px!important;text-align:center;transition:all .3s ease!important}.stat-item:hover{transform:translateY(-2px)!important}.stat-item.clients{background:#2196f31a!important}.stat-item.services{background:#4caf501a!important}.stat-item.team-members{background:#ff98001a!important}.stat-item.added-services{background:#9c27b01a!important}.stat-icon{font-size:32px!important;margin-bottom:8px}.stat-icon.clients{color:#1976d2!important}.stat-icon.services{color:#4caf50!important}.stat-icon.team-members{color:#ff9800!important}.stat-icon.added-services{color:#9c27b0!important}.stat-number{font-size:1.5rem!important;font-weight:700!important}.stat-number.clients{color:#1976d2!important}.stat-number.services{color:#4caf50!important}.stat-number.team-members{color:#ff9800!important}.stat-number.added-services{color:#9c27b0!important}.stat-label{color:#0009!important;font-size:.875rem}.progress-tracker{margin-bottom:16px}.progress-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:#000c;font-size:.875rem}.progress-percentage{font-size:.875rem;font-weight:600}.progress-percentage.complete{color:#4caf50!important}.progress-percentage.incomplete{color:#ff9800!important}.progress-bar-small{border-radius:3px!important;height:6px!important;margin-bottom:16px}.progress-bar-small.config .MuiLinearProgress-bar{background:linear-gradient(45deg,#2196f3,#21cbf3)!important}.progress-bar-small.services .MuiLinearProgress-bar{background:linear-gradient(45deg,#4caf50,#66bb6a)!important}.progress-bar-small.ready .MuiLinearProgress-bar{background:linear-gradient(45deg,#ff9800,#ffb74d)!important}.tips-shortcuts{display:flex;flex-direction:column;gap:8px}.tip-item{align-items:center;border-radius:8px!important;display:flex;padding:8px!important;transition:all .2s ease!important}.tip-item:hover{transform:translateX(4px)!important}.tip-item.speed{background:#2196f30d!important}.tip-item.generate{background:#4caf500d!important}.tip-item.reset{background:#ff98000d!important}.tip-item.weekly{background:#9c27b00d!important}.tip-icon{font-size:20px!important;margin-right:8px}.tip-icon.speed{color:#1976d2!important}.tip-icon.generate{color:#4caf50!important}.tip-icon.reset{color:#ff9800!important}.tip-icon.weekly{color:#9c27b0!important}.tip-text{color:#000c;font-size:.875rem}.tip-text strong{color:#1976d2;font-weight:600}.error-alert,.success-snackbar{border-radius:12px!important}.error-alert{box-shadow:0 4px 12px #f4433633!important;margin-bottom:24px!important}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{color:#2196f3!important}.access-denied{margin:0 auto;max-width:600px;padding:32px}.repeat-switch{margin-left:0!important}.repeat-switch .MuiSwitch-thumb{background:#2196f3!important}.repeat-switch .MuiSwitch-track{background:#2196f34d!important}.switch-label{margin:0!important}.switch-label-text{font-weight:500!important;margin-bottom:4px}.switch-label-description{color:#0009!important;font-size:.875rem}@media (max-width:1200px){.new-task-container{padding:16px}}@media (max-width:768px){.navigation-buttons{align-items:center;flex-direction:column}.keyboard-shortcuts{flex-direction:column;gap:8px}.step-navigation{flex-direction:column;gap:12px}.final-actions{align-items:stretch;flex-direction:column}.action-group{justify-content:center}.quick-stats-grid{grid-template-columns:1fr}.wide-autocomplete,.wide-form-control{min-width:100%!important}}@media (max-width:480px){.new-task-header{padding:16px}.add-service-form,.config-summary,.generation-progress,.professional-card .MuiCardContent-root,.service-card,.success-message{padding:16px!important}.service-card-header{flex-direction:column;gap:12px}.service-chips{justify-content:flex-start}}:root{--primary:#1976d2;--primary-light:#42a5f5;--primary-dark:#1565c0;--secondary:#757575;--success:#4caf50;--warning:#ff9800;--error:#f44336;--info:#2196f3;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#616161;--gray-700:#424242;--gray-800:#212121;--gray-900:#121212;--font-primary:"Inter","Roboto","Helvetica Neue",Arial,sans-serif;--font-heading:"Poppins","Inter","Roboto",sans-serif;--font-mono:"Monaco","Menlo","Ubuntu Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 2px 8px #00000026;--shadow-lg:0 4px 16px #00000026;--transition:200ms cubic-bezier(0.4,0,0.2,1);--max-width:1200px;--header-height:64px;--sidebar-width:240px}[data-theme=dark]{--white:#121212;--gray-50:#1e1e1e;--gray-100:#2d2d2d;--gray-200:#3d3d3d;--gray-300:#4d4d4d;--gray-400:#6d6d6d;--gray-500:#8d8d8d;--gray-600:#adadad;--gray-700:#cdcdcd;--gray-800:#e0e0e0;--gray-900:#fff;--primary:#42a5f5;--primary-light:#64b5f6;--primary-dark:#1976d2;--success:#66bb6a;--warning:#ffa726;--error:#ef5350;.task-management-container{background:linear-gradient(135deg,#2d2d2d,#1e1e1e)}.chart-container,.dashboard-header,.smart-stats-card,.urgent-tasks-container{background:#f5f5f5;background:var(--gray-100);border-color:#ffffff1a}.nav-button{color:#f5f5f5;color:var(--gray-100)}.nav-button.dashboard{background:linear-gradient(135deg,#64b5f6,#1976d2)}.nav-button.new-task{background:linear-gradient(135deg,#66bb6a,#388e3c)}.nav-button.task-master{background:linear-gradient(135deg,#ffa726,#f57c00)}.nav-button.admin-approval{background:linear-gradient(135deg,#ba68c8,#7b1fa2)}}[data-theme=high-contrast]{--primary:#0052cc;--primary-light:#2684ff;--primary-dark:#003087;--white:#fff;--gray-50:#000;--gray-100:#1c2526;--gray-200:#d0d0d0;--gray-300:#b0b0b0}*,:after,:before{box-sizing:border-box}body{background-color:#fafafa;background-color:var(--gray-50);color:#424242;color:var(--gray-700);font-family:Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-primary);font-size:14px;line-height:1.5;margin:0}.task-management-container{background:linear-gradient(135deg,#fafbfc,#f4f6f8);min-height:100vh;padding:24px;padding:var(--space-6)}.dashboard-header{background:#fff;background:var(--white);border:1px solid #0000000f;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-md);margin-bottom:32px;margin-bottom:var(--space-8);padding:32px;padding:var(--space-8);text-align:center}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1976d2,#1565c0);background:linear-gradient(135deg,var(--primary),var(--primary-dark));background-clip:text;-webkit-background-clip:text;color:#121212;color:var(--gray-900);font-family:Poppins,Inter,Roboto,sans-serif;font-family:var(--font-heading);font-size:40px;font-weight:900;margin:0 0 12px;margin:0 0 var(--space-3) 0;text-shadow:0 1px 2px #0000001a}.dashboard-subtitle{color:#424242;color:var(--gray-700);font-size:16px;font-weight:500;margin:0 0 24px;margin:0 0 var(--space-6) 0}.navigation-button-group{background:#fff;background:var(--white);border:1px solid #0000000f;border-radius:16px;border-radius:var(--radius-xl);display:flex;gap:16px;gap:var(--space-4);margin-bottom:24px;margin-bottom:var(--space-6);padding:16px;padding:var(--space-4)}.nav-button,.navigation-button-group{align-items:center;box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-md);justify-content:center}.nav-button{border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;gap:var(--space-2);height:48px;min-width:140px;padding:16px 24px;padding:var(--space-4) var(--space-6);position:relative;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition),background var(--transition),box-shadow var(--transition);-webkit-user-select:none;user-select:none;will-change:transform,box-shadow}.nav-button:hover{transform:scale(1.03) translateY(-2px)}.nav-button:focus{box-shadow:0 0 0 4px #1976d24d;outline:3px solid #42a5f5;outline:3px solid var(--primary-light);outline-offset:3px}.nav-button.loading{color:#0000!important;pointer-events:none;position:relative}.nav-button.loading:after{animation:spin .8s linear infinite;border:2px solid #fff;border:2px solid var(--white);border-radius:50%;border-top:2px solid #0000;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.nav-button [aria-hidden=true]{margin-right:8px;margin-right:var(--space-2)}.nav-button.dashboard{background:linear-gradient(135deg,#2196f3,#1976d2)}.nav-button.dashboard:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366}.nav-button.new-task{background:linear-gradient(135deg,#4caf50,#388e3c)}.nav-button.new-task:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 4px 12px #4caf5066}.nav-button.task-master{background:linear-gradient(135deg,#ff9800,#f57c00)}.nav-button.task-master:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);box-shadow:0 4px 12px #ff980066}.nav-button.admin-approval{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.nav-button.admin-approval:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a);box-shadow:0 4px 12px #9c27b066}.keyboard-shortcuts-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000f;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-md);display:flex;gap:24px;gap:var(--space-6);justify-content:center;margin-bottom:24px;margin-bottom:var(--space-6);padding:16px 24px;padding:var(--space-4) var(--space-6)}.shortcut-item{align-items:center;color:#424242;color:var(--gray-700);display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-2)}.shortcut-key{background:linear-gradient(145deg,#fff,#f0f0f0);border:1px solid #0000001f;border-radius:4px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);color:#212121;color:var(--gray-800);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 8px;padding:var(--space-1) var(--space-2);text-shadow:0 1px 0 #fffc}.card-base{background:#fff;background:var(--white);border:1px solid #0000000f;box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card-base,.card-base:after{border-radius:16px;border-radius:var(--radius-xl)}.card-base:after{background:linear-gradient(45deg,#42a5f5,#1565c0) border-box;background:linear-gradient(45deg,var(--primary-light),var(--primary-dark)) border-box;border:1px solid #0000;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;position:absolute;right:0;top:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition)}.card-base:hover:after{opacity:.6}.chart-container,.smart-stats-card,.urgent-tasks-container{background:#fff;background:var(--white);border:1px solid #0000000f;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.smart-stats-card{cursor:pointer;padding:24px;padding:var(--space-6);will-change:transform,box-shadow}.smart-stats-card:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.smart-stats-card:before{border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.smart-stats-card.total:before{background:linear-gradient(135deg,#2196f3,#1976d2)}.smart-stats-card.pending:before{background:linear-gradient(135deg,#ff9800,#f57c00)}.smart-stats-card.completed:before{background:linear-gradient(135deg,#4caf50,#388e3c)}.smart-stats-card.overdue:before{background:linear-gradient(135deg,#f44336,#d32f2f)}.smart-stats-card.approval:before{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.smart-stats-card.skeleton .stats-card-label,.smart-stats-card.skeleton .stats-card-value{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);height:24px;width:60%}.chart-container{margin-bottom:32px;margin-bottom:var(--space-8);padding:32px;padding:var(--space-8)}.chart-container:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="none" stroke="rgba%280,0,0,0.05%29" stroke-width="1" d="M0 0h20v20H0zM5 0v20M10 0v20M15 0v20M0 5h20M0 10h20M0 15h20"/></svg>') repeat;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.chart-title{align-items:center;color:#212121;color:var(--gray-800);display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6)}.chart-wrapper{height:320px;position:relative}.recharts-legend-item-text{font-size:14px!important;font-weight:500!important;margin-left:8px!important;margin-left:var(--space-2)!important}.urgent-tasks-container{height:-webkit-fit-content;height:fit-content}.urgent-tasks-container.skeleton .urgent-task-item,.urgent-tasks-container.skeleton .urgent-tasks-title{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);height:16px;width:80%}.urgent-tasks-header{background:linear-gradient(135deg,#fff8f0,#fff2e6);border-bottom:1px solid #f5f5f5;border-bottom:1px solid var(--gray-100);padding:24px;padding:var(--space-6)}.urgent-tasks-title{align-items:center;color:#212121;color:var(--gray-800);display:flex;font-family:Poppins,Inter,Roboto,sans-serif;font-family:var(--font-heading);font-size:20px;font-weight:700;gap:8px;gap:var(--space-2);margin:0}.urgent-tasks-content{padding:24px;padding:var(--space-6)}.urgent-task-item{animation:fadeInUp .3s ease 0s;animation:fadeInUp .3s ease var(--delay,0s);border:1px solid #f5f5f5;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:12px;margin-bottom:var(--space-3);padding:16px;padding:var(--space-4);transition:.2s cubic-bezier(.4,0,.2,1);transition:var(--transition);will-change:transform,box-shadow}.urgent-task-item:hover{border-color:#ff9800;border-color:var(--warning);box-shadow:0 2px 8px #ff98001f}.urgent-task-item:last-child{margin-bottom:0}.urgent-task-client{color:#212121;color:var(--gray-800);font-size:14px;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.urgent-task-service{color:#616161;color:var(--gray-600);font-size:13px;margin-bottom:8px;margin-bottom:var(--space-2)}.urgent-task-due{background:#ff980014;border-radius:4px;border-radius:var(--radius-sm);color:#ff9800;color:var(--warning);display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;padding:var(--space-1) var(--space-2)}.urgent-tasks-empty{padding:32px 24px;padding:var(--space-8) var(--space-6);text-align:center}.urgent-tasks-empty-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:#4caf5014;border-radius:50%;color:#4caf50;color:var(--success);display:flex;height:48px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-4) auto;width:48px}.urgent-tasks-empty-title{color:#212121;color:var(--gray-800);font-size:16px;font-weight:700;margin-bottom:8px;margin-bottom:var(--space-2)}.urgent-tasks-empty-text{color:#424242;color:var(--gray-700);font-size:14px;line-height:1.4}.loading-bar{background:#eee;background:var(--gray-200);height:3px;margin-bottom:12px;margin-bottom:var(--space-3);overflow:hidden;width:100%}.loading-bar,.loading-bar-progress{border-radius:4px;border-radius:var(--radius-sm)}.loading-bar-progress{animation:loading 1.2s ease-in-out infinite;background:#1976d2;background:var(--primary);height:100%}.skeleton{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#eee 25%,#f5f5f5 50%,#eee 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);border-radius:4px;border-radius:var(--radius-sm)}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:1024px){.stats-grid{gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (max-width:768px){.task-management-container{padding:8px;padding:var(--space-2)}.navigation-button-group{flex-direction:column;gap:12px;gap:var(--space-3)}.nav-button{font-size:15px;min-height:48px;padding:12px 16px;padding:var(--space-3) var(--space-4)}.chart-wrapper{height:200px}}@media (max-width:480px){.dashboard-title{font-size:32px}.stats-card-value{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--gray-200:#d0d0d0;--gray-300:#b0b0b0}}@media print{.action-bar,.notification-container,.speed-dial,.task-header-actions{display:none!important}.task-management-container{background:#fff!important;padding:0!important}.chart-container,.smart-stats-card{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-none{display:none}.d-block{display:block}.d-inline-block{display:inline-block}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.gap-1{gap:4px;gap:var(--space-1)}.gap-2{gap:8px;gap:var(--space-2)}.gap-3{gap:12px;gap:var(--space-3)}.gap-4{gap:16px;gap:var(--space-4)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px;margin-bottom:var(--space-2)}.mb-3{margin-bottom:12px;margin-bottom:var(--space-3)}.mb-4{margin-bottom:16px;margin-bottom:var(--space-4)}.mb-6{margin-bottom:24px;margin-bottom:var(--space-6)}.p-2{padding:8px;padding:var(--space-2)}.p-3{padding:12px;padding:var(--space-3)}.p-4{padding:16px;padding:var(--space-4)}.w-full{width:100%}.h-full{height:100%}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#6366f1;--primary-600:#4f46e5;--primary-700:#4338ca;--success-50:#ecfdf5;--success-500:#10b981;--success-600:#059669;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--danger-50:#fef2f2;--danger-500:#ef4444;--danger-600:#dc2626;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--neutral-50);color:#1e293b;color:var(--neutral-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.action-button,.btn-primary,.btn-secondary{cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.action-button:active,.btn-primary:active,.btn-secondary:active{transform:scale(.96)}.action-button:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.action-button:active:after{height:200px;width:200px}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 14px #6366f159;color:#fff;font-size:.95rem;font-weight:600;padding:12px 24px}.btn-primary:hover{box-shadow:0 8px 25px #6366f173;transform:translateY(-2px)}.btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--neutral-500);font-size:.95rem;font-weight:600;padding:12px 24px}.btn-secondary:hover{background:#f8fafc;background:var(--neutral-50);border-color:#cbd5e1;border-color:var(--neutral-300);color:#334155;color:var(--neutral-700)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-500) 0,var(--danger-600) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 14px #ef444459;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px}.btn-danger:hover{box-shadow:0 8px 25px #ef444473;transform:translateY(-2px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 14px #10b98159;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px}.btn-success:hover{box-shadow:0 8px 25px #10b98173;transform:translateY(-2px)}.btn-icon{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:40px}.btn-icon:hover{transform:scale(1.1)}.btn-icon.edit{background:#3b82f61a;color:#3b82f6}.btn-icon.delete{background:#ef44441a;color:#ef4444}.btn-icon.view{background:#6b72801a;color:#6b7280}@keyframes slideOutToRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toast-notification{animation:slideInFromRight .3s ease-out forwards}.toast-notification.closing{animation:slideOutToRight .3s ease-in forwards}.status-badge{align-items:center;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:5px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.status-badge:before{animation:statusPulse 2s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";height:6px;width:6px}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.status-badge.active,.status-badge.approved{background:#10b9811a;border:1px solid #10b98133;color:#059669}.status-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#d97706}.status-badge.error,.status-badge.rejected{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.status-badge.inactive{background:#6b72801a;border:1px solid #6b728033;color:#4b5563}.status-badge:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--neutral-200);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--neutral-800);font-size:.95rem;padding:12px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#cbd5e1;border-color:var(--neutral-300)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#6366f1;border-color:var(--primary-500);box-shadow:0 0 0 4px #6366f11a;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444;border-color:var(--danger-500);box-shadow:0 0 0 4px #ef44441a}.form-input.success,.form-select.success{border-color:#10b981;border-color:var(--success-500);box-shadow:0 0 0 4px #10b9811a}.form-field{margin-bottom:20px;position:relative}.form-field label{background:#fff;color:#94a3b8;color:var(--neutral-400);font-size:.95rem;left:16px;padding:0 4px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label{color:#6366f1;color:var(--primary-500);font-size:.75rem;font-weight:600;top:0;transform:translateY(-50%)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeOut{0%{opacity:1}to{opacity:0}}.modal-overlay{animation:modalFadeIn .2s ease-out forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.closing{animation:modalFadeOut .2s ease-in forwards}.modal-content{animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.modal-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--neutral-100);padding:24px 28px 16px}.modal-body{padding:20px 28px}.modal-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--neutral-100);display:flex;gap:12px;justify-content:flex-end;padding:16px 28px 24px}.search-container{max-width:400px;position:relative}.search-input{background:#f8fafc;background:var(--neutral-50);border:2px solid #e2e8f0;border:2px solid var(--neutral-200);border-radius:1rem;border-radius:var(--radius-xl);font-size:.95rem;padding:12px 16px 12px 48px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.search-input:focus{background:#fff;border-color:#6366f1;border-color:var(--primary-500);box-shadow:0 0 0 4px #6366f11a;outline:none}.search-icon{color:#94a3b8;color:var(--neutral-400);left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.search-input:focus+.search-icon,.search-input:focus~.search-icon{color:#6366f1;color:var(--primary-500)}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--neutral-200);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--neutral-100);display:flex;justify-content:space-between;padding:20px 24px}.card-body{padding:24px}.card-footer{background:#fafafa;border-radius:0 0 1rem 1rem;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #f1f5f9;border-top:1px solid var(--neutral-100);padding:16px 24px}.premium-card{background:#fff;border:1px solid #94a3b833;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 2px 12px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-normal)}.premium-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.filter-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-pill{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--neutral-200);border-radius:20px;color:#64748b;color:var(--neutral-500);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.filter-pill:hover{border-color:#6366f1;border-color:var(--primary-500);color:#6366f1;color:var(--primary-500)}.filter-pill.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-500) 0,var(--primary-600) 100%);border-color:#0000;box-shadow:0 4px 12px #6366f14d;color:#fff}.tooltip{position:relative}.tooltip:after{background:#1e293b;background:var(--neutral-800);border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(data-tooltip);font-size:.8rem;padding:8px 12px;pointer-events:none;transform:translateX(-50%) scale(.9);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);white-space:nowrap;z-index:1000}.tooltip:after,.tooltip:before{left:50%;opacity:0;position:absolute}.tooltip:before{border:6px solid #0000;border-top:6px solid var(--neutral-800);bottom:calc(100% + 2px);content:"";transform:translateX(-50%);transition:opacity .15s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-fast)}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translateX(-50%) scale(1)}.progress-bar{background:#e2e8f0;background:var(--neutral-200);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6366f1,#4f46e5);background:linear-gradient(90deg,var(--primary-500) 0,var(--primary-600) 100%);border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--neutral-100);border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c8d0;border-radius:4px;-webkit-transition:background .15s cubic-bezier(.4,0,.2,1);transition:background .15s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-fast);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#a0a8b0}*{scrollbar-color:#c1c8d0 #f1f5f9;scrollbar-width:thin}.premium-table{border-collapse:initial;border-spacing:0;width:100%}.premium-table thead th{background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:2px solid #6366f11a;color:#64748b;color:var(--neutral-500);font-size:12px;font-weight:700;letter-spacing:.5px;padding:16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.premium-table tbody tr{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.premium-table tbody tr:hover{background:#6366f10a}.premium-table tbody td{border-bottom:1px solid #94a3b81a;color:#475569;color:var(--neutral-600);font-size:13.5px;padding:14px 16px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-50) 50%,var(--neutral-100) 75%);background-size:200% 100%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-normal) ease-out}.animate-fadeInUp{animation:fadeInUp ease-out .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp var(--transition-normal) ease-out}.animate-fadeInDown{animation:fadeInDown ease-out .3s cubic-bezier(.4,0,.2,1);animation:fadeInDown var(--transition-normal) ease-out}.animate-scaleIn{animation:scaleIn ease-out .3s cubic-bezier(.4,0,.2,1);animation:scaleIn var(--transition-normal) ease-out}.animate-slideInLeft{animation:slideInLeft ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideInLeft var(--transition-normal) ease-out}.animate-slideInRight{animation:slideInRight ease-out .3s cubic-bezier(.4,0,.2,1);animation:slideInRight var(--transition-normal) ease-out}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}@media (max-width:768px){.hide-mobile{display:none!important}.card{border-radius:.75rem;border-radius:var(--radius-lg)}.btn-danger,.btn-primary,.btn-secondary,.btn-success{font-size:.875rem;padding:10px 18px}}@media (min-width:769px){.hide-desktop{display:none!important}}@media print{.no-print{display:none!important}.card{border:1px solid #cbd5e1;border:1px solid var(--neutral-300);box-shadow:none}.premium-table thead th{background:#f1f5f9!important;background:var(--neutral-100)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.invoice-management-container{background:linear-gradient(135deg,#e6f0fa,#d9e4f5);min-height:100vh;padding:2.5rem 0}.invoice-header{background:#fff;border-radius:12px;box-shadow:0 6px 12px #0000001a;margin-bottom:2.5rem;padding:2.5rem}.invoice-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0052cc,#6f42c1);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.75rem}.stats-card{background:#fff;border-radius:16px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stats-card:before{background:linear-gradient(90deg,var(--card-color),var(--card-color-light));content:"";height:5px;left:0;position:absolute;right:0;top:0}.stats-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-6px)}.stats-icon{align-items:center;background:linear-gradient(135deg,var(--card-color),var(--card-color-dark));border-radius:8px;display:inline-flex;padding:.5rem;transition:transform .3s ease}.stats-card:hover .stats-icon{transform:scale(1.15)}.filters-section{background:#fff;border:1px solid #e6f0fa;border-radius:12px;box-shadow:0 3px 12px #00000014;margin-bottom:2.5rem;padding:2rem}.filter-title{align-items:center;color:#003087;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1.75rem}.filter-title:before{content:"🔍";font-size:1.5rem}.filter-input{min-width:200px}.filter-select .MuiSelect-select{font-size:1rem;padding:.75rem}.filter-select .MuiInputLabel-root{color:#003087;font-weight:500}.invoice-table-container{background:#fff;border:1px solid #e6f0fa;border-radius:12px;box-shadow:0 6px 20px #0000001a;overflow:hidden}.table-header{background:linear-gradient(135deg,#0052cc,#003087);border:none;color:#fff;font-weight:600;letter-spacing:.75px;padding:1.25rem;text-transform:uppercase}.table-row{border-bottom:1px solid #f0f4f8;transition:all .2s ease}.table-row:hover{background:linear-gradient(135deg,#e6f0fa,#d9e4f5);transform:scale(1.005)}.table-cell{font-size:.95rem;padding:1.25rem;vertical-align:middle}.status-chip{border-radius:20px;font-weight:600;letter-spacing:.5px;padding:.35rem 1rem;text-transform:uppercase}.status-paid{background:linear-gradient(135deg,#28a745,#218838);color:#fff}.status-unpaid{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.status-partial{background:linear-gradient(135deg,#ffc107,#e0a800);color:#fff}.status-overdue{animation:pulse-warning 2s infinite;background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.8}}.action-buttons{display:flex;gap:.5rem;justify-content:center}.action-button{background:#0052cc;border-radius:8px;color:#fff;height:48px;min-width:48px;transition:all .2s ease}.action-button:hover{background:#003087;box-shadow:0 6px 16px #0003;transform:scale(1.1)}.pending-requests{background:linear-gradient(135deg,#fff3cd,#ffecb3);border:2px solid #ffc107;border-radius:12px;margin-bottom:2.5rem;overflow:hidden;padding:2rem;position:relative}.pending-requests:before{background:linear-gradient(90deg,#ffc107,#ff8f00);content:"";height:5px;left:0;position:absolute;right:0;top:0}.pending-requests-title{align-items:center;color:#856404;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin-bottom:1.5rem}.pending-request-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.25rem;padding:1.75rem;position:relative;transition:all .3s ease}.pending-request-item:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-4px)}.pending-request-item:before{background:linear-gradient(180deg,#ffc107,#ff8f00);bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.edit-request-dialog{border-radius:12px}.edit-request-dialog .MuiDialogTitle-root{align-items:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;display:flex;font-weight:600;gap:.75rem}.edit-request-dialog.reject .MuiDialogTitle-root{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.changes-summary{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #ce93d8;border-radius:8px;margin:1.25rem 0;padding:1.25rem}.change-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 0}.change-item:last-child{border-bottom:none}.change-label{color:#212121;font-weight:600}.change-value{color:#0052cc;font-weight:500}.admin-override{background:linear-gradient(135deg,#e6f0fa,#d9e4f5);border:1px solid #b8d4ff;border-radius:8px;margin-top:1.25rem;padding:1.75rem}.admin-override-title{align-items:center;color:#003087;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin-bottom:1.25rem}.payment-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;font-weight:600}.loading-overlay{align-items:center;background:#ffffffe6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@media (max-width:768px){.invoice-management-container{padding:1.5rem 0}.filters-section,.invoice-header{margin-bottom:1.75rem;padding:1.75rem}.filter-input{min-width:100%}.stats-card{margin-bottom:1.25rem}.action-buttons{flex-direction:column;gap:.75rem}.action-button{height:44px;width:100%}.pending-request-item{padding:1.25rem}.table-cell{font-size:.9rem;padding:.75rem}}@media (max-width:480px){.invoice-header h1{font-size:1.75rem}.stats-card{text-align:center}.filter-title{font-size:1.1rem}.pending-requests{padding:1.25rem}.pending-request-item{padding:1rem}}@media print{.invoice-management-container{background:#fff;padding:0}.filters-section,.invoice-header,.pending-requests{border:1px solid #d0d0d0;box-shadow:none}.action-buttons{display:none}.stats-card:hover{transform:none}}.invoice-management-container :focus{outline:3px solid #0052cc;outline-offset:3px}@media (prefers-contrast:high){.stats-card{border:3px solid}.status-chip{border:2px solid}.pending-request-item{border:3px solid}}@media (prefers-reduced-motion:reduce){.action-button,.pending-request-item,.stats-card,.table-row{transition:none}.action-button:hover,.pending-request-item:hover,.stats-card:hover,.table-row:hover{transform:none}.status-overdue{animation:none}}.invoice-table-container::-webkit-scrollbar{height:10px;width:10px}.invoice-table-container::-webkit-scrollbar-track{background:#f0f4f8;border-radius:5px}.invoice-table-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0052cc,#003087);border-radius:5px}.invoice-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#003087,#002060)}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--success-gradient:linear-gradient(135deg,#4ecdc4,#44a08d);--warning-gradient:linear-gradient(135deg,#ffeaa7,#fab1a0);--error-gradient:linear-gradient(135deg,#fd79a8,#e84393);--info-gradient:linear-gradient(135deg,#74b9ff,#0984e3);--purple-gradient:linear-gradient(135deg,#a29bfe,#6c5ce7);--orange-gradient:linear-gradient(135deg,#fd79a8,#fdcb6e);--teal-gradient:linear-gradient(135deg,#00cec9,#55a3ff);--green-gradient:linear-gradient(135deg,#00b894,#00a085);--pink-gradient:linear-gradient(135deg,#fd79a8,#e84393);--cyber-gradient:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);--neon-gradient:linear-gradient(135deg,#ff9a9e,#fecfef 50%,#fecfef);--shadow-soft:0 10px 30px #0000001a;--shadow-medium:0 15px 40px #00000026;--shadow-strong:0 20px 50px #0003;--shadow-neon:0 0 20px #74b9ff66;--shadow-purple:0 8px 32px #a29bfe4d;--shadow-teal:0 8px 32px #00cec94d;--glass-bg:#ffffff40;--glass-border:#ffffff2e}.new-invoice-container{background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);min-height:100vh;overflow-x:hidden;padding:2rem 0;position:relative}.new-invoice-container:before{animation:backgroundAnimation 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b4d 0,#0000 50%),radial-gradient(circle at 40% 40%,#4ecdc44d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundAnimation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.invoice-creation-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;background:var(--glass-bg);border:1px solid #ffffff2e;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 50px #0003;box-shadow:var(--shadow-strong);margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative}.invoice-creation-header:before{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.invoice-creation-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);background:var(--cyber-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 4px 8px #0000001a}.header-summary-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff40;background:var(--glass-bg);border:2px solid #ffffff2e;border:2px solid var(--glass-border);border-radius:20px;box-shadow:0 0 20px #74b9ff66;box-shadow:var(--shadow-neon);overflow:hidden;padding:2rem;position:relative;transform:perspective(1000px) rotateY(-5deg);transition:all .3s ease}.header-summary-card:hover{box-shadow:0 20px 60px #74b9ff66;transform:perspective(1000px) rotateY(0deg) scale(1.02)}.header-summary-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header-summary-card:hover:before{left:100%}.summary-amount{-webkit-text-fill-color:#0000;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#00b894,#00a085);background:var(--green-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;text-shadow:0 4px 8px #0000001a}.summary-gst-info{color:#fffffff2;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.client-type-selector{animation:slideInFromLeft .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff40;background:var(--glass-bg);border:2px solid #4ecdc4;border-radius:16px;box-shadow:0 8px 32px #00cec94d;box-shadow:var(--shadow-teal);margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.client-type-selector:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#00cec9,#55a3ff);background:var(--teal-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.7}}.client-type-checkbox{align-items:center;color:#00695c;display:flex;font-size:1.1rem;font-weight:700;gap:1rem}.client-details-card{animation:slideInFromRight .6s ease-out;background:linear-gradient(135deg,#ffffffe6,#f0f8ffe6);border:2px solid;border-image:linear-gradient(135deg,#00b894,#00a085) 1;border-image:var(--green-gradient) 1;border-radius:16px;box-shadow:0 15px 40px #00000026;box-shadow:var(--shadow-medium);margin-top:1rem;padding:2rem;position:relative}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.client-details-card:before{background:linear-gradient(135deg,#00b894,#00a085);background:var(--green-gradient);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.enhanced-form-field{background:#fffffff2;border:2px solid #0000;border-radius:12px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-form-field:before{background:linear-gradient(90deg,#0000,#74b9ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.enhanced-form-field:hover{border-color:#74b9ff;box-shadow:0 8px 25px #74b9ff33;transform:translateY(-2px)}.enhanced-form-field:hover:before{left:100%}.enhanced-form-field:focus-within{border-color:#0984e3;box-shadow:0 12px 35px #0984e34d;transform:translateY(-3px)}.custom-service-accordion{background:#fffffff2;border:2px solid #0000;border-image:linear-gradient(135deg,#a29bfe,#6c5ce7) 1;border-image:var(--purple-gradient) 1;border-radius:16px;box-shadow:0 8px 32px #a29bfe4d;box-shadow:var(--shadow-purple);margin-top:2rem;overflow:hidden;transition:all .3s ease}.custom-service-accordion.Mui-expanded{border-image:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1) 1;border-image:var(--cyber-gradient) 1;box-shadow:0 15px 45px #a29bfe4d;transform:scale(1.01)}.custom-service-accordion .MuiAccordionSummary-root{background:linear-gradient(135deg,#a29bfe,#6c5ce7);background:var(--purple-gradient);border-bottom:none;color:#fff;min-height:80px;overflow:hidden;padding:0 2rem;position:relative}.custom-service-accordion .MuiAccordionSummary-root:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.custom-service-accordion .MuiAccordionSummary-root:hover:before{left:100%}.custom-service-accordion.Mui-expanded .MuiAccordionSummary-root{background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);background:var(--cyber-gradient)}.custom-service-accordion .MuiAccordionSummary-content{align-items:center;gap:1rem}.custom-service-form{background:linear-gradient(135deg,#fafafa,#f0f8ff);padding:2.5rem}.task-selection-card{background:#fffffff2;border:2px solid;border-image:linear-gradient(135deg,#74b9ff,#0984e3) 1;border-image:var(--info-gradient) 1;border-radius:16px;box-shadow:0 15px 40px #00000026;box-shadow:var(--shadow-medium);overflow:hidden;transition:all .3s ease}.task-selection-card:hover{box-shadow:0 20px 50px #0003;box-shadow:var(--shadow-strong);transform:translateY(-2px)}.task-selection-header{background:linear-gradient(135deg,#74b9ff,#0984e3);background:var(--info-gradient);border-bottom:none;color:#fff;overflow:hidden;padding:2rem;position:relative}.task-selection-header:before{animation:movePattern 2s linear infinite;background:linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 75%,#ffffff1a 0);background-size:20px 20px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes movePattern{0%{background-position:0 0}to{background-position:20px 20px}}.task-selection-content{padding:2rem}.enhanced-table{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-soft);overflow:hidden}.enhanced-table .MuiTableHead-root{background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);background:var(--cyber-gradient)}.enhanced-table .MuiTableHead-root .MuiTableCell-root{border-bottom:none;color:#fff;font-size:.9rem;font-weight:800;letter-spacing:1px;padding:1.5rem 1rem;text-transform:uppercase}.enhanced-table .MuiTableBody-root .MuiTableRow-root{border-bottom:1px solid #e0e0e080;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-table .MuiTableBody-root .MuiTableRow-root:before{background:linear-gradient(135deg,#00cec9,#55a3ff);background:var(--teal-gradient);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0}.enhanced-table .MuiTableBody-root .MuiTableRow-root:hover{background:linear-gradient(135deg,#74b9ff1a,#a29bfe1a);box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.enhanced-table .MuiTableBody-root .MuiTableRow-root:hover:before{width:4px}.enhanced-table .MuiTableBody-root .MuiTableRow-root:last-child{border-bottom:none}.enhanced-alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:16px;box-shadow:0 15px 40px #00000026;box-shadow:var(--shadow-medium);font-weight:600;overflow:hidden;position:relative}.enhanced-alert:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s;width:100%}.enhanced-alert:hover:before{left:100%}.enhanced-alert.MuiAlert-standardInfo{background:linear-gradient(135deg,#74b9ff26,#0984e31a);border-color:#74b9ff;color:#0984e3}.enhanced-alert.MuiAlert-standardSuccess{background:linear-gradient(135deg,#4ecdc426,#00b8941a);border-color:#4ecdc4;color:#00b894}.enhanced-alert.MuiAlert-standardError{background:linear-gradient(135deg,#fd79a826,#e843931a);border-color:#fd79a8;color:#e84393}.enhanced-alert.MuiAlert-standardWarning{background:linear-gradient(135deg,#ffeaa726,#fab1a01a);border-color:#ffeaa7;color:#e17055}.enhanced-button{border-radius:12px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-soft);font-weight:700;letter-spacing:.5px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.enhanced-button:hover{box-shadow:0 20px 50px #0003;box-shadow:var(--shadow-strong);transform:translateY(-3px) scale(1.02)}.enhanced-button:hover:before{left:100%}.enhanced-button:active{transform:translateY(-1px) scale(.98)}.create-invoice-button{background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);background:var(--cyber-gradient);border-radius:16px;box-shadow:0 10px 30px #74b9ff66;color:#fff;font-size:1.2rem;min-width:250px;overflow:hidden;padding:1.2rem 3rem;position:relative}.create-invoice-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.create-invoice-button:hover{background:linear-gradient(135deg,#00b894,#00a085);background:var(--green-gradient);box-shadow:0 15px 40px #4ecdc466;transform:translateY(-4px) scale(1.05)}.create-invoice-button:hover:before{left:100%}.create-invoice-button:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:none;color:#7f8c8d;cursor:not-allowed;transform:none}.enhanced-chip{border-radius:20px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-soft);font-weight:700;letter-spacing:.3px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-chip:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.enhanced-chip:hover{box-shadow:0 15px 40px #00000026;box-shadow:var(--shadow-medium);transform:scale(1.08)}.enhanced-chip:hover:before{left:100%}.quick-amount-chip{background:linear-gradient(135deg,#74b9ff,#0984e3);background:var(--info-gradient);border:none;color:#fff;font-weight:700}.quick-amount-chip:hover{background:linear-gradient(135deg,#a29bfe,#6c5ce7);background:var(--purple-gradient);transform:scale(1.1) rotate(2deg)}.place-of-supply-info{animation:fadeInUp .5s ease-out;background:linear-gradient(135deg,#4ecdc41a,#00b8940d);border:2px solid #4ecdc4;border-radius:12px;box-shadow:0 8px 32px #00cec94d;box-shadow:var(--shadow-teal);margin-top:1rem;padding:1.5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.one-time-service-alert{animation:bounce .6s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;background:var(--glass-bg);border:2px solid #fdcb6e;border-radius:12px;box-shadow:0 8px 32px #fdcb6e4d;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.gst-enabled{background:linear-gradient(135deg,#00b894,#00a085);background:var(--green-gradient)}.gst-disabled,.gst-enabled{border-radius:20px;box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-soft);color:#fff;font-weight:700;padding:.5rem 1rem}.gst-disabled{background:linear-gradient(135deg,#fd79a8,#e84393);background:var(--error-gradient)}.loading-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;background:var(--glass-bg);border-radius:12px;overflow:hidden;position:relative}.loading-overlay:before{animation:shimmerLoading 2s infinite;background:linear-gradient(90deg,#0000,#74b9ff66,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmerLoading{0%{left:-100%}to{left:100%}}.floating-summary{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);background:var(--cyber-gradient);border-radius:20px;bottom:30px;box-shadow:0 10px 30px #74b9ff66;color:#fff;padding:1rem 2rem;position:fixed;right:30px;z-index:1000}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.new-invoice-container{padding:1rem 0}.client-details-card,.custom-service-accordion,.invoice-creation-header,.task-selection-card{margin:1rem 0;padding:1.5rem}.header-summary-card{padding:1.5rem;transform:none}.summary-amount{font-size:1.5rem}.enhanced-button{font-size:.9rem;padding:.8rem 1.5rem}.create-invoice-button{font-size:1rem;min-width:200px;padding:1rem 2rem}.invoice-creation-header h1{font-size:2rem}}@media (max-width:480px){.new-invoice-container{padding:.5rem 0}.invoice-creation-header h1{font-size:1.8rem}.client-details-card,.client-type-selector,.task-selection-card{padding:1rem}.custom-service-form{padding:1.5rem}.enhanced-table{font-size:.85rem}.create-invoice-button{min-width:auto;padding:1rem;width:100%}.floating-summary{border-radius:12px;margin:1rem;position:static}}@media print{.new-invoice-container{background:#fff;padding:0}.client-details-card,.custom-service-accordion,.invoice-creation-header,.task-selection-card{background:#fff;border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.enhanced-button,.floating-summary{display:none}}@media (prefers-reduced-motion:reduce){.custom-service-accordion,.enhanced-button,.enhanced-chip,.enhanced-form-field,.enhanced-table .MuiTableRow-root{animation:none;transition:none}.enhanced-button:hover,.enhanced-chip:hover{transform:none}.floating-summary,.loading-overlay:before,.new-invoice-container:before{animation:none}}@media (prefers-contrast:high){.client-details-card,.client-type-selector,.custom-service-accordion,.enhanced-alert,.task-selection-card{border-width:3px}}.new-invoice-container :focus{border-radius:4px;outline:3px solid #74b9ff;outline-offset:2px}.enhanced-table::-webkit-scrollbar{height:12px;width:12px}.enhanced-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.enhanced-table::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#74b9ff,#0984e3);background:var(--info-gradient);border-radius:6px;-webkit-transition:background .3s;transition:background .3s}.enhanced-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a29bfe,#6c5ce7);background:var(--purple-gradient)}.fade-in{animation:fadeIn .8s ease-in}.slide-up{animation:slideUp .5s ease-out}.scale-in{animation:scaleIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-pulse{animation:successPulse .8s ease-in-out}@keyframes successPulse{0%{box-shadow:0 0 0 0 #4ecdc4b3;transform:scale(1)}70%{box-shadow:0 0 0 20px #4ecdc400;transform:scale(1.05)}to{box-shadow:0 0 0 0 #4ecdc400;transform:scale(1)}}.celebration{position:relative}.celebration:after{animation:celebration 1s ease-out;content:"🎉";font-size:2rem;position:absolute;right:-20px;top:-20px}@keyframes celebration{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(1) rotate(1turn)}}.interactive-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px) rotateX(5deg)}.neon-glow{position:relative;z-index:1}.neon-glow:before{background:linear-gradient(135deg,#ff6b6b,#4ecdc4 50%,#45b7d1);background:var(--cyber-gradient);border-radius:inherit;bottom:-2px;content:"";filter:blur(8px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s;z-index:-1}.neon-glow:hover:before{animation:neonPulse 1.5s ease-in-out infinite;opacity:.8}@keyframes neonPulse{0%,to{filter:blur(8px)}50%{filter:blur(12px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.invoice-card:hover{transform:translateY(-2px);transition:transform .2s ease-in-out}.invoice-action-btn{transition:all .3s ease}.invoice-action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.invoice-table-container::-webkit-scrollbar{height:8px;width:8px}.invoice-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.invoice-table-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.invoice-table-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.invoice-header-title{font-size:1.5rem!important}.invoice-header-subtitle{font-size:1rem!important}}.invoice-input:focus{outline:2px solid #1976d2;outline-offset:2px}.invoice-status-chip{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.invoice-loading-container{animation:pulse 2s infinite}.invoice-card-elevated{box-shadow:0 8px 32px #0000001f;transition:box-shadow .3s ease}.invoice-card-elevated:hover{box-shadow:0 12px 40px #00000029}@media print{.invoice-no-print{display:none!important}.invoice-print-only{display:block!important}body{font-size:12px;line-height:1.4}.invoice-page{background:#fff!important;margin:0;padding:20px}}@media (prefers-color-scheme:dark){.invoice-dark-mode{background-color:#121212;color:#fff}.invoice-dark-mode .invoice-card{background-color:#1e1e1e;border-color:#333}.invoice-dark-mode .invoice-text-secondary{color:#b0b0b0}}@media (prefers-contrast:high){.invoice-high-contrast{border:2px solid}.invoice-high-contrast-text{font-weight:700}}@media (prefers-reduced-motion:reduce){.invoice-animate{animation:none!important;transition:none!important}}.invoice-spacing-tight{margin-bottom:8px}.invoice-spacing-normal{margin-bottom:16px}.invoice-spacing-loose{margin-bottom:24px}.invoice-monospace{font-feature-settings:"tnum";font-family:Monaco,Menlo,Ubuntu Mono,monospace}.invoice-currency{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.invoice-form-field{margin-bottom:16px}.invoice-form-field .MuiOutlinedInput-root{border-radius:8px}.invoice-form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#1976d2}.invoice-status-paid{background-color:#4caf501a;color:#4caf50}.invoice-status-pending{background-color:#ff98001a;color:#ff9800}.invoice-status-overdue{background-color:#f443361a;color:#f44336}.invoice-table{border-collapse:initial;border-spacing:0}.invoice-table thead th{background-color:#f5f5f5;position:-webkit-sticky;position:sticky;top:0;z-index:10}.invoice-table tbody tr:hover{background-color:#1976d20a}.invoice-dialog{border-radius:12px!important}.invoice-dialog .MuiDialogTitle-root{padding:24px}.invoice-dialog .MuiDialogContent-root{padding:0 24px 24px}.invoice-dialog .MuiDialogActions-root{padding:16px 24px 24px}@media (max-width:600px){.invoice-mobile-full-width{margin-bottom:16px;width:100%!important}.invoice-mobile-stack{flex-direction:column!important}.invoice-mobile-center{text-align:center!important}}.invoice-pdf-generating{overflow:hidden;position:relative}.invoice-pdf-generating:after{animation:pdf-shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes pdf-shimmer{0%{left:-100%}to{left:100%}}.invoice-payment-method{align-items:center;display:flex;gap:8px}.invoice-payment-method svg{height:20px;opacity:.7;width:20px}.invoice-error-state{background-color:#f443360d;border-color:#f44336!important}.invoice-success-state{background-color:#4caf500d;border-color:#4caf50!important}.invoice-skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.invoice-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.invoice-focus-trap{outline:none}.invoice-tooltip{background-color:#212121e6!important;border-radius:4px!important;font-size:12px!important}.invoice-gradient-primary{background:linear-gradient(135deg,#1976d2,#1565c0)}.invoice-gradient-success{background:linear-gradient(135deg,#4caf50,#45a049)}.invoice-gradient-warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.invoice-gradient-secondary{background:linear-gradient(135deg,#9c27b0,#8e24aa)}:root{--primary-color:#667eea;--primary-hover:#764ba2;--secondary-color:#f093fb;--accent-color:#4facfe;--success-color:#4caf50;--warning-color:#ffc107;--danger-color:#f44336;--info-color:#2196f3;--bg-primary:linear-gradient(135deg,#667eea,#764ba2);--bg-light:#f8fafc;--bg-white:#fff;--bg-card:#fffffff2;--bg-glass:#ffffff1a;--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--text-light:#a0aec0;--text-white:#fff;--border-color:#e2e8f0;--border-radius:12px;--border-radius-lg:16px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 25px #00000026;--shadow-ai:0 4px 20px #667eea33;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--ai-primary:#667eea;--ai-secondary:#764ba2;--ai-accent:#4facfe;--ai-gradient:linear-gradient(135deg,#667eea,#764ba2);--ai-glow:0 0 20px #667eea4d}*{box-sizing:border-box}.reports-management-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#2d3748;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:24px;padding:var(--spacing-lg)}.reports-management-page.enhanced{background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.reports-management-page.enhanced:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.03'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.page-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-lg);padding:32px;padding:var(--spacing-xl)}.page-header.enhanced{background:#fffffff2;border:1px solid #ffffff4d}.header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--text-primary);font-size:32px;font-weight:700;margin:0}.header-subtitle{color:#4a5568;color:var(--text-secondary);font-size:16px;font-weight:400;margin-top:8px;margin-top:var(--spacing-sm)}.header-controls{align-items:center;display:flex;gap:24px;gap:var(--spacing-lg)}.header-controls.enhanced{align-items:flex-end;flex-direction:column;gap:16px;gap:var(--spacing-md)}.date-range-controls{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.date-range-controls label{color:#4a5568;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:4px;gap:var(--spacing-xs)}.date-range-controls input[type=date]{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-size:14px;padding:10px 12px;transition:all .2s ease;transition:all var(--transition-fast)}.date-range-controls input[type=date]:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.header-actions{align-items:center;display:flex;gap:16px;gap:var(--spacing-md)}.real-time-toggle{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50px;color:#4a5568;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;gap:var(--spacing-xs);padding:8px 16px;transition:all .2s ease;transition:all var(--transition-fast)}.real-time-toggle.active{animation:pulse 2s infinite;background:#4caf50;background:var(--success-color);border-color:#4caf50;border-color:var(--success-color);color:#fff;color:var(--text-white)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn-back,.btn-refresh,.export-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--text-white);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;transition:all var(--transition-fast)}.btn-back:hover,.btn-refresh:hover,.export-btn:hover{box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.reports-layout{grid-gap:24px;grid-gap:var(--spacing-lg);display:grid;gap:24px;gap:var(--spacing-lg);grid-template-columns:380px 1fr;height:calc(100vh - 180px)}.reports-layout.enhanced{gap:32px;gap:var(--spacing-xl)}.reports-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow-y:auto;padding:24px;padding:var(--spacing-lg)}.reports-sidebar.enhanced{background:#fffffff2;border:1px solid #ffffff4d}.sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:16px;padding-bottom:var(--spacing-md)}.sidebar-header h3{color:#2d3748;color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 16px;margin:0 0 var(--spacing-md) 0}.sidebar-search{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);font-size:14px;padding:12px 16px;transition:all .2s ease;transition:all var(--transition-fast);width:100%}.sidebar-search.enhanced{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc}.sidebar-search:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.report-categories{display:flex;flex-direction:column;flex-grow:1;gap:8px;gap:var(--spacing-sm);overflow-y:auto}.category-group{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--border-radius);overflow:hidden;transition:all .2s ease;transition:all var(--transition-fast)}.category-group.enhanced{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6}.category-group:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:16px;gap:var(--spacing-md);padding:16px;padding:var(--spacing-md);position:relative;transition:all .2s ease;transition:all var(--transition-fast)}.category-item:hover{background:#f1f5f9cc}.category-item.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient)}.category-item.active,.category-item.active .category-description,.category-item.active .category-name{color:#fff;color:var(--text-white)}.category-icon{font-size:28px;min-width:40px;text-align:center}.category-details{flex:1 1}.category-name{color:#2d3748;color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.category-description{color:#718096;color:var(--text-muted);font-size:12px;line-height:1.4}.category-badge{background:#0003;border-radius:12px;color:#fff;color:var(--text-white);font-size:11px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.sub-reports{background:#f7fafccc}.sub-report-item{border-top:1px solid #e2e8f0cc;cursor:pointer;padding:12px 24px 12px 60px;padding:12px var(--spacing-lg) 12px 60px;transition:all .2s ease;transition:all var(--transition-fast)}.sub-report-item:hover{background:#edf2f7cc}.sub-report-item.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient)}.sub-report-item.active,.sub-report-item.active .sub-report-description,.sub-report-item.active .sub-report-name{color:#fff;color:var(--text-white)}.sub-report-name{color:#2d3748;color:var(--text-primary);font-size:14px;font-weight:600}.sub-report-description{color:#718096;color:var(--text-muted);font-size:11px;line-height:1.3}.reports-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--bg-card);border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.reports-content.enhanced{background:#fffffff2;border:1px solid #ffffff4d}.content-header{align-items:center;background:#fafcfecc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl)}.content-header.enhanced{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#f8fafce6}.content-title h2{color:#2d3748;color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.content-subtitle{color:#4a5568;color:var(--text-secondary);font-size:14px;margin-top:4px;margin-top:var(--spacing-xs)}.content-actions{display:flex}.content-actions,.content-actions.enhanced{align-items:center;gap:16px;gap:var(--spacing-md)}.content-actions.enhanced{flex-direction:row}.btn-refresh.enhanced{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--ai-gradient);border:none;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-white);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;transition:all var(--transition-fast)}.btn-refresh.enhanced:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.report-content-area{background:#fff;background:var(--bg-white);flex:1 1;overflow-y:auto;padding:32px;padding:var(--spacing-xl)}.report-content-area.enhanced{background:#ffffff80}.report-view.enhanced>:not(:last-child){margin-bottom:32px}.loading{align-items:center;color:#718096;color:var(--text-muted);display:flex;font-size:16px;justify-content:center;min-height:400px;padding:32px;padding:var(--spacing-xl);text-align:center}.loading.enhanced{background:#0000;color:#2d3748;color:var(--text-primary)}.error{background:#f443361a;border:1px solid #f443364d;border-radius:12px;border-radius:var(--border-radius);color:#f44336;color:var(--danger-color);font-size:16px;text-align:center}.error,.report-placeholder{padding:32px;padding:var(--spacing-xl)}.report-placeholder{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.report-placeholder.enhanced{background:#fff;background:var(--bg-white);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.placeholder-icon{font-size:64px;margin-bottom:24px;margin-bottom:var(--spacing-lg);opacity:.5}.report-placeholder h3{color:#2d3748;color:var(--text-primary);font-size:24px;margin-bottom:16px;margin-bottom:var(--spacing-md)}.report-placeholder p{color:#4a5568;color:var(--text-secondary);font-size:16px;margin-bottom:24px;margin-bottom:var(--spacing-lg);max-width:400px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;background:var(--bg-white);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;overflow:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 32px;padding:var(--spacing-lg) var(--spacing-xl)}.modal-header h3{color:#2d3748;color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#718096;color:var(--text-muted);cursor:pointer;font-size:18px;transition:color .2s ease;transition:color var(--transition-fast)}.modal-close:hover{color:#2d3748;color:var(--text-primary)}.modal-body{padding:32px;padding:var(--spacing-xl)}@media (max-width:1400px){.reports-layout{grid-template-columns:340px 1fr}}@media (max-width:1200px){.reports-layout{grid-template-columns:320px 1fr}}@media (max-width:992px){.reports-layout{grid-template-columns:1fr;height:auto}.reports-sidebar{max-height:400px;order:2}.reports-content{min-height:600px;order:1}}@media (max-width:768px){.reports-management-page{padding:16px;padding:var(--spacing-md)}.page-header{align-items:stretch;padding:24px;padding:var(--spacing-lg)}.header-controls,.page-header{flex-direction:column;gap:16px;gap:var(--spacing-md)}.header-controls{width:100%}.header-controls.enhanced{align-items:stretch}.date-range-controls{flex-direction:column;gap:8px;gap:var(--spacing-sm);width:100%}.header-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.content-header{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--spacing-md)}.content-actions{justify-content:space-between;width:100%}}.ai-insights-box{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #d6bcfa;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-xl);position:relative}.ai-insights-box.enhanced{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;box-shadow:var(--ai-glow);color:var(--text-white)}.ai-insights-box.enhanced:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='20' height='20' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='10' cy='10' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ai-insights-box.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-xl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #667eea4d;border-radius:50%;border-top:3px solid var(--ai-primary);height:40px;margin-bottom:var(--spacing-md);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ai-insights-box.empty-state{opacity:.8;padding:var(--spacing-xl);text-align:center}.insights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.insights-header h3{color:inherit;font-size:20px;font-weight:700;margin:0}.insights-tabs{background:#ffffff1a;border-radius:var(--border-radius);display:flex;gap:var(--spacing-sm);padding:4px}.tab-button{background:#0000;border:none;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all var(--transition-fast)}.tab-button.active{background:#fff3;box-shadow:var(--shadow-sm);color:var(--text-white)}.insights-content{position:relative;z-index:1}.anomalies-list,.insights-list,.predictions-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.anomaly-item,.insight-item,.prediction-item{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:var(--border-radius);cursor:pointer;padding:var(--spacing-md);transition:all var(--transition-fast)}.anomaly-item:hover,.insight-item:hover,.prediction-item:hover{background:#ffffff26;transform:translateY(-1px)}.insight-item.expanded{background:#fff3}.anomaly-header,.insight-header,.prediction-header{align-items:center;display:flex;gap:var(--spacing-md)}.insight-item .insight-header{margin-bottom:0}.insight-item.expanded .insight-header{margin-bottom:var(--spacing-sm)}.anomaly-icon,.insight-icon,.prediction-icon{font-size:16px}.anomaly-title,.insight-text,.prediction-title{color:var(--text-white);flex:1 1;font-size:14px;font-weight:600}.insight-confidence,.insight-priority,.prediction-confidence{background-color:#0003;border-radius:12px;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.priority-urgent .insight-priority{background:#f44336cc;color:var(--text-white)}.priority-high .insight-priority{background:#ffc107cc;color:var(--text-primary)}.priority-medium .insight-priority{background:#2196f3cc;color:var(--text-white)}.priority-low .insight-priority{background:#4caf50cc;color:var(--text-white)}.insight-details{border-top:1px solid #ffffff1a;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.insight-details p{color:#ffffffe6;font-size:13px;line-height:1.5;margin:0 0 var(--spacing-sm) 0}.insight-actions{margin-top:var(--spacing-sm)}.action-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:var(--text-white);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all var(--transition-fast)}.action-button:hover{background:#ffffff4d}.anomaly-impact,.impact-badge,.priority-badge{border-radius:12px;font-size:11px;font-weight:700;padding:3px 8px;text-transform:uppercase}.anomaly-meta{display:flex;font-size:12px;gap:16px;margin-top:8px;opacity:.8}.natural-language-query{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f333;border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.query-header{margin-bottom:var(--spacing-lg);text-align:center}.query-header h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 var(--spacing-sm) 0}.query-header p{color:var(--text-secondary);font-size:14px;margin:0}.query-form{margin-bottom:var(--spacing-lg)}.query-input-container{display:flex;gap:var(--spacing-sm)}.query-input{border:1px solid var(--border-color);border-radius:var(--border-radius);flex:1 1;font-size:14px;padding:12px 16px;transition:all var(--transition-fast)}.query-input:focus{border-color:var(--info-color);box-shadow:0 0 0 3px #2196f31a;outline:none}.query-submit{background:var(--ai-gradient);border:none;border-radius:var(--border-radius);color:var(--text-white);cursor:pointer;font-size:14px;font-weight:600;min-width:60px;padding:12px 16px;transition:all var(--transition-fast)}.query-submit:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.query-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.query-suggestions{text-align:center}.suggestions-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:var(--spacing-sm)}.suggestions-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.suggestion-chip{background:var(--bg-white);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all var(--transition-fast)}.suggestion-chip:hover{background:var(--ai-gradient);border-color:#0000;color:var(--text-white)}.dashboard-overview{display:flex;flex-direction:column;gap:24px;padding:16px 0}.metrics-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{background:radial-gradient(circle at top left,#f9fbff 0,#edf2ff 40%,#fff 100%);border:1px solid #94a3b859;border-radius:16px;box-shadow:0 6px 18px #0f172a1f;display:flex;flex-direction:column;gap:4px;overflow:hidden;padding:14px 16px;position:relative}.metric-card h4{align-items:center;color:#475569;display:flex;font-size:.9rem;gap:6px}.metric-value{color:#0f172a;font-size:1.6rem}.metric-subtext{color:#64748b;font-size:.78rem}.metric-card:after{background:radial-gradient(circle,#3b82f640,#0000 60%);content:"";height:80px;inset:auto -30px -30px auto;opacity:.7;position:absolute;width:80px}.metric-card.clients{border-top:4px solid #22c55e}.metric-card.revenue{border-top:4px solid #f97316}.metric-card.tasks{border-top:4px solid #3b82f6}.metric-card.invoices{border-top:4px solid #a855f7}.dashboard-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,2fr) minmax(0,1.4fr)}.dashboard-section{background:#fff;border:1px solid #cbd5e1cc;border-radius:16px;box-shadow:0 10px 24px #0f172a14;display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}.dashboard-section h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0 0 4px}.performers-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.performer-item{align-items:center;background:linear-gradient(90deg,#eff6fff2,#dbeafeb3);border:1px solid #94a3b859;border-radius:12px;display:flex;justify-content:space-between;padding:8px 10px}.performer-main{display:flex;flex-direction:column;gap:2px}.performer-name{color:#0f172a;font-size:.9rem;font-weight:600}.performer-meta{color:#64748b;font-size:.75rem}.performer-score{min-width:80px;text-align:right}.performer-score-main{color:#16a34a;font-size:.95rem;font-weight:600}.performer-score-sub{color:#6b7280;font-size:.75rem}.services-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.service-item{grid-column-gap:10px;align-items:center;background:linear-gradient(90deg,#fef9c3b3,#fef3c7f2);border:1px solid #fbbf2459;border-radius:12px;column-gap:10px;display:grid;grid-template-columns:auto minmax(0,1fr) 120px;padding:8px 10px}.service-rank{color:#92400e;font-size:.85rem;font-weight:700}.service-details{display:flex;flex-direction:column;gap:2px}.service-name{color:#78350f;font-size:.9rem;font-weight:600}.service-count{color:#a16207;font-size:.78rem}.service-trend{color:#64748b;font-size:.78rem}.service-progress{background:#f8fafce6;border-radius:10px;height:7px;overflow:hidden;width:100%}.service-progress .progress-bar{background:linear-gradient(90deg,#f97316,#facc15);border-radius:10px;height:100%}.activity-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:4px}.activity-item{background:radial-gradient(circle at top right,#ecfeff,#e0f2fe);border:1px solid #7dd3fc80;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.activity-icon{font-size:1.2rem}.activity-number{color:#0f172a;font-size:1.3rem;font-weight:700}.activity-label{color:#64748b;font-size:.8rem}.activity-trend{font-size:.75rem;font-weight:600}.activity-trend.positive{color:#16a34a}.activity-trend.neutral{color:#6b7280}.activity-trend.negative{color:#dc2626}.enhanced{border-radius:16px}@media (max-width:1024px){.dashboard-sections{grid-template-columns:1fr}}@media (max-width:640px){.metrics-grid{grid-template-columns:1fr}.service-item{grid-template-columns:auto minmax(0,1fr);row-gap:6px}.service-progress{grid-column:1/-1}.activity-grid{grid-template-columns:1fr}}.report-view.enhanced>:not(:last-child){margin-bottom:var(--spacing-xl)}.summary-section .metrics-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-section .metric-card.summary-card{background:var(--bg-white);border:1px solid var(--border-color);padding:var(--spacing-lg);text-align:center}.summary-section .metric-card.summary-card h4{color:var(--text-secondary);font-size:16px;font-weight:600;margin:0 0 var(--spacing-sm) 0}.summary-section .metric-card.summary-card .metric-value{color:var(--text-primary);font-size:28px;font-weight:700}.chart-section.enhanced{margin-bottom:var(--spacing-xl)}.chart-container{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);height:400px;margin:0 auto;padding:var(--spacing-xl)}.table-section{margin-top:var(--spacing-lg)}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.table-header h3{color:var(--text-primary);font-weight:700}.table-controls{align-items:center;display:flex;gap:var(--spacing-sm)}.table-controls .filter-input{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:13px;min-width:250px;padding:8px 12px}.table-controls .filter-input:focus{border-color:var(--ai-primary);box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-filters-btn{background:#f443361a;border:1px solid var(--danger-color);border-radius:6px;color:var(--danger-color);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all var(--transition-fast)}.clear-filters-btn:hover{background:var(--danger-color);color:var(--text-white)}.table-wrapper{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius)}.enhanced-table th{background:#f8fafc;border-bottom:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-weight:700;padding:16px;position:relative;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.enhanced-table th:hover{background:#f1f5f9}.enhanced-table th.ascending:after,.enhanced-table th.descending:after{border:4px solid #0000;content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%)}.enhanced-table th.ascending:after{border-bottom-color:var(--ai-primary)}.enhanced-table th.descending:after{border-top-color:var(--ai-primary)}.enhanced-table td{border-bottom:1px solid #e2e8f0;font-size:14px;padding:12px 16px;vertical-align:middle}.table-row-enhanced:hover{background:#fafcff}.table-row-enhanced:last-child td{border-bottom:none}.no-results-found{color:var(--text-muted);padding:var(--spacing-xl);text-align:center}.client-cell{gap:var(--spacing-md)}.client-avatar,.client-cell{align-items:center;display:flex}.client-avatar{background:var(--ai-gradient);border-radius:50%;color:var(--text-white);flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.client-name{color:var(--text-primary);font-weight:600}.client-code{color:var(--text-muted);font-size:12px}.revenue-cell{font-weight:600}.tasks-cell{text-align:center}.tasks-total{display:block;font-weight:600}.tasks-breakdown{color:var(--text-muted);display:flex;font-size:11px;gap:8px;justify-content:center}.tasks-completed{color:var(--success-color)}.tasks-pending{color:var(--warning-color)}.completion-cell{text-align:center}.completion-rate{font-size:16px;font-weight:700;margin-bottom:4px}.completion-rate.rate-low{color:var(--danger-color)}.completion-rate.rate-good{color:var(--text-primary)}.completion-rate.rate-excellent{color:var(--success-color)}.completion-bar{background:#e2e8f0;border-radius:3px;height:5px;margin:0 auto;overflow:hidden;width:80%}.completion-progress{background:var(--ai-gradient);border-radius:3px;height:100%}.status-cell{text-align:center}.status-badge{border-radius:20px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.status-badge.status-excellent{background:#4caf501a;color:var(--success-color)}.status-badge.status-good{background:#2196f31a;color:var(--info-color)}.status-badge.status-warning{background:#ffc1071a;color:var(--warning-color)}.service-count{font-weight:600;margin-right:8px}.under-served-chip{background:#ffebee;border-radius:6px;color:#d32f2f;font-size:11px;font-weight:600;padding:2px 6px}.chart-grid.enhanced{grid-gap:var(--spacing-xl);align-items:flex-start;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 2fr}.chart-container.pie-container{height:450px;padding:var(--spacing-lg)}.chart-container h3{font-size:16px;margin-bottom:var(--spacing-md);text-align:center}.table-section .has-overdue{color:var(--danger-color);font-weight:600}.span-2{grid-column:span 2}@media (max-width:992px){.chart-grid.enhanced{grid-template-columns:1fr}.span-2{grid-column:span 1}}.report-view.enhanced{display:flex;flex-direction:column;gap:24px;padding:20px}.summary-section.enhanced,.table-section.enhanced{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:18px}.table-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.metrics-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:10px;padding:14px;text-align:center}.metric-card h4{color:#555;font-size:14px;font-weight:600;margin:0}.metric-value{color:#333;font-size:22px;font-weight:700;margin-top:6px}.table-wrapper{margin-top:12px;overflow-x:auto;width:100%}.enhanced-table{border-collapse:collapse;font-size:14px;width:100%}.enhanced-table td,.enhanced-table th{border-bottom:1px solid #ededed;padding:10px 12px;text-align:left}.enhanced-table th{background:#f5f5f5;color:#424242;font-size:13px;font-weight:600}.enhanced-table tbody tr:hover{background:#f9f9f9}.row-high-overdue{background:#ffebee!important}.row-medium-overdue{background:#fff8e1!important}.member-cell{display:flex;flex-direction:column;gap:1px}.member-name{color:#333;font-weight:600}.member-code{color:#666;font-size:11px}.loading.enhanced{color:#555;font-size:16px;font-weight:600;padding:20px;text-align:center}.report-placeholder{background:#fafafa;border-radius:12px;color:#888;font-size:14px;padding:20px;text-align:center}.enhanced-table th.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none}.enhanced-table th.sortable-header:hover{background:#eceff1}.export-options{display:flex;flex-direction:column;gap:var(--spacing-lg)}.export-header h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.export-format-selection label{color:var(--text-secondary);display:block;font-weight:600;margin-bottom:var(--spacing-sm)}.format-buttons{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.format-button{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:var(--spacing-md);text-align:center;transition:all var(--transition-fast)}.format-button.active{background:var(--ai-gradient);border-color:#0000;color:var(--text-white)}.format-button:hover:not(.active){border-color:var(--ai-primary);color:var(--ai-primary)}.export-options-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--ai-primary);height:16px;width:16px}.export-button{align-self:flex-end;background:var(--ai-gradient);border:none;border-radius:var(--border-radius);color:var(--text-white);cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all var(--transition-fast)}.export-button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.export-button:disabled{cursor:not-allowed;opacity:.6;transform:none}
/*# sourceMappingURL=main.b32cdca4.css.map*/