@keyframes modern-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(.5deg)}}@keyframes particle-float{0%,to{opacity:.7;transform:translateY(0) translateX(0) scale(1)}25%{opacity:1;transform:translateY(-20px) translateX(10px) scale(1.1)}50%{opacity:.8;transform:translateY(-10px) translateX(-5px) scale(.9)}75%{opacity:.9;transform:translateY(-30px) translateX(-10px) scale(1.05)}}@keyframes neon-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes hologram{0%,to{transform:rotateY(0deg) rotateX(0deg)}25%{transform:rotateY(5deg) rotateX(2deg)}50%{transform:rotateY(-3deg) rotateX(-1deg)}75%{transform:rotateY(2deg) rotateX(3deg)}}@keyframes modern-spin{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(.9)}75%{transform:scale(1.05)}to{transform:scale(1)}}body{background:#0a0a0a;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.home-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);min-height:100vh;overflow-x:hidden;position:relative}.particles-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.particles-bg .particle{animation:particle-float 8s ease-in-out infinite;border-radius:50%;height:4px;position:absolute;width:4px}.particles-bg .particle.particle-0{animation-delay:0s;background:#00d4ff;left:10%;top:10%}.particles-bg .particle.particle-1{animation-delay:1s;background:#b537f2;left:80%;top:20%}.particles-bg .particle.particle-2{animation-delay:2s;background:#ff006e;left:20%;top:60%}.particles-bg .particle.particle-3{animation-delay:3s;background:#0f8;left:70%;top:80%}.particles-bg .particle.particle-4{animation-delay:4s;background:gold;left:90%;top:40%}.hero-section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative;z-index:2}@media(max-width:768px){.hero-section{min-height:90vh;padding:1rem}}.floating-contact-bar{animation:modern-float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;box-shadow:0 8px 32px #0000001a;padding:1rem;position:fixed;right:2rem;top:2rem;z-index:1000}@media(max-width:768px){.floating-contact-bar{padding:.5rem;right:1rem;top:1rem}}.floating-contact-bar .contact-items{align-items:center;display:flex;gap:1rem}@media(max-width:768px){.floating-contact-bar .contact-items{flex-direction:column;gap:.5rem}}.floating-contact-bar .contact-item{align-items:center;border-radius:25px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}@media(max-width:768px){.floating-contact-bar .contact-item{font-size:1rem;padding:.3rem .8rem}.floating-contact-bar .contact-item span{display:none}}.floating-contact-bar .contact-item:hover{transform:translateY(-2px) scale(1.05)}.floating-contact-bar .contact-item.phone-item:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px #10b981,0 0 40px #10b981,0 0 60px #10b981}.floating-contact-bar .contact-item.telegram-item:hover{background:linear-gradient(135deg,#08c,#069);box-shadow:0 0 20px #08c,0 0 40px #08c,0 0 60px #08c}.floating-contact-bar .contact-item.instagram-item:hover{background:linear-gradient(135deg,#e4405f,#c13584);box-shadow:0 0 20px #e4405f,0 0 40px #e4405f,0 0 60px #e4405f}.floating-contact-bar .contact-item.channel-item:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 0 20px #6366f1,0 0 40px #6366f1,0 0 60px #6366f1}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}@media(max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}}@media(max-width:768px){.hero-content{gap:2rem}}.hero-left{display:flex;flex-direction:column;gap:2rem}.hero-left .logo-section .logo-container{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.hero-left .logo-section .logo-container{flex-direction:column;gap:1rem;justify-content:center}}.hero-left .logo-section .logo-container .logo-wrapper{position:relative}.hero-left .logo-section .logo-container .logo-wrapper .logo{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:3px solid #00d4ff;border-radius:10%;height:80px;padding:.5rem;width:80px}@media(max-width:768px){.hero-left .logo-section .logo-container .logo-wrapper .logo{height:60px;width:60px}}.hero-left .logo-section .logo-container .brand-text .brand-name{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;display:flex;font-size:3rem;font-weight:900;gap:1rem;margin-bottom:.5rem}@media(max-width:768px){.hero-left .logo-section .logo-container .brand-text .brand-name{font-size:2rem;justify-content:center}}.hero-left .logo-section .logo-container .brand-text .brand-name .brand-badge{align-items:center;animation:neon-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:flex;font-size:.8rem;gap:.3rem;padding:.3rem .8rem}.hero-left .logo-section .logo-container .brand-text .brand-tagline{color:#fffc;font-size:1.1rem;font-weight:500;letter-spacing:2px;text-transform:uppercase}@media(max-width:768px){.hero-left .logo-section .logo-container .brand-text .brand-tagline{font-size:.9rem}}.hero-left .hero-description .hero-title{color:#fff;font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem}@media(max-width:768px){.hero-left .hero-description .hero-title{font-size:2.5rem}}@media(max-width:480px){.hero-left .hero-description .hero-title{font-size:2rem}}.hero-left .hero-description .hero-title .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;position:relative}.hero-left .hero-description .hero-title .gradient-text:after{animation:gradient-shift 3s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c);background-size:200% 200%;border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;right:0}.hero-left .hero-description .hero-subtitle{color:#fffc;font-size:1.3rem;line-height:1.6;margin-bottom:2rem}@media(max-width:768px){.hero-left .hero-description .hero-subtitle{font-size:1.1rem}}.hero-left .hero-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media(max-width:768px){.hero-left .hero-features{grid-template-columns:1fr}}.hero-left .hero-features .hero-feature{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;display:flex;gap:.8rem;padding:1rem;transition:all .3s ease}.hero-left .hero-features .hero-feature:hover{box-shadow:0 0 20px #fff3,0 0 40px #fff3,0 0 60px #fff3;transform:translateY(-5px)}.hero-left .hero-features .hero-feature .feature-icon{align-items:center;animation:modern-float 4s ease-in-out infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.hero-left .hero-features .hero-feature span{color:#fff;font-weight:600}.hero-left .hero-actions{display:flex;gap:1.5rem;margin-bottom:3rem}@media(max-width:768px){.hero-left .hero-actions{align-items:center;flex-direction:column}}.hero-left .hero-actions .primary-btn,.hero-left .hero-actions .secondary-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.8rem;overflow:hidden;padding:1.2rem 2.5rem;position:relative;transition:all .4s ease}@media(max-width:768px){.hero-left .hero-actions .primary-btn,.hero-left .hero-actions .secondary-btn{justify-content:center;width:100%}}.hero-left .hero-actions .primary-btn:hover,.hero-left .hero-actions .secondary-btn:hover{transform:translateY(-3px) scale(1.05)}.hero-left .hero-actions .primary-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-left .hero-actions .primary-btn .btn-glow{background:conic-gradient(from 0deg,#00d4ff,#b537f2,#00d4ff);border-radius:50px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.hero-left .hero-actions .primary-btn:hover .btn-glow{opacity:1}.hero-left .hero-actions .secondary-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000;border:2px solid #ffffff4d;color:#fff}.hero-left .hero-actions .secondary-btn:hover{background:#ffffff1a;border-color:#ffffff80}.hero-left .floating-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.hero-left .floating-stats{grid-template-columns:1fr}}.hero-left .floating-stats .stat-card{align-items:center;animation:modern-float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.hero-left .floating-stats .stat-card:hover{box-shadow:0 0 20px #ffffff1a,0 0 40px #ffffff1a,0 0 60px #ffffff1a;transform:translateY(-5px) scale(1.02)}.hero-left .floating-stats .stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px}.hero-left .floating-stats .stat-card .stat-content .stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffecd2,#fcb69f);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;line-height:1}.hero-left .floating-stats .stat-card .stat-content .stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500}.hero-right{align-items:center;display:flex;justify-content:center}.hero-right .hero-visual{max-width:600px;position:relative;width:100%}.hero-right .hero-visual .main-image-container{animation:hologram 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:1rem;position:relative}.hero-right .hero-visual .main-image-container .main-image{border-radius:20px;height:auto;transition:all .3s ease;width:100%}.hero-right .hero-visual .main-image-container .main-image:hover{transform:scale(1.02)}.scroll-indicator{align-items:center;animation:modern-float 3s ease-in-out infinite;bottom:2rem;display:flex;flex-direction:column;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.scroll-indicator .scroll-text{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:1px}.scroll-indicator .scroll-arrow{align-items:center;animation:neon-pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #0000001a;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.modern-features-section{padding:8rem 2rem;position:relative}@media(max-width:768px){.modern-features-section{padding:4rem 1rem}}.modern-features-section .section-container{margin:0 auto;max-width:1400px}.modern-features-section .section-header{margin-bottom:4rem;text-align:center}.modern-features-section .section-header .section-badge{align-items:center;animation:neon-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.5rem}.modern-features-section .section-header .section-title{color:#fff;font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:1rem}@media(max-width:768px){.modern-features-section .section-header .section-title{align-items:center;display:flex;flex-wrap:wrap;font-size:2.5rem;justify-content:center}}.modern-features-section .section-header .section-title .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text}.modern-features-section .section-header .section-subtitle{color:#ffffffb3;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}@media(max-width:768px){.modern-features-section .section-header .section-subtitle{font-size:1rem}}.modern-features-section .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media(max-width:768px){.modern-features-section .features-grid{gap:1.5rem;grid-template-columns:1fr}}.modern-features-section .features-grid .feature-card{animation:modern-float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .4s ease}.modern-features-section .features-grid .feature-card:hover{box-shadow:0 0 20px #ffffff1a,0 0 40px #ffffff1a,0 0 60px #ffffff1a;transform:translateY(-10px) scale(1.02)}.modern-features-section .features-grid .feature-card .feature-icon-wrapper{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:80px}.modern-features-section .features-grid .feature-card .feature-icon-wrapper .feature-icon{color:#fff;font-size:2rem;z-index:2}.modern-features-section .features-grid .feature-card .feature-icon-wrapper:before{animation:modern-spin 4s linear infinite reverse;background:conic-gradient(from 0deg,#0000,#ffffff4d,#0000);border-radius:50%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px}.modern-features-section .features-grid .feature-card .feature-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.modern-features-section .features-grid .feature-card .feature-description{color:#fffc;font-size:1rem;line-height:1.6}.modern-features-section .features-grid .feature-card .feature-glow{background:radial-gradient(circle at center,#ffffff1a 0,#0000 70%);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.modern-features-section .features-grid .feature-card:hover .feature-glow{opacity:1}.enhanced-functions-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);padding:8rem 2rem}@media(max-width:768px){.enhanced-functions-section{padding:4rem 1rem}}.enhanced-functions-section .section-container{margin:0 auto;max-width:1400px}.enhanced-functions-section .functions-container{display:flex;flex-direction:column;gap:4rem}@media(max-width:768px){.enhanced-functions-section .functions-container{gap:3rem}}.enhanced-functions-section .functions-container .function-item{grid-gap:3rem;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 8px 32px #0000001a;display:grid;gap:3rem;grid-template-columns:1fr 1fr;overflow:hidden;padding:3rem;position:relative;transition:all .4s ease}@media(max-width:1024px){.enhanced-functions-section .functions-container .function-item{gap:2rem;grid-template-columns:1fr;padding:2rem}}@media(max-width:768px){.enhanced-functions-section .functions-container .function-item{padding:1.5rem}}.enhanced-functions-section .functions-container .function-item:hover{box-shadow:0 0 20px #ffffff0d,0 0 40px #ffffff0d,0 0 60px #ffffff0d;transform:translateY(-5px)}.enhanced-functions-section .functions-container .function-item.reverse .function-content{order:2}.enhanced-functions-section .functions-container .function-item.reverse .function-visual{order:1}@media(max-width:1024px){.enhanced-functions-section .functions-container .function-item.reverse .function-content{order:1}.enhanced-functions-section .functions-container .function-item.reverse .function-visual{order:2}}.enhanced-functions-section .functions-container .function-item .function-content .function-badge{display:inline-block;margin-bottom:1.5rem;position:relative}.enhanced-functions-section .functions-container .function-item .function-content .function-badge .badge-text{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1.5rem;position:relative;z-index:2}.enhanced-functions-section .functions-container .function-item .function-content .function-badge .badge-glow{animation:modern-spin 6s linear infinite;background:conic-gradient(from 0deg,#00d4ff,#b537f2,#00d4ff);border-radius:25px;bottom:-2px;height:40px;left:-2px;opacity:.7;position:absolute;right:-2px;top:-5px;z-index:1}.enhanced-functions-section .functions-container .function-item .function-content .function-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem}@media(max-width:768px){.enhanced-functions-section .functions-container .function-item .function-content .function-title{font-size:1.8rem}}.enhanced-functions-section .functions-container .function-item .function-content .function-description{color:#fffc;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}@media(max-width:768px){.enhanced-functions-section .functions-container .function-item .function-content .function-description{font-size:1rem}}.enhanced-functions-section .functions-container .function-item .function-content .function-features{display:flex;flex-wrap:wrap;gap:1rem}.enhanced-functions-section .functions-container .function-item .function-content .function-features .feature-tag{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.enhanced-functions-section .functions-container .function-item .function-content .function-features .feature-tag svg{color:#0f8}.enhanced-functions-section .functions-container .function-item .function-visual .image-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:1rem;position:relative}.enhanced-functions-section .functions-container .function-item .function-visual .image-container .function-image{border-radius:15px;height:auto;transition:all .3s ease;width:100%}.enhanced-functions-section .functions-container .function-item .function-visual .image-container .function-image:hover{transform:scale(1.02)}.enhanced-functions-section .functions-container .function-item .function-visual .image-container .image-gradient{border-radius:20px;bottom:0;left:0;opacity:.1;position:absolute;right:0;top:0;transition:opacity .3s ease}.enhanced-functions-section .functions-container .function-item .function-visual .image-container:hover .image-gradient{opacity:.2}.enhanced-functions-section .functions-container .function-item .function-visual .image-container .image-effects{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.enhanced-functions-section .functions-container .function-item .function-visual .image-container .image-effects .effect-1,.enhanced-functions-section .functions-container .function-item .function-visual .image-container .image-effects .effect-2,.enhanced-functions-section .functions-container .function-item .function-visual .image-container .image-effects .effect-3{animation:particle-float 4s ease-in-out infinite;background:#ffffff4d;border-radius:50%;height:20px;position:absolute;width:20px}.enhanced-functions-section .functions-container .function-item .function-visual .image-container .image-effects .effect-1{animation-delay:0s;right:10%;top:20%}.enhanced-functions-section .functions-container .function-item .function-visual .image-container .image-effects .effect-2{animation-delay:1.5s;bottom:30%;left:15%}.enhanced-functions-section .functions-container .function-item .function-visual .image-container .image-effects .effect-3{animation-delay:3s;right:20%;top:60%}.enhanced-functions-section .functions-container .show-more-section{padding:3rem 0;text-align:center}.enhanced-functions-section .functions-container .show-more-section .show-more-btn{background:#0000;border:2px solid #0000;border-radius:50px;cursor:pointer;overflow:hidden;padding:1.5rem 3rem;position:relative;transition:all .4s ease}.enhanced-functions-section .functions-container .show-more-section .show-more-btn:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.enhanced-functions-section .functions-container .show-more-section .show-more-btn .btn-content{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:1rem;position:relative;z-index:2}.enhanced-functions-section .functions-container .show-more-section .show-more-btn .cosmic-glow{animation:modern-spin 4s linear infinite;background:conic-gradient(from 0deg,#00d4ff,#b537f2,#00d4ff);border-radius:50px;bottom:-3px;left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:0}.enhanced-functions-section .functions-container .show-more-section .show-more-btn:hover{transform:translateY(-5px) scale(1.05)}.enhanced-functions-section .functions-container .show-more-section .show-more-btn:hover .cosmic-glow{opacity:1}.enhanced-functions-section .functions-container .show-more-section .show-more-text{color:#ffffffb3;font-size:1rem;margin-top:1rem}.testimonials-section{background:linear-gradient(135deg,#0f3460,#16213e 50%,#1a1a2e);padding:8rem 2rem}@media(max-width:768px){.testimonials-section{padding:4rem 1rem}}.testimonials-section .section-container{margin:0 auto;max-width:1400px}.testimonials-section .testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}@media(max-width:768px){.testimonials-section .testimonials-grid{grid-template-columns:1fr}}.testimonials-section .testimonials-grid .testimonial-card{animation:modern-float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;box-shadow:0 8px 32px #0000001a;padding:2.5rem;position:relative;transition:all .4s ease}.testimonials-section .testimonials-grid .testimonial-card:hover{box-shadow:0 0 20px #ffffff1a,0 0 40px #ffffff1a,0 0 60px #ffffff1a;transform:translateY(-10px) scale(1.02)}.testimonials-section .testimonials-grid .testimonial-card .testimonial-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-avatar{position:relative}.testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-avatar img{border:3px solid #00d4ff;border-radius:50%;height:60px;width:60px}.testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-avatar .avatar-glow{animation:modern-spin 6s linear infinite;background:conic-gradient(from 0deg,#00d4ff,#b537f2,#00d4ff);border-radius:50%;bottom:-5px;left:-5px;opacity:.7;position:absolute;right:-5px;top:-5px;z-index:-1}.testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-info .testimonial-name{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.3rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-info .testimonial-position{color:#00d4ff;font-size:.9rem;font-weight:600;margin-bottom:.2rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-header .testimonial-info .testimonial-clinic{color:#fff9;font-size:.8rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .quote-icon{color:#b537f2;font-size:2rem;margin-bottom:1rem;opacity:.7}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-text{color:#ffffffe6;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-rating{display:flex;gap:.3rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-content .testimonial-rating .star{animation:neon-pulse 2s ease-in-out infinite;color:gold;font-size:1.2rem}.testimonials-section .testimonials-grid .testimonial-card .testimonial-glow{background:radial-gradient(circle at center,#ffffff0d 0,#0000 70%);border-radius:25px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.testimonials-section .testimonials-grid .testimonial-card:hover .testimonial-glow{opacity:1}.enhanced-contact-section{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:8rem 2rem;position:relative}@media(max-width:768px){.enhanced-contact-section{padding:4rem 1rem}}.enhanced-contact-section .section-container{margin:0 auto;max-width:1400px}.enhanced-contact-section .contact-container{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1fr}@media(max-width:1024px){.enhanced-contact-section .contact-container{gap:3rem;grid-template-columns:1fr}}.enhanced-contact-section .contact-container .contact-info .info-header{margin-bottom:3rem}.enhanced-contact-section .contact-container .contact-info .info-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900;margin-bottom:1.5rem}@media(max-width:768px){.enhanced-contact-section .contact-container .contact-info .info-header h3{font-size:1.8rem}}.enhanced-contact-section .contact-container .contact-info .info-header p{color:#fffc;font-size:1.1rem;line-height:1.7}@media(max-width:768px){.enhanced-contact-section .contact-container .contact-info .info-header p{font-size:1rem}}.enhanced-contact-section .contact-container .contact-info .cosmic-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}@media(max-width:768px){.enhanced-contact-section .contact-container .contact-info .cosmic-features{gap:1rem;grid-template-columns:1fr}}.enhanced-contact-section .contact-container .contact-info .cosmic-features .cosmic-feature{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.enhanced-contact-section .contact-container .contact-info .cosmic-features .cosmic-feature:hover{box-shadow:0 0 20px #ffffff1a,0 0 40px #ffffff1a,0 0 60px #ffffff1a;transform:translateY(-3px)}.enhanced-contact-section .contact-container .contact-info .cosmic-features .cosmic-feature .cosmic-icon{align-items:center;animation:modern-float 4s ease-in-out infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:50px;justify-content:center;width:50px}.enhanced-contact-section .contact-container .contact-info .cosmic-features .cosmic-feature span{color:#fff;font-size:1rem;font-weight:600}.enhanced-contact-section .contact-container .contact-info .contact-methods{display:flex;flex-direction:column;gap:1rem}.enhanced-contact-section .contact-container .contact-info .contact-methods .contact-method{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#fff;display:flex;font-weight:600;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.enhanced-contact-section .contact-container .contact-info .contact-methods .contact-method:hover{transform:translateX(10px)}.enhanced-contact-section .contact-container .contact-info .contact-methods .contact-method.phone-method:hover{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 20px #10b981,0 0 40px #10b981,0 0 60px #10b981}.enhanced-contact-section .contact-container .contact-info .contact-methods .contact-method.telegram-method:hover{background:linear-gradient(135deg,#08c,#069);box-shadow:0 0 20px #08c,0 0 40px #08c,0 0 60px #08c}.enhanced-contact-section .contact-container .contact-info .contact-methods .contact-method svg{font-size:1.5rem}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:3rem;position:relative}@media(max-width:768px){.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form{padding:2rem}}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-header{margin-bottom:2.5rem;text-align:center}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-header h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;margin-bottom:.5rem}@media(max-width:768px){.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-header h4{font-size:1.5rem}}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-header p{color:#ffffffb3;font-size:1rem}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media(max-width:768px){.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-grid{gap:1rem;grid-template-columns:1fr}}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-grid .form-group label{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.8rem}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-grid .form-group label svg{color:#00d4ff}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-grid .form-group .cosmic-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:15px;color:#fff;font-size:1rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-grid .form-group .cosmic-input::placeholder{color:#ffffff80}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .form-grid .form-group .cosmic-input:focus{background:#ffffff1a;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d,0 0 40px #00d4ff4d,0 0 60px #00d4ff4d;outline:none}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn{background:#0000;border:none;border-radius:20px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s ease;width:100%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-content{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:700;gap:1rem;justify-content:center;position:relative;z-index:3}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle{animation:particle-float 2s ease-in-out infinite;background:#fff;border-radius:50%;height:4px;position:absolute;width:4px}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:first-child{animation-delay:0s;left:10%;top:20%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(2){animation-delay:.2s;left:80%;top:30%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(3){animation-delay:.4s;left:20%;top:60%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(4){animation-delay:.6s;left:70%;top:70%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(5){animation-delay:.8s;left:50%;top:40%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(6){animation-delay:1s;left:30%;top:80%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(7){animation-delay:1.2s;left:60%;top:10%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(8){animation-delay:1.4s;left:90%;top:50%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(9){animation-delay:1.6s;left:40%;top:90%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn .btn-particles .particle:nth-child(10){animation-delay:1.8s;left:75%;top:25%}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn:hover{transform:translateY(-3px) scale(1.02)}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn:hover .btn-particles{opacity:1}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn:after{animation:modern-spin 4s linear infinite;background:conic-gradient(from 0deg,#00d4ff,#b537f2,#00d4ff);border-radius:20px;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:0}.enhanced-contact-section .contact-container .contact-form-wrapper .cosmic-form .cosmic-submit-btn:hover:after{opacity:1}.cosmic-footer{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border-top:1px solid #ffffff1a;padding:3rem 2rem 1rem;text-align:center}@media(max-width:768px){.cosmic-footer{padding:2rem 1rem 1rem}}.cosmic-footer .footer-content{margin:0 auto 2rem;max-width:1200px}.cosmic-footer .footer-content .footer-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.cosmic-footer .footer-content .footer-logo img{animation:modern-float 4s ease-in-out infinite;border:2px solid #00d4ff;border-radius:10%;height:50px;width:50px}.cosmic-footer .footer-content .footer-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900}.cosmic-footer .footer-content .footer-text{color:#ffffffb3;font-size:1rem;margin-bottom:2rem}.cosmic-footer .footer-content .footer-social{display:flex;gap:1rem;justify-content:center}.cosmic-footer .footer-content .footer-social .social-link{align-items:center;animation:modern-float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #0000001a;color:#fff;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.cosmic-footer .footer-content .footer-social .social-link:hover{box-shadow:0 0 20px #ffffff4d,0 0 40px #ffffff4d,0 0 60px #ffffff4d;transform:translateY(-5px) scale(1.1)}.cosmic-footer .footer-content .footer-social .social-link:first-child{animation-delay:0s}.cosmic-footer .footer-content .footer-social .social-link:first-child:hover{background:linear-gradient(135deg,#08c,#069)}.cosmic-footer .footer-content .footer-social .social-link:nth-child(2){animation-delay:2s}.cosmic-footer .footer-content .footer-social .social-link:nth-child(2):hover{background:linear-gradient(135deg,#e4405f,#c13584)}.cosmic-footer .footer-bottom{border-top:1px solid #ffffff1a;padding-top:1rem}.cosmic-footer .footer-bottom p{color:#ffffff80;font-size:.9rem}@media(max-width:480px){.hero-section{padding:1rem .5rem}.hero-content{gap:2rem}.hero-left .hero-description .hero-title{font-size:1.8rem}.hero-left .hero-description .hero-subtitle{font-size:1rem}.hero-left .hero-features{gap:.8rem;grid-template-columns:1fr}.hero-left .hero-features .hero-feature{padding:.8rem}.hero-left .hero-features .hero-feature .feature-icon{font-size:1rem;height:35px;width:35px}.hero-left .hero-features .hero-feature span{font-size:.9rem}.hero-left .floating-stats{grid-template-columns:1fr}.hero-left .floating-stats .stat-card{padding:1rem}.hero-left .floating-stats .stat-card .stat-icon{font-size:1.2rem;height:40px;width:40px}.hero-left .floating-stats .stat-card .stat-content .stat-number{font-size:1.5rem}.hero-left .floating-stats .stat-card .stat-content .stat-label{font-size:.8rem}.enhanced-contact-section,.enhanced-functions-section,.modern-features-section,.testimonials-section{padding:3rem .5rem}.section-header .section-title{font-size:2rem}}@media(max-width:480px)and (max-width:768px){.section-header .section-title{font-size:1.2rem}}@media(max-width:480px){.section-header .section-subtitle{font-size:.9rem}.features-grid{grid-template-columns:1fr}.features-grid .feature-card{padding:2rem 1.5rem}.features-grid .feature-card .feature-icon-wrapper{height:60px;width:60px}.features-grid .feature-card .feature-icon-wrapper .feature-icon{font-size:1.5rem}.features-grid .feature-card .feature-title{font-size:1.2rem}.features-grid .feature-card .feature-description{font-size:.9rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.enhanced-contact-section,.enhanced-functions-section,.hero-section,.home-container,.modern-features-section,.testimonials-section{background:#000}.cosmic-form,.feature-card,.function-item,.testimonial-card{background:#000;border:2px solid #fff}}.login-container{background-color:#f8f9fa;display:flex;min-height:100vh;overflow:hidden;position:relative}.login-container .animation-left,.login-container .animation-right{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.login-container .circle-container{height:300px;position:relative;width:300px}.login-container .circle{border-radius:50%;opacity:.7;position:absolute}.login-container .circle-1{animation:pulse 8s infinite alternate;background:linear-gradient(135deg,#4a90e2,#63b3ed);height:300px;width:300px}.login-container .circle-2{animation:pulse 6s infinite alternate-reverse;background:linear-gradient(135deg,#38b2ac,#4fd1c5);height:200px;left:50px;top:50px;width:200px}.login-container .circle-3{animation:pulse 4s infinite alternate;background:linear-gradient(135deg,#805ad5,#b794f4);height:100px;left:100px;top:100px;width:100px}.login-container .pulse-container{height:300px;position:relative;width:300px}.login-container .pulse{animation:pulse-animation 4s infinite;background:linear-gradient(135deg,#f56565,#feb2b2);border-radius:50%;opacity:0;position:absolute;transform:scale(0)}.login-container .pulse-1{animation-delay:0s;height:300px;width:300px}.login-container .pulse-2{animation-delay:1s;height:300px;width:300px}.login-container .pulse-3{animation-delay:2s;height:300px;width:300px}@keyframes pulse-animation{0%{opacity:.7;transform:scale(0)}to{opacity:0;transform:scale(1)}}.login-container .login-content{align-items:center;display:flex;flex:2 1;justify-content:center;padding:2rem;z-index:10}.login-container .login-form-container,.login-container .request-form-container,.login-container .success-message{background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;max-width:500px;padding:2rem;transition:all .3s ease;width:100%}.login-container .login-header{margin-bottom:2rem;text-align:center}.login-container .login-header .logo-icon{color:#4a90e2;font-size:3rem;margin-bottom:1rem}.login-container .login-header h1{color:#2d3748;font-size:1.8rem;margin-bottom:.5rem}.login-container .login-header p{color:#718096;font-size:1rem}.login-container .language-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.login-container .language-selector .lang-btn{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.login-container .language-selector .lang-btn:hover{background-color:#edf2f7}.login-container .language-selector .lang-btn.active{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.login-container .login-form .form-group,.login-container .request-form .form-group{margin-bottom:1.5rem;position:relative}.login-container .login-form .form-group .input-icon,.login-container .request-form .form-group .input-icon{color:#a0aec0;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.login-container .login-form .form-group input,.login-container .request-form .form-group input{border:1px solid #e2e8f0;border-radius:5px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s;width:100%}.login-container .login-form .form-group input:focus,.login-container .request-form .form-group input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.login-container .login-form .form-group input:disabled,.login-container .request-form .form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.login-container .login-form .form-group .age-icon,.login-container .request-form .form-group .age-icon{font-size:1rem;font-weight:700}.login-container .login-form .form-group label,.login-container .request-form .form-group label{color:#4a5568;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.login-container .login-form .form-options,.login-container .request-form .form-options{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1.5rem}.login-container .login-form .form-options .remember-me,.login-container .request-form .form-options .remember-me{align-items:center;color:#718096;display:flex}.login-container .login-form .form-options .remember-me input,.login-container .request-form .form-options .remember-me input{margin-right:.5rem}.login-container .login-form .form-options .forgot-password,.login-container .request-form .form-options .forgot-password{color:#4a90e2;text-decoration:none}.login-container .login-form .form-options .forgot-password:hover,.login-container .request-form .form-options .forgot-password:hover{text-decoration:underline}.login-container .login-form .login-button,.login-container .login-form .submit-button,.login-container .request-form .login-button,.login-container .request-form .submit-button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .2s;width:100%}.login-container .login-form .login-button:hover:not(:disabled),.login-container .login-form .submit-button:hover:not(:disabled),.login-container .request-form .login-button:hover:not(:disabled),.login-container .request-form .submit-button:hover:not(:disabled){background-color:#3182ce}.login-container .login-form .login-button:disabled,.login-container .login-form .submit-button:disabled,.login-container .request-form .login-button:disabled,.login-container .request-form .submit-button:disabled{cursor:not-allowed;opacity:.7}.login-container .login-form .demo-credentials,.login-container .request-form .demo-credentials{background-color:#f7fafc;border-radius:5px;font-size:.875rem;margin-top:1.5rem;padding:1rem}.login-container .login-form .demo-credentials p,.login-container .request-form .demo-credentials p{color:#4a5568;font-weight:600;margin-bottom:.5rem}.login-container .login-form .demo-credentials ul,.login-container .request-form .demo-credentials ul{color:#718096;margin:0;padding-left:1.5rem}.login-container .login-form .divider,.login-container .request-form .divider{align-items:center;color:#a0aec0;display:flex;margin:1.5rem 0}.login-container .login-form .divider:after,.login-container .login-form .divider:before,.login-container .request-form .divider:after,.login-container .request-form .divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.login-container .login-form .divider span,.login-container .request-form .divider span{padding:0 1rem}.login-container .login-form .request-access-button,.login-container .request-form .request-access-button{background-color:#fff;border:1px solid #4a90e2;border-radius:5px;color:#4a90e2;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.login-container .login-form .request-access-button:hover:not(:disabled),.login-container .request-form .request-access-button:hover:not(:disabled){background-color:#ebf8ff}.login-container .login-form .request-access-button:disabled,.login-container .request-form .request-access-button:disabled{border-color:#cbd5e0;color:#a0aec0;cursor:not-allowed;opacity:.7}.login-container .login-form .signup-link,.login-container .request-form .signup-link{color:#718096;font-size:.875rem;margin-top:1.5rem;text-align:center}.login-container .login-form .signup-link button,.login-container .request-form .signup-link button{background:none;border:none;color:#4a90e2;cursor:pointer;font-weight:600;padding:0}.login-container .login-form .signup-link button:hover:not(:disabled),.login-container .request-form .signup-link button:hover:not(:disabled){text-decoration:underline}.login-container .login-form .signup-link button:disabled,.login-container .request-form .signup-link button:disabled{cursor:not-allowed;opacity:.7}.login-container .back-button{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:5px;color:#4a5568;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:all .2s;width:100%}.login-container .back-button:hover{background-color:#edf2f7}.login-container .success-message{text-align:center}.login-container .success-message .logo-icon{color:#48bb78;font-size:3rem;margin-bottom:1rem}.login-container .success-message h2{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.login-container .success-message p{color:#718096;margin-bottom:2rem}.login-container .success-message .back-to-login{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.login-container .success-message .back-to-login:hover{background-color:#3182ce}.login-container .error-message{align-items:center;background-color:#fff5f5;border-radius:5px;color:#e53e3e;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.login-container .error-message:before{content:"⚠️"}.login-container .modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-container .reset-password-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;overflow:hidden;width:100%}.login-container .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.login-container .modal-header h2{color:#333;font-size:1.25rem;margin:0}.login-container .modal-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;transition:background-color .2s}.login-container .modal-header .close-button:hover{background-color:#f8f9fa;color:#333}.login-container .modal-body{padding:20px}.login-container .modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.login-container .reset-step{align-items:center;animation:fadeIn .3s ease-out;display:flex;flex-direction:column;padding:10px 0;text-align:center}.login-container .reset-step h3{color:#333;margin:15px 0 5px}.login-container .reset-step p{color:#6c757d;margin-bottom:20px}.login-container .reset-step .form-group{text-align:left;width:100%}.login-container .reset-step-icon{align-items:center;background-color:#e9f5ff;border-radius:50%;color:#007bff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:10px;width:60px}.login-container .reset-step-icon.success-icon{background-color:#d4edda;color:#28a745}.login-container .verification-code-inputs{display:flex;gap:8px;justify-content:center;margin:20px 0}.login-container .verification-code-inputs input{border:1px solid #ced4da;border-radius:4px;font-size:1.5rem;font-weight:700;height:50px;text-align:center;transition:all .2s;width:40px}.login-container .verification-code-inputs input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.login-container .verification-code-inputs input:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-container .reset-error{align-items:center;animation:shake .5s ease-in-out;background-color:#f8d7da;border-radius:4px;color:#721c24;display:flex;font-size:.9rem;gap:8px;margin-top:15px;padding:10px}.login-container .spinner{animation:spin 1s linear infinite;display:inline-block;margin-right:5px}.login-container .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.login-container .btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.login-container .btn:disabled{cursor:not-allowed;opacity:.65}.login-container .btn.btn-primary{background-color:#4a90e2;color:#fff}.login-container .btn.btn-primary:hover:not(:disabled){background-color:#3182ce}.login-container .btn.btn-secondary{background-color:#6c757d;color:#fff}.login-container .btn.btn-secondary:hover:not(:disabled){background-color:#5a6268}.login-container .btn.btn-icon{align-items:center;display:flex;gap:5px}@media(max-width:1024px){.login-container .animation-left,.login-container .animation-right{display:none}.login-container .login-content{flex:1 1}}@media(max-width:640px){.login-container .login-form-container,.login-container .request-form-container,.login-container .success-message{padding:1.5rem}.login-container .login-header .logo-icon{font-size:2.5rem}.login-container .login-header h1{font-size:1.5rem}.login-container .verification-code-inputs input{font-size:1.2rem;height:45px;width:35px}.login-container .reset-password-modal{max-height:90vh;overflow-y:auto;width:90%}.login-container .form-actions{flex-direction:column}.login-container .form-actions button{width:100%}}.signup-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;min-height:100vh;overflow:hidden;position:relative}.signup-container .animation-left,.signup-container .animation-right{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.signup-container .signup-content{align-items:center;display:flex;flex:2 1;justify-content:center;padding:2rem;z-index:10}.signup-container .signup-form-container{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:800px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.signup-container .signup-header{margin-bottom:2rem;text-align:center}.signup-container .signup-header .logo-icon{color:#4a6cf7;font-size:3rem;margin-bottom:1rem}.signup-container .signup-header h1{color:#333;font-size:2rem;margin-bottom:.5rem}.signup-container .signup-header p{color:#666;font-size:1rem}.signup-container .signup-form .form-row{display:flex;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.signup-container .signup-form .form-row{flex-direction:column;gap:0}}.signup-container .signup-form .form-group{flex:1 1;margin-bottom:1.5rem;position:relative}.signup-container .signup-form .form-group .input-icon{color:#4a6cf7;font-size:1.2rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.signup-container .signup-form .form-group input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease;width:100%}.signup-container .signup-form .form-group input:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733;outline:none}.signup-container .signup-form .form-group input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.7}.signup-container .signup-form .form-group .error{color:#e53935;display:block;font-size:.8rem;margin-top:.5rem}.signup-container .signup-form .terms-checkbox{align-items:flex-start;display:flex;margin-bottom:1.5rem}.signup-container .signup-form .terms-checkbox input{margin-right:.5rem;margin-top:.25rem}.signup-container .signup-form .terms-checkbox label{color:#666;font-size:.9rem}.signup-container .signup-form .terms-checkbox label a{color:#4a6cf7;text-decoration:none}.signup-container .signup-form .terms-checkbox label a:hover{text-decoration:underline}.signup-container .signup-form .signup-button{background:linear-gradient(135deg,#4a6cf7,#2a3f96);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.signup-container .signup-form .signup-button:hover{background:linear-gradient(135deg,#3a5ce5,#1a2f86);box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.signup-container .signup-form .signup-button:disabled{background:#b0b0b0;box-shadow:none;cursor:not-allowed;transform:none}.signup-container .signup-form .login-link{color:#666;font-size:.9rem;text-align:center}.signup-container .signup-form .login-link button{background:none;border:none;color:#4a6cf7;cursor:pointer;font-weight:600;margin-left:.25rem;padding:0}.signup-container .signup-form .login-link button:hover{text-decoration:underline}.signup-container .signup-form .login-link button:disabled{color:#999;cursor:not-allowed;text-decoration:none}.signup-container .signup-form .api-error{background-color:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem}.signup-container .success-message{background:#fffffff2;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:3rem;text-align:center;width:100%}.signup-container .success-message .logo-icon{color:#4caf50;font-size:4rem;margin-bottom:1.5rem}.signup-container .success-message h2{color:#333;font-size:1.8rem;margin-bottom:1rem}.signup-container .success-message p{color:#666;font-size:1rem;margin-bottom:2rem}.signup-container .success-message .redirect-message{color:#4a6cf7;font-style:italic;margin-top:1rem}.signup-container .success-message .login-redirect-button{background:linear-gradient(135deg,#4a6cf7,#2a3f96);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.signup-container .success-message .login-redirect-button:hover{background:linear-gradient(135deg,#3a5ce5,#1a2f86);box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.signup-container .dna-container{align-items:center;display:flex;height:100%;justify-content:center;perspective:1000px;width:100%}.signup-container .dna-helix{animation:rotate 20s linear infinite;height:400px;position:relative;transform-style:preserve-3d;width:100px}.signup-container .dna-step{height:40px;position:absolute;transform-style:preserve-3d;width:100%}.signup-container .dna-step:first-child{top:0;transform:rotateY(36deg)}.signup-container .dna-step:nth-child(2){top:40px;transform:rotateY(72deg)}.signup-container .dna-step:nth-child(3){top:80px;transform:rotateY(108deg)}.signup-container .dna-step:nth-child(4){top:120px;transform:rotateY(144deg)}.signup-container .dna-step:nth-child(5){top:160px;transform:rotateY(180deg)}.signup-container .dna-step:nth-child(6){top:200px;transform:rotateY(216deg)}.signup-container .dna-step:nth-child(7){top:240px;transform:rotateY(252deg)}.signup-container .dna-step:nth-child(8){top:280px;transform:rotateY(288deg)}.signup-container .dna-step:nth-child(9){top:320px;transform:rotateY(324deg)}.signup-container .dna-step:nth-child(10){top:360px;transform:rotateY(1turn)}.signup-container .dna-base{background:linear-gradient(135deg,#4a6cf7,#2a3f96);border-radius:50%;box-shadow:0 0 10px #4a6cf780;height:20px;position:absolute;width:20px}.signup-container .dna-base.dna-base-left{left:0}.signup-container .dna-base.dna-base-right{right:0}.signup-container .particles-container{height:100%;overflow:hidden;position:absolute;width:100%}.signup-container .particle{animation:float 15s infinite;background:linear-gradient(135deg,#4a6cf7,#2a3f96);border-radius:50%;height:10px;opacity:.6;position:absolute;width:10px}@media(max-width:1200px){.signup-container .animation-left,.signup-container .animation-right{flex:.5 1}}@media(max-width:992px){.signup-container{flex-direction:column}.signup-container .animation-left{display:none}.signup-container .animation-right{height:100%;position:absolute;width:100%;z-index:0}.signup-container .signup-content{flex:1 1}}@media(max-width:576px){.signup-container .signup-form-container,.signup-container .success-message{padding:1.5rem}.signup-container .signup-header h1{font-size:1.5rem}}.not-found-container{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;justify-content:center;min-height:100vh;padding:1rem}.not-found-content{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;max-width:500px;padding:3rem 2rem;text-align:center}.not-found-content h1{color:#2563eb;font-size:6rem;font-weight:700;line-height:1;margin-bottom:1rem}.not-found-content h2{color:#1e293b;font-size:2rem;margin-bottom:1rem}.not-found-content p{color:#334155;margin-bottom:2rem}.not-found-content .home-button{align-items:center;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.not-found-content .home-button:hover{background-color:#1e40af}.not-found-content .home-button .home-icon{font-size:1.2rem}.dashboard-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;min-height:100vh;overflow-x:hidden;position:relative}@media(max-width:768px){.dashboard-container{flex-direction:column}}.dashboard-content{display:flex;flex:1 1;flex-direction:column;margin-left:0;max-width:100%;min-height:100vh;overflow-x:hidden;transition:all .3s ease;width:100%}@media(min-width:1024px){.dashboard-content{margin-left:280px;max-width:calc(100% - 280px);width:calc(100% - 280px)}}@media(min-width:769px)and (max-width:1023px){.dashboard-content{margin-left:0;max-width:100%;width:100%}}@media(max-width:768px){.dashboard-content{margin-left:0;max-width:100%;width:100%}}.dashboard-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:1rem 1.5rem}@media(max-width:768px){.dashboard-controls{flex-direction:column;gap:1rem;padding:1rem}}@media(min-width:769px)and (max-width:1023px){.dashboard-controls{flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem}}.quick-stats{align-items:center;display:flex;gap:1.5rem}@media(max-width:768px){.quick-stats{gap:.75rem;justify-content:space-between;width:100%}}@media(min-width:769px)and (max-width:1023px){.quick-stats{gap:1rem}}.quick-stats .stat-item{align-items:center;background:#ffffffe6;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;gap:.75rem;min-width:120px;padding:.75rem 1rem;transition:all .3s ease}.quick-stats .stat-item:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}@media(max-width:768px){.quick-stats .stat-item{flex:1 1;gap:.5rem;min-width:auto;padding:.5rem .75rem}}@media(min-width:769px)and (max-width:1023px){.quick-stats .stat-item{min-width:110px;padding:.625rem .875rem}}.quick-stats .stat-item .stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}@media(max-width:768px){.quick-stats .stat-item .stat-icon{font-size:1rem;height:32px;width:32px}}.quick-stats .stat-item .stat-icon.patients{background:linear-gradient(135deg,#667eea,#764ba2)}.quick-stats .stat-item .stat-icon.appointments{background:linear-gradient(135deg,#f093fb,#f5576c)}.quick-stats .stat-item .stat-icon.rooms{background:linear-gradient(135deg,#4facfe,#00f2fe)}.quick-stats .stat-item .stat-icon.income{background:linear-gradient(135deg,#43e97b,#38f9d7)}.quick-stats .stat-item .stat-info{display:flex;flex-direction:column}.quick-stats .stat-item .stat-info .stat-value{color:#2d3748;font-size:1.5rem;font-weight:700;line-height:1.2}@media(max-width:768px){.quick-stats .stat-item .stat-info .stat-value{font-size:1.25rem}}.quick-stats .stat-item .stat-info .stat-label{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}@media(max-width:768px){.quick-stats .stat-item .stat-info .stat-label{font-size:.7rem}}.branch-selector-container{position:relative}.branch-selector-container .branch-selector-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.branch-selector-container .branch-selector-button:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}@media(max-width:768px){.branch-selector-container .branch-selector-button{font-size:.9rem;justify-content:center;padding:.625rem .875rem;width:100%}}.branch-selector-container .branch-selector-button .branch-icon{font-size:1rem}.branch-selector-container .branch-dropdown{background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@media(max-width:768px){.branch-selector-container .branch-dropdown{left:0;min-width:auto;right:0}}.branch-selector-container .branch-dropdown .branch-option{background:none;border:none;border-bottom:1px solid #0000000d;cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.branch-selector-container .branch-dropdown .branch-option:last-child{border-bottom:none}.branch-selector-container .branch-dropdown .branch-option:hover{background:#667eea1a}.branch-selector-container .branch-dropdown .branch-option.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.branch-selector-container .branch-dropdown .branch-option .branch-name{font-weight:500}.branch-selector-container .branch-dropdown .branch-error,.branch-selector-container .branch-dropdown .branch-loading{color:#718096;font-style:italic;padding:1rem;text-align:center}.branch-selector-container .branch-dropdown .branch-error{color:#e53e3e}.main-content{background:#0000;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:1.5rem;width:100%}@media(max-width:768px){.main-content{padding:1rem}}@media(min-width:769px)and (max-width:1023px){.main-content{padding:1.25rem}}.dashboard-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #0000001a;padding:1rem 1.5rem}@media(max-width:768px){.dashboard-footer{padding:.75rem 1rem}}.dashboard-footer .footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}@media(max-width:768px){.dashboard-footer .footer-content{flex-direction:column;gap:.5rem;text-align:center}}.dashboard-footer .footer-content p{color:#718096;font-size:.875rem;margin:0}@media(max-width:768px){.dashboard-footer .footer-content p{font-size:.8rem}}.dashboard-footer .footer-content .footer-links{display:flex;gap:1.5rem}@media(max-width:768px){.dashboard-footer .footer-content .footer-links{flex-wrap:wrap;gap:1rem;justify-content:center}}.dashboard-footer .footer-content .footer-links a{color:#4a5568;font-size:.875rem;text-decoration:none;transition:color .2s ease}.dashboard-footer .footer-content .footer-links a:hover{color:#667eea}@media(max-width:768px){.dashboard-footer .footer-content .footer-links a{font-size:.8rem}}.loading-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.loading-container .loading-spinner{border:4px solid #667eea4d;border-top-color:#667eea;height:50px;width:50px}.loading-container p{color:#4a5568;font-size:1rem}.error-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem}.error-container .error-icon{color:#e53e3e;font-size:4rem}.error-container h2{color:#2d3748;margin-bottom:.5rem}.error-container p{color:#718096;margin-bottom:2rem;max-width:400px}.error-container .btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.error-container .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-container .btn.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.sidebar-backdrop{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}@media(max-width:768px){.sidebar-backdrop{display:block}}.mobile-toggle{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:none;font-size:1.2rem;left:1rem;padding:.75rem;position:fixed;top:1rem;transition:all .3s ease;z-index:1001}.mobile-toggle:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}@media(max-width:1024px){.mobile-toggle{align-items:center;display:flex;justify-content:center}}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media(max-width:768px){.show-mobile{display:block!important}}.show-tablet{display:none!important}@media(min-width:769px)and (max-width:1023px){.show-tablet{display:block!important}}.show-desktop{display:none!important}@media(min-width:1024px){.show-desktop{display:block!important}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.request-access-container{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.animation-left,.animation-right{align-items:center;bottom:0;display:flex;justify-content:center;position:absolute;top:0;width:20%;z-index:1}.animation-left{left:0}.animation-right{right:0}.circle-container{align-items:center;display:flex;height:200px;justify-content:center;position:relative;width:200px}.circle{border:2px solid #2563eb4d;border-radius:50%;position:absolute}.circle.circle-1{animation:rotate 15s linear infinite;border-right-color:#0000;border-top-color:#2563eb;height:100px;width:100px}.circle.circle-2{animation:rotate 20s linear infinite reverse;border-bottom-color:#3b82f6;border-left-color:#0000;height:150px;width:150px}.circle.circle-3{animation:rotate 25s linear infinite;border-bottom-color:#0000;border-left-color:#1e40af;height:200px;width:200px}.pulse-container{align-items:center;display:flex;height:200px;justify-content:center;position:relative;width:200px}.pulse{background-color:#3b82f633;border-radius:50%;position:absolute}.pulse.pulse-1{animation:pulse 4s ease-in-out infinite;height:100px;width:100px}.pulse.pulse-2{animation:pulse 4s ease-in-out 1s infinite;height:150px;width:150px}.pulse.pulse-3{animation:pulse 4s ease-in-out 2s infinite;height:200px;width:200px}.request-content{background-color:#fff;border-radius:16px;box-shadow:0 4px 15px #0000001a;max-width:550px;overflow:hidden;padding:2.5rem;position:relative;width:100%;z-index:2}.request-content:before{background-color:#2563eb1a;left:-50px;top:-50px}.request-content:after,.request-content:before{border-radius:50%;content:"";height:100px;position:absolute;width:100px;z-index:-1}.request-content:after{background-color:#3b82f61a;bottom:-50px;right:-50px}.request-header{margin-bottom:2rem;text-align:center}.request-header .logo-icon{color:#2563eb;font-size:3rem;margin-bottom:1rem}.request-header h1{color:#1e293b;font-size:1.8rem;margin-bottom:.5rem}.request-header p{color:#334155;opacity:.8}.request-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{position:relative}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#33415580}.form-group input{padding-left:2.8rem}.form-group .input-icon{color:#33415599;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.form-group .input-icon .age-icon{font-size:1rem;font-weight:700}.back-button,.back-to-login,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:all .3s ease;width:100%}.submit-button{background-color:#2563eb;color:#fff}.submit-button:hover{background-color:#1e40af}.back-button,.back-to-login{background-color:#e2e8f0;color:#334155}.back-button:hover,.back-to-login:hover{background-color:#d1dbe7}.success-message{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-align:center}.success-message .logo-icon{animation:float 3s ease-in-out infinite;color:#10b981;font-size:4rem}.success-message h2{color:#1e293b;font-size:1.5rem}.success-message p{color:#334155;margin-bottom:1.5rem}@media(max-width:768px){.request-access-container{padding:1rem}.animation-left,.animation-right{width:15%}.circle-container,.pulse-container{transform:scale(.8)}}@media(max-width:576px){.request-content{padding:1.5rem}.animation-left,.animation-right{display:none}}.help-container{background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;color:#333;font-family:sans-serif;margin:2rem auto;max-width:1000px;padding:2rem}.help-container .help-header{border-bottom:1px solid #eaeaea;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.help-container .help-header .help-header-icon{color:#5584ff;font-size:3rem;margin-bottom:1rem}.help-container .help-header .help-title{color:#333;font-size:2.5rem;margin-bottom:.5rem}.help-container .help-header .help-subtitle{color:#666;font-size:1.2rem}.help-container .section-header{margin-bottom:2rem;text-align:center}.help-container .section-header .section-icon{color:#5584ff;font-size:2rem;margin-bottom:.5rem}.help-container .section-header h2{color:#333;font-size:1.8rem;margin-bottom:.5rem}.help-container .section-header p{color:#666;font-size:1.1rem}.help-container .faq-section{background-color:#f9fafc;border-radius:12px;margin-bottom:4rem;padding:2rem}.help-container .faq-section .faq-list{display:flex;flex-direction:column;gap:1.5rem}.help-container .faq-section .faq-list .faq-item{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.help-container .faq-section .faq-list .faq-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.help-container .faq-section .faq-list .faq-item .faq-image-container{align-items:center;background-color:#f0f4ff;border-radius:12px;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.help-container .faq-section .faq-list .faq-item .faq-image-container .faq-image{height:100%;object-fit:cover;width:100%}.help-container .faq-section .faq-list .faq-item .faq-content{flex:1 1}.help-container .faq-section .faq-list .faq-item .faq-content h3{align-items:center;color:#333;display:flex;font-size:1.3rem;gap:.5rem;margin-bottom:.8rem}.help-container .faq-section .faq-list .faq-item .faq-content h3 .faq-icon{color:#5584ff;font-size:1.2rem}.help-container .faq-section .faq-list .faq-item .faq-content p{color:#555;font-size:1.1rem;line-height:1.6}.help-container .ask-question-section{margin-bottom:4rem}.help-container .ask-question-section .support-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.help-container .ask-question-section .support-options .support-card{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000000d;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.help-container .ask-question-section .support-options .support-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.help-container .ask-question-section .support-options .support-card .support-icon-container{align-items:center;border-radius:50%;display:flex;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.help-container .ask-question-section .support-options .support-card .support-icon-container.telegram{background-color:#e9f2ff}.help-container .ask-question-section .support-options .support-card .support-icon-container.phone{background-color:#e9fff0}.help-container .ask-question-section .support-options .support-card .support-icon-container.email{background-color:#fff0e9}.help-container .ask-question-section .support-options .support-card .support-icon-container .support-icon{color:#5584ff;font-size:2rem}.help-container .ask-question-section .support-options .support-card .support-icon-container .support-icon.phone{color:#30c165}.help-container .ask-question-section .support-options .support-card .support-icon-container .support-icon.email{color:#ff8c42}.help-container .ask-question-section .support-options .support-card h3{color:#333;font-size:1.4rem;margin-bottom:1rem}.help-container .ask-question-section .support-options .support-card p{color:#666;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.help-container .ask-question-section .support-options .support-card .telegram-button{background-color:#5584ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.help-container .ask-question-section .support-options .support-card .telegram-button:hover{background-color:#36f;transform:translateY(-2px)}.help-container .ask-question-section .support-options .support-card .contact-info{color:#5584ff;font-size:1.1rem;font-weight:600}.help-container .contact-section{background-color:#f9fafc;border-radius:12px;padding:2rem}.help-container .contact-section .contact-info-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.help-container .contact-section .contact-info-container .contact-info-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000000d;display:flex;gap:1rem;padding:1.5rem}.help-container .contact-section .contact-info-container .contact-info-item .contact-icon{color:#5584ff;font-size:1.5rem}.help-container .contact-section .contact-info-container .contact-info-item h4{color:#333;font-size:1.1rem;margin-bottom:.3rem}.help-container .contact-section .contact-info-container .contact-info-item p{color:#666;font-size:1rem}.help-container .contact-section .support-hours{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000000d;padding:1.5rem;text-align:center}.help-container .contact-section .support-hours h4{color:#333;font-size:1.2rem;margin-bottom:1rem}.help-container .contact-section .support-hours p{color:#666;font-size:1rem;margin-bottom:.5rem}@media(max-width:768px){.help-container{margin:1rem;padding:1.5rem}.faq-section .faq-list .faq-item{align-items:center;flex-direction:column;text-align:center}.contact-section .contact-info-container{grid-template-columns:1fr}}.target-page{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a3e 25%,#2d1b69 50%,#1a1a3e 75%,#0f0f23);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.target-page .target-background{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.target-page .target-background .floating-shapes{height:100%;position:relative;width:100%}.target-page .target-background .floating-shapes .shape{animation:float 8s ease-in-out infinite;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(45deg,#9333ea1a,#3b82f61a);border-radius:50%;position:absolute}.target-page .target-background .floating-shapes .shape.shape-1{animation-delay:0s;height:300px;left:-10%;top:10%;width:300px}.target-page .target-background .floating-shapes .shape.shape-2{animation-delay:2s;background:linear-gradient(45deg,#3b82f61a,#10b9811a);height:200px;right:-5%;top:60%;width:200px}.target-page .target-background .floating-shapes .shape.shape-3{animation-delay:4s;background:linear-gradient(45deg,#10b9811a,#f59e0b1a);height:150px;right:20%;top:20%;width:150px}.target-page .target-background .floating-shapes .shape.shape-4{animation-delay:1s;background:linear-gradient(45deg,#f59e0b1a,#ef44441a);bottom:10%;height:250px;left:10%;width:250px}.target-page .target-background .floating-shapes .shape.shape-5{animation-delay:3s;background:linear-gradient(45deg,#ef44441a,#9333ea1a);height:120px;left:5%;top:50%;width:120px}.target-page .target-background .floating-shapes .shape.shape-6{animation-delay:5s;background:linear-gradient(45deg,#3b82f61a,#9333ea1a);bottom:30%;height:180px;right:30%;width:180px}.target-page .target-container{margin:0 auto;max-width:500px;padding:2rem 1.5rem;position:relative;width:100%;z-index:1}.target-page .target-container .target-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.target-page .target-container .target-logo .logo-img{box-shadow:0 4px 20px #9333ea4d;height:70px;object-fit:cover;width:70px}.target-page .target-container .target-logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#3b82f6,#10b981);background-clip:text;-webkit-background-clip:text;font-size:2rem;font-weight:700;margin:0}.target-page .target-container .target-header{margin-bottom:3rem;text-align:center}.target-page .target-container .target-header .target-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 1rem}.target-page .target-container .target-header .target-title .title-gradient{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#a855f7,#3b82f6,#10b981);background-clip:text;-webkit-background-clip:text}.target-page .target-container .target-header .target-subtitle{color:#ffffffb3;font-size:1.1rem;line-height:1.5;margin:0}.target-page .target-container .target-form-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px #0000004d;overflow:hidden;padding:2.5rem;position:relative}.target-page .target-container .target-form-wrapper:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.target-page .target-container .target-form-wrapper .target-form .form-group{margin-bottom:2rem;position:relative}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper{position:relative}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;box-sizing:border-box;color:#fff;font-size:1rem;font-weight:500;padding:1.25rem 3rem 1.25rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input:focus{background:#ffffff14;border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a;outline:none}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input:focus~.form-label,.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input:not(:placeholder-shown)~.form-label{color:#a855f7;transform:translateY(-2.5rem) scale(.85)}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input.error{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:3.5rem}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input.form-select option{background:#1a1a3e;color:#fff}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-label{color:#fff9;font-size:1rem;font-weight:500;left:3rem;pointer-events:none;position:absolute;top:1.25rem;transform-origin:left top;transition:all .3s cubic-bezier(.4,0,.2,1)}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-label .required-star{color:#ef4444;margin-left:.25rem}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-label.select-label{color:#fff9;transform:translateY(-2.5rem) scale(.85)}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .input-icon{color:#fff6;height:1.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease;width:1.5rem}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .input-icon svg{height:100%;width:100%}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .input-border{background:linear-gradient(90deg,#a855f7,#3b82f6);bottom:0;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper:focus-within .input-icon{color:#a855f7}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper:focus-within .input-border{width:100%}.target-page .target-container .target-form-wrapper .target-form .form-group .error-message{color:#ef4444;display:block;font-size:.875rem;font-weight:500;margin-top:.5rem}.target-page .target-container .target-form-wrapper .target-form .submit-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.target-page .target-container .target-form-wrapper .target-form .submit-btn{background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:16px;box-shadow:0 10px 25px #a855f74d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.target-page .target-container .target-form-wrapper .target-form .submit-btn:hover:not(:disabled){box-shadow:0 15px 35px #a855f766;transform:translateY(-2px)}.target-page .target-container .target-form-wrapper .target-form .submit-btn:hover:not(:disabled) .btn-glow{opacity:1}.target-page .target-container .target-form-wrapper .target-form .submit-btn:active:not(:disabled){transform:translateY(0)}.target-page .target-container .target-form-wrapper .target-form .submit-btn:disabled{cursor:not-allowed;opacity:.7}.target-page .target-container .target-form-wrapper .target-form .submit-btn .btn-text{position:relative;z-index:2}.target-page .target-container .target-form-wrapper .target-form .submit-btn .btn-glow{background:linear-gradient(135deg,#fff3,#0000);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.target-page .target-container .target-form-wrapper .target-form .submit-btn .btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.25rem}.target-page .target-container .target-form-wrapper .target-form .submit-btn.loading .btn-text{margin-right:2rem}.target-page .target-container .target-footer{margin-top:2rem;text-align:center}.target-page .target-container .target-footer p{color:#fff9;font-size:.9rem;margin:0}.target-page .success-animation{padding:2rem;text-align:center}.target-page .success-animation .success-checkmark{stroke-width:2;stroke:#10b981;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 #10b981;display:block;height:80px;margin:0 auto 2rem;position:relative;width:80px}.target-page .success-animation .success-checkmark .check-icon{border:4px solid #10b981;border-radius:50%;box-sizing:initial;height:80px;position:relative;width:80px}.target-page .success-animation .success-checkmark .check-icon:before{border-radius:100px 0 0 100px;left:-2px;top:3px;transform-origin:100% 50%;width:30px}.target-page .success-animation .success-checkmark .check-icon:after{animation:rotate-circle 4.25s ease-in;border-radius:0 100px 100px 0;left:30px;top:0;transform-origin:0 50%;width:60px}.target-page .success-animation .success-checkmark .check-icon:after,.target-page .success-animation .success-checkmark .check-icon:before{background:#0f0f23;content:"";height:100px;position:absolute;transform:rotate(-45deg)}.target-page .success-animation .success-checkmark .check-icon .icon-line{background-color:#10b981;border-radius:2px;display:block;height:5px;position:absolute;z-index:10}.target-page .success-animation .success-checkmark .check-icon .icon-line.line-tip{animation:icon-line-tip .75s;left:14px;top:46px;transform:rotate(45deg);width:25px}.target-page .success-animation .success-checkmark .check-icon .icon-line.line-long{animation:icon-line-long .75s;right:-15px;top:38px;transform:rotate(-45deg);width:47px}.target-page .success-animation .success-checkmark .check-icon .icon-circle{border:4px solid #10b98180;border-radius:50%;box-sizing:initial;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:10}.target-page .success-animation .success-checkmark .check-icon .icon-fix{background-color:#0f0f23;height:85px;left:26px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.target-page .success-animation .success-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1rem}.target-page .success-animation .success-subtitle{color:#ffffffb3;font-size:1.1rem;margin:0 0 2rem}.target-page .success-animation .social-follow{margin:2rem 0}.target-page .success-animation .social-follow h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem}.target-page .success-animation .social-follow .social-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.target-page .success-animation .social-follow .social-links .social-link{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#fff;display:flex;font-weight:500;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.target-page .success-animation .social-follow .social-links .social-link:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-2px)}.target-page .success-animation .social-follow .social-links .social-link.telegram{background:linear-gradient(135deg,#08c3,#0088cc1a);border-color:#0088cc4d}.target-page .success-animation .social-follow .social-links .social-link.telegram:hover{background:linear-gradient(135deg,#0088cc4d,#08c3);box-shadow:0 10px 25px #0088cc4d}.target-page .success-animation .social-follow .social-links .social-link.instagram{background:linear-gradient(135deg,#e1306c33,#e1306c1a);border-color:#e1306c4d}.target-page .success-animation .social-follow .social-links .social-link.instagram:hover{background:linear-gradient(135deg,#e1306c4d,#e1306c33);box-shadow:0 10px 25px #e1306c4d}.target-page .success-animation .social-follow .social-links .social-link.admin-telegram{background:linear-gradient(135deg,#a855f733,#a855f71a);border-color:#a855f74d}.target-page .success-animation .social-follow .social-links .social-link.admin-telegram:hover{background:linear-gradient(135deg,#a855f74d,#a855f733);box-shadow:0 10px 25px #a855f74d}.target-page .success-animation .social-follow .social-links .social-link .social-icon{height:1.25rem;width:1.25rem}.target-page .success-animation .social-follow .social-links .social-link .social-icon svg{height:100%;width:100%}.target-page .success-animation .back-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;font-weight:500;margin-top:2rem;padding:1rem 2rem;transition:all .3s ease}.target-page .success-animation .back-btn:hover{background:#ffffff26;transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #10b981}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{left:1px;top:19px;width:0}54%{left:1px;top:19px;width:0}70%{left:-8px;top:37px;width:50px}84%{left:21px;top:48px;width:17px}to{left:14px;top:45px;width:25px}}@keyframes icon-line-long{0%{right:46px;top:54px;width:0}65%{right:46px;top:54px;width:0}84%{right:0;top:35px;width:55px}to{right:8px;top:38px;width:47px}}@media(max-width:768px){.target-page{padding:1rem}.target-page .target-container{max-width:100%;padding:1rem}.target-page .target-container .target-logo{margin-bottom:1.5rem}.target-page .target-container .target-logo .logo-img{height:40px;width:40px}.target-page .target-container .target-logo .logo-text{font-size:1.5rem}.target-page .target-container .target-header{margin-bottom:2rem}.target-page .target-container .target-header .target-title{font-size:2rem}.target-page .target-container .target-header .target-subtitle{font-size:1rem}.target-page .target-container .target-form-wrapper{border-radius:20px;padding:1.5rem}.target-page .target-container .target-form-wrapper .target-form .form-group{margin-bottom:1.5rem}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input{font-size:.95rem;padding:1rem 2.5rem 1rem 1rem}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-label{font-size:.95rem;left:1rem;top:1rem}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-label:not(.select-label).active{transform:translateY(-2.2rem) translateX(0) scale(.85)}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .input-icon{height:1.25rem;right:.75rem;width:1.25rem}.target-page .target-container .target-form-wrapper .target-form .submit-btn{font-size:1rem;padding:1rem}.target-page .success-animation{padding:1.5rem}.target-page .success-animation .success-checkmark{height:60px;margin-bottom:1.5rem;width:60px}.target-page .success-animation .success-checkmark .check-icon{height:60px;width:60px}.target-page .success-animation .success-title{font-size:1.5rem}.target-page .success-animation .success-subtitle{font-size:1rem}.target-page .success-animation .social-follow .social-links{align-items:center;flex-direction:column}.target-page .success-animation .social-follow .social-links .social-link{min-width:200px}}@media(max-width:480px){.target-page .target-container .target-header .target-title{font-size:1.75rem}.target-page .target-container .target-form-wrapper{padding:50px 1rem 1rem}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-input{padding:.875rem 2rem .875rem 2.5rem}.target-page .target-container .target-form-wrapper .target-form .form-group .input-wrapper .form-label{left:2.5rem;top:.8rem}}.director-dashboard .page-title{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:1.75rem;padding-bottom:.75rem;position:relative}.director-dashboard .page-title:after{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:50px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:2rem;text-align:center}.error-container .spinner,.loading-container .spinner{animation:spin 1s linear infinite;color:#3b82f6;font-size:2rem;margin-bottom:1rem}.error-container .error-icon,.loading-container .error-icon{color:#ef4444;font-size:2rem;margin-bottom:1rem}.error-container p,.loading-container p{color:#334155;font-size:1.1rem;margin-bottom:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.75rem}@media(max-width:992px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:576px){.stats-grid{grid-template-columns:1fr}}.stat-card{border-radius:12px;box-shadow:0 10px 25px #0000000d;gap:1.25rem;overflow:hidden;position:relative}.stat-card:hover{box-shadow:0 15px 30px #0000001a}.stat-card:before{background-color:#0891b2;border-bottom-left-radius:12px;border-top-left-radius:12px;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.stat-card .stat-icon-wrapper{align-items:center;background-color:#0891b21a;border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-card .stat-icon{color:#0891b2;font-size:1.75rem}.stat-card .stat-content{flex:1 1}.stat-card .stat-value{color:#1e293b;margin-bottom:.25rem}.stat-card .stat-label{color:#334155;font-size:.95rem;opacity:.8}.stat-card .stat-change{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:.25rem;margin-top:.5rem}.stat-card .stat-change.positive{color:#10b981}.stat-card .stat-change.negative{color:#ef4444}.stat-card .stat-details{display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.stat-card .stat-details .completed{color:#10b981}.stat-card .stat-details .pending{color:#f59e0b}.stat-card.income:before{background-color:#10b981}.stat-card.income .stat-icon-wrapper{background-color:#10b9811a}.stat-card.income .stat-icon{color:#10b981}.stat-card.expense:before{background-color:#ef4444}.stat-card.expense .stat-icon-wrapper{background-color:#ef44441a}.stat-card.expense .stat-icon{color:#ef4444}.stat-card.profit:before{background-color:#f59e0b}.stat-card.profit .stat-icon-wrapper{background-color:#f59e0b1a}.stat-card.profit .stat-icon{color:#f59e0b}.stat-card.patients:before{background-color:#8b5cf6}.stat-card.patients .stat-icon-wrapper{background-color:#8b5cf61a}.stat-card.patients .stat-icon{color:#8b5cf6}.dashboard-card,.dashboard-row{margin-bottom:1.75rem}.dashboard-card{border-radius:12px;box-shadow:0 10px 25px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.dashboard-card .card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.dashboard-card .card-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.dashboard-card .card-header h2 svg{color:#0891b2}.dashboard-card.chart-card .chart-container{align-items:center;display:flex;height:350px;justify-content:center;padding:1.5rem}.dashboard-card.chart-card .chart-container .no-chart-data{color:#334155;font-size:1.1rem;opacity:.7;text-align:center}.table-responsive{overflow-x:auto;padding:.5rem 0}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.table-responsive::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;text-align:left}.data-table th{background-color:#e2e8f04d;color:#1e293b;font-weight:600;position:sticky;top:0;z-index:10}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#e2e8f033}.data-table tbody tr{transition:background-color .2s ease}.data-table .no-data{color:#334155;opacity:.7;padding:2rem;text-align:center}.status-badge{border-radius:50px;display:inline-block;font-size:.85rem;font-weight:500;padding:.35rem .75rem;text-align:center}.status-badge.completed{background-color:#10b9811a;color:#10b981}.status-badge.in_progress{background-color:#3b82f61a;color:#3b82f6}.status-badge.pending{background-color:#f59e0b1a;color:#f59e0b}.status-badge.cancelled{background-color:#ef44441a;color:#ef4444}.status-badge.high{background-color:#10b9811a;color:#10b981}.status-badge.medium{background-color:#f59e0b1a;color:#f59e0b}.progress-bar{align-items:center;background-color:#e2e8f0;border-radius:4px;display:flex;height:8px;overflow:hidden;position:relative;width:100%}.progress-bar .progress-fill{background:linear-gradient(90deg,#3b82f6,#0891b2);border-radius:4px;height:100%;transition:width .5s ease}.progress-bar span{color:#1e293b;font-size:.85rem;font-weight:600;margin-left:.5rem}.btn{border-radius:12px;padding:.6rem 1.2rem}.btn.btn-primary:hover{background-color:#1e40af;transform:translateY(-2px)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-secondary{background-color:#e2e8f0;color:#334155}.btn.btn-secondary:hover{background-color:#d1dbe7;transform:translateY(-2px)}.btn.btn-secondary:active{transform:translateY(0)}.btn.btn-text{background:none;color:#2563eb;font-weight:600;padding:.5rem}.btn.btn-text:hover{background-color:#2563eb0d;color:#1e40af}.btn.btn-icon{gap:.5rem}.charts-section{margin-top:2rem}@media(max-width:768px){.dashboard-header,.dashboard-row,.stats-grid{margin-bottom:1.5rem}.page-title{font-size:1.5rem}.stat-card{padding:1.25rem}.stat-card .stat-icon-wrapper{height:50px;width:50px}.stat-card .stat-icon,.stat-card .stat-value{font-size:1.5rem}.dashboard-card .card-header{padding:1rem}.dashboard-card .card-header h2{font-size:1.1rem}.dashboard-card.chart-card .chart-container{height:300px;padding:1rem}.data-table td,.data-table th{padding:.75rem 1rem}}@media(max-width:576px){.dashboard-header,.dashboard-row,.stats-grid{margin-bottom:1rem}.dashboard-card.chart-card .chart-container{height:250px}}@media(max-width:320px){.stat-card{padding:1rem}.stat-card .stat-icon-wrapper{height:40px;width:40px}.stat-card .stat-icon{font-size:1.25rem}.stat-card .stat-value{font-size:1.2rem}.stat-card .stat-label{font-size:.85rem}.dashboard-card .card-header{padding:.75rem}.dashboard-card .card-header h2{font-size:1rem}.dashboard-card.chart-card .chart-container{height:200px;padding:.75rem}.data-table td,.data-table th{font-size:.85rem;padding:.5rem .75rem}.btn{font-size:.85rem;padding:.5rem 1rem}.status-badge{font-size:.75rem;padding:.25rem .5rem}}.xodim-container{background-color:#f1f5f9;color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:calc(100vh - 60px);padding:20px;position:relative;width:100%}.xodim-container .xodim-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.xodim-container .xodim-header .xodim-title{color:#1e293b;font-size:24px;font-weight:700;margin:0}.xodim-container .xodim-header .xodim-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:flex-end}.xodim-container .xodim-stats-toggle{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;margin-bottom:20px;padding:16px 20px;transition:all .3s ease}.xodim-container .xodim-stats-toggle:hover{background-color:#fafafa}.xodim-container .xodim-stats-toggle h2{align-items:center;color:#1e293b;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:18px;font-weight:600;justify-content:space-between;margin:0}.xodim-container .xodim-stats-container{animation:fadeIn .3s ease;margin-bottom:24px}.xodim-container .xodim-stats-container .xodim-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:1200px){.xodim-container .xodim-stats-container .xodim-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.xodim-container .xodim-stats-container .xodim-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}}.xodim-container .xodim-stats-container .xodim-stats-grid .xodim-stat-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;justify-content:flex-start;padding:20px;transition:all .3s ease}.xodim-container .xodim-stats-container .xodim-stats-grid .xodim-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.xodim-container .xodim-stats-container .xodim-stats-grid .xodim-stat-card .xodim-stat-icon-wrapper{align-items:center;background-color:#2563eb1a;border-radius:50%;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;height:50px;justify-content:center;width:50px}.xodim-container .xodim-stats-container .xodim-stats-grid .xodim-stat-card .xodim-stat-icon-wrapper .xodim-stat-icon{color:#2563eb;font-size:22px}.xodim-container .xodim-stats-container .xodim-stats-grid .xodim-stat-card .xodim-stat-content{flex:1 1}.xodim-container .xodim-stats-container .xodim-stats-grid .xodim-stat-card .xodim-stat-content .xodim-stat-value{color:#1e293b;font-size:24px;font-weight:700;margin-bottom:4px}.xodim-container .xodim-stats-container .xodim-stats-grid .xodim-stat-card .xodim-stat-content .xodim-stat-label{color:#64748b;font-size:13px;font-weight:500}.xodim-container .xodim-stats-container .xodim-position-stats{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:30px;padding:20px}.xodim-container .xodim-stats-container .xodim-position-stats h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:10px}.xodim-container .xodim-stats-container .xodim-position-stats .xodim-position-stats-list{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px;justify-content:flex-start}.xodim-container .xodim-stats-container .xodim-position-stats .xodim-position-stat-item .xodim-position-stat-header{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:8px}.xodim-container .xodim-stats-container .xodim-position-stats .xodim-position-stat-item .xodim-position-stat-header .xodim-position-name{color:#1e293b;font-weight:500}.xodim-container .xodim-stats-container .xodim-position-stats .xodim-position-stat-item .xodim-position-stat-header .xodim-position-count{color:#2563eb;font-weight:600}.xodim-container .xodim-stats-container .xodim-position-stats .xodim-position-stat-item .xodim-position-progress-bar{background-color:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.xodim-container .xodim-stats-container .xodim-position-stats .xodim-position-stat-item .xodim-position-progress-bar .xodim-position-progress{background-color:#2563eb;border-radius:4px;height:100%;transition:width .5s ease}.xodim-container .xodim-stats-container .xodim-kpi-stats{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:30px;padding:20px}.xodim-container .xodim-stats-container .xodim-kpi-stats h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:10px}.xodim-container .xodim-stats-container .xodim-kpi-stats .xodim-kpi-table td,.xodim-container .xodim-stats-container .xodim-kpi-stats .xodim-kpi-table th{padding:12px 14px}.xodim-container .xodim-stats-container .xodim-kpi-stats .xodim-no-data{color:#64748b;font-style:italic;padding:20px;text-align:center}.xodim-container .xodim-filters-container{margin-bottom:24px}.xodim-container .xodim-filters-container .xodim-search-filter{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:16px;justify-content:space-between;margin-bottom:16px}@media(max-width:576px){.xodim-container .xodim-filters-container .xodim-search-filter{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}}.xodim-container .xodim-filters-container .xodim-search-filter .xodim-search-input{flex:1 1;max-width:400px;position:relative}@media(max-width:576px){.xodim-container .xodim-filters-container .xodim-search-filter .xodim-search-input{max-width:100%;width:100%}}.xodim-container .xodim-filters-container .xodim-search-filter .xodim-search-input .xodim-search-icon{color:#64748b;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.xodim-container .xodim-filters-container .xodim-search-filter .xodim-search-input input{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;transition:all .3s ease;width:100%}.xodim-container .xodim-filters-container .xodim-search-filter .xodim-search-input input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.xodim-container .xodim-filters-container .xodim-search-filter .xodim-search-input input::placeholder{color:#64748b}.xodim-container .xodim-filters-container .xodim-search-filter .xodim-filter-toggle-btn{align-items:center;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease}.xodim-container .xodim-filters-container .xodim-search-filter .xodim-filter-toggle-btn:hover{background-color:#edf2f7}.xodim-container .xodim-filters-container .xodim-search-filter .xodim-filter-toggle-btn.active{background-color:#2563eb1a;border-color:#2563eb;color:#2563eb}.xodim-container .xodim-filters-container .xodim-advanced-filters{grid-gap:16px;animation:fadeIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;padding:20px}.xodim-container .xodim-filters-container .xodim-advanced-filters .xodim-filter-group{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.xodim-container .xodim-filters-container .xodim-advanced-filters .xodim-filter-group label{color:#1e293b;font-size:14px;font-weight:500}.xodim-container .xodim-filters-container .xodim-advanced-filters .xodim-filter-group select{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;font-size:14px;padding:10px 12px;transition:all .3s ease}.xodim-container .xodim-filters-container .xodim-advanced-filters .xodim-filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.xodim-container .xodim-dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:24px;overflow:hidden}.xodim-container .xodim-table-responsive{overflow-x:auto;width:100%}.xodim-container .xodim-table-responsive .xodim-data-table{border-collapse:collapse;font-size:14px;width:100%}.xodim-container .xodim-table-responsive .xodim-data-table td,.xodim-container .xodim-table-responsive .xodim-data-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;text-align:left;vertical-align:middle}.xodim-container .xodim-table-responsive .xodim-data-table th{background-color:#f8fafcb3;color:#1e293b;font-weight:600;position:sticky;top:0;z-index:10}.xodim-container .xodim-table-responsive .xodim-data-table tbody tr{transition:all .3s ease}.xodim-container .xodim-table-responsive .xodim-data-table tbody tr:hover{background-color:#f8fafc80}.xodim-container .xodim-table-responsive .xodim-data-table .xodim-no-data{color:#64748b;font-style:italic;padding:40px 20px;text-align:center}.xodim-container .xodim-role-badge{align-items:center;border-radius:20px;display:flex;display:inline-flex;flex-direction:row;flex-wrap:nowrap;font-size:12px;font-weight:500;gap:6px;justify-content:flex-start;padding:6px 10px}.xodim-container .xodim-role-badge svg{margin-right:4px}.xodim-container .xodim-role-badge.doctor{background-color:#0ea5e926;border:1px solid #0ea5e94d;color:#0ea5e9}.xodim-container .xodim-role-badge.nurse{background-color:#10b98126;border:1px solid #10b9814d;color:#10b981}.xodim-container .xodim-role-badge.admin{background-color:#2563eb26;border:1px solid #2563eb4d;color:#2563eb}.xodim-container .xodim-role-badge.director{background-color:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.xodim-container .xodim-status-badge{align-items:center;border-radius:20px;display:flex;display:inline-flex;flex-direction:row;flex-wrap:nowrap;font-size:12px;font-weight:500;gap:6px;justify-content:flex-start;padding:6px 10px}.xodim-container .xodim-status-badge svg{margin-right:4px}.xodim-container .xodim-status-badge.active{background-color:#10b98126;border:1px solid #10b9814d;color:#10b981}.xodim-container .xodim-status-badge.inactive{background-color:#ef444426;border:1px solid #ef44444d;color:#ef4444}.xodim-container .xodim-status-badge.vacation{background-color:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.xodim-container .xodim-action-buttons{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.xodim-container .xodim-btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;height:32px;justify-content:center;transition:all .3s ease;width:32px}.xodim-container .xodim-btn-icon.xodim-edit{background-color:#0ea5e926;color:#0ea5e9}.xodim-container .xodim-btn-icon.xodim-edit:hover{background-color:#0ea5e940}.xodim-container .xodim-btn-icon.xodim-delete{background-color:#ef444426;color:#ef4444}.xodim-container .xodim-btn-icon.xodim-delete:hover{background-color:#ef444440}.xodim-container .xodim-btn-icon.xodim-view{background-color:#64748b26;color:#64748b}.xodim-container .xodim-btn-icon.xodim-view:hover{background-color:#64748b40}.xodim-container .xodim-error-container,.xodim-container .xodim-loading-container{padding:40px 20px;text-align:center}.xodim-container .xodim-loading{background-color:#0ea5e91a;color:#0ea5e9;flex-direction:row}.xodim-container .xodim-error,.xodim-container .xodim-loading{align-items:center;border-radius:8px;display:flex;display:inline-flex;flex-wrap:nowrap;gap:10px;justify-content:center;padding:12px 20px}.xodim-container .xodim-error{background-color:#ef44441a;color:#ef4444;flex-direction:column;text-align:center}.xodim-container .xodim-error .xodim-btn-sm{margin-top:10px}.xodim-container .xodim-spinner{animation:spin 1s linear infinite}.xodim-container .xodim-sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.xodim-container .xodim-sidebar-overlay.active{animation:fadeIn .3s ease;display:block}.xodim-container .xodim-sidebar{align-items:stretch;background-color:#fff;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;flex-wrap:nowrap;height:100vh;justify-content:flex-start;position:fixed;right:-450px;top:0;transition:right .3s ease;width:450px;z-index:1001}.xodim-container .xodim-sidebar.active{animation:slideIn .3s ease;right:0}@media(max-width:576px){.xodim-container .xodim-sidebar{right:-100%;width:100%}}.xodim-container .xodim-sidebar .xodim-sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:16px 20px}.xodim-container .xodim-sidebar .xodim-sidebar-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.xodim-container .xodim-sidebar .xodim-close-button{background:none;border:none;color:#64748b;cursor:pointer;font-size:24px;transition:all .3s ease}.xodim-container .xodim-sidebar .xodim-close-button:hover{color:#1e293b}.xodim-container .xodim-sidebar .xodim-sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.xodim-container .xodim-sidebar .xodim-sidebar-content form{gap:16px}.xodim-container .xodim-form-group,.xodim-container .xodim-sidebar .xodim-sidebar-content form{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}.xodim-container .xodim-form-group{gap:8px}.xodim-container .xodim-form-group label{color:#1e293b;font-size:14px;font-weight:500}.xodim-container .xodim-form-group input,.xodim-container .xodim-form-group select,.xodim-container .xodim-form-group textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#334155;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.xodim-container .xodim-form-group input:focus,.xodim-container .xodim-form-group select:focus,.xodim-container .xodim-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.xodim-container .xodim-form-group input.error,.xodim-container .xodim-form-group select.error,.xodim-container .xodim-form-group textarea.error{border-color:#ef4444}.xodim-container .xodim-form-group input.error:focus,.xodim-container .xodim-form-group select.error:focus,.xodim-container .xodim-form-group textarea.error:focus{box-shadow:0 0 0 3px #ef444433}.xodim-container .xodim-form-group input:disabled,.xodim-container .xodim-form-group select:disabled,.xodim-container .xodim-form-group textarea:disabled{background-color:#f8fafc;cursor:not-allowed}.xodim-container .xodim-form-group .error-message{color:#ef4444;font-size:12px;margin-top:4px}.xodim-container .xodim-checkbox-label{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.xodim-container .xodim-checkbox-label input[type=checkbox]{margin:0;width:auto}.xodim-container .xodim-form-actions{gap:12px;justify-content:flex-end;margin-top:20px}.xodim-container .xodim-btn,.xodim-container .xodim-form-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.xodim-container .xodim-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;gap:8px;justify-content:center;line-height:1.5;padding:10px 16px;transition:all .3s ease}.xodim-container .xodim-btn svg{vertical-align:middle}.xodim-container .xodim-btn:disabled{cursor:not-allowed;opacity:.7}.xodim-container .xodim-btn.xodim-btn-primary{background-color:#2563eb;color:#fff}.xodim-container .xodim-btn.xodim-btn-primary:hover{background-color:#134cca}.xodim-container .xodim-btn.xodim-btn-secondary{background-color:#64748b;color:#fff}.xodim-container .xodim-btn.xodim-btn-secondary:hover{background-color:#4f5b6d}.xodim-container .xodim-btn.xodim-btn-danger{background-color:#ef4444;color:#fff}.xodim-container .xodim-btn.xodim-btn-danger:hover{background-color:#eb1515}.xodim-container .xodim-btn.xodim-btn-success{background-color:#10b981;color:#fff}.xodim-container .xodim-btn.xodim-btn-success:hover{background-color:#0c8a60}.xodim-container .xodim-btn.xodim-btn-warning{background-color:#f59e0b;color:#fff}.xodim-container .xodim-btn.xodim-btn-warning:hover{background-color:#c57f08}.xodim-container .xodim-btn.xodim-btn-outline{background-color:#0000;border:1px solid #2563eb;color:#2563eb}.xodim-container .xodim-btn.xodim-btn-outline:hover{background-color:#2563eb1a}.xodim-container .xodim-btn.xodim-btn-sm{font-size:12px;padding:6px 12px}.xodim-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.xodim-modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.xodim-full-schedule-modal{max-width:900px}.xodim-modal-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:15px 20px}.xodim-modal-header h2{align-items:center;display:flex;font-size:1.5rem;margin:0}.xodim-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.2rem;transition:color .2s}.xodim-close-button:hover{color:#ef4444}.xodim-modal-content{padding:20px}.xodim-user-details{display:flex;flex-direction:column;gap:20px}.xodim-user-details-section{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:15px}.xodim-user-details-section h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:1.2rem;margin-bottom:15px;margin-top:0;padding-bottom:8px}.xodim-detail-row{align-items:center;display:flex;margin-bottom:10px}.xodim-detail-label{color:#334155;font-weight:600;width:150px}.xodim-detail-value{align-items:center;display:flex;flex:1 1}.xodim-schedule-container h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.xodim-schedule-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:576px){.xodim-schedule-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}}.xodim-schedule-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .3s ease}.xodim-schedule-card.working{border-color:#10b981;border-width:2px}.xodim-schedule-card.not-working{border-color:#ef4444;border-width:2px}.xodim-schedule-card:hover{box-shadow:0 4px 6px #0000001a}.xodim-schedule-card .xodim-schedule-day-header{align-items:center;background-color:#f8fafc;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:12px 16px}.xodim-schedule-card .xodim-schedule-day-header h4{color:#1e293b;font-size:14px;font-weight:600;margin:0}.xodim-schedule-card .xodim-schedule-time{padding:16px;text-align:center}.xodim-schedule-card .xodim-schedule-time p{color:#334155;font-weight:500;margin:0 0 12px}.xodim-schedule-card .xodim-schedule-not-working{color:#ef4444;font-style:italic;font-weight:500}.xodim-schedule-card .xodim-schedule-not-set{color:#64748b;font-style:italic}.xodim-schedule-toggle{display:inline-block;height:20px;position:relative;width:40px;z-index:5}.xodim-schedule-toggle input{height:0;opacity:0;width:0}.xodim-schedule-toggle input:checked+.xodim-schedule-slider{background-color:#10b981}.xodim-schedule-toggle input:checked+.xodim-schedule-slider:before{transform:translateX(18px)}.xodim-schedule-toggle input:focus+.xodim-schedule-slider{box-shadow:0 0 1px #10b981}.xodim-schedule-toggle input:disabled+.xodim-schedule-slider{cursor:not-allowed;opacity:.5}.xodim-schedule-toggle .xodim-schedule-slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.xodim-schedule-toggle .xodim-schedule-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.xodim-schedule-section{margin-top:20px}.xodim-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.xodim-section-header h3{align-items:center;display:flex;margin:0}.xodim-weekly-schedule{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.xodim-day-schedule{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;padding:12px;transition:all .2s}.xodim-day-schedule.working{border-left:4px solid #4caf50}.xodim-day-schedule.not-working{border-left:4px solid #f44336;opacity:.8}.xodim-day-schedule.editing{border-left:4px solid #2196f3;box-shadow:0 2px 8px #2196f333}.xodim-day-name{color:#333;font-weight:600;margin-bottom:8px}.xodim-day-status{align-items:center;display:flex;justify-content:space-between}.xodim-working-time{color:#4caf50;font-weight:500}.xodim-not-working{color:#f44336;font-style:italic}.xodim-not-set{color:#9e9e9e;font-style:italic}.xodim-day-actions{display:flex;gap:8px}.xodim-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.xodim-btn-sm{font-size:.85rem;padding:4px 10px}.xodim-btn-primary{background-color:#2196f3;color:#fff}.xodim-btn-primary:hover{background-color:#1976d2}.xodim-btn-secondary{background-color:#9e9e9e;color:#fff}.xodim-btn-secondary:hover{background-color:#757575}.xodim-btn-danger{background-color:#f44336;color:#fff}.xodim-btn-danger:hover{background-color:#d32f2f}.xodim-btn-success{background-color:#4caf50;color:#fff}.xodim-btn-success:hover{background-color:#388e3c}.xodim-btn-outline{background-color:#0000;border:1px solid #2196f3;color:#2196f3}.xodim-btn-outline:hover{background-color:#e3f2fd}.xodim-btn:disabled{cursor:not-allowed;opacity:.6}.xodim-schedule-actions{display:flex;justify-content:center;margin-top:20px}.xodim-time-form{width:100%}.xodim-time-inputs{display:flex;gap:10px;margin-bottom:10px}.xodim-time-input-group{flex:1 1}.xodim-time-input-group label{color:#555;display:block;font-size:.85rem;margin-bottom:5px}.xodim-time-input-group input{border:1px solid #ddd;border-radius:4px;padding:6px 8px;width:100%}.xodim-time-form-actions{display:flex;gap:10px;justify-content:flex-end}.xodim-spinner{animation:spin 1s linear infinite}.xodim-error{background-color:#ffebee;border-radius:4px;color:#d32f2f;margin-bottom:15px;padding:10px}.xodim-loading{align-items:center;color:#2196f3;display:flex;gap:8px;margin-bottom:15px}@media(max-width:992px){.xodim-container{padding:16px}.xodim-container .xodim-header{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:16px;justify-content:flex-start}.xodim-container .xodim-header .xodim-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;width:100%}}@media(max-width:768px){.xodim-container .xodim-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.xodim-container .xodim-advanced-filters{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}}@media(max-width:576px){.xodim-container{padding:12px}.xodim-container .xodim-header .xodim-title{font-size:20px}.xodim-container .xodim-header .xodim-actions{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;width:100%}.xodim-container .xodim-header .xodim-actions .xodim-btn{width:100%}.xodim-container .xodim-search-filter{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}.xodim-container .xodim-search-filter .xodim-filter-toggle-btn,.xodim-container .xodim-search-filter .xodim-search-input{width:100%}.xodim-container .xodim-sidebar{right:-100%;width:100%}.xodim-container .xodim-sidebar.active{right:0}.xodim-container .xodim-form-actions{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}.xodim-container .xodim-form-actions .xodim-btn{width:100%}}.cab-page{background-color:#f8f9fa;min-height:100vh;padding:1.5rem}.cab-page .cab-page-header{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:1.5rem}.cab-page .cab-page-header .cab-page-title{align-items:center;color:#343a40;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.75rem;font-weight:600;justify-content:flex-start;margin:0}.cab-page .cab-page-header .cab-page-title .cab-title-icon{color:#4a6cf7;margin-right:.5rem}.cab-page .cab-page-header .cab-page-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.75rem;justify-content:flex-end}.cab-page .cab-page-header .cab-page-actions .cab-action-button{align-items:center;border-radius:.25rem;display:flex;flex-direction:row;flex-wrap:nowrap;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.cab-page .cab-page-header .cab-page-actions .cab-action-button.close-stats{background-color:#6c757d;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.cab-page .cab-page-header .cab-page-actions .cab-action-button.close-stats:hover{background-color:#545b62}.cab-page .cab-page-header .cab-page-actions .cab-action-button.close-stats:disabled{cursor:not-allowed;opacity:.65}.cab-page .cab-page-header .cab-page-actions .cab-action-button.add-cabinet{background-color:#4a6cf7;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.cab-page .cab-page-header .cab-page-actions .cab-action-button.add-cabinet:hover{background-color:#1944f5}.cab-page .cab-page-header .cab-page-actions .cab-action-button.add-cabinet:disabled{cursor:not-allowed;opacity:.65}.cab-page .cab-stats-container{background-color:#fff;border-radius:.25rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);margin-bottom:1.5rem;min-height:200px;padding:1.5rem;position:relative}.cab-page .cab-stats-container .cab-stats-loading{align-items:center;background-color:#fffc;bottom:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.cab-page .cab-stats-container .cab-stats-loading .cab-loading-spinner{animation:spin 1s linear infinite;border:.25rem solid #4a6cf74d;border-radius:50%;border-top-color:#4a6cf7;height:2.5rem;margin-bottom:1rem;width:2.5rem}.cab-page .cab-stats-container .cab-stats-grid{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card{align-items:center;background-color:#fff;border-radius:.25rem;box-shadow:0 .125rem .25rem #0000000d;display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:flex-start;min-width:200px;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card:hover{box-shadow:0 .5rem 1rem #0000001a;transform:translateY(-3px)}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card.total-card{border-left:4px solid #4a6cf7}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card.available-card{border-left:4px solid #28a745}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card.occupied-card{border-left:4px solid #ffc107}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card.repair-card{border-left:4px solid #dc3545}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card .cab-stat-icon{align-items:center;border-radius:50%;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card .cab-stat-icon.total{background-color:#4a6cf71a;color:#4a6cf7}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card .cab-stat-icon.available{background-color:#28a7451a;color:#28a745}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card .cab-stat-icon.occupied{background-color:#ffc1071a;color:#ffc107}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card .cab-stat-icon.repair{background-color:#dc35451a;color:#dc3545}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card .cab-stat-content .cab-stat-value{font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card .cab-stat-content .cab-stat-label{color:#6c757d;font-size:.875rem;margin:0}.cab-page .cab-stats-container .cab-type-distribution .cab-section-title{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1.25rem;font-weight:600;justify-content:flex-start;margin-bottom:1rem}.cab-page .cab-stats-container .cab-type-distribution .cab-section-title .cab-section-icon{color:#4a6cf7;margin-right:.5rem}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:.75rem;justify-content:flex-start}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-header{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:.25rem}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-header .cab-type-name-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-header .cab-type-name-container .cab-type-icon{color:#4a6cf7}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-header .cab-type-name-container .cab-type-name{font-weight:500}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-header .cab-type-count{background-color:#4a6cf71a;border-radius:1rem;color:#4a6cf7;font-weight:600;padding:.25rem .5rem}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-wrapper{background-color:#4a6cf71a;border-radius:.25rem;height:.75rem;overflow:hidden;width:100%}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-wrapper .cab-type-bar{border-radius:.25rem;height:100%;transition:width .3s ease}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-wrapper .cab-type-bar.cab-type-jarrohlik{background-color:#4a6cf7}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-wrapper .cab-type-bar.cab-type-laboratoriya{background-color:#17a2b8}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-wrapper .cab-type-bar.cab-type-tezyordam{background-color:#dc3545}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-wrapper .cab-type-bar.cab-type-stomatalogiya{background-color:#6f42c1}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-wrapper .cab-type-bar.cab-type-qabulxona{background-color:#fd7e14}.cab-page .cab-stats-container .cab-type-distribution .cab-type-bars .cab-type-bar-container .cab-type-bar-wrapper .cab-type-bar:not(.cab-type-jarrohlik):not(.cab-type-laboratoriya):not(.cab-type-tezyordam):not(.cab-type-stomatalogiya):not(.cab-type-qabulxona){background-color:#4a6cf7}.cab-page .cab-content{background-color:#fff;border-radius:.25rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);padding:1.5rem}.cab-page .cab-content .cab-search-container{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:1rem}.cab-page .cab-content .cab-search-container .cab-search-input-wrapper{flex:1 1;max-width:400px;position:relative}.cab-page .cab-content .cab-search-container .cab-search-input-wrapper .cab-search-icon{color:#6c757d;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.cab-page .cab-content .cab-search-container .cab-search-input-wrapper .cab-search-input{border:1px solid #ced4da;border-radius:.25rem;font-size:.875rem;padding:.5rem .75rem .5rem 2.25rem;width:100%}.cab-page .cab-content .cab-search-container .cab-search-input-wrapper .cab-search-input:focus{border-color:#4a6cf7;box-shadow:0 0 0 .2rem #4a6cf740;outline:none}.cab-page .cab-content .cab-search-container .cab-filter-toggle{align-items:center;background-color:#0000;border:1px solid #ced4da;border-radius:.25rem;color:#6c757d;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:background-color .3s ease}.cab-page .cab-content .cab-search-container .cab-filter-toggle:hover{background-color:#0000}.cab-page .cab-content .cab-search-container .cab-filter-toggle:disabled{cursor:not-allowed;opacity:.65}.cab-page .cab-content .cab-search-container .cab-filter-toggle.active{background-color:#4a6cf71a;border-color:#4a6cf7;color:#4a6cf7}.cab-page .cab-content .cab-filters{align-items:flex-end;background-color:#f8f9fa80;border-radius:.25rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1.5rem;padding:1rem}.cab-page .cab-content .cab-filters .cab-filter-group{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;min-width:150px}.cab-page .cab-content .cab-filters .cab-filter-group label{color:#6c757d;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.cab-page .cab-content .cab-filters .cab-filter-group select{border:1px solid #ced4da;border-radius:.25rem;font-size:.875rem;padding:.375rem .75rem;width:100%}.cab-page .cab-content .cab-filters .cab-filter-group select:focus{border-color:#4a6cf7;box-shadow:0 0 0 .2rem #4a6cf740;outline:none}.cab-page .cab-content .cab-filters .cab-filter-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.cab-page .cab-content .cab-filters .cab-filter-actions .cab-btn{border-radius:.25rem;cursor:pointer;font-size:.875rem;padding:.375rem .75rem}.cab-page .cab-content .cab-filters .cab-filter-actions .cab-btn.cab-btn-outline{background-color:#0000;border:1px solid #6c757d;color:#6c757d}.cab-page .cab-content .cab-filters .cab-filter-actions .cab-btn.cab-btn-outline:hover{background-color:#6c757d;color:#fff}.cab-page .cab-content .cab-filters .cab-filter-actions .cab-btn.cab-btn-primary{background-color:#4a6cf7;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.cab-page .cab-content .cab-filters .cab-filter-actions .cab-btn.cab-btn-primary:hover{background-color:#1944f5}.cab-page .cab-content .cab-filters .cab-filter-actions .cab-btn.cab-btn-primary:disabled{cursor:not-allowed;opacity:.65}.cab-page .cab-content .cab-table-container{overflow-x:auto;position:relative}.cab-page .cab-content .cab-table-container .cab-loading-overlay{align-items:center;background-color:#ffffffb3;bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.cab-page .cab-content .cab-table-container .cab-loading-overlay .cab-loading-spinner{animation:spin 1s linear infinite;border:.25rem solid #4a6cf74d;border-radius:50%;border-top-color:#4a6cf7;height:2.5rem;width:2.5rem}.cab-page .cab-content .cab-table-container .cab-table{border-collapse:collapse;width:100%}.cab-page .cab-content .cab-table-container .cab-table td,.cab-page .cab-content .cab-table-container .cab-table th{border-bottom:1px solid #e9ecef;font-size:.875rem;padding:.75rem;text-align:left}.cab-page .cab-content .cab-table-container .cab-table th{background-color:#f8f9fa80;color:#6c757d;font-weight:600}.cab-page .cab-content .cab-table-container .cab-table tr:hover{background-color:#f8f9fa80}.cab-page .cab-content .cab-table-container .cab-table .cab-type{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start}.cab-page .cab-content .cab-table-container .cab-table .cab-type .cab-type-icon{color:#4a6cf7}.cab-page .cab-content .cab-table-container .cab-table .cab-status{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start}.cab-page .cab-content .cab-table-container .cab-table .cab-status .status-icon{font-size:1rem}.cab-page .cab-content .cab-table-container .cab-table .cab-status .status-icon.available{color:#28a745}.cab-page .cab-content .cab-table-container .cab-table .cab-status .status-icon.occupied{color:#ffc107}.cab-page .cab-content .cab-table-container .cab-table .cab-status .status-icon.repair{color:#dc3545}.cab-page .cab-content .cab-table-container .cab-table .cab-status .cab-status-badge{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.cab-page .cab-content .cab-table-container .cab-table .cab-status .cab-status-badge.available{background-color:#28a7451a;color:#28a745}.cab-page .cab-content .cab-table-container .cab-table .cab-status .cab-status-badge.creating{background-color:#ffc1071a;color:#ffc107}.cab-page .cab-content .cab-table-container .cab-table .cab-status .cab-status-badge.repair{background-color:#dc35451a;color:#dc3545}.cab-page .cab-content .cab-table-container .cab-table .cab-branch{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start}.cab-page .cab-content .cab-table-container .cab-table .cab-branch .cab-branch-icon{color:#4a6cf7}.cab-page .cab-content .cab-table-container .cab-table .cab-staff{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:.25rem;justify-content:flex-start}.cab-page .cab-content .cab-table-container .cab-table .cab-staff .cab-staff-item{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.8125rem;gap:.5rem;justify-content:flex-start}.cab-page .cab-content .cab-table-container .cab-table .cab-staff .cab-staff-item .cab-staff-icon{color:#4a6cf7}.cab-page .cab-content .cab-table-container .cab-table .cab-no-staff{color:#6c757d;font-size:.8125rem;font-style:italic}.cab-page .cab-content .cab-table-container .cab-table .cab-equipment{font-size:.8125rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cab-page .cab-content .cab-table-container .cab-table .cab-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start}.cab-page .cab-content .cab-table-container .cab-table .cab-actions .cab-action-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.cab-page .cab-content .cab-table-container .cab-table .cab-actions .cab-action-btn.edit{background-color:#4a6cf71a;color:#4a6cf7}.cab-page .cab-content .cab-table-container .cab-table .cab-actions .cab-action-btn.edit:hover{background-color:#4a6cf7;color:#fff}.cab-page .cab-content .cab-table-container .cab-table .cab-actions .cab-action-btn.delete{background-color:#dc35451a;color:#dc3545}.cab-page .cab-content .cab-table-container .cab-table .cab-actions .cab-action-btn.delete:hover{background-color:#dc3545;color:#fff}.cab-page .cab-content .cab-table-container .cab-no-data{padding:3rem 1rem;text-align:center}.cab-page .cab-content .cab-table-container .cab-no-data .cab-no-data-icon{color:#6c757d;font-size:2.5rem;margin-bottom:1rem}.cab-page .cab-content .cab-table-container .cab-no-data p{color:#6c757d;font-size:1rem;margin-bottom:.5rem}.cab-page .cab-content .cab-table-container .cab-no-data .cab-error-message{color:#dc3545;font-size:.875rem}.cab-page .cab-content .cab-table-container .cab-pagination-container{margin-top:1.5rem}.cab-page .cab-modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cab-page .cab-modal-backdrop .cab-modal{background-color:#fff;border-radius:.25rem;box-shadow:0 .5rem 1rem #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.cab-page .cab-modal-backdrop .cab-modal .cab-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:1rem 1.5rem}.cab-page .cab-modal-backdrop .cab-modal .cab-modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.cab-page .cab-modal-backdrop .cab-modal .cab-modal-header .cab-modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;line-height:1}.cab-page .cab-modal-backdrop .cab-modal .cab-modal-header .cab-modal-close:hover{color:#dc3545}.cab-page .cab-modal-backdrop .cab-modal .cab-form{padding:1.5rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group{margin-bottom:1rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group input,.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group select,.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group textarea{border:1px solid #ced4da;border-radius:.25rem;font-size:.875rem;padding:.5rem .75rem;width:100%}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group input:focus,.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group select:focus,.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group textarea:focus{border-color:#4a6cf7;box-shadow:0 0 0 .2rem #4a6cf740;outline:none}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group textarea{min-height:100px;resize:vertical}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group .cab-warning{align-items:center;background-color:#ffc1071a;border-radius:.25rem;color:#876500;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.8125rem;gap:.5rem;justify-content:flex-start;margin-top:.5rem;padding:.5rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group .cab-selected-items{margin-top:1rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group .cab-selected-items h4{color:#343a40;font-size:.875rem;margin-bottom:.5rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group .cab-selected-items ul{list-style:none;margin:0;padding:0}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group .cab-selected-items ul li{align-items:center;background-color:#f8f9fab3;border-radius:.25rem;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.8125rem;justify-content:space-between;margin-bottom:.375rem;padding:.375rem .75rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group .cab-selected-items ul li .cab-remove-item{background:none;border:none;color:#6c757d;cursor:pointer;font-size:.75rem;padding:.25rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-group .cab-selected-items ul li .cab-remove-item:hover{color:#dc3545}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-row{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:space-between}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-row .cab-form-group{flex:1 1}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-actions .cab-form-cancel{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:.25rem;color:#343a40;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-actions .cab-form-cancel:hover{background-color:#dae0e5}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-actions .cab-form-cancel:disabled{cursor:not-allowed;opacity:.65}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-actions .cab-form-submit{background-color:#4a6cf7;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-actions .cab-form-submit:hover{background-color:#1944f5}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-actions .cab-form-submit:disabled{cursor:not-allowed;opacity:.65}.cab-page .cab-loading-container{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;padding:3rem}.cab-page .cab-loading-container .cab-loading-spinner{animation:spin 1s linear infinite;border:.25rem solid #4a6cf74d;border-radius:50%;border-top-color:#4a6cf7;height:3rem;margin-bottom:1rem;width:3rem}.cab-page .cab-loading-container p{color:#6c757d;font-size:1rem}.cab-page .cab-error-container{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;padding:3rem;text-align:center}.cab-page .cab-error-container .cab-error-icon{color:#dc3545;font-size:3rem;margin-bottom:1rem}.cab-page .cab-error-container h2{color:#dc3545;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.cab-page .cab-error-container p{color:#6c757d;font-size:1rem;margin-bottom:1.5rem}.cab-page .cab-error-container .cab-btn-primary{background-color:#4a6cf7;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}.cab-page .cab-error-container .cab-btn-primary:hover{background-color:#1944f5}.cab-page .cab-error-container .cab-btn-primary:disabled{cursor:not-allowed;opacity:.65}@media(max-width:992px){.cab-page{padding:1rem}.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card{min-width:calc(50% - .5rem)}}@media(max-width:768px){.cab-page .cab-page-header{align-items:flex-start;flex-direction:column;gap:1rem}.cab-page .cab-page-header .cab-page-actions{width:100%}.cab-page .cab-content .cab-search-container{align-items:flex-start;flex-direction:column;gap:.75rem}.cab-page .cab-content .cab-search-container .cab-search-input-wrapper{max-width:none;width:100%}.cab-page .cab-content .cab-filters .cab-filter-group,.cab-page .cab-content .cab-search-container .cab-filter-toggle{width:100%}.cab-page .cab-content .cab-filters .cab-filter-actions{margin-top:.5rem;width:100%}}@media(max-width:576px){.cab-page .cab-stats-container .cab-stats-grid .cab-stat-card{min-width:100%}.cab-page .cab-modal-backdrop .cab-modal{width:95%}.cab-page .cab-modal-backdrop .cab-modal .cab-form .cab-form-row{flex-direction:column;gap:0}}.reports-container{background-color:#f8f9fa;min-height:calc(100vh - 60px);padding:16px}@media(max-width:768px){.reports-container{padding:12px}}.reports-header{margin-bottom:20px}.reports-header,.reports-header .reports-header-content{align-items:center;display:flex;justify-content:space-between}.reports-header .reports-header-content{margin-bottom:15px}@media(max-width:768px){.reports-header .reports-header-content{margin-bottom:10px}}.reports-header .mobile-menu-toggle{background:none;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:none;padding:8px}@media(max-width:768px){.reports-header .mobile-menu-toggle{display:block}}.reports-header .mobile-menu-toggle:hover{background-color:#f5f5f5}.reports-header .reports-actions{display:flex;gap:10px}@media(max-width:768px){.reports-header .reports-actions{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;display:none;flex-direction:column;min-width:200px;padding:15px;position:absolute;right:12px;top:60px;z-index:1000}.reports-header .reports-actions.mobile-show{display:flex}}.reports-title{color:#333;font-size:24px;font-weight:600;margin:0}@media(max-width:768px){.reports-title{font-size:20px}}@media(max-width:480px){.reports-title{font-size:18px}}.reports-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}@media(max-width:768px){.reports-btn{padding:12px 16px;width:100%}}.reports-btn.reports-btn-primary{background-color:#3498db;color:#fff}.reports-btn.reports-btn-primary:hover{background-color:#2980b9}.reports-btn.reports-btn-outline{background-color:#0000;border:1px solid #3498db;color:#3498db}.reports-btn.reports-btn-outline:hover{background-color:#3498db1a}.reports-btn.reports-btn-secondary{background-color:#95a5a6;color:#fff}.reports-btn.reports-btn-secondary:hover{background-color:#7f8c8d}.reports-btn-icon{align-items:center;display:flex;height:36px;justify-content:center;padding:0;width:36px}.reports-controls{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.reports-controls .reports-tabs-container{border-bottom:1px solid #eee}.reports-controls .reports-tabs-container .reports-tabs{display:flex}@media(max-width:768px){.reports-controls .reports-tabs-container .reports-tabs{flex-direction:column}}.reports-controls .reports-filters-container{padding:15px}.reports-controls .reports-filters-container .reports-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px}@media(max-width:768px){.reports-controls .reports-filters-container .reports-filters{align-items:stretch;flex-direction:column;gap:15px}}.reports-tabs{display:flex;gap:10px}.reports-tab{align-items:center;background-color:#f1f1f1;border:none;color:#555;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;padding:15px 20px;transition:all .2s ease}@media(max-width:768px){.reports-tab{border-bottom:1px solid #eee;justify-content:center;padding:12px 16px}.reports-tab:last-child{border-bottom:none}}@media(max-width:480px){.reports-tab span{font-size:13px}}.reports-tab:hover{background-color:#e0e0e0}.reports-tab.active{background-color:#3498db;color:#fff}.reports-filters{align-items:center;display:flex;gap:20px}.reports-filter-group{align-items:center;display:flex;gap:10px}@media(max-width:768px){.reports-filter-group{align-items:stretch;flex-direction:column;gap:8px}}.reports-filter-group label{align-items:center;color:#555;display:flex;font-size:14px;gap:5px;white-space:nowrap}@media(max-width:768px){.reports-filter-group label{font-weight:500;justify-content:center}}@media(max-width:480px){.reports-filter-group label span{display:none}}.reports-filter-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;min-width:120px;padding:8px 12px}@media(max-width:768px){.reports-filter-group select{min-width:auto;width:100%}.reports-filter-group.quarter-group .reports-quarter-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}}.reports-quarter-selector{display:flex;gap:5px}.reports-quarter-btn{background-color:#f1f1f1;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:13px;min-width:40px;padding:6px 12px;transition:all .2s ease}.reports-quarter-btn:hover{background-color:#e0e0e0}.reports-quarter-btn.active{background-color:#3498db;color:#fff}.reports-error{align-items:center;background-color:#fdeaea;border-left:4px solid #e74c3c;border-radius:4px;color:#e74c3c;display:flex;gap:10px;margin-bottom:20px;padding:15px}@media(max-width:768px){.reports-error{flex-direction:column;gap:8px;text-align:center}}.reports-error .reports-retry-btn{margin-left:auto}@media(max-width:768px){.reports-error .reports-retry-btn{margin-left:0;width:100%}}.reports-retry-btn{margin-left:auto}.reports-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center}@media(max-width:768px){.reports-loading{padding:30px}}.reports-spinner{animation:reports-spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:15px;width:40px}@media(max-width:768px){.reports-spinner{border-width:3px;height:32px;width:32px}}@keyframes reports-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.reports-content{margin-bottom:30px}.reports-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:20px}@media(max-width:768px){.reports-stats-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.reports-stats-grid{gap:12px;grid-template-columns:1fr}}.reports-stat-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:15px;padding:20px}@media(max-width:768px){.reports-stat-card{gap:12px;padding:16px}}@media(max-width:480px){.reports-stat-card{flex-direction:column;gap:10px;padding:14px;text-align:center}}.reports-stat-card.reports-income{border-left:4px solid #2ecc71}.reports-stat-card.reports-expense{border-left:4px solid #e74c3c}.reports-stat-card.reports-profit{border-left:4px solid #3498db}.reports-stat-card.reports-top-performer{border-left:4px solid #9b59b6}.reports-stat-card.reports-debt{border-left:4px solid #f39c12}.reports-stat-card.reports-discount{border-left:4px solid #e67e22}.reports-stat-card.reports-count{border-left:4px solid #8e44ad}.reports-stat-card.reports-period{border-left:4px solid #16a085}.reports-stat-icon{align-items:center;background-color:#f1f1f1;border-radius:50%;color:#3498db;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}@media(max-width:480px){.reports-stat-icon{font-size:18px;height:40px;width:40px}}.reports-stat-info{flex:1 1}.reports-stat-value{color:#333;font-size:20px;font-weight:600;margin-bottom:5px}@media(max-width:768px){.reports-stat-value{font-size:18px}}@media(max-width:480px){.reports-stat-value{font-size:16px;margin-bottom:3px}}.reports-stat-label{color:#777;font-size:14px}@media(max-width:480px){.reports-stat-label{font-size:13px}}.reports-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.reports-card-header{border-bottom:1px solid #eee;padding:15px 20px}@media(max-width:768px){.reports-card-header{padding:12px 16px}}.reports-card-header h2{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}@media(max-width:768px){.reports-card-header h2{font-size:16px;gap:8px}}@media(max-width:480px){.reports-card-header h2{flex-direction:column;font-size:15px;gap:5px;text-align:center}}.reports-chart-container{height:400px;padding:20px}@media(max-width:768px){.reports-chart-container{height:300px;padding:15px}}@media(max-width:480px){.reports-chart-container{height:250px;padding:10px}}.reports-chart-container canvas{max-height:100%!important}.reports-chart-container.debt-chart{background:linear-gradient(135deg,#fff5f5,#fff9f9);border-radius:8px}@media(max-width:768px){.reports-chart-container.debt-chart{background:#fff}}.reports-table-container{overflow-x:auto}@media(max-width:768px){.reports-table-container{margin:0 -15px}}.reports-table{border-collapse:collapse;min-width:600px;width:100%}@media(max-width:768px){.reports-table{font-size:13px;min-width:500px}}@media(max-width:480px){.reports-table{font-size:12px;min-width:400px}}.reports-table td,.reports-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}@media(max-width:768px){.reports-table td,.reports-table th{padding:10px 12px}}@media(max-width:480px){.reports-table td,.reports-table th{padding:8px 10px}}.reports-table th{color:#333;font-weight:600;position:sticky;top:0;z-index:1}.reports-table th,.reports-table tr:hover{background-color:#f8f9fa}.reports-table .reports-income-cell{color:#2ecc71;font-weight:500}.reports-table .reports-expense-cell{color:#e74c3c;font-weight:500}.reports-table .reports-profit-cell{color:#2ecc71;font-weight:500}.reports-table .reports-loss-cell{color:#e74c3c;font-weight:500}.reports-table .reports-amount-cell{font-weight:500}.reports-table .reports-no-data{color:#777;font-style:italic;padding:20px;text-align:center}@media(max-width:768px){.reports-table .reports-no-data{padding:15px}}.reports-table .reports-debt-cell{color:#f39c12;font-weight:500}.reports-table .reports-branch-name,.reports-table .reports-clinic-name{background-color:#e8f4fd;border-radius:12px;color:#2980b9;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.reports-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media(max-width:768px){.reports-modal-overlay{padding:10px}}.reports-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.reports-modal.reports-history-modal{max-width:800px}@media(max-width:768px){.reports-modal.reports-history-modal{max-width:95%}.reports-modal{max-height:85vh;width:95%}}.reports-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}@media(max-width:768px){.reports-modal-header{padding:12px 16px}}.reports-modal-header h2{color:#333;font-size:18px;font-weight:600;margin:0}@media(max-width:768px){.reports-modal-header h2{font-size:16px}}.reports-modal-content{max-height:calc(90vh - 60px);overflow-y:auto;padding:20px}@media(max-width:768px){.reports-modal-content{max-height:calc(85vh - 60px);padding:16px}}.reports-form{gap:15px}.reports-form,.reports-form-group{display:flex;flex-direction:column}.reports-form-group{gap:8px;margin-bottom:15px}.reports-form-group label{color:#333;font-size:14px;font-weight:500}.reports-form-group input,.reports-form-group select,.reports-form-group textarea{border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px}@media(max-width:768px){.reports-form-group input,.reports-form-group select,.reports-form-group textarea{font-size:16px;padding:12px}}.reports-form-group input:focus,.reports-form-group select:focus,.reports-form-group textarea:focus{border-color:#3498db;outline:none}.reports-form-group textarea{min-height:100px;resize:vertical}.reports-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}@media(max-width:768px){.reports-form-actions{flex-direction:column-reverse;gap:8px}}.reports-history-controls{margin-bottom:20px}.reports-history-controls .reports-year-selector{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}@media(max-width:768px){.reports-history-controls .reports-year-selector{gap:10px}}.reports-history-controls .reports-year-display{color:#333;font-size:18px;font-weight:600;min-width:60px;text-align:center}@media(max-width:768px){.reports-history-controls .reports-year-display{font-size:16px}}.reports-history-controls .reports-search-filter{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:15px}@media(max-width:768px){.reports-history-controls .reports-search-filter{align-items:stretch;flex-direction:column}}.reports-history-controls .reports-search-input{flex:1 1;position:relative}@media(max-width:768px){.reports-history-controls .reports-search-input{margin-bottom:10px}}.reports-history-controls .reports-search-input .reports-search-icon{color:#777;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.reports-history-controls .reports-search-input input{border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px 10px 10px 35px;width:100%}@media(max-width:768px){.reports-history-controls .reports-search-input input{font-size:16px;padding:12px 12px 12px 40px}}.reports-history-controls .reports-search-input input:focus{border-color:#3498db;outline:none}.reports-history-controls .reports-filter-toggle{align-items:center;background-color:#f1f1f1;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}@media(max-width:768px){.reports-history-controls .reports-filter-toggle{justify-content:center;padding:12px 16px;width:100%}}.reports-history-controls .reports-filter-toggle:hover{background-color:#e0e0e0}.reports-history-controls .reports-filter-toggle.active{background-color:#3498db;color:#fff}.reports-year-selector{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.reports-year-display{color:#333;font-size:18px;font-weight:600}.reports-year-nav:disabled{cursor:not-allowed;opacity:.5}.reports-search-filter{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.reports-search-input{flex:1 1;margin-right:15px;position:relative}.reports-search-input .reports-search-icon{color:#777;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.reports-search-input input{border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;padding:10px 10px 10px 35px;width:100%}.reports-search-input input:focus{border-color:#3498db;outline:none}.reports-filter-toggle{align-items:center;background-color:#f1f1f1;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.reports-filter-toggle:hover{background-color:#e0e0e0}.reports-filter-toggle.active{background-color:#3498db;color:#fff}.reports-history-filters{background-color:#f8f9fa;border-radius:4px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;padding:15px}@media(max-width:768px){.reports-history-filters{flex-direction:column;gap:12px}}.reports-history-filters .reports-filter-group{align-items:center;display:flex;gap:10px}@media(max-width:768px){.reports-history-filters .reports-filter-group{align-items:stretch;flex-direction:column;gap:5px}}.reports-history-filters .reports-filter-group label{color:#555;font-size:14px;white-space:nowrap}@media(max-width:768px){.reports-history-filters .reports-filter-group label{font-weight:500;text-align:center}}.reports-history-filters .reports-filter-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;padding:6px 10px}@media(max-width:768px){.reports-history-filters .reports-filter-group select{font-size:16px;padding:10px;width:100%}.reports-header{align-items:flex-start;flex-direction:column;gap:15px}.reports-actions{justify-content:space-between;width:100%}.reports-controls{flex-direction:column;gap:15px}.reports-tabs{justify-content:space-between;width:100%}.reports-filters{align-items:flex-start;flex-direction:column;gap:15px;width:100%}.reports-filter-group{width:100%}.reports-stats-grid{grid-template-columns:1fr}.reports-search-filter{flex-direction:column;gap:10px}.reports-search-input{margin-bottom:10px;margin-right:0;width:100%}.reports-filter-toggle{justify-content:center;width:100%}}@media(max-width:480px){.reports-stats-grid .reports-stat-card.reports-count,.reports-stats-grid .reports-stat-card.reports-debt,.reports-stats-grid .reports-stat-card.reports-discount,.reports-stats-grid .reports-stat-card.reports-period{border-left:none;border-top:4px solid}.reports-stats-grid .reports-stat-card.reports-count.reports-debt,.reports-stats-grid .reports-stat-card.reports-debt.reports-debt,.reports-stats-grid .reports-stat-card.reports-discount.reports-debt,.reports-stats-grid .reports-stat-card.reports-period.reports-debt{border-top-color:#f39c12}.reports-stats-grid .reports-stat-card.reports-count.reports-discount,.reports-stats-grid .reports-stat-card.reports-debt.reports-discount,.reports-stats-grid .reports-stat-card.reports-discount.reports-discount,.reports-stats-grid .reports-stat-card.reports-period.reports-discount{border-top-color:#e67e22}.reports-stats-grid .reports-stat-card.reports-count.reports-count,.reports-stats-grid .reports-stat-card.reports-debt.reports-count,.reports-stats-grid .reports-stat-card.reports-discount.reports-count,.reports-stats-grid .reports-stat-card.reports-period.reports-count{border-top-color:#8e44ad}.reports-stats-grid .reports-stat-card.reports-count.reports-period,.reports-stats-grid .reports-stat-card.reports-debt.reports-period,.reports-stats-grid .reports-stat-card.reports-discount.reports-period,.reports-stats-grid .reports-stat-card.reports-period.reports-period{border-top-color:#16a085}.reports-table .reports-debt-cell{font-size:11px}.reports-table .reports-branch-name,.reports-table .reports-clinic-name{font-size:10px;padding:2px 6px}}.director-settings{padding:.5rem}.director-settings .page-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.director-settings .page-header .page-title{color:#1e293b;font-size:1.75rem;font-weight:600;margin:0}.director-settings .alert{align-items:center;animation:fadeIn .3s ease;border-radius:8px;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.director-settings .alert .alert-icon{flex-shrink:0;font-size:1.25rem}.director-settings .alert.alert-success{background-color:#10b9811a;border-left:4px solid #10b981;color:#10b981}.director-settings .alert.alert-error{background-color:#ef44441a;border-left:4px solid #ef4444;color:#ef4444}.director-settings .alert.alert-warning{background-color:#f59e0b1a;border-left:4px solid #f59e0b;color:#f59e0b}.director-settings .settings-container{display:flex;gap:1.5rem}.director-settings .settings-container .settings-sidebar{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;height:fit-content;overflow:hidden;width:250px}.director-settings .settings-container .settings-sidebar .settings-tab{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#334155;cursor:pointer;display:flex;font-size:1rem;gap:.75rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.director-settings .settings-container .settings-sidebar .settings-tab:hover{background-color:#e2e8f080}.director-settings .settings-container .settings-sidebar .settings-tab.active{background-color:#2563eb1a;border-left-color:#2563eb;color:#2563eb;font-weight:500}.director-settings .settings-container .settings-sidebar .settings-tab svg{font-size:1.25rem}.director-settings .settings-container .settings-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;flex:1 1;overflow:hidden;position:relative}.director-settings .settings-container .settings-content .loading-container{align-items:center;display:flex;justify-content:center;min-height:300px}.director-settings .settings-container .settings-content .loading-container .loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.director-settings .settings-container .settings-content .loading-container .loading-spinner .spinner-icon{animation:spin 1s linear infinite;color:#2563eb;font-size:2rem}.director-settings .settings-container .settings-content .loading-container .loading-spinner span{color:#334155;font-weight:500}.director-settings .settings-container .settings-content .settings-panel{padding:1.5rem}.director-settings .settings-container .settings-content .settings-panel .panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.director-settings .settings-container .settings-content .settings-panel .panel-header h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.director-settings .settings-container .settings-content .settings-panel .panel-header .panel-description{color:#64748b;font-size:.95rem;margin:.5rem 0 0}.director-settings .settings-container .settings-content .settings-panel .settings-card{background-color:#f8fafc;border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.director-settings .settings-container .settings-content .settings-panel .settings-card:hover{box-shadow:0 10px 15px #0000001a}.director-settings .settings-container .settings-content .settings-panel .settings-card .card-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}.director-settings .settings-container .settings-content .settings-panel .settings-card .card-header .card-icon{color:#2563eb;font-size:1.5rem}.director-settings .settings-container .settings-content .settings-panel .settings-card .card-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.director-settings .settings-container .settings-content .settings-panel .branch-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.director-settings .settings-container .settings-content .settings-panel .branch-grid .no-data{align-items:center;background-color:#f8fafc;border-radius:8px;display:flex;flex-direction:column;gap:1rem;grid-column:1/-1;justify-content:center;padding:3rem}.director-settings .settings-container .settings-content .settings-panel .branch-grid .no-data .no-data-icon{color:#64748b;font-size:3rem}.director-settings .settings-container .settings-content .settings-panel .branch-grid .no-data p{color:#334155;font-size:1.1rem;font-weight:500;margin:0}.director-settings .settings-container .settings-content .settings-panel .branch-card{background-color:#f8fafc;border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.director-settings .settings-container .settings-content .settings-panel .branch-card:hover{box-shadow:0 10px 15px #0000001a}.director-settings .settings-container .settings-content .settings-panel .branch-card.new-branch{background-color:#2563eb1a;border:2px dashed #2563eb}.director-settings .settings-container .settings-content .settings-panel .branch-card.editing{border:2px solid #2563eb}.director-settings .settings-container .settings-content .settings-panel .branch-card .card-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem}.director-settings .settings-container .settings-content .settings-panel .branch-card .card-header .card-icon{color:#2563eb;font-size:1.5rem}.director-settings .settings-container .settings-content .settings-panel .branch-card .card-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.director-settings .settings-container .settings-content .settings-panel .branch-card .branch-content{margin-bottom:1rem}.director-settings .settings-container .settings-content .settings-panel .branch-card .branch-actions{border-top:1px solid #cbd5e1;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.director-settings .form-group{margin-bottom:1.5rem}.director-settings .form-group label{color:#1e293b;display:block;font-weight:500;margin-bottom:.5rem}.director-settings .form-group .info-field{align-items:center;background-color:#e2e8f04d;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.director-settings .form-group .info-field .field-icon{color:#64748b;font-size:1rem}.director-settings .form-group .info-field p{color:#334155;margin:0}.director-settings .form-group .input-with-icon{position:relative}.director-settings .form-group .input-with-icon .input-icon{color:#64748b;font-size:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.director-settings .form-group .input-with-icon input,.director-settings .form-group .input-with-icon select,.director-settings .form-group .input-with-icon textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:.75rem .75rem .75rem 2.5rem;transition:all .3s ease;width:100%}.director-settings .form-group .input-with-icon input:focus,.director-settings .form-group .input-with-icon select:focus,.director-settings .form-group .input-with-icon textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.director-settings .form-group .input-with-icon input::placeholder,.director-settings .form-group .input-with-icon select::placeholder,.director-settings .form-group .input-with-icon textarea::placeholder{color:#9da8b8}.director-settings .form-group .input-with-icon textarea{min-height:100px;resize:vertical}.director-settings .form-group.checkbox-group{align-items:center;display:flex;gap:.75rem}.director-settings .form-group.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.director-settings .form-group.checkbox-group label{cursor:pointer;margin-bottom:0}.director-settings .form-row{display:flex;gap:1.5rem}.director-settings .form-row .form-group{flex:1 1}.director-settings .form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.video-guide-container .video-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1rem}.video-guide-container .video-card{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.video-guide-container .video-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.video-guide-container .video-card .video-thumbnail{cursor:pointer;height:200px;overflow:hidden;position:relative;width:100%}.video-guide-container .video-card .video-thumbnail img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.video-guide-container .video-card .video-thumbnail .video-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.video-guide-container .video-card .video-thumbnail .video-overlay .play-icon{background:#2563ebe6;border-radius:50%;color:#fff;font-size:3rem;padding:1rem;transition:all .3s ease}.video-guide-container .video-card .video-thumbnail .video-duration{align-items:center;background:#000c;border-radius:4px;bottom:.75rem;color:#fff;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem;position:absolute;right:.75rem}.video-guide-container .video-card .video-thumbnail .video-duration .duration-icon{font-size:.7rem}.video-guide-container .video-card .video-thumbnail:hover .video-overlay{opacity:1}.video-guide-container .video-card .video-thumbnail:hover img{transform:scale(1.05)}.video-guide-container .video-card .video-thumbnail:hover .play-icon{transform:scale(1.1)}.video-guide-container .video-card .video-content{padding:1.25rem}.video-guide-container .video-card .video-content .video-category{margin-bottom:.75rem}.video-guide-container .video-card .video-content .video-category .category-badge{background:#2563eb1a;border-radius:20px;color:#2563eb;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.video-guide-container .video-card .video-content .video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem;overflow:hidden}.video-guide-container .video-card .video-content .video-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.video-guide-container .video-card .video-content .video-stats{align-items:center;border-top:1px solid #cbd5e180;display:flex;justify-content:space-between;margin-bottom:1rem;padding-top:.75rem}.video-guide-container .video-card .video-content .video-stats .stat-item{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.5rem}.video-guide-container .video-card .video-content .video-stats .stat-item .stat-icon{font-size:.8rem}.video-guide-container .video-card .video-content .video-watch-btn{font-weight:500;justify-content:center;width:100%}.video-guide-container .video-card .video-content .video-watch-btn:hover{transform:translateY(-1px)}.video-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:9999}.video-modal-overlay .video-modal{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.video-modal-overlay .video-modal .video-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #cbd5e1;display:flex;justify-content:space-between;padding:1.5rem}.video-modal-overlay .video-modal .video-modal-header h3{color:#1e293b;flex:1 1;font-size:1.25rem;font-weight:600;margin:0;padding-right:1rem}.video-modal-overlay .video-modal .video-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.video-modal-overlay .video-modal .video-modal-header .close-btn:hover{background:#ef44441a;color:#ef4444}.video-modal-overlay .video-modal .video-modal-content .video-wrapper{height:0;padding-bottom:56.25%;position:relative;width:100%}.video-modal-overlay .video-modal .video-modal-content .video-wrapper iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-modal-overlay .video-modal .video-modal-content .video-info{padding:1.5rem}.video-modal-overlay .video-modal .video-modal-content .video-info .video-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.video-modal-overlay .video-modal .video-modal-content .video-info .video-meta .category-badge{background:#2563eb1a;border-radius:20px;color:#2563eb;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.video-modal-overlay .video-modal .video-modal-content .video-info .video-meta .video-stats{color:#64748b;display:flex;font-size:.9rem;gap:1rem}.video-modal-overlay .video-modal .video-modal-content .video-info .video-meta .video-stats span{align-items:center;display:flex;gap:.25rem}.video-modal-overlay .video-modal .video-modal-content .video-info .video-meta .video-stats span svg{font-size:.8rem}.video-modal-overlay .video-modal .video-modal-content .video-info .video-description{color:#334155;line-height:1.6;margin:0}.btn{border-radius:8px;padding:.75rem 1.25rem;transition:all .3s ease}.btn.btn-primary{background-color:#2563eb}.btn.btn-primary:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-2px)}.btn.btn-success{background-color:#10b981;color:#fff}.btn.btn-success:hover:not(:disabled){background-color:#059669;transform:translateY(-2px)}.btn.btn-danger{background-color:#ef4444}.btn.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-2px)}.btn.btn-loading{pointer-events:none}.btn.btn-loading .spinner-icon{animation:spin 1s linear infinite}.btn:disabled{opacity:.6;transform:none!important}.btn svg{font-size:1.1rem}@media(max-width:992px){.director-settings .settings-container{flex-direction:column}.director-settings .settings-container .settings-sidebar{display:flex;flex-wrap:wrap;width:100%}.director-settings .settings-container .settings-sidebar .settings-tab{border-bottom:3px solid #0000;border-left:none;flex:1 1;justify-content:center;padding:.75rem;width:auto}.director-settings .settings-container .settings-sidebar .settings-tab.active{border-bottom-color:#2563eb;border-left-color:#0000}.director-settings .settings-container .settings-sidebar .settings-tab svg{margin-right:.25rem}.director-settings .video-guide-container .video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.video-modal-overlay .video-modal{margin:1rem;max-width:calc(100vw - 2rem)}.video-modal-overlay .video-modal .video-modal-header{padding:1rem}.video-modal-overlay .video-modal .video-modal-header h3{font-size:1.1rem}.video-modal-overlay .video-modal .video-modal-content .video-info{padding:1rem}.video-modal-overlay .video-modal .video-modal-content .video-info .video-meta{align-items:flex-start;flex-direction:column;gap:.75rem}}@media(max-width:768px){.director-settings .settings-container .settings-sidebar .settings-tab{font-size:.9rem;padding:.5rem}.director-settings .settings-container .settings-sidebar .settings-tab svg{font-size:1rem}.director-settings .settings-container .settings-content .settings-panel .form-row{flex-direction:column}.director-settings .settings-container .settings-content .settings-panel .branch-grid,.director-settings .video-guide-container .video-grid{grid-template-columns:1fr}.director-settings .btn{font-size:.9rem;padding:.6rem 1rem}.director-settings .btn span{display:none}.director-settings .btn svg{margin:0}.video-modal-overlay{padding:.5rem}.video-modal-overlay .video-modal .video-modal-header{padding:.75rem}.video-modal-overlay .video-modal .video-modal-header h3{font-size:1rem}.video-modal-overlay .video-modal .video-modal-header .close-btn{font-size:1.25rem;height:35px;width:35px}.video-modal-overlay .video-modal .video-modal-content .video-info{padding:.75rem}}@media(max-width:576px){.director-settings .page-header .page-title{font-size:1.5rem}.director-settings .settings-container .settings-content .settings-panel{padding:1rem}.director-settings .settings-container .settings-content .settings-panel .panel-header{align-items:flex-start;flex-direction:column;gap:.5rem}.director-settings .settings-container .settings-content .settings-panel .panel-header .panel-description{margin:0}.director-settings .video-guide-container .video-card .video-content{padding:1rem}.director-settings .video-guide-container .video-card .video-content .video-title{font-size:1rem}.director-settings .video-guide-container .video-card .video-content .video-description{font-size:.85rem}}.tariff-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.tariff-card:hover{box-shadow:0 10px 15px #0000001a}.tariff-card.main-tariff{background:linear-gradient(135deg,#2563eb0d,#fff);border-left:4px solid #2563eb}.tariff-card.subscription-card{background:linear-gradient(135deg,#10b9810d,#fff);border-left:4px solid #10b981}.tariff-card .card-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.tariff-card .card-header .card-icon{color:#2563eb;font-size:1.5rem;margin-right:.75rem}.tariff-card .card-header h3{color:#1e293b;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.tariff-card .card-header .tariff-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.tariff-card .card-header .tariff-badge.trial{background-color:#f59e0b1a;color:#f59e0b}.tariff-card .card-header .tariff-badge.basic{background-color:#2563eb1a;color:#2563eb}.tariff-card .card-header .tariff-badge.premium{background-color:#10b9811a;color:#10b981}.tariff-card .card-header .status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.tariff-card .card-header .status-badge.active{background-color:#10b9811a;color:#10b981}.tariff-card .card-header .status-badge.inactive{background-color:#ef44441a;color:#ef4444}.tariff-card .tariff-content .tariff-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tariff-card .tariff-content .tariff-info .info-item{align-items:center;background-color:#e2e8f04d;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.tariff-card .tariff-content .tariff-info .info-item .label{color:#334155;font-weight:500}.tariff-card .tariff-content .tariff-info .info-item .value{color:#1e293b;font-weight:600}.tariff-card .tariff-content .tariff-info .info-item .value.price{color:#10b981;font-size:1.1rem}.tariff-card .subscription-content .date-range{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.tariff-card .subscription-content .date-range .date-item{align-items:center;background-color:#2563eb0d;border:1px solid #2563eb1a;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.tariff-card .subscription-content .date-range .date-item .date-icon{color:#2563eb;font-size:1.25rem}.tariff-card .subscription-content .date-range .date-item div{display:flex;flex-direction:column}.tariff-card .subscription-content .date-range .date-item div .date-label{color:#64748b;font-size:.85rem;margin-bottom:.25rem}.tariff-card .subscription-content .date-range .date-item div .date-value{color:#1e293b;font-weight:600}.tariff-card .subscription-content .payment-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tariff-card .subscription-content .payment-info .payment-item{align-items:center;background-color:#e2e8f04d;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.tariff-card .subscription-content .payment-info .payment-item .label{color:#334155;font-weight:500}.tariff-card .subscription-content .payment-info .payment-item .value{color:#1e293b;font-weight:600}.tariff-card .subscription-content .payment-info .payment-item .value.price{color:#10b981;font-size:1.1rem}.tariff-card .subscription-content .payment-info .payment-item .value.discount{color:#f59e0b;font-size:1.1rem}.limits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.limits-grid .limit-card{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:all .3s ease}.limits-grid .limit-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.limits-grid .limit-card .card-header{align-items:center;display:flex;margin-bottom:1rem}.limits-grid .limit-card .card-header .card-icon{color:#2563eb;font-size:1.5rem;margin-right:.75rem}.limits-grid .limit-card .card-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.limits-grid .limit-card .limit-content .usage-bar{background-color:#e2e8f080;border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden;width:100%}.limits-grid .limit-card .limit-content .usage-bar .usage-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:4px;height:100%;transition:width .3s ease}.limits-grid .limit-card .limit-content .usage-text{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.limits-grid .limit-card .limit-content .usage-text span:first-child{color:#1e293b;font-weight:600}.limits-grid .limit-card .limit-content .usage-text .remaining{color:#64748b;font-size:.85rem}.upgrade-section{margin-top:2rem}.upgrade-section .upgrade-card{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:8px;box-shadow:0 10px 15px #0000001a;color:#fff;padding:2rem;text-align:center}.upgrade-section .upgrade-card .upgrade-content h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.upgrade-section .upgrade-card .upgrade-content p{font-size:1.1rem;margin:0 0 1.5rem;opacity:.9}.upgrade-section .upgrade-card .upgrade-content .upgrade-btn{background-color:#fff;border:none;color:#2563eb;font-size:1rem;font-weight:600;padding:.75rem 2rem}.upgrade-section .upgrade-card .upgrade-content .upgrade-btn:hover{background-color:#ffffffe6;transform:translateY(-2px)}@media(max-width:768px){.limits-grid,.tariff-card .subscription-content .date-range,.tariff-card .subscription-content .payment-info,.tariff-card .tariff-content .tariff-info{grid-template-columns:1fr}.upgrade-section .upgrade-card{padding:1.5rem}.upgrade-section .upgrade-card .upgrade-content h3{font-size:1.25rem}.upgrade-section .upgrade-card .upgrade-content p{font-size:1rem}}.mijoz-container{background-color:#f8fafc;border-radius:12px;box-shadow:0 10px 25px #0000000d;padding:1.5rem}@media(max-width:768px){.mijoz-container{padding:1.25rem}}@media(max-width:576px){.mijoz-container{padding:1rem}}.mijoz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.75rem}@media(max-width:768px){.mijoz-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}}.mijoz-header .mijoz-title{color:#1e293b;font-size:1.75rem;font-weight:700;padding-bottom:.75rem;position:relative}@media(max-width:768px){.mijoz-header .mijoz-title{font-size:1.5rem}}@media(max-width:576px){.mijoz-header .mijoz-title{font-size:1.25rem;padding-bottom:.5rem}}@media(max-width:320px){.mijoz-header .mijoz-title{font-size:1.2rem}}.mijoz-header .mijoz-title:after{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:50px}@media(max-width:576px){.mijoz-header .mijoz-title:after{height:3px;width:40px}}@media(max-width:320px){.mijoz-header .mijoz-title:after{height:3px;width:30px}}.mijoz-header .mijoz-actions{display:flex;gap:.75rem}@media(max-width:768px){.mijoz-header .mijoz-actions{width:100%}}@media(max-width:576px){.mijoz-header .mijoz-actions{flex-direction:column;gap:.5rem}}@media(max-width:768px){.mijoz-header .mijoz-actions .mijoz-btn{justify-content:center;width:100%}}@media(max-width:320px){.mijoz-header .mijoz-actions .mijoz-btn{font-size:.85rem;padding:.5rem 1rem}}.mijoz-filters-container{margin-bottom:1.75rem}@media(max-width:768px){.mijoz-filters-container{margin-bottom:1.5rem}}@media(max-width:576px){.mijoz-filters-container{margin-bottom:1.25rem}}.mijoz-filters-container .mijoz-search-filter{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.mijoz-filters-container .mijoz-search-filter{align-items:stretch;flex-direction:column;gap:.75rem}}.mijoz-filters-container .mijoz-search-filter .mijoz-search-input{flex:1 1;position:relative}.mijoz-filters-container .mijoz-search-filter .mijoz-search-input .mijoz-search-icon{color:#33415580;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}@media(max-width:320px){.mijoz-filters-container .mijoz-search-filter .mijoz-search-input .mijoz-search-icon{font-size:.9rem;left:.7rem}}.mijoz-filters-container .mijoz-search-filter .mijoz-search-input input{border:1px solid #cbd5e1;border-radius:12px;font-size:.95rem;padding:.85rem 1rem .85rem 2.5rem;transition:all .3s ease;width:100%}.mijoz-filters-container .mijoz-search-filter .mijoz-search-input input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}@media(max-width:576px){.mijoz-filters-container .mijoz-search-filter .mijoz-search-input input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}}@media(max-width:320px){.mijoz-filters-container .mijoz-search-filter .mijoz-search-input input{font-size:.85rem;padding:.7rem 1rem .7rem 2.2rem}}.mijoz-filters-container .mijoz-search-filter .mijoz-filter-toggle-btn{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.85rem 1.25rem;transition:all .3s ease}@media(max-width:768px){.mijoz-filters-container .mijoz-search-filter .mijoz-filter-toggle-btn{justify-content:center}}@media(max-width:576px){.mijoz-filters-container .mijoz-search-filter .mijoz-filter-toggle-btn{font-size:.9rem;padding:.75rem 1.25rem}}@media(max-width:320px){.mijoz-filters-container .mijoz-search-filter .mijoz-filter-toggle-btn{font-size:.85rem;padding:.7rem 1rem}}.mijoz-filters-container .mijoz-search-filter .mijoz-filter-toggle-btn:hover{background-color:#e2e8f080;transform:translateY(-2px)}.mijoz-filters-container .mijoz-search-filter .mijoz-filter-toggle-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.mijoz-filters-container .mijoz-advanced-filters{animation:mijozSlideDown .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem}@media(max-width:768px){.mijoz-filters-container .mijoz-advanced-filters{flex-direction:column;padding:1.25rem}}@media(max-width:320px){.mijoz-filters-container .mijoz-advanced-filters{padding:1rem}}.mijoz-filters-container .mijoz-advanced-filters .mijoz-filter-group{align-items:center;display:flex;gap:.75rem}@media(max-width:768px){.mijoz-filters-container .mijoz-advanced-filters .mijoz-filter-group{align-items:flex-start;flex-direction:column;gap:.5rem}}.mijoz-filters-container .mijoz-advanced-filters .mijoz-filter-group label{color:#1e293b;font-weight:500;white-space:nowrap}@media(max-width:320px){.mijoz-filters-container .mijoz-advanced-filters .mijoz-filter-group label{font-size:.85rem}}.mijoz-filters-container .mijoz-advanced-filters .mijoz-filter-group select{background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;min-width:150px;padding:.65rem 1rem}@media(max-width:768px){.mijoz-filters-container .mijoz-advanced-filters .mijoz-filter-group select{min-width:0;min-width:auto;width:100%}}@media(max-width:320px){.mijoz-filters-container .mijoz-advanced-filters .mijoz-filter-group select{font-size:.85rem;padding:.5rem .75rem}}.mijoz-filters-container .mijoz-advanced-filters .mijoz-filter-group select:focus{border-color:#2563eb;outline:none}.mijoz-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-bottom:1.5rem;overflow:hidden}.mijoz-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}@media(max-width:992px){.mijoz-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.mijoz-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:576px){.mijoz-grid{gap:1rem;grid-template-columns:1fr}}.mijoz-grid .mijoz-patient-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;overflow:hidden;transition:all .3s ease}.mijoz-grid .mijoz-patient-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.mijoz-grid .mijoz-patient-card .mijoz-patient-header{border-bottom:1px solid #cbd5e1;padding:1.5rem;text-align:center}@media(max-width:576px){.mijoz-grid .mijoz-patient-card .mijoz-patient-header{align-items:center;display:flex;gap:1rem;padding:1.25rem;text-align:left}}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-header{padding:1rem}}.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-avatar{align-items:center;background-color:#2563eb1a;border-radius:50%;color:#2563eb;display:flex;font-size:1.75rem;font-weight:600;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}@media(max-width:576px){.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-avatar{font-size:1.5rem;height:60px;margin:0;width:60px}}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-avatar{font-size:1.25rem;height:50px;width:50px}}@media(max-width:576px){.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-info{flex:1 1}}.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-info .mijoz-patient-name{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}@media(max-width:576px){.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-info .mijoz-patient-name{font-size:1.125rem}}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-info .mijoz-patient-name{font-size:1rem}}.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-info .mijoz-patient-id{color:#334155b3;font-size:.875rem;margin-bottom:.5rem}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-header .mijoz-patient-info .mijoz-patient-id{font-size:.8rem}}.mijoz-grid .mijoz-patient-card .mijoz-patient-body{padding:1.5rem}@media(max-width:576px){.mijoz-grid .mijoz-patient-card .mijoz-patient-body{padding:1.25rem}}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-body{padding:1rem}}.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail:last-child{margin-bottom:0}.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail .mijoz-detail-icon{align-items:center;background-color:#2563eb1a;border-radius:50%;color:#2563eb;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}@media(max-width:576px){.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail .mijoz-detail-icon{height:32px;width:32px}}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail .mijoz-detail-icon{font-size:.9rem;height:28px;width:28px}}.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail .mijoz-detail-content{flex:1 1;min-width:0}.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail .mijoz-detail-content .mijoz-detail-label{color:#334155b3;font-size:.75rem;margin-bottom:.25rem}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail .mijoz-detail-content .mijoz-detail-label{font-size:.7rem}}.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail .mijoz-detail-content .mijoz-detail-value{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-body .mijoz-patient-detail .mijoz-detail-content .mijoz-detail-value{font-size:.9rem}}.mijoz-grid .mijoz-patient-card .mijoz-patient-footer{border-top:1px solid #cbd5e1;display:flex;justify-content:flex-end;padding:1rem 1.5rem}@media(max-width:576px){.mijoz-grid .mijoz-patient-card .mijoz-patient-footer{padding:1rem 1.25rem}}@media(max-width:320px){.mijoz-grid .mijoz-patient-card .mijoz-patient-footer{padding:.75rem 1rem}}.mijoz-table-responsive{max-width:100%;overflow-x:auto;padding:.5rem 0}@media(max-width:576px){.mijoz-table-responsive{margin:0 -1rem;width:calc(100% + 2rem)}}.mijoz-table-responsive::-webkit-scrollbar{height:6px}.mijoz-table-responsive::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.mijoz-table-responsive::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.mijoz-data-table{border-collapse:collapse;width:100%}.mijoz-data-table td,.mijoz-data-table th{border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;text-align:left}@media(max-width:768px){.mijoz-data-table td,.mijoz-data-table th{padding:.85rem 1.25rem}}@media(max-width:576px){.mijoz-data-table td,.mijoz-data-table th{font-size:.9rem;padding:.75rem 1rem}}@media(max-width:320px){.mijoz-data-table td,.mijoz-data-table th{font-size:.85rem;padding:.5rem .75rem}}.mijoz-data-table th{background-color:#e2e8f04d;color:#1e293b;font-weight:600;position:sticky;top:0;z-index:10}.mijoz-data-table tr:last-child td{border-bottom:none}.mijoz-data-table tr:hover td{background-color:#e2e8f033}.mijoz-data-table tbody tr{transition:background-color .2s ease}.mijoz-no-data{color:#33415599;font-style:italic;padding:2rem!important;text-align:center}@media(max-width:576px){.mijoz-no-data{padding:1.5rem!important}}@media(max-width:320px){.mijoz-no-data{font-size:.9rem;padding:1rem!important}}.mijoz-no-data-grid{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;color:#33415599;font-style:italic;grid-column:1/-1;padding:3rem;text-align:center}.mijoz-panel-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.mijoz-panel-overlay.active{opacity:1;visibility:visible}.mijoz-panel{background-color:#fff;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:-400px;top:0;transition:right .3s ease;width:400px;z-index:1001}@media(max-width:576px){.mijoz-panel{right:-100%;width:100%}}.mijoz-panel.active{right:0}.mijoz-panel .mijoz-panel-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;justify-content:space-between;padding:1.5rem}@media(max-width:576px){.mijoz-panel .mijoz-panel-header{padding:1.25rem}}@media(max-width:320px){.mijoz-panel .mijoz-panel-header{padding:1rem}}.mijoz-panel .mijoz-panel-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}@media(max-width:320px){.mijoz-panel .mijoz-panel-header h2{font-size:1.1rem}}.mijoz-panel .mijoz-panel-header .mijoz-panel-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#334155;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}@media(max-width:320px){.mijoz-panel .mijoz-panel-header .mijoz-panel-close-button{font-size:1.1rem;height:30px;width:30px}}.mijoz-panel .mijoz-panel-header .mijoz-panel-close-button:hover{background-color:#ef44441a;color:#ef4444}.mijoz-panel .mijoz-panel-content{flex:1 1;overflow-y:auto;padding:1.5rem}@media(max-width:576px){.mijoz-panel .mijoz-panel-content{padding:1.25rem}}@media(max-width:320px){.mijoz-panel .mijoz-panel-content{padding:1rem}}.mijoz-panel .mijoz-panel-content form{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:320px){.mijoz-panel .mijoz-panel-content form{gap:1rem}}.mijoz-panel .mijoz-panel-content form .mijoz-form-group{display:flex;flex-direction:column;gap:.5rem}@media(max-width:320px){.mijoz-panel .mijoz-panel-content form .mijoz-form-group{gap:.3rem}}.mijoz-panel .mijoz-panel-content form .mijoz-form-group label{color:#1e293b;font-weight:500}@media(max-width:320px){.mijoz-panel .mijoz-panel-content form .mijoz-form-group label{font-size:.85rem}}.mijoz-panel .mijoz-panel-content form .mijoz-form-group input,.mijoz-panel .mijoz-panel-content form .mijoz-form-group select,.mijoz-panel .mijoz-panel-content form .mijoz-form-group textarea{border:1px solid #cbd5e1;border-radius:12px;font-size:1rem;padding:.85rem;transition:all .3s ease}@media(max-width:576px){.mijoz-panel .mijoz-panel-content form .mijoz-form-group input,.mijoz-panel .mijoz-panel-content form .mijoz-form-group select,.mijoz-panel .mijoz-panel-content form .mijoz-form-group textarea{font-size:.95rem;padding:.75rem}}@media(max-width:320px){.mijoz-panel .mijoz-panel-content form .mijoz-form-group input,.mijoz-panel .mijoz-panel-content form .mijoz-form-group select,.mijoz-panel .mijoz-panel-content form .mijoz-form-group textarea{font-size:.85rem;padding:.7rem}}.mijoz-panel .mijoz-panel-content form .mijoz-form-group input:focus,.mijoz-panel .mijoz-panel-content form .mijoz-form-group select:focus,.mijoz-panel .mijoz-panel-content form .mijoz-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.mijoz-panel .mijoz-panel-content form .mijoz-form-group textarea{min-height:100px;resize:vertical}@media(max-width:320px){.mijoz-panel .mijoz-panel-content form .mijoz-form-group textarea{min-height:80px}}.mijoz-panel .mijoz-panel-content form .mijoz-form-row{display:flex;gap:1rem}@media(max-width:576px){.mijoz-panel .mijoz-panel-content form .mijoz-form-row{flex-direction:column;gap:1.5rem}}@media(max-width:320px){.mijoz-panel .mijoz-panel-content form .mijoz-form-row{gap:1rem}}.mijoz-panel .mijoz-panel-content form .mijoz-form-row .mijoz-form-group{flex:1 1}.mijoz-panel .mijoz-panel-content form .mijoz-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}@media(max-width:576px){.mijoz-panel .mijoz-panel-content form .mijoz-form-actions{flex-direction:column;gap:.75rem}}@media(max-width:320px){.mijoz-panel .mijoz-panel-content form .mijoz-form-actions{gap:.5rem}}@media(max-width:576px){.mijoz-panel .mijoz-panel-content form .mijoz-form-actions .mijoz-btn{width:100%}}@media(max-width:320px){.mijoz-panel .mijoz-panel-content form .mijoz-form-actions .mijoz-btn{font-size:.85rem;padding:.5rem 1rem}}.mijoz-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}@media(max-width:576px){.mijoz-btn{font-size:.9rem;padding:.65rem 1.25rem}}@media(max-width:320px){.mijoz-btn{font-size:.85rem;padding:.5rem 1rem}}.mijoz-btn.mijoz-btn-primary{background-color:#2563eb;color:#fff}.mijoz-btn.mijoz-btn-primary:hover{background-color:#1e40af;transform:translateY(-2px)}.mijoz-btn.mijoz-btn-primary:active{transform:translateY(0)}.mijoz-btn.mijoz-btn-secondary{background-color:#e2e8f0;color:#334155}.mijoz-btn.mijoz-btn-secondary:hover{background-color:#d1dbe7;transform:translateY(-2px)}.mijoz-btn.mijoz-btn-secondary:active{transform:translateY(0)}.mijoz-btn.mijoz-btn-outline{background:none;border:1px solid #cbd5e1;color:#334155}.mijoz-btn.mijoz-btn-outline:hover{background-color:#2563eb0d;border-color:#2563eb;color:#2563eb}.mijoz-btn.mijoz-btn-icon{align-items:center;display:flex;gap:.5rem}.mijoz-action-buttons{display:flex;gap:.5rem}.mijoz-action-buttons .mijoz-btn-icon{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}@media(max-width:576px){.mijoz-action-buttons .mijoz-btn-icon{height:32px;width:32px}}@media(max-width:320px){.mijoz-action-buttons .mijoz-btn-icon{font-size:.9rem;height:30px;width:30px}}.mijoz-action-buttons .mijoz-btn-icon.edit{background-color:#2563eb1a;color:#2563eb}.mijoz-action-buttons .mijoz-btn-icon.edit:hover{background-color:#2563eb;color:#fff}.mijoz-action-buttons .mijoz-btn-icon.delete{background-color:#ef44441a;color:#ef4444}.mijoz-action-buttons .mijoz-btn-icon.delete:hover{background-color:#ef4444;color:#fff}.mijoz-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.35rem .75rem}@media(max-width:576px){.mijoz-status-badge{font-size:.75rem;padding:.25rem .6rem}}@media(max-width:320px){.mijoz-status-badge{font-size:.7rem;padding:.2rem .5rem}}.mijoz-status-badge.active{background-color:#10b9811a;color:#10b981}.mijoz-status-badge.inactive{background-color:#ef44441a;color:#ef4444}.mijoz-status-badge.pending{background-color:#f59e0b1a;color:#f59e0b}.mijoz-status-badge.confirmed{background-color:#0ea5e91a;color:#0ea5e9}@keyframes mijozSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media print{.mijoz-container{box-shadow:none;padding:0}.mijoz-action-buttons,.mijoz-filters-container,.mijoz-header .mijoz-actions{display:none}.mijoz-data-table{border:1px solid #cbd5e1}}.mijoz-input-error{background-color:#fff1f0;border:1px solid #ff4d4f!important}.mijoz-error-message{align-items:center;color:#ff4d4f;display:flex;font-size:12px;gap:4px;margin-top:4px}.mijoz-error-message svg{font-size:10px}.appointments-container .appointments-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.75rem}@media(max-width:768px){.appointments-container .appointments-page-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}}.appointments-container .appointments-page-header .appointments-page-title{color:#1e293b;font-size:1.75rem;font-weight:700;padding-bottom:.75rem;position:relative}@media(max-width:768px){.appointments-container .appointments-page-header .appointments-page-title{font-size:1.5rem}}@media(max-width:576px){.appointments-container .appointments-page-header .appointments-page-title{font-size:1.25rem;padding-bottom:.5rem}}@media(max-width:320px){.appointments-container .appointments-page-header .appointments-page-title{font-size:1.2rem}}.appointments-container .appointments-page-header .appointments-page-title:after{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:50px}@media(max-width:576px){.appointments-container .appointments-page-header .appointments-page-title:after{height:3px;width:40px}}@media(max-width:320px){.appointments-container .appointments-page-header .appointments-page-title:after{height:3px;width:30px}}.appointments-container .appointments-page-header .appointments-header-actions{display:flex;gap:.75rem}@media(max-width:768px){.appointments-container .appointments-page-header .appointments-header-actions{width:100%}}@media(max-width:576px){.appointments-container .appointments-page-header .appointments-header-actions{flex-direction:column;gap:.5rem}}@media(max-width:768px){.appointments-container .appointments-page-header .appointments-header-actions .appointments-btn{justify-content:center;width:100%}}@media(max-width:320px){.appointments-container .appointments-page-header .appointments-header-actions .appointments-btn{font-size:.85rem;padding:.5rem 1rem}}.appointments-container .appointments-filters-container{margin-bottom:1.75rem}@media(max-width:768px){.appointments-container .appointments-filters-container{margin-bottom:1.5rem}}@media(max-width:576px){.appointments-container .appointments-filters-container{margin-bottom:1.25rem}}.appointments-container .appointments-filters-container .appointments-search-filter{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}@media(max-width:768px){.appointments-container .appointments-filters-container .appointments-search-filter{align-items:stretch;flex-direction:column;gap:.75rem}}.appointments-container .appointments-filters-container .appointments-search-filter .appointments-search-input{flex:1 1;position:relative}.appointments-container .appointments-filters-container .appointments-search-filter .appointments-search-input .appointments-search-icon{color:#33415580;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}@media(max-width:320px){.appointments-container .appointments-filters-container .appointments-search-filter .appointments-search-input .appointments-search-icon{font-size:.9rem;left:.7rem}}.appointments-container .appointments-filters-container .appointments-search-filter .appointments-search-input input{border:1px solid #cbd5e1;border-radius:12px;font-size:.95rem;padding:.85rem 1rem .85rem 2.5rem;transition:all .3s ease;width:100%}.appointments-container .appointments-filters-container .appointments-search-filter .appointments-search-input input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}@media(max-width:576px){.appointments-container .appointments-filters-container .appointments-search-filter .appointments-search-input input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}}@media(max-width:320px){.appointments-container .appointments-filters-container .appointments-search-filter .appointments-search-input input{font-size:.85rem;padding:.7rem 1rem .7rem 2.2rem}}.appointments-container .appointments-filters-container .appointments-search-filter .appointments-filter-toggle-btn{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.85rem 1.25rem;transition:all .3s ease}@media(max-width:768px){.appointments-container .appointments-filters-container .appointments-search-filter .appointments-filter-toggle-btn{justify-content:center}}@media(max-width:576px){.appointments-container .appointments-filters-container .appointments-search-filter .appointments-filter-toggle-btn{font-size:.9rem;padding:.75rem 1.25rem}}@media(max-width:320px){.appointments-container .appointments-filters-container .appointments-search-filter .appointments-filter-toggle-btn{font-size:.85rem;padding:.7rem 1rem}}.appointments-container .appointments-filters-container .appointments-search-filter .appointments-filter-toggle-btn:hover{background-color:#e2e8f080;transform:translateY(-2px)}.appointments-container .appointments-filters-container .appointments-search-filter .appointments-filter-toggle-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.appointments-container .appointments-filters-container .appointments-advanced-filters{grid-gap:1.25rem;animation:appointmentsSlideDown .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1.5rem}@media(max-width:768px){.appointments-container .appointments-filters-container .appointments-advanced-filters{grid-template-columns:1fr;padding:1.25rem}}@media(max-width:320px){.appointments-container .appointments-filters-container .appointments-advanced-filters{padding:1rem}}.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group label{color:#1e293b;font-weight:500;margin-bottom:.25rem}@media(max-width:320px){.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group label{font-size:.85rem}}.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group select{background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:.75rem 1rem;transition:all .3s ease}.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}@media(max-width:576px){.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group select{font-size:.9rem;padding:.65rem 1rem}}@media(max-width:320px){.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group select{font-size:.85rem;padding:.5rem .75rem}}.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group .appointments-date-input{position:relative}.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group .appointments-date-input .appointments-calendar-icon{color:#334155b3;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}@media(max-width:320px){.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group .appointments-date-input .appointments-calendar-icon{font-size:.9rem;left:.5rem}}.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group .appointments-date-input input{border:1px solid #cbd5e1;border-radius:12px;padding:.75rem 1rem .75rem 2.25rem;transition:all .3s ease;width:100%}.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group .appointments-date-input input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}@media(max-width:576px){.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group .appointments-date-input input{font-size:.9rem;padding:.65rem 1rem .65rem 2.25rem}}@media(max-width:320px){.appointments-container .appointments-filters-container .appointments-advanced-filters .appointments-filter-group .appointments-date-input input{font-size:.85rem;padding:.5rem .75rem .5rem 2rem}}.appointments-container .appointments-dashboard-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-bottom:1.75rem;overflow:hidden;transition:transform all .3s ease,box-shadow all .3s ease}.appointments-container .appointments-dashboard-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}@media(max-width:576px){.appointments-container .appointments-dashboard-card{margin-bottom:1.5rem}}.appointments-container .appointments-table-responsive{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-bottom:1.75rem;overflow:scroll;position:relative}.appointments-container .appointments-table-responsive .table-scroll-container{overflow-x:auto;overflow-y:visible;scrollbar-color:#2563eb #e2e8f04d;scrollbar-width:thin;width:100%}@media(max-width:1340px){.appointments-container .appointments-table-responsive .table-scroll-container{overflow-x:scroll}}.appointments-container .appointments-table-responsive .table-scroll-container::-webkit-scrollbar{background-color:#e2e8f080;height:8px}.appointments-container .appointments-table-responsive .table-scroll-container::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:4px;margin:0 10px}.appointments-container .appointments-table-responsive .table-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2563eb,#3b82f6);border:1px solid #fff3;border-radius:4px}.appointments-container .appointments-table-responsive .table-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#1e40af,#2563eb)}.appointments-container .appointments-table-responsive .table-scroll-container::-webkit-scrollbar-corner{background:#0000}.appointments-container .appointments-data-table{background-color:#fff;border-collapse:collapse;font-size:.95rem;min-width:1200px;width:100%}@media(max-width:576px){.appointments-container .appointments-data-table{font-size:.85rem;min-width:900px}}@media(max-width:768px){.appointments-container .appointments-data-table{font-size:.9rem;min-width:1000px}}@media(max-width:1340px){.appointments-container .appointments-data-table{min-width:1200px}}.appointments-container .appointments-data-table thead{background:linear-gradient(90deg,#2563eb0d,#3b82f60d)}.appointments-container .appointments-data-table thead th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#2563eb14,#3b82f614);border-bottom:2px solid #2563eb;position:sticky;top:0;z-index:10}.appointments-container .appointments-data-table td,.appointments-container .appointments-data-table th{border-bottom:1px solid #cbd5e199;padding:1rem 1.25rem;text-align:left;vertical-align:middle;white-space:nowrap}.appointments-container .appointments-data-table td:first-child,.appointments-container .appointments-data-table th:first-child{min-width:60px}.appointments-container .appointments-data-table td:nth-child(2),.appointments-container .appointments-data-table th:nth-child(2){min-width:180px}.appointments-container .appointments-data-table td:nth-child(3),.appointments-container .appointments-data-table th:nth-child(3){min-width:150px}.appointments-container .appointments-data-table td:nth-child(4),.appointments-container .appointments-data-table th:nth-child(4){min-width:120px}.appointments-container .appointments-data-table td:nth-child(5),.appointments-container .appointments-data-table th:nth-child(5){min-width:100px}.appointments-container .appointments-data-table td:nth-child(6),.appointments-container .appointments-data-table th:nth-child(6){min-width:120px}.appointments-container .appointments-data-table td:nth-child(7),.appointments-container .appointments-data-table th:nth-child(7){min-width:100px}.appointments-container .appointments-data-table td:nth-child(8),.appointments-container .appointments-data-table th:nth-child(8){min-width:80px}@media(max-width:1340px){.appointments-container .appointments-data-table td,.appointments-container .appointments-data-table th{padding:.9rem 1rem}}@media(max-width:768px){.appointments-container .appointments-data-table td,.appointments-container .appointments-data-table th{padding:.8rem .9rem}.appointments-container .appointments-data-table td:first-child,.appointments-container .appointments-data-table th:first-child{min-width:50px}.appointments-container .appointments-data-table td:nth-child(2),.appointments-container .appointments-data-table th:nth-child(2){min-width:160px}.appointments-container .appointments-data-table td:nth-child(3),.appointments-container .appointments-data-table th:nth-child(3){min-width:130px}.appointments-container .appointments-data-table td:nth-child(4),.appointments-container .appointments-data-table th:nth-child(4){min-width:100px}.appointments-container .appointments-data-table td:nth-child(5),.appointments-container .appointments-data-table th:nth-child(5){min-width:90px}.appointments-container .appointments-data-table td:nth-child(6),.appointments-container .appointments-data-table th:nth-child(6){min-width:100px}.appointments-container .appointments-data-table td:nth-child(7),.appointments-container .appointments-data-table th:nth-child(7){min-width:90px}.appointments-container .appointments-data-table td:nth-child(8),.appointments-container .appointments-data-table th:nth-child(8){min-width:70px}}@media(max-width:576px){.appointments-container .appointments-data-table td,.appointments-container .appointments-data-table th{padding:.7rem .8rem}.appointments-container .appointments-data-table td:first-child,.appointments-container .appointments-data-table th:first-child{min-width:45px}.appointments-container .appointments-data-table td:nth-child(2),.appointments-container .appointments-data-table th:nth-child(2){min-width:140px}.appointments-container .appointments-data-table td:nth-child(3),.appointments-container .appointments-data-table th:nth-child(3){min-width:120px}.appointments-container .appointments-data-table td:nth-child(4),.appointments-container .appointments-data-table th:nth-child(4){min-width:90px}.appointments-container .appointments-data-table td:nth-child(5),.appointments-container .appointments-data-table th:nth-child(5){min-width:80px}.appointments-container .appointments-data-table td:nth-child(6),.appointments-container .appointments-data-table th:nth-child(6){min-width:90px}.appointments-container .appointments-data-table td:nth-child(7),.appointments-container .appointments-data-table th:nth-child(7){min-width:80px}.appointments-container .appointments-data-table td:nth-child(8),.appointments-container .appointments-data-table th:nth-child(8){min-width:60px}}.appointments-container .appointments-data-table th{color:#1e293b;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media(max-width:768px){.appointments-container .appointments-data-table th{font-size:.8rem}}@media(max-width:576px){.appointments-container .appointments-data-table th{font-size:.75rem}}.appointments-container .appointments-data-table tbody tr{border-bottom:1px solid #cbd5e14d;transition:all .2s ease}.appointments-container .appointments-data-table tbody tr:last-child{border-bottom:none}.appointments-container .appointments-data-table tbody tr:nth-child(2n){background-color:#e2e8f01a}.appointments-container .appointments-data-table tbody tr:hover{background-color:#2563eb0d;box-shadow:0 2px 8px #2563eb1a;transform:translateY(-1px)}.appointments-container .appointments-data-table tbody tr:hover td{border-bottom-color:#2563eb33}.appointments-container .appointments-data-table tbody td{color:#334155;font-weight:500}.appointments-container .appointments-data-table tbody td:first-child{color:#2563eb;font-weight:600;text-align:center}.appointments-container .appointments-data-table tbody td:nth-child(2){color:#1e293b;font-weight:600}.appointments-container .appointments-data-table tbody td:nth-child(4),.appointments-container .appointments-data-table tbody td:nth-child(5){font-family:Courier New,monospace;font-size:.9rem}.appointments-container .appointments-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.35rem .75rem}@media(max-width:576px){.appointments-container .appointments-status-badge{font-size:.75rem;padding:.25rem .6rem}}@media(max-width:320px){.appointments-container .appointments-status-badge{font-size:.7rem;padding:.2rem .5rem}}.appointments-container .appointments-status-badge.expected{background-color:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.appointments-container .appointments-status-badge.accepted{background-color:#0ea5e91a;border:1px solid #0ea5e94d;color:#0ea5e9}.appointments-container .appointments-status-badge.progress{background-color:#2563eb1a;border:1px solid #2563eb4d;color:#2563eb}.appointments-container .appointments-status-badge.finished{background-color:#10b9811a;border:1px solid #10b9814d;color:#10b981}.appointments-container .appointments-status-badge.cancelled{background-color:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.appointments-container .appointments-branch-badge{align-items:center;background-color:#2563eb1a;border-radius:20px;color:#2563eb;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.35rem .75rem}@media(max-width:576px){.appointments-container .appointments-branch-badge{font-size:.75rem;padding:.25rem .6rem}}@media(max-width:320px){.appointments-container .appointments-branch-badge{font-size:.7rem;padding:.2rem .5rem}}.appointments-container .appointments-branch-badge .appointments-branch-icon{font-size:.8rem}.appointments-container .appointments-action-toggle{align-items:center;background-color:#e2e8f080;border:none;border-radius:50%;color:#334155;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}@media(max-width:576px){.appointments-container .appointments-action-toggle{height:32px;width:32px}}@media(max-width:320px){.appointments-container .appointments-action-toggle{font-size:.9rem;height:30px;width:30px}}.appointments-container .appointments-action-toggle:hover{background-color:#2563eb1a;color:#2563eb;transform:translateY(-2px)}.appointments-container .appointments-error,.appointments-container .appointments-loading,.appointments-container .appointments-no-data{color:#33415599;font-style:italic;padding:2rem!important;text-align:center}@media(max-width:576px){.appointments-container .appointments-error,.appointments-container .appointments-loading,.appointments-container .appointments-no-data{font-size:.9rem;padding:1.5rem!important}}@media(max-width:320px){.appointments-container .appointments-error,.appointments-container .appointments-loading,.appointments-container .appointments-no-data{font-size:.85rem;padding:1rem!important}}.appointments-container .appointments-error .appointments-spinner,.appointments-container .appointments-loading .appointments-spinner,.appointments-container .appointments-no-data .appointments-spinner{animation:spin 1s linear infinite;margin-right:.5rem}.appointments-sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.appointments-sidebar-overlay.active{opacity:1;visibility:visible}.appointments-sidebar{background-color:#fff;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:-450px;top:0;transition:right .3s ease;width:450px;z-index:1001}@media(max-width:576px){.appointments-sidebar{right:-100%;width:100%}}.appointments-sidebar.active{right:0}.appointments-sidebar .appointments-sidebar-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;justify-content:space-between;padding:1.5rem}@media(max-width:576px){.appointments-sidebar .appointments-sidebar-header{padding:1.25rem}}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-header{padding:1rem}}.appointments-sidebar .appointments-sidebar-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-header h2{font-size:1.1rem}}.appointments-sidebar .appointments-sidebar-header .appointments-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#334155;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-header .appointments-close-button{font-size:1.1rem;height:30px;width:30px}}.appointments-sidebar .appointments-sidebar-header .appointments-close-button:hover{background-color:#ef44441a;color:#ef4444}.appointments-sidebar .appointments-sidebar-content{flex:1 1;overflow-y:auto;padding:1.5rem}@media(max-width:576px){.appointments-sidebar .appointments-sidebar-content{padding:1.25rem}}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content{padding:1rem}}.appointments-sidebar .appointments-sidebar-content .step-indicator{display:flex;justify-content:space-between;margin-bottom:2rem;position:relative}.appointments-sidebar .appointments-sidebar-content .step-indicator:before{background-color:#e2e8f0;content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.appointments-sidebar .appointments-sidebar-content .step-indicator .step{align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:50%;color:#334155;display:flex;font-size:.9rem;font-weight:600;height:30px;justify-content:center;position:relative;transition:all .3s ease;width:30px;z-index:2}.appointments-sidebar .appointments-sidebar-content .step-indicator .step.active{background-color:#2563eb;border-color:#2563eb;color:#fff;transform:scale(1.2)}.appointments-sidebar .appointments-sidebar-content .step-indicator .step.completed{background-color:#10b981;border-color:#10b981;color:#fff}.appointments-sidebar .appointments-sidebar-content .step-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.appointments-sidebar .appointments-sidebar-content form{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content form{gap:1rem}}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group{display:flex;flex-direction:column;gap:.5rem}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-group{gap:.3rem}}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-ad-wrapper{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-ad-wrapper label{color:#1e293b;font-weight:500}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-ad-wrapper label{font-size:.85rem}}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-ad-wrapper .appointments-form-group{padding:0;width:20px!important}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper{position:relative}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper .input-icon{color:#334155b3;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper .input-icon{font-size:.9rem;left:.5rem}}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper input,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper select{border:1px solid #cbd5e1;border-radius:12px;font-size:1rem;padding:.85rem 1rem .85rem 2.5rem;transition:all .3s ease;width:100%}@media(max-width:576px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper input,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper select{font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem}}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper input,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper select{font-size:.85rem;padding:.7rem 1rem .7rem 2.2rem}}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper input:focus,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .input-icon-wrapper select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group input,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group select,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group textarea{border:1px solid #cbd5e1;border-radius:12px;font-size:1rem;padding:.85rem;transition:all .3s ease}@media(max-width:576px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-group input,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group select,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group textarea{font-size:.95rem;padding:.75rem}}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-group input,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group select,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group textarea{font-size:.85rem;padding:.7rem}}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group input:focus,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group select:focus,.appointments-sidebar .appointments-sidebar-content form .appointments-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group textarea{min-height:100px;resize:vertical}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-group textarea{min-height:80px}}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-top:.75rem}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem .5rem;position:relative;transition:all .3s ease}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot:before{background:linear-gradient(to right bottom,#2563eb1a,#2563eb0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot .time-icon{color:#334155;font-size:.85rem;position:relative;z-index:2}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot:hover:not(.booked){border-color:#2563eb;box-shadow:0 5px 15px #0000000d;transform:translateY(-3px)}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot:hover:not(.booked):before{opacity:1}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot.selected{background:linear-gradient(to right bottom,#2563eb,#1e40af);border-color:#2563eb;box-shadow:0 5px 15px #2563eb4d;color:#fff;transform:translateY(-3px)}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot.selected .time-icon{color:#fff}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot.selected:before{opacity:0}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot.booked{background-color:#f59e0b1a;border-color:#f59e0b;color:#f59e0b;cursor:not-allowed;opacity:.8}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .time-slot.booked .time-icon{color:#f59e0b}.appointments-sidebar .appointments-sidebar-content form .appointments-form-group .time-slots-container .no-times-message{background-color:#e2e8f04d;border-radius:12px;color:#33415599;font-style:italic;grid-column:1/-1;padding:1rem;text-align:center}.appointments-sidebar .appointments-sidebar-content form .appointments-form-row{display:flex;gap:1rem}@media(max-width:576px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-row{flex-direction:column;gap:1.5rem}}@media(max-width:320px){.appointments-sidebar .appointments-sidebar-content form .appointments-form-row{gap:1rem}}.appointments-sidebar .appointments-sidebar-content form .appointments-form-row .appointments-form-group{flex:1 1}.appointments-sidebar .appointments-sidebar-content form .appointments-form-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.appointments-sidebar .appointments-sidebar-content form .appointments-form-actions .appointments-btn{flex:1 1;font-weight:600;justify-content:center}.appointments-sidebar .appointments-sidebar-content form .appointments-form-actions .appointments-btn.appointments-btn-primary{background:linear-gradient(90deg,#2563eb,#1e40af)}.appointments-sidebar .appointments-sidebar-content form .appointments-form-actions .appointments-btn.appointments-btn-primary:hover{background:linear-gradient(90deg,#1555e2,#1a3899)}.appointments-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}@media(max-width:576px){.appointments-btn{font-size:.9rem;padding:.65rem 1.25rem}}@media(max-width:320px){.appointments-btn{font-size:.85rem;padding:.5rem 1rem}}.appointments-btn.appointments-btn-primary{background-color:#2563eb;color:#fff}.appointments-btn.appointments-btn-primary:hover{background-color:#1e40af;transform:translateY(-2px)}.appointments-btn.appointments-btn-primary:active{transform:translateY(0)}.appointments-btn.appointments-btn-secondary{background-color:#e2e8f0;color:#334155}.appointments-btn.appointments-btn-secondary:hover{background-color:#d1dbe7;transform:translateY(-2px)}.appointments-btn.appointments-btn-secondary:active{transform:translateY(0)}.appointments-btn.appointments-btn-outline{background:none;border:1px solid #cbd5e1;color:#334155}.appointments-btn.appointments-btn-outline:hover{background-color:#2563eb0d;border-color:#2563eb;color:#2563eb}.appointments-btn.appointments-btn-icon{align-items:center;display:flex;gap:.5rem}.appointments-btn .spinner{animation:spin 1s linear infinite}.appointments-view-controls{display:flex;gap:.75rem;margin-bottom:1.5rem}.appointments-view-controls .appointments-view-btn{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.appointments-view-controls .appointments-view-btn:hover{background-color:#e2e8f080;transform:translateY(-2px)}.appointments-view-controls .appointments-view-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.appointments-calendar-view{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;margin-bottom:1.75rem;overflow:hidden}.appointments-calendar-header{border-bottom:1px solid #cbd5e1;padding:1.25rem}.appointments-calendar-days{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(7,1fr)}@media(max-width:768px){.appointments-calendar-days{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.appointments-calendar-days{grid-template-columns:repeat(2,1fr)}}.appointments-calendar-day{background-color:#e2e8f04d;border-radius:12px;padding:.75rem;text-align:center}.appointments-calendar-day.today{background-color:#2563eb1a;border:1px solid #2563eb}.appointments-calendar-day .appointments-day-name{color:#334155;font-weight:600;margin-bottom:.25rem}.appointments-calendar-day .appointments-day-date{color:#1e293b;font-size:1.25rem;font-weight:700}.appointments-calendar-body{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(7,1fr);min-height:500px;padding:1.25rem}@media(max-width:768px){.appointments-calendar-body{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.appointments-calendar-body{grid-template-columns:repeat(2,1fr)}}.appointments-calendar-column{background-color:#e2e8f01a;border:1px solid #cbd5e1;border-radius:12px;padding:.75rem}.appointments-calendar-column.today{background-color:#2563eb0d;border-color:#2563eb}.appointments-calendar-item{background-color:#fff;border-radius:12px;box-shadow:0 2px 5px #0000000d;cursor:pointer;margin-bottom:.75rem;padding:.75rem;position:relative;transition:all .3s ease}.appointments-calendar-item:hover{box-shadow:0 5px 10px #0000001a;transform:translateY(-2px)}.appointments-calendar-item.expected{border-left:3px solid #f59e0b}.appointments-calendar-item.accepted{border-left:3px solid #0ea5e9}.appointments-calendar-item.progress{border-left:3px solid #2563eb}.appointments-calendar-item.finished{border-left:3px solid #10b981}.appointments-calendar-item.cancelled{border-left:3px solid #ef4444;opacity:.7}.appointments-calendar-item .appointments-calendar-time{color:#1e293b;font-weight:600;margin-bottom:.5rem}.appointments-calendar-item .appointments-calendar-patient{font-weight:500;margin-bottom:.25rem}.appointments-calendar-item .appointments-calendar-doctor,.appointments-calendar-item .appointments-calendar-room{color:#334155cc;font-size:.85rem;margin-bottom:.25rem}.appointments-calendar-item .appointments-calendar-status{margin-top:.5rem}.appointments-calendar-item .appointments-calendar-status .appointments-status-badge{font-size:.75rem;padding:.25rem .5rem}.appointments-no-appointments{color:#33415599;font-style:italic;padding:2rem 0;text-align:center}.time-error{align-items:center;color:#ef4444;display:flex;font-size:.85rem;gap:.5rem;margin-top:.25rem}.appointment-view-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden;position:relative}.appointment-view-card .appointment-status-indicator{border-bottom-left-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:0;top:0}.appointment-view-card .appointment-status-indicator.expected{background-color:#f59e0b}.appointment-view-card .appointment-status-indicator.accepted{background-color:#0ea5e9}.appointment-view-card .appointment-status-indicator.progress{background-color:#2563eb}.appointment-view-card .appointment-status-indicator.finished{background-color:#10b981}.appointment-view-card .appointment-status-indicator.cancelled{background-color:#ef4444}.appointment-view-card .appointment-view-header{align-items:center;background:linear-gradient(90deg,#2563eb0d,#2563eb1a);border-bottom:1px solid #cbd5e180;display:flex;gap:1rem;padding:1.5rem}.appointment-view-card .appointment-view-header .appointment-view-avatar{align-items:center;background-color:#2563eb1a;border-radius:50%;color:#2563eb;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.appointment-view-card .appointment-view-header .appointment-view-title{flex:1 1}.appointment-view-card .appointment-view-header .appointment-view-title h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.appointment-view-card .appointment-view-header .appointment-view-title .appointment-view-subtitle{align-items:center;color:#334155cc;display:flex;font-size:.9rem;gap:.5rem;margin:0}.appointment-view-card .appointment-view-header .appointment-view-title .appointment-view-subtitle svg{color:#2563eb}.appointment-view-card .appointment-view-header .appointment-view-title .appointment-view-subtitle .appointment-time{align-items:center;border-left:1px solid #cbd5e180;display:flex;gap:.5rem;margin-left:1rem;padding-left:1rem}.appointment-view-card .appointment-view-details{padding:1.5rem}.appointment-view-card .appointment-view-details .appointment-view-section{border-bottom:1px solid #cbd5e180;margin-bottom:1.5rem;padding-bottom:1.5rem}.appointment-view-card .appointment-view-details .appointment-view-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.appointment-view-card .appointment-view-details .appointment-view-section h4{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.appointment-view-card .appointment-view-details .appointment-view-section h4 svg{color:#2563eb}.appointment-view-card .appointment-view-details .appointment-view-section .appointment-view-info{display:flex;margin-bottom:.75rem}.appointment-view-card .appointment-view-details .appointment-view-section .appointment-view-info:last-child{border-bottom:none;margin-bottom:0}.appointment-view-card .appointment-view-details .appointment-view-section .appointment-view-info .info-label{color:#334155cc;font-weight:500;width:40%}.appointment-view-card .appointment-view-details .appointment-view-section .appointment-view-info .info-value{color:#1e293b;font-weight:500;width:60%}.appointment-view-card .appointment-view-details .appointment-view-section .dental-services-list .dental-service-item{background-color:#e2e8f04d;border-left:3px solid #2563eb;border-radius:12px;margin-bottom:.75rem;padding:.75rem}.appointment-view-card .appointment-view-details .appointment-view-section .dental-services-list .dental-service-item:last-child{margin-bottom:0}.appointment-view-card .appointment-view-details .appointment-view-section .dental-services-list .dental-service-item .service-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.appointment-view-card .appointment-view-details .appointment-view-section .dental-services-list .dental-service-item .service-info .service-name{color:#1e293b;font-weight:600}.appointment-view-card .appointment-view-details .appointment-view-section .dental-services-list .dental-service-item .service-info .service-teeth{background-color:#2563eb1a;border-radius:12px;color:#2563eb;font-size:.85rem;padding:.25rem .5rem}.appointment-view-card .appointment-view-details .appointment-view-section .dental-services-list .dental-service-item .service-details{align-items:center;display:flex;justify-content:space-between}.appointment-view-card .appointment-view-details .appointment-view-section .dental-services-list .dental-service-item .service-details .service-description{color:#334155cc;font-size:.9rem}.appointment-view-card .appointment-view-details .appointment-view-section .dental-services-list .dental-service-item .service-details .service-amount{color:#10b981;font-weight:600}.appointment-view-card .appointment-view-actions{background-color:#e2e8f04d;border-top:1px solid #cbd5e180;display:flex;gap:1rem;padding:1.5rem}.appointment-view-card .appointment-view-actions .appointments-btn{flex:1 1;justify-content:center}.appointments-loading-container{align-items:center;color:#2563eb;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.appointments-loading-container .appointments-spinner{animation:spin 1s linear infinite;font-size:2rem}.time-change-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.time-change-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #0000001a;max-width:500px;width:90%}.time-change-modal .time-change-modal-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;justify-content:space-between;padding:1.5rem}.time-change-modal .time-change-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.time-change-modal .time-change-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#334155;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.time-change-modal .time-change-modal-header .close-btn:hover{background-color:#ef44441a;color:#ef4444}.time-change-modal .time-change-modal-body{padding:1.5rem}.time-change-modal .time-change-modal-body .appointment-info{background-color:#e2e8f04d;border-radius:12px;margin-bottom:1.5rem;padding:1rem}.time-change-modal .time-change-modal-body .appointment-info .info-row{display:flex;margin-bottom:.5rem}.time-change-modal .time-change-modal-body .appointment-info .info-row:last-child{margin-bottom:0}.time-change-modal .time-change-modal-body .appointment-info .info-row .info-label{color:#334155cc;font-weight:500;width:40%}.time-change-modal .time-change-modal-body .appointment-info .info-row .info-value{color:#1e293b;font-weight:500;width:60%}.time-change-modal .time-change-modal-body .time-selection h4{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.time-change-modal .time-change-modal-footer{background-color:#e2e8f04d;border-top:1px solid #cbd5e1;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.time-change-modal .time-change-modal-footer .appointments-btn{min-width:100px}.action-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.action-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #0000001a;max-width:400px;width:90%}.action-modal .action-modal-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;justify-content:space-between;padding:1.5rem}.action-modal .action-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.action-modal .action-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#334155;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.action-modal .action-modal-header .close-btn:hover{background-color:#ef44441a;color:#ef4444}.action-modal .action-modal-body{padding:1.5rem}.action-modal .action-modal-body .action-buttons{display:flex;flex-direction:column;gap:.75rem}.action-modal .action-modal-body .action-buttons .action-btn{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.85rem 1rem;text-align:left;transition:all .3s ease}.action-modal .action-modal-body .action-buttons .action-btn:hover{box-shadow:0 5px 10px #0000000d;transform:translateY(-2px)}.action-modal .action-modal-body .action-buttons .action-btn.view-btn:hover{background-color:#0ea5e91a;border-color:#0ea5e9;color:#0ea5e9}.action-modal .action-modal-body .action-buttons .action-btn.edit-btn:hover{background-color:#2563eb1a;border-color:#2563eb;color:#2563eb}.action-modal .action-modal-body .action-buttons .action-btn.print-btn:hover{background-color:#10b9811a;border-color:#10b981;color:#10b981}.action-modal .action-modal-body .action-buttons .action-btn.pdf-btn:hover{background-color:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.action-modal .action-modal-body .action-buttons .action-btn.time-btn:hover{background-color:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.action-modal .action-modal-body .action-buttons .action-btn.accept-btn:hover{background-color:#10b9811a;border-color:#10b981;color:#10b981}.action-modal .action-modal-body .action-buttons .action-btn.cancel-btn:hover{background-color:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.action-modal .action-modal-body .action-buttons .action-btn.delete-btn:hover{background-color:#ef44441a;border-color:#ef4444;color:#ef4444}.ticket-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.ticket-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background-color:#fff;border-radius:12px;box-shadow:0 15px 30px #0000001a;max-width:500px;width:90%}.ticket-modal .ticket-modal-header{align-items:center;border-bottom:1px solid #cbd5e1;display:flex;justify-content:space-between;padding:1.5rem}.ticket-modal .ticket-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.ticket-modal .ticket-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#334155;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.ticket-modal .ticket-modal-header .close-btn:hover{background-color:#ef44441a;color:#ef4444}.ticket-modal .ticket-modal-body{padding:1.5rem}.ticket-modal .ticket-modal-body .ticket-content{background-color:#e2e8f04d;border-radius:12px;font-family:monospace;font-size:.9rem;line-height:1.4;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding:1rem;white-space:pre-wrap}.ticket-modal .ticket-modal-body .ticket-actions{display:flex;gap:1rem;justify-content:flex-end}.ticket-modal .ticket-modal-body .ticket-actions .appointments-btn{min-width:100px}.ticket-modal .ticket-modal-body .ticket-printed-message{padding:2rem;text-align:center}.ticket-modal .ticket-modal-body .ticket-printed-message .success-icon{color:#10b981;font-size:3rem;margin-bottom:1rem}.ticket-modal .ticket-modal-body .ticket-printed-message p{color:#1e293b;font-size:1.1rem;margin-bottom:1.5rem}@keyframes appointmentsSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.appointments-sidebar{width:400px}}@media(max-width:768px){.appointments-sidebar{right:-100%;width:100%}.appointments-calendar-body{grid-template-columns:repeat(2,1fr)}.appointments-calendar-days{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.appointments-calendar-body{grid-template-columns:1fr}.appointments-calendar-days{grid-template-columns:repeat(2,1fr)}.appointments-table-responsive{margin:0 -1rem;width:calc(100% + 2rem)}}@media(max-width:320px){.appointments-container{padding:.5rem}.appointments-sidebar .appointments-sidebar-content{padding:.75rem}.action-modal,.ticket-modal,.time-change-modal{margin:0 2.5%;width:95%}}.director-rooms{padding:20px}.director-rooms .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.director-rooms .page-header h1{align-items:center;color:#333;display:flex;font-size:1.8rem;gap:10px;margin:0}.director-rooms .page-header h1 svg{color:#4a6da7}.director-rooms .page-header .header-actions{display:flex;gap:10px}.director-rooms .tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.director-rooms .tabs .tab{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;position:relative}.director-rooms .tabs .tab.active{color:#4a6da7}.director-rooms .tabs .tab.active:after{background-color:#4a6da7;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.director-rooms .tabs .tab:hover:not(.active){color:#333}.director-rooms .filters{display:flex;gap:15px;margin-bottom:20px}.director-rooms .filters .search-box{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;flex:1 1;padding:0 15px}.director-rooms .filters .search-box svg{color:#666;margin-right:10px}.director-rooms .filters .search-box input{background:none;border:none;flex:1 1;font-size:.9rem;padding:10px 0}.director-rooms .filters .search-box input:focus{outline:none}.director-rooms .filters .filter-dropdown{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;padding:0 15px}.director-rooms .filters .filter-dropdown svg{color:#666;margin-right:10px}.director-rooms .filters .filter-dropdown select{background:none;border:none;font-size:.9rem;min-width:150px;padding:10px 0}.director-rooms .filters .filter-dropdown select:focus{outline:none}.director-rooms .rooms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.director-rooms .rooms-grid .room-card{background-color:#fff;border-radius:8px;border-top:4px solid #ccc;box-shadow:0 2px 10px #0000000d;overflow:hidden}.director-rooms .rooms-grid .room-card.available{border-top-color:#4caf50}.director-rooms .rooms-grid .room-card.occupied{border-top-color:#f57c00}.director-rooms .rooms-grid .room-card.maintenance{border-top-color:#f44336}.director-rooms .rooms-grid .room-card .room-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.director-rooms .rooms-grid .room-card .room-header h3{color:#333;font-size:1.2rem;margin:0}.director-rooms .rooms-grid .room-card .room-header .room-actions{display:flex;gap:10px}.director-rooms .rooms-grid .room-card .room-header .room-actions .btn-icon{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1rem;padding:5px}.director-rooms .rooms-grid .room-card .room-header .room-actions .btn-icon:hover{background-color:#eee;color:#333}.director-rooms .rooms-grid .room-card .room-details{border-bottom:1px solid #eee;padding:15px 20px}.director-rooms .rooms-grid .room-card .room-details p{color:#555;font-size:.9rem;margin:8px 0}.director-rooms .rooms-grid .room-card .room-details p strong{color:#333;margin-right:5px}.director-rooms .rooms-grid .room-card .room-details p .status{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:2px 8px}.director-rooms .rooms-grid .room-card .room-details p .status.available{background-color:#4caf501a;color:#4caf50}.director-rooms .rooms-grid .room-card .room-details p .status.occupied{background-color:#f57c001a;color:#f57c00}.director-rooms .rooms-grid .room-card .room-details p .status.maintenance{background-color:#f443361a;color:#f44336}.director-rooms .rooms-grid .room-card .patients-list{padding:15px 20px}.director-rooms .rooms-grid .room-card .patients-list h4{border-bottom:1px dashed #eee;color:#333;font-size:1rem;margin:0 0 15px;padding-bottom:10px}.director-rooms .rooms-grid .room-card .patients-list .patient-card{background-color:#f9f9f9;border-radius:6px;margin-bottom:15px;padding:15px}.director-rooms .rooms-grid .room-card .patients-list .patient-card:last-child{margin-bottom:0}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header h5{color:#333;font-size:1rem;margin:0}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header .patient-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header .patient-status.active{background-color:#4caf501a;color:#4caf50}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header .patient-status.critical{background-color:#f443361a;color:#f44336}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header .patient-status.recovering{background-color:#2196f31a;color:#2196f3}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-details{margin-bottom:15px}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-details p{color:#555;font-size:.85rem;margin:5px 0}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-details p strong{color:#333;margin-right:5px}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-actions{display:flex;gap:10px}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-actions .btn{font-size:.8rem;padding:5px 10px}.director-rooms .rooms-grid .room-card .patients-list .patient-card .patient-actions .btn svg{margin-right:5px}.director-rooms .rooms-grid .room-card .empty-patients{color:#888;padding:20px;text-align:center}.director-rooms .rooms-grid .room-card .empty-patients p{margin-bottom:15px}.director-rooms .rooms-grid .room-card .room-footer{background-color:#f9f9f9;border-top:1px solid #eee;padding:15px 20px;text-align:center}.director-rooms .room-history{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.director-rooms .room-history h3{border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.director-rooms .room-history .history-table{border-collapse:collapse;width:100%}.director-rooms .room-history .history-table td,.director-rooms .room-history .history-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.director-rooms .room-history .history-table th{background-color:#f5f5f5;color:#333;font-size:.9rem;font-weight:500}.director-rooms .room-history .history-table td{color:#555;font-size:.9rem}.director-rooms .room-history .history-table tr:hover td{background-color:#f9f9f9}.director-rooms .room-history .empty-history{color:#888;padding:30px;text-align:center}.director-rooms .btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s}.director-rooms .btn.btn-primary{background-color:#4a6da7;color:#fff}.director-rooms .btn.btn-primary:hover{background-color:#3a5684}.director-rooms .btn.btn-secondary{background-color:#f5f5f5;color:#333}.director-rooms .btn.btn-secondary:hover{background-color:#e0e0e0}.director-rooms .btn.btn-danger{background-color:#f44336;color:#fff}.director-rooms .btn.btn-danger:hover{background-color:#ea1c0d}.director-rooms .btn.btn-sm{font-size:.8rem;padding:5px 10px}.director-rooms .btn svg{margin-right:5px}.director-rooms .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:50px;position:fixed;right:0;top:0;z-index:1000}.director-rooms .modal-overlay .modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;max-height:90vh;overflow-y:auto;width:100%}.director-rooms .modal-overlay .modal .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.director-rooms .modal-overlay .modal .modal-header h3{color:#333;font-size:1.2rem;margin:0}.director-rooms .modal-overlay .modal .modal-header .close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:1.5rem}.director-rooms .modal-overlay .modal .modal-header .close-btn:hover{color:#333}.director-rooms .modal-overlay .modal .modal-body{padding:20px}.director-rooms .modal-overlay .modal .modal-body .form-group{margin-bottom:15px}.director-rooms .modal-overlay .modal .modal-body .form-group label{color:#555;display:block;font-size:.9rem;margin-bottom:5px}.director-rooms .modal-overlay .modal .modal-body .form-group input,.director-rooms .modal-overlay .modal .modal-body .form-group select,.director-rooms .modal-overlay .modal .modal-body .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px;width:100%}.director-rooms .modal-overlay .modal .modal-body .form-group input:focus,.director-rooms .modal-overlay .modal .modal-body .form-group select:focus,.director-rooms .modal-overlay .modal .modal-body .form-group textarea:focus{border-color:#4a6da7;outline:none}.director-rooms .modal-overlay .modal .modal-body .stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.director-rooms .modal-overlay .modal .modal-body .stats-grid .stat-card{background-color:#f9f9f9;border-radius:6px;padding:15px;text-align:center}.director-rooms .modal-overlay .modal .modal-body .stats-grid .stat-card h4{color:#555;font-size:.9rem;margin:0 0 10px}.director-rooms .modal-overlay .modal .modal-body .stats-grid .stat-card .stat-value{color:#333;font-size:1.5rem;font-weight:600;margin:0}.director-rooms .modal-overlay .modal .modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}@media(max-width:768px){.director-rooms .rooms-grid{grid-template-columns:1fr}.director-rooms .stats-grid{grid-template-columns:repeat(2,1fr)!important}.director-rooms .filters{flex-direction:column}.director-rooms .room-history .history-table{display:block;overflow-x:auto}}.doctor-container{background-color:#f8f9fa;min-height:100vh;padding:20px;width:100%}.doctor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}@media(max-width:768px){.doctor-header{align-items:flex-start;flex-direction:column;gap:15px}}.doctor-header .doctor-title{color:#212529;font-size:24px;font-weight:600;padding-bottom:10px;position:relative}.doctor-header .doctor-title:after{background:#4a6cf7;border-radius:1.5px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.doctor-header .doctor-actions{display:flex;gap:10px}@media(max-width:768px){.doctor-header .doctor-actions{flex-wrap:wrap;width:100%}}.doctor-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}@media(max-width:768px){.doctor-btn{flex:1 1;justify-content:center}}.doctor-btn.doctor-btn-primary{background-color:#4a6cf7;color:#fff}.doctor-btn.doctor-btn-primary:hover{background-color:#3a5bd9}.doctor-btn.doctor-btn-secondary{background-color:#e9ecef;color:#495057}.doctor-btn.doctor-btn-secondary:hover{background-color:#dadfe4}.doctor-btn.doctor-btn-outline{background-color:#0000;border:1px solid #4a6cf7;color:#4a6cf7}.doctor-btn.doctor-btn-outline:hover{background-color:#4a6cf7;color:#fff}.doctor-btn.doctor-btn-icon{align-items:center;display:flex;gap:8px}.doctor-btn.doctor-btn-sm{font-size:12px;padding:4px 8px}.doctor-stats-container{margin-bottom:20px}.doctor-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}@media(max-width:1200px){.doctor-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.doctor-stats-grid{grid-template-columns:1fr}}.doctor-stats-grid .doctor-stat-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;padding:15px;transition:all .3s ease}.doctor-stats-grid .doctor-stat-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.doctor-stats-grid .doctor-stat-card .doctor-stat-icon-wrapper{align-items:center;background-color:#4a6cf71a;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.doctor-stats-grid .doctor-stat-card .doctor-stat-icon-wrapper .doctor-stat-icon{color:#4a6cf7;font-size:20px}.doctor-stats-grid .doctor-stat-card .doctor-stat-content{flex:1 1}.doctor-stats-grid .doctor-stat-card .doctor-stat-content .doctor-stat-value{color:#212529;font-size:20px;font-weight:600}.doctor-stats-grid .doctor-stat-card .doctor-stat-content .doctor-stat-label{color:#495057;font-size:14px}.doctor-specialty-distribution{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.doctor-specialty-distribution h3{color:#212529;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0}.doctor-specialty-distribution .doctor-specialty-bars{display:flex;flex-direction:column;gap:12px}.doctor-specialty-distribution .doctor-specialty-bars .doctor-specialty-bar-item .doctor-specialty-info{display:flex;font-size:14px;justify-content:space-between;margin-bottom:5px}.doctor-specialty-distribution .doctor-specialty-bars .doctor-specialty-bar-item .doctor-specialty-info .doctor-specialty-name{color:#495057;font-weight:500}.doctor-specialty-distribution .doctor-specialty-bars .doctor-specialty-bar-item .doctor-specialty-info .doctor-specialty-count{color:#4a6cf7;font-weight:600}.doctor-specialty-distribution .doctor-specialty-bars .doctor-specialty-bar-item .doctor-specialty-bar-container{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.doctor-specialty-distribution .doctor-specialty-bars .doctor-specialty-bar-item .doctor-specialty-bar-container .doctor-specialty-bar-fill{background-color:#4a6cf7;border-radius:4px;height:100%;transition:width .5s ease}.doctor-filters-container{margin-bottom:20px}.doctor-filters-container .doctor-search-filter{display:flex;justify-content:space-between;margin-bottom:15px}@media(max-width:768px){.doctor-filters-container .doctor-search-filter{flex-direction:column;gap:10px}}.doctor-filters-container .doctor-search-filter .doctor-search-input{flex:1 1;max-width:400px;position:relative}@media(max-width:768px){.doctor-filters-container .doctor-search-filter .doctor-search-input{max-width:100%;width:100%}}.doctor-filters-container .doctor-search-filter .doctor-search-input .doctor-search-icon{color:#495057;left:15px;position:absolute;top:50%;transform:translateY(-50%)}.doctor-filters-container .doctor-search-filter .doctor-search-input input{border:1px solid #ced4da;border-radius:8px;font-size:14px;padding:10px 15px 10px 40px;width:100%}.doctor-filters-container .doctor-search-filter .doctor-search-input input:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733;outline:none}.doctor-filters-container .doctor-search-filter .doctor-filter-toggle-btn{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:8px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:all .3s ease}@media(max-width:768px){.doctor-filters-container .doctor-search-filter .doctor-filter-toggle-btn{justify-content:center}}.doctor-filters-container .doctor-search-filter .doctor-filter-toggle-btn:hover{background-color:#e9ecef}.doctor-filters-container .doctor-search-filter .doctor-filter-toggle-btn.active{background-color:#4a6cf7;border-color:#4a6cf7;color:#fff}.doctor-filters-container .doctor-advanced-filters{grid-gap:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:15px}@media(max-width:576px){.doctor-filters-container .doctor-advanced-filters{grid-template-columns:1fr}}.doctor-filters-container .doctor-advanced-filters .doctor-filter-group{display:flex;flex-direction:column;gap:5px}.doctor-filters-container .doctor-advanced-filters .doctor-filter-group label{color:#495057;font-size:14px;font-weight:500}.doctor-filters-container .doctor-advanced-filters .doctor-filter-group select{background-color:#fff;border:1px solid #ced4da;border-radius:8px;font-size:14px;padding:8px 10px}.doctor-filters-container .doctor-advanced-filters .doctor-filter-group select:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733;outline:none}.doctor-dashboard-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.doctor-dashboard-card .doctor-table-responsive{overflow-x:auto}.doctor-dashboard-card .doctor-table-responsive::-webkit-scrollbar{height:6px}.doctor-dashboard-card .doctor-table-responsive::-webkit-scrollbar-track{background:#e9ecef}.doctor-dashboard-card .doctor-table-responsive::-webkit-scrollbar-thumb{background:#4a6cf7;border-radius:3px}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table{border-collapse:collapse;width:100%}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table td,.doctor-dashboard-card .doctor-table-responsive .doctor-data-table th{border-bottom:1px solid #e9ecef;padding:12px 15px;text-align:left}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table th{background-color:#f8f9fa;color:#212529;font-weight:600;position:sticky;top:0;z-index:10}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table tr:last-child td{border-bottom:none}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table tr:hover td{background-color:#e9ecef80}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-name-cell{color:#4a6cf7;cursor:pointer;font-weight:500}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-name-cell:hover{text-decoration:underline}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.cardiologist{background-color:#28a7451a;color:#28a745}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.neurologist{background-color:#17a2b81a;color:#17a2b8}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.pediatrician{background-color:#4a6cf71a;color:#4a6cf7}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.dermatologist{background-color:#9333ea1a;color:#9333ea}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.surgeon{background-color:#dc35451a;color:#dc3545}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.gynecologist{background-color:#ec48991a;color:#ec4899}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.ophthalmologist{background-color:#8b5cf61a;color:#8b5cf6}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.orthopedist{background-color:#f973161a;color:#f97316}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.ent_specialist{background-color:#14b8a61a;color:#14b8a6}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.psychiatrist{background-color:#6366f11a;color:#6366f1}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.dentist{background-color:#0284c71a;color:#0284c7}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.radiologist{background-color:#7c3aed1a;color:#7c3aed}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.anesthesiologist{background-color:#0f766e1a;color:#0f766e}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-specialty-badge.family_physician{background-color:#4f46e51a;color:#4f46e5}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-vacation-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 8px}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-vacation-badge.on-vacation{background-color:#ffc1071a;color:#ffc107}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-vacation-badge.working{background-color:#28a7451a;color:#28a745}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-vacation-dates{color:#495057;font-size:11px;margin-top:4px}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;gap:5px;padding:4px 8px}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-status-badge.active{background-color:#28a7451a;color:#28a745}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-status-badge.inactive{background-color:#dc35451a;color:#dc3545}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-action-buttons{display:flex;gap:8px}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-action-buttons .doctor-btn-icon{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-action-buttons .doctor-btn-icon.doctor-edit{background-color:#4a6cf71a;color:#4a6cf7}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-action-buttons .doctor-btn-icon.doctor-edit:hover{background-color:#4a6cf7;color:#fff}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-action-buttons .doctor-btn-icon.doctor-delete{background-color:#dc35451a;color:#dc3545}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-action-buttons .doctor-btn-icon.doctor-delete:hover{background-color:#dc3545;color:#fff}.doctor-dashboard-card .doctor-table-responsive .doctor-data-table .doctor-no-data{color:#495057;font-style:italic;padding:30px;text-align:center}.doctor-sidebar-overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.doctor-sidebar-overlay.active{display:block}.doctor-sidebar{background-color:#fff;box-shadow:-2px 0 10px #0000001a;height:100%;overflow-y:auto;position:fixed;right:-450px;top:0;transition:right .3s ease;width:450px;z-index:1000}@media(max-width:576px){.doctor-sidebar{right:-100%;width:100%}}.doctor-sidebar.active{right:0}.doctor-sidebar .doctor-sidebar-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.doctor-sidebar .doctor-sidebar-header h2{color:#212529;font-size:20px;font-weight:600;margin:0}.doctor-sidebar .doctor-sidebar-header .doctor-close-button{background:none;border:none;color:#495057;cursor:pointer;font-size:18px}.doctor-sidebar .doctor-sidebar-header .doctor-close-button:hover{color:#dc3545}.doctor-sidebar .doctor-sidebar-content{padding:20px}.doctor-sidebar .doctor-sidebar-content form{display:flex;flex-direction:column;gap:15px}.doctor-form-group{display:flex;flex-direction:column;gap:5px}.doctor-form-group label{color:#495057;font-size:14px;font-weight:500}.doctor-form-group input,.doctor-form-group select,.doctor-form-group textarea{border:1px solid #ced4da;border-radius:8px;font-size:14px;padding:10px}.doctor-form-group input:focus,.doctor-form-group select:focus,.doctor-form-group textarea:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733;outline:none}.doctor-form-group textarea{min-height:100px;resize:vertical}.doctor-form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}@media(max-width:576px){.doctor-form-row{grid-template-columns:1fr}}.doctor-form-actions{display:flex;gap:10px;margin-top:20px}@media(max-width:576px){.doctor-form-actions{flex-direction:column}}.doctor-form-actions .doctor-btn{flex:1 1}.doctor-checkbox-group{align-items:center;flex-direction:row;gap:10px}.doctor-checkbox-group input[type=checkbox]{height:16px;width:16px}.doctor-certification-input{display:flex;gap:10px}.doctor-certification-input input{flex:1 1}.doctor-certifications-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.doctor-certification-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.doctor-certification-item .doctor-delete-sm{align-items:center;background:none;border:none;color:#dc3545;cursor:pointer;display:flex;justify-content:center;padding:2px}.doctor-certification-item .doctor-delete-sm:hover{color:#bd2130}.doctor-modal-overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.doctor-modal-overlay.active{display:block}.doctor-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:none;left:50%;max-height:90vh;max-width:90%;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:800px;z-index:1000}.doctor-modal.active{display:block}.doctor-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.doctor-modal-header h2{color:#212529;font-size:22px;font-weight:600;margin:0}.doctor-modal-header .doctor-close-button{background:none;border:none;color:#495057;cursor:pointer;font-size:18px}.doctor-modal-header .doctor-close-button:hover{color:#dc3545}.doctor-modal-content{padding:20px}.doctor-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.doctor-details-grid{grid-template-columns:1fr}}.doctor-details-section h3{border-bottom:1px solid #e9ecef;color:#212529;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0;padding-bottom:8px}.doctor-details-item{margin-bottom:10px}.doctor-details-item .doctor-details-label{color:#495057;font-size:14px;font-weight:500;margin-bottom:5px}.doctor-details-item .doctor-details-value{color:#212529;font-size:16px}.doctor-details-item .doctor-details-status{border-radius:4px;display:inline-block;font-size:14px;font-weight:500;padding:4px 8px}.doctor-details-item .doctor-details-status.active{background-color:#28a7451a;color:#28a745}.doctor-details-item .doctor-details-status.inactive{background-color:#dc35451a;color:#dc3545}.doctor-details-item .doctor-details-status.on-vacation{background-color:#ffc1071a;color:#ffc107}.doctor-details-item .doctor-details-status.working{background-color:#28a7451a;color:#28a745}.doctor-certifications-detail-list{list-style-type:none;margin:0;padding:0}.doctor-certifications-detail-list li{background-color:#f8f9fa;border-radius:8px;font-size:14px;margin-bottom:8px;padding:8px 12px}.doctor-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}@media(max-width:576px){.doctor-modal-actions{flex-direction:column}}.director-staff-nurses{height:100%;overflow-y:auto;padding:20px}.director-staff-nurses .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.director-staff-nurses .page-header .page-title{align-items:center;color:#333;display:flex;font-size:1.8rem}.director-staff-nurses .page-header .page-title svg{color:#4a6da7;margin-right:10px}.director-staff-nurses .page-header .header-actions{display:flex;gap:10px}.director-staff-nurses .page-header .header-actions .search-box{position:relative;width:300px}.director-staff-nurses .page-header .header-actions .search-box svg{color:#666;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.director-staff-nurses .page-header .header-actions .search-box input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:10px 10px 10px 35px;width:100%}.director-staff-nurses .page-header .header-actions .search-box input:focus{border-color:#4a6da7;outline:none}.director-staff-nurses .page-header .header-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;padding:10px 15px;transition:background-color .2s}.director-staff-nurses .page-header .header-actions button svg{margin-right:5px}.director-staff-nurses .page-header .header-actions button.filter-button{background-color:#f0f0f0;color:#333}.director-staff-nurses .page-header .header-actions button.filter-button:hover{background-color:#e0e0e0}.director-staff-nurses .page-header .header-actions button.add-button{background-color:#4a6da7;color:#fff}.director-staff-nurses .page-header .header-actions button.add-button:hover{background-color:#3a5d97}.director-staff-nurses .filters-panel{background-color:#f9f9f9;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:15px}.director-staff-nurses .filters-panel .filter-group{align-items:center;display:flex;gap:8px}.director-staff-nurses .filters-panel .filter-group label{color:#555;font-weight:500}.director-staff-nurses .filters-panel .filter-group select{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px}.director-staff-nurses .filters-panel .filter-group select:focus{border-color:#4a6da7;outline:none}.director-staff-nurses .filters-panel .reset-filters{background-color:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:.9rem;margin-left:auto;padding:8px 12px}.director-staff-nurses .filters-panel .reset-filters:hover{background-color:#e0e0e0}.director-staff-nurses .nurses-container .nurses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.director-staff-nurses .nurses-container .nurse-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.director-staff-nurses .nurses-container .nurse-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-3px)}.director-staff-nurses .nurses-container .nurse-card.inactive{background-color:#f9f9f9;opacity:.7}.director-staff-nurses .nurses-container .nurse-card .nurse-header{background-color:#f5f8ff;border-bottom:1px solid #eee;display:flex;padding:15px}.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-avatar{border:2px solid #4a6da7;border-radius:50%;height:70px;margin-right:15px;overflow:hidden;width:70px}.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-avatar img{height:100%;object-fit:cover;width:100%}.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-info{flex:1 1}.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-info .nurse-name{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 5px}.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-info .nurse-department,.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-info .nurse-specialization{color:#666;font-size:.9rem;margin:0 0 5px}.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-info .status-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:3px 8px}.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-info .status-badge.active{background-color:#e6f7e6;color:#2e7d32}.director-staff-nurses .nurses-container .nurse-card .nurse-header .nurse-info .status-badge.inactive{background-color:#ffebee;color:#c62828}.director-staff-nurses .nurses-container .nurse-card .nurse-contact{border-bottom:1px solid #eee;padding:15px}.director-staff-nurses .nurses-container .nurse-card .nurse-contact p{align-items:center;color:#555;display:flex;font-size:.9rem;margin:5px 0}.director-staff-nurses .nurses-container .nurse-card .nurse-contact p svg{color:#4a6da7;margin-right:8px}.director-staff-nurses .nurses-container .nurse-card .nurse-actions{display:flex;gap:8px;padding:15px}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;justify-content:center;padding:8px;transition:background-color .2s}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button svg{margin-right:5px}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button.view-button{background-color:#e3f2fd;color:#1565c0}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button.view-button:hover{background-color:#bbdefb}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button.edit-button{background-color:#e8f5e9;color:#2e7d32}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button.edit-button:hover{background-color:#c8e6c9}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button.schedule-button{background-color:#fff8e1;color:#f57f17}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button.schedule-button:hover{background-color:#ffecb3}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button.delete-button{background-color:#ffebee;color:#c62828}.director-staff-nurses .nurses-container .nurse-card .nurse-actions button.delete-button:hover{background-color:#ffcdd2}.director-staff-nurses .nurses-container .no-nurses-message{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:50px 20px;text-align:center}.director-staff-nurses .nurses-container .no-nurses-message svg{color:#ccc;font-size:3rem;margin-bottom:15px}.director-staff-nurses .nurses-container .no-nurses-message p{color:#666;font-size:1.1rem}.director-staff-nurses .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.director-staff-nurses .modal-overlay .modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.director-staff-nurses .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.director-staff-nurses .modal-overlay .modal-content .modal-header h2{align-items:center;color:#333;display:flex;font-size:1.5rem;margin:0}.director-staff-nurses .modal-overlay .modal-content .modal-header h2 svg{color:#4a6da7;margin-right:10px}.director-staff-nurses .modal-overlay .modal-content .modal-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:background-color .2s;width:30px}.director-staff-nurses .modal-overlay .modal-content .modal-header .close-button:hover{background-color:#f0f0f0;color:#333}.director-staff-nurses .modal-overlay .modal-content form{padding:20px}.director-staff-nurses .modal-overlay .modal-content form .form-row{display:flex;gap:15px;margin-bottom:15px}.director-staff-nurses .modal-overlay .modal-content form .form-row .form-group{flex:1 1}.director-staff-nurses .modal-overlay .modal-content form .form-group{margin-bottom:15px}.director-staff-nurses .modal-overlay .modal-content form .form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.director-staff-nurses .modal-overlay .modal-content form .form-group input,.director-staff-nurses .modal-overlay .modal-content form .form-group select,.director-staff-nurses .modal-overlay .modal-content form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:10px;width:100%}.director-staff-nurses .modal-overlay .modal-content form .form-group input:focus,.director-staff-nurses .modal-overlay .modal-content form .form-group select:focus,.director-staff-nurses .modal-overlay .modal-content form .form-group textarea:focus{border-color:#4a6da7;outline:none}.director-staff-nurses .modal-overlay .modal-content form .form-group textarea{min-height:80px;resize:vertical}.director-staff-nurses .modal-overlay .modal-content form .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.director-staff-nurses .modal-overlay .modal-content form .form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:background-color .2s}.director-staff-nurses .modal-overlay .modal-content form .form-actions button.cancel-button{background-color:#f0f0f0;color:#555}.director-staff-nurses .modal-overlay .modal-content form .form-actions button.cancel-button:hover{background-color:#e0e0e0}.director-staff-nurses .modal-overlay .modal-content form .form-actions button.submit-button{background-color:#4a6da7;color:#fff}.director-staff-nurses .modal-overlay .modal-content form .form-actions button.submit-button:hover{background-color:#3a5d97}.director-staff-nurses .modal-overlay .modal-content form .form-actions button.delete-button{background-color:#f44336;color:#fff}.director-staff-nurses .modal-overlay .modal-content form .form-actions button.delete-button:hover{background-color:#d32f2f}.director-staff-nurses .modal-overlay .modal-content .nurse-details{padding:20px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header{display:flex;margin-bottom:20px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header .nurse-avatar-large{border:3px solid #4a6da7;border-radius:50%;height:100px;margin-right:20px;overflow:hidden;width:100px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header .nurse-avatar-large img{height:100%;object-fit:cover;width:100%}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header .nurse-profile-info{flex:1 1}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header .nurse-profile-info .nurse-full-name{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 5px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header .nurse-profile-info .nurse-title{color:#555;font-size:1.1rem;margin:0 0 10px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header .nurse-profile-info .status-badge{border-radius:15px;display:inline-block;font-size:.9rem;font-weight:500;padding:5px 10px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header .nurse-profile-info .status-badge.active{background-color:#e6f7e6;color:#2e7d32}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-profile-header .nurse-profile-info .status-badge.inactive{background-color:#ffebee;color:#c62828}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-details-grid .detail-item{align-items:center;background-color:#f9f9f9;border-radius:4px;display:flex;padding:10px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-details-grid .detail-item .detail-label{align-items:center;color:#555;display:flex;font-weight:500;width:120px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-details-grid .detail-item .detail-label svg{color:#4a6da7;margin-right:5px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .nurse-details-grid .detail-item .detail-value{color:#333;flex:1 1}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section{background-color:#f5f8ff;border-radius:8px;margin-top:20px;padding:15px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section h4{align-items:center;color:#333;display:flex;margin-bottom:15px;margin-top:0}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section h4 svg{color:#4a6da7;margin-right:8px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section .schedule-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section .schedule-grid .schedule-day{border-radius:4px;padding:10px;text-align:center}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section .schedule-grid .schedule-day.working{background-color:#e8f5e9}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section .schedule-grid .schedule-day.not-working{background-color:#f5f5f5;color:#999}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section .schedule-grid .schedule-day .day-name{font-weight:500;margin-bottom:5px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section .schedule-grid .schedule-day .work-hours{align-items:center;display:flex;font-size:.9rem;justify-content:center}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section .schedule-grid .schedule-day .work-hours svg{color:#4a6da7;margin-right:5px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .schedule-section .schedule-grid .schedule-day .day-off{font-size:.9rem;font-style:italic}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.95rem;padding:8px 15px;transition:background-color .2s}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions button svg{margin-right:5px}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions button.edit-button{background-color:#e8f5e9;color:#2e7d32}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions button.edit-button:hover{background-color:#c8e6c9}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions button.schedule-button{background-color:#fff8e1;color:#f57f17}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions button.schedule-button:hover{background-color:#ffecb3}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions button.close-details-button{background-color:#e3f2fd;color:#1565c0}.director-staff-nurses .modal-overlay .modal-content .nurse-details .detail-actions button.close-details-button:hover{background-color:#bbdefb}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form{background-color:#f9f9f9;border-radius:4px;margin-bottom:15px;padding:15px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-name{color:#333;font-weight:500}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle{align-items:center;display:flex}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .switch{display:inline-block;height:24px;margin-right:10px;position:relative;width:50px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .switch input{height:0;opacity:0;width:0}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .switch input:checked+.slider{background-color:#4a6da7}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .switch input:checked+.slider:before{transform:translateX(26px)}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .switch .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .switch .slider:before{background-color:#fff;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .switch .slider.round{border-radius:24px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .switch .slider.round:before{border-radius:50%}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-header .day-toggle .toggle-label{color:#555;font-size:.9rem}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-hours{align-items:center;display:flex;gap:15px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-hours .time-input{display:flex;flex-direction:column;width:120px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-hours .time-input label{color:#666;font-size:.85rem;margin-bottom:5px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-hours .time-input input{border:1px solid #ddd;border-radius:4px;padding:8px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-hours .time-input input:focus{border-color:#4a6da7;outline:none}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-hours .swap-button{align-items:center;background-color:#f0f0f0;border:none;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:.9rem;margin-left:auto;padding:8px 12px;transition:background-color .2s}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-hours .swap-button svg{margin-right:5px}.director-staff-nurses .modal-overlay .modal-content .schedule-form .schedule-day-form .day-hours .swap-button:hover{background-color:#e0e0e0}.director-staff-nurses .modal-overlay .modal-content .swap-form{display:flex;flex-direction:column;gap:20px}.director-staff-nurses .modal-overlay .modal-content .swap-form h3{color:#333;font-size:1.1rem;margin-bottom:10px;margin-top:0}.director-staff-nurses .modal-overlay .modal-content .swap-form .current-nurse,.director-staff-nurses .modal-overlay .modal-content .swap-form .other-nurse{background-color:#f9f9f9;border-radius:4px;padding:15px}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-info,.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item{align-items:center;background-color:#fff;border-radius:4px;display:flex;margin-bottom:10px;padding:10px}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-info .nurse-avatar,.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item .nurse-avatar{border:2px solid #4a6da7;border-radius:50%;height:50px;margin-right:15px;overflow:hidden;width:50px}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-info .nurse-avatar img,.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item .nurse-avatar img{height:100%;object-fit:cover;width:100%}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-info .nurse-details,.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item .nurse-details{flex:1 1}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-info .nurse-details .nurse-name,.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item .nurse-details .nurse-name{color:#333;font-weight:500;margin:0 0 5px}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-info .nurse-details .schedule-info,.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item .nurse-details .schedule-info{color:#666;font-size:.9rem}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-info .nurse-details .schedule-info p,.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item .nurse-details .schedule-info p{align-items:center;display:flex;margin:0}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-info .nurse-details .schedule-info p svg,.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item .nurse-details .schedule-info p svg{color:#4a6da7;margin-right:5px}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item{cursor:pointer;position:relative;transition:background-color .2s}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item:hover{background-color:#f5f8ff}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item.selected{background-color:#e3f2fd;border:1px solid #bbdefb}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurse-item .selected-mark{align-items:center;background-color:#4a6da7;border-radius:50%;color:#fff;display:flex;font-size:.8rem;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}.director-staff-nurses .modal-overlay .modal-content .swap-form .swap-icon{align-items:center;color:#4a6da7;display:flex;font-size:1.5rem;justify-content:center}.director-staff-nurses .modal-overlay .modal-content .swap-form .nurses-list{max-height:300px;overflow-y:auto}.director-staff-nurses .modal-overlay .modal-content .swap-form .no-nurses{background-color:#fff;border-radius:4px;color:#666;padding:20px;text-align:center}.director-staff-nurses .loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.director-staff-nurses .loading-container .loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4a6da7;height:50px;margin-bottom:15px;width:50px}.director-staff-nurses .loading-container p{color:#666;font-size:1.1rem}.director-tasks{background-color:#fff;color:#3c4043;font-family:Google Sans,Roboto,Arial,sans-serif;margin-top:80px;min-height:calc(100vh - 80px);padding-bottom:20px;width:100%}.director-tasks .tasks-container{border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.director-tasks .tasks-header{align-items:center;background-color:#fff;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;padding:12px 16px;z-index:10}.director-tasks .tasks-header .header-left{align-items:center;display:flex;gap:16px}.director-tasks .tasks-header .header-left .today-btn{background-color:#fff;border:1px solid #dadce0;border-radius:24px;color:#3c4043;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.director-tasks .tasks-header .header-left .today-btn:hover{background-color:#f1f3f4;box-shadow:0 1px 3px #0000001a}.director-tasks .tasks-header .header-left .navigation-buttons{display:flex;gap:8px}.director-tasks .tasks-header .header-left .navigation-buttons .nav-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;padding:0;transition:all .2s ease;width:32px}.director-tasks .tasks-header .header-left .navigation-buttons .nav-btn:hover{background-color:#f1f3f4;color:#1a73e8}.director-tasks .tasks-header .header-left .current-date-title{color:#3c4043;font-size:22px;font-weight:400;margin:0}.director-tasks .tasks-header .header-right{align-items:center;display:flex;gap:16px}.director-tasks .tasks-header .header-right .search-box{position:relative}.director-tasks .tasks-header .header-right .search-box .search-icon{color:#5f6368;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.director-tasks .tasks-header .header-right .search-box input{background-color:#f1f3f4;border:none;border-radius:24px;color:#3c4043;font-size:14px;padding:8px 16px 8px 36px;transition:all .2s ease;width:220px}.director-tasks .tasks-header .header-right .search-box input:focus{background-color:#fff;box-shadow:0 1px 3px #0000001a;outline:none;width:250px}.director-tasks .tasks-header .header-right .search-box input::placeholder{color:#5f6368}.director-tasks .tasks-header .header-right .filter-btn{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:36px;justify-content:center;outline:none;padding:0;transition:all .2s ease;width:36px}.director-tasks .tasks-header .header-right .filter-btn:hover{background-color:#f1f3f4;color:#1a73e8}.director-tasks .tasks-header .header-right .view-buttons{background-color:#f1f3f4;border:1px solid #dadce0;border-radius:24px;display:flex;overflow:hidden}.director-tasks .tasks-header .header-right .view-buttons .view-btn{background:none;background-color:#0000;border:none;color:#3c4043;cursor:pointer;font-size:14px;outline:none;padding:8px 12px;transition:all .2s ease}.director-tasks .tasks-header .header-right .view-buttons .view-btn:hover{background-color:#1a73e80d}.director-tasks .tasks-header .header-right .view-buttons .view-btn.active{background-color:#1a73e8;color:#fff;font-weight:500}.director-tasks .tasks-header .header-right .list-view-btn{align-items:center;background:none;border:1px solid #dadce0;border-radius:24px;color:#3c4043;cursor:pointer;display:flex;font-size:14px;gap:8px;outline:none;padding:8px 12px;transition:all .2s ease}.director-tasks .tasks-header .header-right .list-view-btn:hover{background-color:#f1f3f4}.director-tasks .tasks-header .header-right .list-view-btn.active{background-color:#1a73e8;border-color:#1a73e8;color:#fff}.director-tasks .tasks-header .header-right .header-actions{align-items:center;display:flex;gap:8px}.director-tasks .tasks-header .header-right .header-actions .create-btn{align-items:center;background:none;background-color:#1a73e8;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;outline:none;padding:0;transition:all .2s ease;width:40px}.director-tasks .tasks-header .header-right .header-actions .create-btn:hover{background-color:#1567d3;box-shadow:0 3px 8px #0000004d;transform:translateY(-1px)}.director-tasks .filters-panel{animation:slideDown .3s ease;background-color:#fff;border-bottom:1px solid #dadce0;display:flex;gap:16px;padding:16px}.director-tasks .filters-panel .filter-group{align-items:center;display:flex;gap:8px}.director-tasks .filters-panel .filter-group label{color:#5f6368;font-size:14px;font-weight:500}.director-tasks .filters-panel .filter-group select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%235f6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;font-size:14px;padding:8px 32px 8px 12px;transition:all .2s ease}.director-tasks .filters-panel .filter-group select:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.director-tasks .calendar-container{background-color:#fff;flex:1 1;overflow:auto;padding:0}.director-tasks .calendar-container .calendar-header{align-items:center;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;padding:12px 16px}.director-tasks .calendar-container .calendar-header .calendar-navigation{align-items:center;display:flex;gap:12px}.director-tasks .calendar-container .calendar-header .calendar-navigation h2{font-size:18px;font-weight:500;margin:0}.director-tasks .calendar-container .calendar-header .calendar-navigation .btn-icon{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;height:32px;justify-content:center;outline:none;padding:0;transition:all .2s ease;width:32px}.director-tasks .calendar-container .calendar-header .calendar-navigation .btn-icon:hover{background-color:#f1f3f4;color:#1a73e8}.director-tasks .calendar-container .calendar-header .calendar-navigation .btn-secondary{background-color:#f1f3f4;border:none;border-radius:16px;color:#3c4043;cursor:pointer;font-size:13px;padding:4px 12px;transition:all .2s ease}.director-tasks .calendar-container .calendar-header .calendar-navigation .btn-secondary:hover{background-color:#e3e7e9}.director-tasks .calendar-container .calendar-header .calendar-view-selector{display:flex;gap:4px}.director-tasks .calendar-container .calendar-header .calendar-view-selector .btn-sm{background-color:#0000;border:1px solid #dadce0;border-radius:16px;color:#3c4043;cursor:pointer;font-size:13px;padding:4px 12px;transition:all .2s ease}.director-tasks .calendar-container .calendar-header .calendar-view-selector .btn-sm:hover{background-color:#f1f3f4}.director-tasks .calendar-container .calendar-header .calendar-view-selector .btn-sm.active{background-color:#1a73e8;border-color:#1a73e8;color:#fff}.director-tasks .tasks-list-container{background-color:#fff;flex:1 1;overflow:auto;padding:16px}.director-tasks .tasks-list-container .section-title{color:#3c4043;font-size:18px;font-weight:500;margin:0 0 16px}.director-tasks .tasks-list-container .tasks-list{margin-bottom:20px}.director-tasks .tasks-list-container .tasks-list .tasks-table{border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.director-tasks .tasks-list-container .tasks-list .tasks-table th{background-color:#f1f3f4;border-bottom:1px solid #dadce0;color:#3c4043;font-size:14px;font-weight:500;padding:12px 16px;text-align:left}.director-tasks .tasks-list-container .tasks-list .tasks-table td{border-bottom:1px solid #dadce0;font-size:14px;padding:12px 16px}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-title{font-weight:500}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-assignee .assignee-info{align-items:center;display:flex;gap:8px}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-assignee .assignee-info .assignee-icon{color:#5f6368;font-size:14px}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-status .status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-status .status-badge .status-icon{font-size:10px}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-status .status-badge.completed{background-color:#34a8531a;color:#34a853}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-status .status-badge.in_progress{background-color:#4285f41a;color:#4285f4}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-status .status-badge.pending{background-color:#fbbc041a;color:#fbbc04}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-priority .priority-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-priority .priority-badge.high-priority{background-color:#ea43351a;color:#ea4335}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-priority .priority-badge.medium-priority{background-color:#fbbc041a;color:#fbbc04}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-priority .priority-badge.low-priority{background-color:#34a8531a;color:#34a853}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-actions{display:flex;gap:8px}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-actions .action-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;outline:none;padding:0;transition:all .2s ease;width:28px}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-actions .action-btn.view{color:#4285f4}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-actions .action-btn.view:hover{background-color:#4285f41a}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-actions .action-btn.edit{color:#fbbc04}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-actions .action-btn.edit:hover{background-color:#fbbc041a}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-actions .action-btn.delete{color:#ea4335}.director-tasks .tasks-list-container .tasks-list .tasks-table td.task-actions .action-btn.delete:hover{background-color:#ea43351a}.director-tasks .tasks-list-container .tasks-list .tasks-table tr:hover{background-color:#1a73e805}.director-tasks .tasks-list-container .tasks-list .tasks-table tr.completed{background-color:#34a85308}.director-tasks .tasks-list-container .tasks-list .tasks-table .no-data{color:#5f6368;padding:40px;text-align:center}.director-tasks .tasks-list-container .pagination-container{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.director-tasks .tasks-list-container .pagination-container .items-per-page{align-items:center;display:flex;gap:8px}.director-tasks .tasks-list-container .pagination-container .items-per-page label{color:#5f6368;font-size:14px}.director-tasks .tasks-list-container .pagination-container .items-per-page select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%235f6368' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;background-size:16px;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;font-size:14px;padding:4px 24px 4px 8px}.director-tasks .tasks-list-container .pagination-container .items-per-page select:focus{border-color:#1a73e8;outline:none}.director-tasks .tasks-list-container .no-tasks-message{align-items:center;color:#5f6368;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:48px 0}.director-tasks .tasks-list-container .no-tasks-message svg{font-size:48px;opacity:.5}.director-tasks .tasks-list-container .no-tasks-message p{font-size:16px;margin:0}.director-tasks .modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9998}.director-tasks .modal-overlay .modal-content{animation:scaleIn .2s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%;z-index:9999}.director-tasks .loading-container,.director-tasks .loading-indicator{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 0}.director-tasks .loading-container .loading-spinner,.director-tasks .loading-indicator .loading-spinner{animation:spin 1s linear infinite;border:4px solid #1a73e81a;border-radius:50%;border-top-color:#1a73e8;height:40px;width:40px}.director-tasks .loading-container p,.director-tasks .loading-indicator p{color:#5f6368;font-size:16px;margin:0}.director-tasks .error-message{background-color:#ea43350d;border-radius:8px;color:#ea4335;margin:20px 0;padding:20px;text-align:center}@media(max-width:1024px){.director-tasks .tasks-header{flex-direction:column;gap:12px;height:auto;padding:12px}.director-tasks .tasks-header .header-left,.director-tasks .tasks-header .header-right{justify-content:space-between;width:100%}.director-tasks .tasks-header .header-right{flex-wrap:wrap;gap:8px}.director-tasks .tasks-header .header-right .search-box{order:-1;width:100%}.director-tasks .tasks-header .header-right .search-box input{width:100%}}@media(max-width:768px){.director-tasks .tasks-header .header-right .view-buttons{flex-wrap:wrap}.director-tasks .tasks-header .header-right .view-buttons .view-btn{flex:1 1}.director-tasks .filters-panel{flex-direction:column;gap:12px}.director-tasks .filters-panel .filter-group{width:100%}.director-tasks .filters-panel .filter-group select{flex:1 1}.director-tasks .tasks-list-container .tasks-list .tasks-table td,.director-tasks .tasks-list-container .tasks-list .tasks-table th{padding:8px}.director-tasks .tasks-list-container .tasks-list .tasks-table td:nth-child(3),.director-tasks .tasks-list-container .tasks-list .tasks-table th:nth-child(3){display:none}}@media(max-width:576px){.director-tasks .tasks-list-container .tasks-list .tasks-table td:nth-child(4),.director-tasks .tasks-list-container .tasks-list .tasks-table th:nth-child(4){display:none}.director-tasks .tasks-list-container .pagination-container{align-items:flex-start;flex-direction:column;gap:12px}}.director-lid{background-color:#f5f7fb;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.header-lid{align-items:center;background-color:#fff;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:16px 24px;z-index:10}.header-left .app-title{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#333;color:#0000;font-size:22px;font-weight:600;margin:0}.header-center{display:flex;flex:1 1;justify-content:center;margin:0 20px;max-width:500px}.search-container{position:relative;width:100%}.search-icon{color:#888;font-size:18px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:1px solid #e0e0e0;border-radius:8px;font-size:15px;outline:none;padding:12px 12px 12px 46px;transition:all .2s;width:100%}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.header-actions{gap:16px}.filter-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.filter-btn:hover{background-color:#e0e0e0}.filter-btn.active{background-color:#6366f1;color:#fff}.filter-btn svg{font-size:16px}.archive-toggle{align-items:center;color:#555;display:flex;font-size:14px;gap:10px}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:16px;left:4px;width:16px}.switch input:checked+.slider{background-color:#6366f1}.switch input:checked+.slider:before{transform:translateX(26px)}.reminder-icon{background-color:#f0f0f0;cursor:pointer;position:relative;transition:all .2s}.reminder-icon:hover{background-color:#e0e0e0}.reminder-icon svg{color:#555;font-size:18px}.reminder-badge{background-color:#f43f5e;border-radius:50%;font-size:12px;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.reminder-badge,.report-btn{align-items:center;color:#fff;display:flex;font-weight:600}.report-btn{background-color:#6366f1;border:none;border-radius:6px;cursor:pointer;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.report-btn:hover{background-color:#4f46e5}.report-btn svg{font-size:16px}.filters-panel{animation:slideDown .3s ease;background-color:#f0f2f5;border-bottom:1px solid #e0e0e0;gap:20px;padding:12px 24px}.filter-group,.filters-panel{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{color:#555;font-size:14px;font-weight:500}.filter-date,.filter-select{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:all .2s}.filter-date:focus,.filter-select:focus{border-color:#6366f1}.clear-filters-btn{background:none;border:1px solid #e0e0e0;border-radius:6px;color:#555;cursor:pointer;font-size:14px;margin-left:auto;padding:8px 16px;transition:all .2s}.clear-filters-btn:hover{background-color:#f8f9fa}.navigation{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;margin-bottom:16px;padding:16px 24px}.nav-item,.nav-tabs,.navigation{display:flex}.nav-item{align-items:center;border-radius:6px;color:#555;cursor:pointer;font-weight:500;gap:8px;margin-right:16px;padding:10px 16px;transition:all .2s}.nav-item:hover{background-color:#f0f0f0}.nav-item.active{background-color:#6366f11a;color:#6366f1}.nav-icon{font-size:18px}.nav-actions{display:flex;gap:12px}.create-column-btn,.create-lead-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.create-column-btn{background-color:#6366f11a;color:#6366f1}.create-column-btn:hover{background-color:#6366f133}.create-lead-btn{background-color:#6366f1;color:#fff}.create-lead-btn:hover{background-color:#4f46e5}.board-container{flex:1 1;overflow-x:auto;padding:0 16px 16px;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin}.board-container::-webkit-scrollbar{height:8px}.board-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.board-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.board{display:flex;gap:16px;height:100%;min-height:300px;padding-bottom:16px}.column{background-color:#f0f2f5;border-radius:10px;border-top:4px solid #6366f1;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;max-height:100%;min-width:300px;overflow:hidden;width:300px}.column-header{background-color:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:16px}.column-header,.column-title{align-items:center;display:flex}.column-title{gap:10px}.column-title h3{color:#333;font-size:16px;font-weight:600;margin:0}.count{background-color:#6366f1;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 10px}.column-actions{gap:8px}.collapse-btn,.column-actions{align-items:center;display:flex}.collapse-btn{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:4px;transition:all .2s}.collapse-btn:hover{background-color:#f0f0f0}.collapse-btn svg{color:#777;font-size:18px;transition:transform .2s}.collapse-btn.collapsed svg{transform:rotate(-90deg)}.column-menu-container{position:relative}.more-icon{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.more-icon:hover{background-color:#f0f0f0}.more-icon svg{color:#777;font-size:18px}.column-menu{animation:fadeIn .2s ease;background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.column-menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.column-menu-item:hover{background-color:#f8f9fa}.column-menu-item.delete,.column-menu-item.delete svg{color:#f43f5e}.column-menu-item svg{font-size:16px}.item-list{flex:1 1;overflow-y:auto;padding:12px;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin}.item-list::-webkit-scrollbar{width:6px}.item-list::-webkit-scrollbar-track{background:#0000}.item-list::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.item-wrapper{animation:fadeIn .3s ease;margin-bottom:12px}.item{background-color:#fff;border-left:3px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:16px;position:relative;transition:all .2s}.item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.item.previous{background-color:#fff8f0;border-left-color:#f97316}.item.next{background-color:#f0fffa;border-left-color:#14b8a6}.item.positive{background-color:#f0fff4;border-left-color:#10b981}.item.archived{background-color:#f8f9fa;border-left-color:#6b7280;opacity:.85}.item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.item-header h4{color:#333;font-size:15px;font-weight:600;line-height:1.3;margin:0;padding-right:60px}.item-indicators{display:flex;gap:6px}.indicator{align-items:center;border-radius:50%;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.indicator.reminder{background-color:#f59e0b1a;color:#f59e0b}.indicator.positive{background-color:#10b9811a;color:#10b981}.indicator.archived{background-color:#6b72801a;color:#6b7280}.indicator.next-month{background-color:#14b8a61a;color:#14b8a6}.item-phone{color:#555;font-size:14px;font-weight:500;margin:0 0 8px}.item-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.item-branch,.item-date,.item-source{align-items:center;background-color:#f0f2f5;border-radius:4px;color:#666;display:flex;font-size:12px;gap:4px;padding:2px 8px}.item-notes{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#777;display:-webkit-box;font-size:13px;line-height:1.4;margin:8px 0 0;overflow:hidden;text-overflow:ellipsis}.item-actions{background-color:#ffffffe6;border-radius:4px;gap:8px;opacity:0;padding:4px;position:absolute;right:12px;top:12px;transition:opacity .2s,visibility .2s;visibility:hidden}.item-action,.item-actions{align-items:center;display:flex}.item-action{background:none;border:none;border-radius:4px;cursor:pointer;height:28px;justify-content:center;transition:all .2s;width:28px}.item-action:hover{background-color:#f0f0f0}.item-action.call{color:#6366f1}.item-action.more{color:#777}.item-action svg{font-size:16px}.context-menu{animation:fadeIn .2s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:200px;overflow:hidden;position:fixed;z-index:1000}.context-menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.context-menu-item:hover{background-color:#f0f2f5}.context-menu-item.delete,.context-menu-item.delete svg{color:#f43f5e}.context-menu-item svg{font-size:16px}.lead-menu-modal{animation:fadeIn .2s ease;background-color:#fff;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:200px;overflow:hidden;position:fixed;z-index:1000}.lead-menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.lead-menu-item:hover{background-color:#f8f9fa}.lead-menu-item.delete,.lead-menu-item.delete svg{color:#f43f5e}.lead-menu-item svg{font-size:16px}.overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.footer{background-color:#fff;border-top:1px solid #e0e0e0;justify-content:space-between;padding:16px 24px;z-index:5}.call-center-btn,.footer{align-items:center;display:flex}.call-center-btn{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.call-center-btn:hover{background-color:#059669}.call-center-btn svg{font-size:16px}.footer-info{display:flex;gap:20px}.footer-info p{color:#555;font-size:14px;font-weight:500;margin:0}.modal-overlay{animation:fadeIn .2s ease}.modal{animation:scaleIn .3s ease;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:90%;overflow:hidden;width:500px}.modal.action-modal,.modal.lead-details-modal,.modal.reminder-modal,.modal.reminders-modal,.modal.report-modal{width:600px}.modal-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.modal-header h2{font-size:18px;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#777;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:32px}.close-btn:hover{background-color:#f0f0f0}.modal-body{max-height:calc(90vh - 140px);padding:24px;scrollbar-color:#ccc #f0f0f0;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.lead-details-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.lead-name-section h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.lead-source{align-items:center;display:flex;font-size:14px;gap:6px;margin-bottom:8px}.source-label{color:#777}.source-value{color:#555;font-weight:500}.lead-status{align-items:center;border-radius:4px;display:flex;font-size:14px;gap:6px;margin-top:8px;padding:4px 10px}.lead-status.positive{background-color:#10b9811a;color:#10b981}.lead-status.archived{background-color:#6b72801a;color:#6b7280}.lead-status.previous-month{background-color:#f973161a;color:#f97316}.lead-status.next-month{background-color:#14b8a61a;color:#14b8a6}.lead-actions .lead-action-btn{align-items:center;background-color:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.lead-actions .lead-action-btn:hover{background-color:#4f46e5}.lead-actions .lead-action-btn.call{background-color:#10b981}.lead-actions .lead-action-btn.call:hover{background-color:#059669}.lead-actions .lead-action-btn svg{font-size:16px}.form-group{margin-bottom:20px}.form-group label{color:#555;font-size:14px;margin-bottom:8px}.form-control{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;outline:none;padding:12px 14px;transition:all .2s;width:100%}.form-control:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}textarea.form-control{min-height:100px;resize:vertical}.color-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:30px;transition:all .2s;width:30px}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#333;transform:scale(1.1)}.lead-history{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:20px}.lead-history h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.history-item{align-items:center;border-bottom:1px dashed #e0e0e0;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.history-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.history-date{color:#555;font-size:14px;font-weight:500;min-width:100px}.history-action{color:#777;font-size:14px}.lead-action-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:24px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s}.action-btn.positive{background-color:#10b9811a;color:#10b981}.action-btn.positive:hover{background-color:#10b98133}.action-btn.reminder{background-color:#f59e0b1a;color:#f59e0b}.action-btn.reminder:hover{background-color:#f59e0b33}.action-btn.schedule{background-color:#14b8a61a;color:#14b8a6}.action-btn.schedule:hover{background-color:#14b8a633}.action-btn.archive{background-color:#6b72801a;color:#6b7280}.action-btn.archive:hover{background-color:#6b728033}.reminder-info{margin-bottom:20px}.reminder-info p{color:#555;font-size:15px;line-height:1.5;margin:0 0 12px}.reminder-info p strong{color:#333}.reminders-list .reminder-item{align-items:flex-start;background-color:#f8f9fa;border-radius:8px;display:flex;gap:16px;margin-bottom:12px;padding:16px}.reminders-list .reminder-item:last-child{margin-bottom:0}.reminder-icon{align-items:center;background-color:#f59e0b1a;border-radius:50%;color:#f59e0b;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.reminder-content{flex:1 1}.reminder-content h4{color:#333;font-size:16px;font-weight:600;margin:0 0 6px}.reminder-content p{color:#555;font-size:14px;margin:0 0 4px}.reminder-content p:last-child{margin-bottom:0}.no-reminders{color:#777;font-size:15px;padding:30px 0;text-align:center}.action-info{margin-bottom:20px}.action-info p{color:#555;font-size:15px;line-height:1.5;margin:0 0 12px}.action-info p strong{color:#333}.confirmation-message{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:16px;padding:20px}.confirmation-icon{align-items:center;border-radius:50%;display:flex;font-size:24px;height:50px;justify-content:center;width:50px}.confirmation-message p{color:#555;font-size:15px;line-height:1.5;margin:0}.modal-footer{border-top:1px solid #e0e0e0;gap:12px;padding:20px 24px}.modal-footer button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.create-lead-btn,.set-reminder-btn,.update-lead-btn{background-color:#6366f1;color:#fff}.create-lead-btn:hover,.set-reminder-btn:hover,.update-lead-btn:hover{background-color:#4f46e5}.create-lead-btn:disabled,.set-reminder-btn:disabled,.update-lead-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.delete-lead-btn{background-color:#f43f5e;color:#fff}.delete-lead-btn:hover{background-color:#e11d48}.cancel-btn,.close-reminders-btn,.skip-btn{background-color:#f0f0f0;color:#555}.cancel-btn:hover,.close-reminders-btn:hover,.skip-btn:hover{background-color:#e0e0e0}.confirm-btn{align-items:center;background-color:#6366f1;color:#fff;display:flex;gap:8px}.confirm-btn:hover{background-color:#4f46e5}.confirm-btn.positive{background-color:#10b981}.confirm-btn.positive:hover{background-color:#059669}.confirm-btn.reminder{background-color:#f59e0b}.confirm-btn.reminder:hover{background-color:#d97706}.confirm-btn.schedule{background-color:#14b8a6}.confirm-btn.schedule:hover{background-color:#0d9488}.confirm-btn.archive{background-color:#6b7280}.confirm-btn.archive:hover{background-color:#4b5563}.confirm-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.drag-overlay{background-color:#fff;border-radius:8px;box-shadow:0 8px 16px #00000026!important;cursor:grabbing;opacity:.8;padding:16px;transform-origin:0 0;width:280px;z-index:1000}.report-content{display:flex;flex-direction:column;gap:24px}.report-section{background-color:#f8f9fa;border-radius:8px;padding:20px}.report-section h3{border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:10px}.report-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.report-stat-item{background-color:#fff;box-shadow:0 2px 4px #0000000d;gap:12px;padding:16px}.report-stat-item,.stat-icon{align-items:center;border-radius:8px;display:flex}.stat-icon{font-size:20px;height:40px;justify-content:center;width:40px}.stat-icon.total{background-color:#6366f11a;color:#6366f1}.stat-icon.active{background-color:#14b8a61a;color:#14b8a6}.stat-icon.positive{background-color:#10b9811a;color:#10b981}.stat-icon.archived{background-color:#6b72801a;color:#6b7280}.stat-info{display:flex;flex-direction:column}.stat-value{color:#333;font-size:24px;font-weight:600}.stat-label{color:#777;font-size:14px}.report-table{margin-top:16px}.report-table table{border-collapse:collapse;width:100%}.report-table td,.report-table th{border-bottom:1px solid #e0e0e0;padding:12px 16px;text-align:left}.report-table th{background-color:#f0f2f5;color:#555;font-weight:600}.report-table tr:last-child td{border-bottom:none}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.staff-modal-overlay{align-items:center;background-color:#00000080;bottom:0;flex-direction:row;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.staff-modal,.staff-modal-overlay{animation:fadeIn .3s ease;display:flex;flex-wrap:nowrap}.staff-modal{align-items:stretch;background-color:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;flex-direction:column;justify-content:flex-start;max-height:90vh;max-width:800px;position:relative;width:90%;z-index:1101}@media(max-width:576px){.staff-modal{max-height:95vh;width:95%}}.staff-modal .staff-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:16px 20px}.staff-modal .staff-modal-header h2{color:#1e293b;font-size:18px;font-weight:600;margin:0}.staff-modal .staff-modal-header .staff-close-button{background:none;border:none;color:#64748b;cursor:pointer;font-size:24px;transition:all .3s ease}.staff-modal .staff-modal-header .staff-close-button:hover{color:#ef4444}.staff-modal .staff-modal-content{flex:1 1;max-height:calc(90vh - 120px);overflow-y:auto;padding:20px}.staff-modal .staff-details{margin-bottom:30px}.staff-modal .staff-details .staff-details-section{margin-bottom:24px}.staff-modal .staff-details .staff-details-section h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.staff-modal .staff-details .staff-detail-row{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;margin-bottom:12px}@media(max-width:576px){.staff-modal .staff-details .staff-detail-row{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;justify-content:flex-start}}.staff-modal .staff-details .staff-detail-label{color:#1e293b;font-weight:500;width:150px}@media(max-width:576px){.staff-modal .staff-details .staff-detail-label{width:100%}}.staff-modal .staff-details .staff-detail-value{color:#334155;flex:1 1}.staff-modal .staff-schedule-container h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.staff-modal .staff-schedule-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:576px){.staff-modal .staff-schedule-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}}.staff-modal .staff-schedule-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .3s ease}.staff-modal .staff-schedule-card.working{border-color:#10b981;border-width:2px}.staff-modal .staff-schedule-card.not-working{border-color:#ef4444;border-width:2px}.staff-modal .staff-schedule-card:hover{box-shadow:0 4px 6px #0000001a}.staff-modal .staff-schedule-card .staff-schedule-day-header{align-items:center;background-color:#f8fafc;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:12px 16px}.staff-modal .staff-schedule-card .staff-schedule-day-header h4{color:#1e293b;font-size:14px;font-weight:600;margin:0}.staff-modal .staff-schedule-card .staff-schedule-time{padding:16px;text-align:center}.staff-modal .staff-schedule-card .staff-schedule-time p{color:#334155;font-weight:500;margin:0 0 12px}.staff-modal .staff-schedule-card .staff-schedule-not-working{color:#ef4444;font-style:italic;font-weight:500}.staff-modal .staff-schedule-card .staff-schedule-not-set{color:#64748b;font-style:italic}.staff-modal .staff-schedule-toggle{display:inline-block;height:20px;position:relative;width:40px;z-index:5}.staff-modal .staff-schedule-toggle input{height:0;opacity:0;width:0}.staff-modal .staff-schedule-toggle input:checked+.staff-schedule-slider{background-color:#10b981}.staff-modal .staff-schedule-toggle input:checked+.staff-schedule-slider:before{transform:translateX(20px)}.staff-modal .staff-schedule-toggle input:focus+.staff-schedule-slider{box-shadow:0 0 1px #10b981}.staff-modal .staff-schedule-toggle input:disabled+.staff-schedule-slider{cursor:not-allowed;opacity:.5}.staff-modal .staff-schedule-toggle .staff-schedule-slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.staff-modal .staff-schedule-toggle .staff-schedule-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.staff-modal .staff-form-group{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin-bottom:16px}.staff-modal .staff-form-group label{color:#1e293b;font-size:14px;font-weight:500}.staff-modal .staff-form-group input,.staff-modal .staff-form-group select,.staff-modal .staff-form-group textarea{border:1px solid #cbd5e1;border-radius:8px;color:#334155;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.staff-modal .staff-form-group input:focus,.staff-modal .staff-form-group select:focus,.staff-modal .staff-form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.staff-modal .staff-form-group input.error,.staff-modal .staff-form-group select.error,.staff-modal .staff-form-group textarea.error{border-color:#ef4444}.staff-modal .staff-form-group input.error:focus,.staff-modal .staff-form-group select.error:focus,.staff-modal .staff-form-group textarea.error:focus{box-shadow:0 0 0 3px #ef444433}.staff-modal .staff-form-group input:disabled,.staff-modal .staff-form-group select:disabled,.staff-modal .staff-form-group textarea:disabled{background-color:#f8fafc;cursor:not-allowed}.staff-modal .staff-form-group .error-message{color:#ef4444;font-size:12px;margin-top:4px}.staff-modal .staff-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease}.staff-modal .staff-btn:disabled{cursor:not-allowed;opacity:.7}.staff-modal .staff-btn.staff-btn-primary{background-color:#2563eb;color:#fff}.staff-modal .staff-btn.staff-btn-primary:hover{background-color:#134cca}.staff-modal .staff-btn.staff-btn-secondary{background-color:#64748b;color:#fff}.staff-modal .staff-btn.staff-btn-secondary:hover{background-color:#4f5b6d}.staff-modal .staff-btn.staff-btn-danger{background-color:#ef4444;color:#fff}.staff-modal .staff-btn.staff-btn-danger:hover{background-color:#eb1515}.staff-modal .staff-btn.staff-btn-success{background-color:#10b981;color:#fff}.staff-modal .staff-btn.staff-btn-success:hover{background-color:#0c8a60}.staff-modal .staff-btn.staff-btn-warning{background-color:#f59e0b;color:#fff}.staff-modal .staff-btn.staff-btn-warning:hover{background-color:#c57f08}.staff-modal .staff-btn.staff-btn-outline{background-color:#0000;border:1px solid #2563eb;color:#2563eb}.staff-modal .staff-btn.staff-btn-outline:hover{background-color:#2563eb1a}.staff-modal .staff-btn.staff-btn-sm{font-size:12px;padding:6px 12px}.staff-modal .staff-form-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:flex-end;margin-top:20px}@media(max-width:576px){.staff-modal .staff-form-actions{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start}.staff-modal .staff-form-actions .staff-btn{width:100%}}.staff-modal .staff-loading{background-color:#0ea5e91a;color:#0ea5e9}.staff-modal .staff-error,.staff-modal .staff-loading{align-items:center;border-radius:8px;display:flex;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:center;margin-bottom:16px;padding:12px 20px}.staff-modal .staff-error{background-color:#ef44441a;color:#ef4444}.staff-modal .staff-spinner{animation:spin 1s linear infinite}.admin-dashboard{background-color:#f1f5f9;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:24px}.admin-dashboard .dashboard-loading{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.admin-dashboard .dashboard-loading .spinner{animation:spin 1s linear infinite;border:4px solid #4f46e51a;border-radius:50%;border-top-color:#4f46e5;height:50px;margin-bottom:16px;width:50px}.admin-dashboard .dashboard-loading p{color:#64748b;font-size:16px}.admin-dashboard .stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px}.admin-dashboard .stats-container .stat-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.admin-dashboard .stats-container .stat-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.admin-dashboard .stats-container .stat-card:after{background-color:#4f46e5;content:"";height:100%;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;width:6px}.admin-dashboard .stats-container .stat-card:hover:after{opacity:1}.admin-dashboard .stats-container .stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;height:50px;justify-content:center;margin-right:16px;width:50px}.admin-dashboard .stats-container .stat-card .stat-icon svg{color:#fff;font-size:24px}.admin-dashboard .stats-container .stat-card .stat-icon.patients{background-color:#4f46e51a;color:#4f46e5}.admin-dashboard .stats-container .stat-card .stat-icon.patients svg{color:#4f46e5}.admin-dashboard .stats-container .stat-card .stat-icon.doctors{background-color:#10b9811a}.admin-dashboard .stats-container .stat-card .stat-icon.doctors svg{color:#10b981}.admin-dashboard .stats-container .stat-card .stat-icon.rooms{background-color:#f59e0b1a}.admin-dashboard .stats-container .stat-card .stat-icon.rooms svg{color:#f59e0b}.admin-dashboard .stats-container .stat-card .stat-icon.appointments{background-color:#ec48991a}.admin-dashboard .stats-container .stat-card .stat-icon.appointments svg{color:#ec4899}.admin-dashboard .stats-container .stat-card .stat-content{flex:1 1}.admin-dashboard .stats-container .stat-card .stat-content h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px}.admin-dashboard .stats-container .stat-card .stat-content p{color:#64748b;font-size:14px;margin:0}.admin-dashboard .stats-container .stat-card .stat-trend{background-color:#f9fafb;border-radius:6px;color:#64748b;font-size:12px;font-weight:600;padding:4px 8px}.admin-dashboard .stats-container .stat-card .stat-trend.up{background-color:#10b9811a;color:#10b981}.admin-dashboard .stats-container .stat-card .stat-trend.down{background-color:#ef44441a;color:#ef4444}.admin-dashboard .dashboard-content{display:flex;flex:1 1;flex-direction:column}.admin-dashboard .dashboard-content .dashboard-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:24px}@media(max-width:768px){.admin-dashboard .dashboard-content .dashboard-row{grid-template-columns:1fr}}.admin-dashboard .dashboard-content .dashboard-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:auto;max-height:600px;overflow:hidden}.admin-dashboard .dashboard-content .dashboard-card .card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.admin-dashboard .dashboard-content .dashboard-card .card-header h2{color:#1e293b;font-size:16px;font-weight:600;margin:0}.admin-dashboard .dashboard-content .dashboard-card .card-header .card-menu-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;transition:background-color .2s}.admin-dashboard .dashboard-content .dashboard-card .card-header .card-menu-btn:hover{background-color:#f9fafb;color:#1e293b}.admin-dashboard .dashboard-content .dashboard-card .card-header .view-all-btn{align-items:center;background:none;border:none;color:#4f46e5;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;transition:all .3s ease}.admin-dashboard .dashboard-content .dashboard-card .card-header .view-all-btn svg{font-size:12px}.admin-dashboard .dashboard-content .dashboard-card .card-header .view-all-btn:hover{color:#291fd9}.admin-dashboard .dashboard-content .dashboard-card .chart-container{height:300px;padding:20px;position:relative}.admin-dashboard .dashboard-content .dashboard-card .table-container{flex:1 1;max-height:400px;overflow-x:auto}.admin-dashboard .dashboard-content .dashboard-card .table-container table{border-collapse:collapse;table-layout:fixed;width:100%}.admin-dashboard .dashboard-content .dashboard-card .table-container table td,.admin-dashboard .dashboard-content .dashboard-card .table-container table th{font-size:14px;padding:12px 16px;text-align:left}.admin-dashboard .dashboard-content .dashboard-card .table-container table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600}.admin-dashboard .dashboard-content .dashboard-card .table-container table td{border-bottom:1px solid #f9fafb}.admin-dashboard .dashboard-content .dashboard-card .table-container table tbody tr{transition:background-color .2s}.admin-dashboard .dashboard-content .dashboard-card .table-container table tbody tr:hover{background-color:#f9fafb}.admin-dashboard .dashboard-content .dashboard-card .table-container table .patient-info{align-items:center;display:flex;gap:12px}.admin-dashboard .dashboard-content .dashboard-card .table-container table .patient-info .patient-avatar{align-items:center;background-color:#4f46e5;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.admin-dashboard .dashboard-content .dashboard-card .table-container table .action-button{background-color:#4f46e51a;border:none;border-radius:6px;color:#4f46e5;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.admin-dashboard .dashboard-content .dashboard-card .table-container table .action-button:hover{background-color:#4f46e533}.admin-dashboard .dashboard-content .dashboard-card .tasks-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:500px;overflow-y:auto;padding:16px}@media(max-width:768px){.admin-dashboard .dashboard-content .dashboard-card .tasks-container{grid-template-columns:1fr}}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card{background-color:#f9fafb;border-radius:8px;padding:16px;position:relative;transition:all .3s ease}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card:hover{box-shadow:0 5px 15px #0000000d;transform:translateY(-3px)}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .priority-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:16px;top:16px}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .priority-badge.priority-high{background-color:#ef44441a;color:#ef4444}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .priority-badge.priority-medium{background-color:#f59e0b1a;color:#f59e0b}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .priority-badge.priority-low{background-color:#10b9811a;color:#10b981}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px;padding-right:70px}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-meta{color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:8px;margin-bottom:16px}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-meta span{color:#1e293b;font-weight:600}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions{display:flex;gap:8px}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px;transition:all .3s ease}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn.complete{background-color:#4f46e5;color:#fff}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn.complete:hover{background-color:#291fd9}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn.view{background-color:#fff;border:1px solid #e2e8f0;color:#1e293b}.admin-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn.view:hover{background-color:#f9fafb}.admin-patients{background:#f8f9fa;min-height:100vh;padding:20px}.admin-patients .page-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-patients .page-header h1{align-items:center;color:#2c3e50;display:flex;font-size:28px;font-weight:600;gap:12px}.admin-patients .page-header h1 svg{color:#3498db}.admin-patients .page-header .header-actions{display:flex;gap:12px}.admin-patients .filters-bar{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.admin-patients .filters-bar .search-filter{align-items:center;display:flex;gap:15px}.admin-patients .filters-bar .search-filter .search-box{flex:1 1;max-width:400px;position:relative}.admin-patients .filters-bar .search-filter .search-box svg{color:#7f8c8d;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.admin-patients .filters-bar .search-filter .search-box input{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:all .3s ease;width:100%}.admin-patients .filters-bar .search-filter .search-box input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.admin-patients .filters-bar .search-filter .filter-toggle-btn{align-items:center;background:#ecf0f1;border:none;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.admin-patients .filters-bar .search-filter .filter-toggle-btn.active,.admin-patients .filters-bar .search-filter .filter-toggle-btn:hover{background:#3498db;color:#fff}.admin-patients .filters-bar .advanced-filters{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.admin-patients .filters-bar .advanced-filters .filter-row{align-items:end;display:flex;flex-wrap:wrap;gap:20px}.admin-patients .filters-bar .advanced-filters .filter-row .filter-group{display:flex;flex-direction:column;gap:5px}.admin-patients .filters-bar .advanced-filters .filter-row .filter-group label{color:#2c3e50;font-size:14px;font-weight:500}.admin-patients .filters-bar .advanced-filters .filter-row .filter-group select{border:2px solid #e9ecef;border-radius:6px;font-size:14px;min-width:120px;padding:10px;transition:border-color .3s ease}.admin-patients .filters-bar .advanced-filters .filter-row .filter-group select:focus{border-color:#3498db;outline:none}.admin-patients .filters-bar .advanced-filters .filter-row .apply-filters-btn{height:fit-content;padding:10px 20px}.admin-patients .patients-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.admin-patients .patients-table-container .patients-table{border-collapse:collapse;width:100%}.admin-patients .patients-table-container .patients-table thead{background:#f8f9fa}.admin-patients .patients-table-container .patients-table thead th{border-bottom:2px solid #e9ecef;color:#2c3e50;cursor:pointer;font-weight:600;padding:15px 12px;position:relative;text-align:left;transition:background-color .3s ease}.admin-patients .patients-table-container .patients-table thead th:hover{background:#e9ecef}.admin-patients .patients-table-container .patients-table thead th.sort-asc:after{color:#3498db;content:"↑";position:absolute;right:8px}.admin-patients .patients-table-container .patients-table thead th.sort-desc:after{color:#3498db;content:"↓";position:absolute;right:8px}.admin-patients .patients-table-container .patients-table tbody tr{cursor:pointer;transition:background-color .3s ease}.admin-patients .patients-table-container .patients-table tbody tr:hover{background:#f8f9fa}.admin-patients .patients-table-container .patients-table tbody tr:nth-child(2n){background:#fdfdfd}.admin-patients .patients-table-container .patients-table tbody tr:nth-child(2n):hover{background:#f8f9fa}.admin-patients .patients-table-container .patients-table tbody tr td{border-bottom:1px solid #e9ecef;color:#2c3e50;padding:15px 12px}.admin-patients .patients-table-container .patients-table tbody tr td .status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:uppercase}.admin-patients .patients-table-container .patients-table tbody tr td .status-badge.faol{background:#d4edda;color:#155724}.admin-patients .patients-table-container .patients-table tbody tr td .status-badge.nofaol{background:#f8d7da;color:#721c24}.admin-patients .patients-table-container .patients-table tbody tr td .action-buttons{display:flex;gap:8px}.admin-patients .patients-table-container .patients-table tbody tr td .action-buttons .btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.admin-patients .patients-table-container .patients-table tbody tr td .action-buttons .btn-icon.payment{background:#e8f5e8;color:#27ae60}.admin-patients .patients-table-container .patients-table tbody tr td .action-buttons .btn-icon.payment:hover{background:#27ae60;color:#fff}.admin-patients .patients-table-container .patients-table tbody tr td .action-buttons .btn-icon.edit{background:#fff3cd;color:#856404}.admin-patients .patients-table-container .patients-table tbody tr td .action-buttons .btn-icon.edit:hover{background:#ffc107;color:#fff}.admin-patients .patients-table-container .patients-table tbody tr td .action-buttons .btn-icon.delete{background:#f8d7da;color:#721c24}.admin-patients .patients-table-container .patients-table tbody tr td .action-buttons .btn-icon.delete:hover{background:#dc3545;color:#fff}.admin-patients .patients-table-container .patients-table tbody tr td.no-data{color:#7f8c8d;font-style:italic;padding:40px;text-align:center}.admin-patients .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.admin-patients .btn.btn-primary{background:#3498db;color:#fff}.admin-patients .btn.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.admin-patients .btn.btn-secondary{background:#95a5a6;color:#fff}.admin-patients .btn.btn-secondary:hover{background:#7f8c8d}.admin-patients .btn.btn-outline{background:#0000;border:2px solid #3498db;color:#3498db}.admin-patients .btn.btn-outline:hover{background:#3498db;color:#fff}.admin-patients .payment-modal{max-width:900px;width:90vw}.admin-patients .payment-modal .payment-content .debt-summary-section{margin-bottom:30px}.admin-patients .payment-modal .payment-content .debt-summary-section h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards .summary-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:10px;padding:20px;text-align:center}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards .summary-card.total-service{border-left-color:#3498db}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards .summary-card.total-paid{border-left-color:#27ae60}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards .summary-card.total-discount{border-left-color:#f39c12}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards .summary-card.total-debt{background:#fdf2f2;border-left-color:#e74c3c}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards .summary-card .card-label{color:#7f8c8d;font-size:14px;font-weight:500;margin-bottom:8px}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards .summary-card .card-value{color:#2c3e50;font-size:20px;font-weight:700}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards .summary-card .card-value.debt-amount{color:#e74c3c}.admin-patients .payment-modal .payment-content .debt-stats-section h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.admin-patients .payment-modal .payment-content .debt-stats-section .debt-table-container{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.admin-patients .payment-modal .payment-content .debt-stats-section .debt-table-container .debt-table{border-collapse:collapse;width:100%}.admin-patients .payment-modal .payment-content .debt-stats-section .debt-table-container .debt-table thead{background:#f8f9fa}.admin-patients .payment-modal .payment-content .debt-stats-section .debt-table-container .debt-table thead th{border-bottom:2px solid #e9ecef;color:#2c3e50;font-weight:600;padding:12px;text-align:left}.admin-patients .payment-modal .payment-content .debt-stats-section .debt-table-container .debt-table tbody tr:nth-child(2n){background:#fdfdfd}.admin-patients .payment-modal .payment-content .debt-stats-section .debt-table-container .debt-table tbody tr td{border-bottom:1px solid #e9ecef;color:#2c3e50;padding:12px}.admin-patients .payment-modal .payment-content .debt-stats-section .debt-table-container .debt-table tbody tr td.debt-amount{color:#e74c3c;font-weight:600}.admin-patients .payment-modal .payment-content .no-debt-message{color:#27ae60;padding:40px;text-align:center}.admin-patients .payment-modal .payment-content .no-debt-message .success-icon{font-size:48px;margin-bottom:15px}.admin-patients .payment-modal .payment-content .no-debt-message p{font-size:18px;font-weight:500}.admin-patients .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-patients .modal-overlay .modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.admin-patients .modal-overlay .modal .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.admin-patients .modal-overlay .modal .modal-header h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.admin-patients .modal-overlay .modal .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.admin-patients .modal-overlay .modal .modal-header .close-btn:hover{background:#f8f9fa;color:#2c3e50}.admin-patients .modal-overlay .modal .modal-body{padding:20px}.admin-patients .modal-overlay .modal .modal-body .form-row{display:flex;gap:20px;margin-bottom:20px}.admin-patients .modal-overlay .modal .modal-body .form-row .form-group{flex:1 1}.admin-patients .modal-overlay .modal .modal-body .form-row .form-group label{color:#2c3e50;display:block;font-weight:500;margin-bottom:5px}.admin-patients .modal-overlay .modal .modal-body .form-row .form-group input,.admin-patients .modal-overlay .modal .modal-body .form-row .form-group select,.admin-patients .modal-overlay .modal .modal-body .form-row .form-group textarea{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.admin-patients .modal-overlay .modal .modal-body .form-row .form-group input:focus,.admin-patients .modal-overlay .modal .modal-body .form-row .form-group select:focus,.admin-patients .modal-overlay .modal .modal-body .form-row .form-group textarea:focus{border-color:#3498db;outline:none}.admin-patients .modal-overlay .modal .modal-body .form-row .form-group textarea{min-height:80px;resize:vertical}.admin-patients .modal-overlay .modal .modal-body .loading-container{padding:40px;text-align:center}.admin-patients .modal-overlay .modal .modal-body .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 15px;width:40px}.admin-patients .modal-overlay .modal .modal-body .error-container{color:#e74c3c;padding:40px;text-align:center}.admin-patients .modal-overlay .modal .modal-body .error-container .error-icon{font-size:48px;margin-bottom:15px}.admin-patients .modal-overlay .modal .modal-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px}.admin-patients .loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.admin-patients .loading-container .loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}.admin-patients .loading-container p{color:#7f8c8d;font-size:16px}.admin-patients .error-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.admin-patients .error-container .error-icon{color:#e74c3c;font-size:60px;margin-bottom:20px}.admin-patients .error-container h2{color:#2c3e50;margin-bottom:10px}.admin-patients .error-container p{color:#7f8c8d;margin-bottom:20px;text-align:center}@media(max-width:768px){.admin-patients{padding:10px}.admin-patients .page-header{flex-direction:column;gap:15px;text-align:center}.admin-patients .page-header .header-actions{flex-wrap:wrap;justify-content:center}.admin-patients .filters-bar .search-filter{flex-direction:column;gap:10px}.admin-patients .filters-bar .search-filter .search-box{max-width:none}.admin-patients .filters-bar .advanced-filters .filter-row{flex-direction:column;gap:15px}.admin-patients .filters-bar .advanced-filters .filter-row .filter-group{width:100%}.admin-patients .patients-table-container{overflow-x:auto}.admin-patients .patients-table-container .patients-table{min-width:800px}.admin-patients .modal-overlay{padding:10px}.admin-patients .modal-overlay .modal{max-width:none;width:100%}.admin-patients .modal-overlay .modal .modal-body .form-row{flex-direction:column;gap:15px}.admin-patients .payment-modal .payment-content .debt-summary-section .summary-cards{grid-template-columns:1fr}}.admin-rooms{margin:0 auto;max-width:1400px;padding:1rem}.page-header{flex-wrap:wrap;gap:1rem}.page-header h1{color:#333;font-size:1.5rem}.page-header h1 svg{color:#4a6fa1}.header-actions{flex-wrap:wrap}.search-box{position:relative;width:300px}.search-box svg{color:#6c757d;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #dde2e8;border-radius:8px;font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem;width:100%}.search-box input:focus{border-color:#4a6fa1;box-shadow:0 0 0 3px #4a6fa11a;outline:none}.filter-dropdown{align-items:center;display:flex;position:relative}.filter-dropdown svg{color:#6c757d;left:12px;position:absolute;z-index:1}.filter-dropdown select{appearance:none;background-color:#fff;border:1px solid #dde2e8;border-radius:8px;font-size:.9rem;min-width:180px;padding:.6rem 1rem .6rem 2.5rem}.filter-dropdown select:focus{border-color:#4a6fa1;box-shadow:0 0 0 3px #4a6fa11a;outline:none}.stats-panel{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.stats-panel h2{color:#333;font-size:1.2rem;margin-bottom:1rem;margin-top:0}.stat-card{background-color:#f8f9fa;padding:1rem}.stat-card .stat-title{color:#6c757d;font-size:.9rem;margin-bottom:.5rem}.stat-card .stat-value{color:#4a6fa1;font-size:1.5rem;font-weight:600}.rooms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.room-card{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.room-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.room-card.available{border-left:4px solid #2ecc71}.room-card.occupied{border-left:4px solid #3498db}.room-card.maintenance{border-left:4px solid #f39c12}.room-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem}.room-header h3{color:#333;font-size:1.1rem;margin:0}.room-badges{display:flex;gap:.5rem}.room-status,.room-type{border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.room-type.standard{background-color:#e3f2fd;color:#1976d2}.room-type.premium{background-color:#fff3e0;color:#f57c00}.room-type.intensive{background-color:#feeaea;color:#e74c3c}.room-status.available{background-color:#e8f5e9;color:#2ecc71}.room-status.occupied{background-color:#e3f2fd;color:#3498db}.room-status.maintenance{background-color:#fff3e0;color:#f39c12}.room-details{border-bottom:1px solid #e9ecef;padding:1rem}.patients-list{padding:1rem}.patients-list h4{border-bottom:1px solid #e9ecef;color:#333;font-size:1rem;margin:0 0 1rem;padding-bottom:.5rem}.patient-header h5{color:#333;font-size:1rem;margin:0}.patient-status{border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.patient-status.stable{background-color:#e8f5e9;color:#2ecc71}.patient-status.critical{background-color:#feeaea;color:#e74c3c}.patient-status.improving{background-color:#e3f2fd;color:#3498db}.admin-actions{border-bottom:1px solid #e9ecef;display:flex;justify-content:flex-end;padding:.5rem 1rem}.btn.btn-primary{background-color:#4a6fa1}.btn.btn-primary:hover{background-color:#3a5a8a}.btn.btn-primary:disabled{background-color:#a0aec0;cursor:not-allowed}.btn.btn-danger{background-color:#e74c3c;color:#fff}.btn.btn-danger:hover{background-color:#c0392b}.btn.btn-danger:disabled{background-color:#e9a8a2;cursor:not-allowed}.btn.btn-outline{border:1px solid #4a6fa1;color:#4a6fa1}.empty-patients{color:#6c757d;padding:1.5rem;text-align:center}.room-actions{border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:1rem}.no-results{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;grid-column:1/-1;padding:3rem;text-align:center}.no-results .no-results-icon{color:#a0aec0;font-size:3rem;margin-bottom:1rem}.no-results h3{color:#333;margin:0 0 .5rem}.no-results p{color:#6c757d;margin:0}.modal{border-radius:10px;max-width:600px;width:90%}.modal-header{padding:1rem}.modal-header h3{color:#333;font-size:1.2rem;margin:0}.modal-header .close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem}.modal-header .close-btn:hover{color:#333}.modal-body,.modal-footer{padding:1rem}.form-group{margin-bottom:1rem}.form-group label{color:#333;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #dde2e8;border-radius:8px;font-size:.9rem;padding:.6rem 1rem;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a6fa1;box-shadow:0 0 0 3px #4a6fa11a}.loading-container .loading-spinner{border-top-color:#4a6fa1}.error-container{height:300px}.error-container .error-icon{color:#e74c3c}.error-container p{margin:0 0 1rem}@media(max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.search-box{width:100%}.rooms-grid{grid-template-columns:1fr}.modal{width:95%}}.admin-tasks{padding:20px}.admin-tasks .page-title{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.admin-tasks .tasks-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;overflow:hidden}.admin-tasks .tasks-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:18px 24px}@media(max-width:992px){.admin-tasks .tasks-header{align-items:flex-start;flex-direction:column}}.admin-tasks .tasks-header .view-controls{display:flex;gap:12px}.admin-tasks .tasks-header .view-controls .btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.admin-tasks .tasks-header .view-controls .btn.btn-primary{background-color:#4a6cf7;border:1px solid #4a6cf7;box-shadow:0 2px 4px #4a6cf733;color:#fff}.admin-tasks .tasks-header .view-controls .btn.btn-primary:hover{background-color:#3a5bd9;border-color:#3a5bd9}.admin-tasks .tasks-header .view-controls .btn.btn-outline{background-color:#0000;border:1px solid #4a6cf7;color:#4a6cf7}.admin-tasks .tasks-header .view-controls .btn.btn-outline:hover{background-color:#f0f4ff}.admin-tasks .tasks-header .calendar-view-controls{background-color:#f0f4ff;border:1px solid #e6e9f4;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;padding:4px}.admin-tasks .tasks-header .calendar-view-controls .btn-sm{background:#0000;border:none;border-radius:6px;color:#5a6a85;cursor:pointer;font-size:13px;font-weight:500;overflow:hidden;padding:8px 16px;position:relative;transition:all .2s ease}.admin-tasks .tasks-header .calendar-view-controls .btn-sm:hover{color:#4a6cf7}.admin-tasks .tasks-header .calendar-view-controls .btn-sm.active{background-color:#4a6cf7;box-shadow:0 2px 5px #4a6cf740;color:#fff}.admin-tasks .tasks-header .calendar-view-controls .btn-sm.active:before{background:linear-gradient(180deg,#ffffff1a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.admin-tasks .tasks-header .calendar-view-controls .btn-sm:focus{outline:none}.admin-tasks .tasks-header .date-navigation{align-items:center;display:flex;gap:12px}.admin-tasks .tasks-header .date-navigation .btn-icon{align-items:center;background-color:#f5f5f5;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.admin-tasks .tasks-header .date-navigation .btn-icon:hover{background-color:#e0e0e0;color:#333;transform:scale(1.05)}.admin-tasks .tasks-header .date-navigation .current-date{background-color:#f9f9f9;border:1px solid #eee;border-radius:6px;color:#333;font-size:16px;font-weight:500;min-width:160px;padding:6px 12px;text-align:center}.admin-tasks .tasks-header .date-navigation .today-btn{background-color:#f0f4ff;border:1px solid #d8e0fd;border-radius:6px;color:#4a6cf7;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.admin-tasks .tasks-header .date-navigation .today-btn:hover{background-color:#e0e8ff;border-color:#c0d0ff}.admin-tasks .tasks-header .task-actions .btn-primary{align-items:center;background-color:#4a6cf7;border:none;border-radius:6px;box-shadow:0 2px 4px #4a6cf733;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 18px;transition:all .2s ease}.admin-tasks .tasks-header .task-actions .btn-primary:hover{background-color:#3a5bd9;box-shadow:0 4px 6px #4a6cf740;transform:translateY(-1px)}.admin-tasks .tasks-filters{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:20px;padding:16px 24px}@media(max-width:768px){.admin-tasks .tasks-filters{align-items:stretch;flex-direction:column}}.admin-tasks .tasks-filters .search-box{flex:1 1;min-width:200px;position:relative}.admin-tasks .tasks-filters .search-box .search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.admin-tasks .tasks-filters .search-box input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px 10px 38px;transition:all .2s ease;width:100%}.admin-tasks .tasks-filters .search-box input:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a;outline:none}.admin-tasks .tasks-filters .filter-group{align-items:center;display:flex;gap:10px}.admin-tasks .tasks-filters .filter-group .filter-label{align-items:center;color:#666;display:flex;font-size:14px;gap:6px;white-space:nowrap}.admin-tasks .tasks-filters .filter-group select{background-color:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:140px;padding:8px 12px;transition:all .2s ease}.admin-tasks .tasks-filters .filter-group select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a;outline:none}.admin-tasks .calendar-container{border-bottom:1px solid #eee;padding:24px}.admin-tasks .tasks-list-container{padding:24px}.admin-tasks .tasks-list-container .section-title{color:#333;font-size:18px;font-weight:600;margin-bottom:18px}.admin-tasks .tasks-list-container .tasks-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin-tasks .tasks-list-container .task-card{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:18px;transition:all .25s ease}.admin-tasks .tasks-list-container .task-card:hover{border-color:#ddd;box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.admin-tasks .tasks-list-container .task-card .task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.admin-tasks .tasks-list-container .task-card .task-header .task-title{color:#333;font-size:16px;font-weight:600;line-height:1.4;margin:0}.admin-tasks .tasks-list-container .task-card .task-header .status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:5px 10px;white-space:nowrap}.admin-tasks .tasks-list-container .task-card .task-header .status-badge.completed{background-color:#e6f7e6;color:#2e7d32}.admin-tasks .tasks-list-container .task-card .task-header .status-badge.in_progress{background-color:#e3f2fd;color:#1565c0}.admin-tasks .tasks-list-container .task-card .task-header .status-badge.pending{background-color:#fff8e1;color:#f57f17}.admin-tasks .tasks-list-container .task-card .task-details{display:flex;flex-direction:column;gap:10px}.admin-tasks .tasks-list-container .task-card .task-details .task-assignee,.admin-tasks .tasks-list-container .task-card .task-details .task-date{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.admin-tasks .tasks-list-container .task-card .task-details .task-assignee svg,.admin-tasks .tasks-list-container .task-card .task-details .task-date svg{color:#999;flex-shrink:0}.admin-tasks .tasks-list-container .task-card .task-details .priority-badge{align-self:flex-start;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px;padding:4px 10px}.admin-tasks .tasks-list-container .task-card .task-details .priority-badge.high-priority{background-color:#ffebee;color:#c62828}.admin-tasks .tasks-list-container .task-card .task-details .priority-badge.medium-priority{background-color:#fff8e1;color:#f57f17}.admin-tasks .tasks-list-container .task-card .task-details .priority-badge.low-priority{background-color:#e8f5e9;color:#2e7d32}.admin-tasks .tasks-list-container .no-tasks-message{align-items:center;background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px;color:#999;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.admin-tasks .tasks-list-container .no-tasks-message svg{color:#bbb;font-size:32px;margin-bottom:16px}.admin-tasks .tasks-list-container .no-tasks-message p{font-size:16px;margin:0}.admin-tasks .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-tasks .modal-content{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.jadval-container{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:calc(100vh - 60px);padding:24px}.jadval-container .jadval-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.jadval-container .jadval-page-header .jadval-page-title{align-items:center;color:#1e293b;display:flex;font-size:28px;font-weight:700;gap:12px}.jadval-container .jadval-page-header .jadval-page-title svg{color:#3b82f6}.jadval-container .jadval-page-header .jadval-header-actions{display:flex;gap:12px}.jadval-container .jadval-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.jadval-container .jadval-btn.jadval-btn-primary{background-color:#3b82f6;color:#fff}.jadval-container .jadval-btn.jadval-btn-primary:hover{background-color:#2563eb;box-shadow:0 4px 6px #3b82f640;transform:translateY(-1px)}.jadval-container .jadval-btn.jadval-btn-primary:active{transform:translateY(0)}.jadval-container .jadval-btn.jadval-btn-secondary{background-color:#f1f5f9;color:#475569}.jadval-container .jadval-btn.jadval-btn-secondary:hover{background-color:#e2e8f0;transform:translateY(-1px)}.jadval-container .jadval-btn.jadval-btn-secondary:active{transform:translateY(0)}.jadval-container .jadval-btn.jadval-btn-icon svg{font-size:16px}.jadval-container .jadval-btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.jadval-container .jadval-filters-container{margin-bottom:24px}.jadval-container .jadval-filters-container .jadval-search-filter{display:flex;gap:12px;margin-bottom:16px}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-search-input{display:flex;flex:1 1;position:relative}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-search-input input{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:14px;padding:12px 12px 12px 42px;transition:all .2s ease}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-search-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-search-input .jadval-search-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-search-input .jadval-search-button{background-color:#3b82f6;border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;padding:0 16px;transition:all .2s ease}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-search-input .jadval-search-button:hover{background-color:#2563eb}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-filter-toggle-btn{align-items:center;background-color:#f1f5f9;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 18px;transition:all .2s ease}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-filter-toggle-btn:hover{background-color:#e2e8f0}.jadval-container .jadval-filters-container .jadval-search-filter .jadval-filter-toggle-btn.active{background-color:#3b82f6;color:#fff}.jadval-container .jadval-filters-container .jadval-advanced-filters{animation:slideDown .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px}.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group{display:flex;flex:1 1;flex-direction:column;min-width:200px}.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group label{color:#64748b;font-size:13px;font-weight:600;margin-bottom:8px}.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group input,.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .2s ease}.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group input:focus,.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group .jadval-date-input{position:relative}.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group .jadval-date-input input{padding-left:40px;width:100%}.jadval-container .jadval-filters-container .jadval-advanced-filters .jadval-filter-group .jadval-date-input .jadval-calendar-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.jadval-container .jadval-view-controls{display:flex;gap:12px;margin-bottom:24px}.jadval-container .jadval-view-controls .jadval-view-btn{align-items:center;background-color:#f1f5f9;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease}.jadval-container .jadval-view-controls .jadval-view-btn:hover{background-color:#e2e8f0}.jadval-container .jadval-view-controls .jadval-view-btn.active{background-color:#3b82f6;color:#fff}.jadval-container .jadval-dashboard-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table{border-collapse:initial;border-spacing:0;width:100%}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table td,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table th{border-bottom:1px solid #f1f5f9;font-size:14px;padding:16px;text-align:left}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table th{background-color:#f8fafc;color:#475569;font-weight:600;position:sticky;top:0;z-index:10}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table tr{transition:all .2s ease}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table tr:hover{background-color:#f8fafc}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 10px;text-transform:capitalize}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-status-badge.expected{background-color:#f1f5f9;color:#475569}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-status-badge.accepted{background-color:#dbeafe;color:#1e40af}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-status-badge.in_progress,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-status-badge.progress{background-color:#fef3c7;color:#92400e}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-status-badge.completed,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-status-badge.finished{background-color:#dcfce7;color:#166534}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-status-badge.cancelled{background-color:#fee2e2;color:#b91c1c}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-branch-badge{align-items:center;background-color:#f1f5f9;border-radius:6px;display:flex;font-size:13px;gap:6px;padding:6px 10px;width:fit-content}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-branch-badge .jadval-branch-icon{color:#64748b}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown{display:inline-block;position:relative}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-toggle{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s ease}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-toggle:hover{background-color:#f1f5f9;color:#1e293b}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu{animation:fadeIn .2s ease;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:none;flex-direction:column;height:150px;left:50%;min-width:180px;overflow-x:scroll;padding:8px;position:absolute;top:-10px;transform:translateX(-50%);z-index:10000}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .print-ticket{color:#3b82f6}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .print-ticket:hover{background-color:#3b82f61a}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .jadval-action-item{align-items:center;background:none;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .2s ease;width:200px}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .jadval-action-item:hover{background-color:#f8fafc}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .jadval-action-item.delete{color:#ef4444}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .jadval-action-item.delete:hover{background-color:#fee2e2}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .jadval-action-item.status-accept{color:#10b981}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .jadval-action-item.status-accept:hover{background-color:#dcfce7}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .jadval-action-item.status-cancel{color:#ef4444}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown .jadval-action-dropdown-menu .jadval-action-item.status-cancel:hover{background-color:#fee2e2}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-action-dropdown:hover .jadval-action-dropdown-menu{display:flex}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-error,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-loading,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-no-data{color:#64748b;font-size:15px;padding:40px;text-align:center}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-error .jadval-spinner,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-loading .jadval-spinner,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-no-data .jadval-spinner{animation:spin 1s linear infinite;font-size:18px;margin-right:10px}.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-error .jadval-error-icon,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-error .jadval-no-data-icon,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-loading .jadval-error-icon,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-loading .jadval-no-data-icon,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-no-data .jadval-error-icon,.jadval-container .jadval-dashboard-card .jadval-table-responsive .jadval-data-table .jadval-no-data .jadval-no-data-icon{color:#ef4444;font-size:18px;margin-right:10px}.jadval-container .jadval-calendar-view{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.jadval-container .jadval-calendar-view .jadval-calendar-header{border-bottom:1px solid #f1f5f9;padding:20px}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-navigation .jadval-nav-btn{align-items:center;background-color:#f1f5f9;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-navigation .jadval-nav-btn:hover{background-color:#e2e8f0;color:#1e293b}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-navigation .jadval-current-month{color:#1e293b;font-size:18px;font-weight:600;margin:0}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-days{display:flex}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-days .jadval-calendar-day{border-radius:8px;flex:1 1;padding:12px;text-align:center;transition:all .2s ease}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-days .jadval-calendar-day.today{background-color:#eff6ff}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-days .jadval-calendar-day .jadval-day-name{color:#64748b;font-size:14px;font-weight:600;margin-bottom:6px}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-days .jadval-calendar-day .jadval-day-date{color:#1e293b;font-size:20px;font-weight:700}.jadval-container .jadval-calendar-view .jadval-calendar-body{display:flex;min-height:600px}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column{background-color:#fcfcfc;border-right:1px solid #f1f5f9;flex:1 1;padding:12px}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column:last-child{border-right:none}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column.today{background-color:#f8fafc}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item{background-color:#fff;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 2px 6px #0000000d;cursor:pointer;margin-bottom:12px;padding:14px;transition:all .2s ease}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item.expected{border-left-color:#94a3b8}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item.accepted{border-left-color:#3b82f6}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item.in_progress,.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item.progress{border-left-color:#f59e0b}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item.completed,.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item.finished{border-left-color:#10b981}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item.cancelled{border-left-color:#ef4444}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-time{color:#1e293b;font-size:15px;font-weight:700;margin-bottom:8px}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-patient{color:#1e293b;font-weight:600;margin-bottom:6px}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-doctor,.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-room{color:#64748b;font-size:13px;margin-bottom:4px}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status{margin-top:8px}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status .jadval-status-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:11px;font-weight:600;padding:4px 8px;text-transform:capitalize}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status .jadval-status-badge.expected{background-color:#f1f5f9;color:#475569}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status .jadval-status-badge.accepted{background-color:#dbeafe;color:#1e40af}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status .jadval-status-badge.in_progress,.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status .jadval-status-badge.progress{background-color:#fef3c7;color:#92400e}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status .jadval-status-badge.completed,.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status .jadval-status-badge.finished{background-color:#dcfce7;color:#166534}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-calendar-item .jadval-calendar-status .jadval-status-badge.cancelled{background-color:#fee2e2;color:#b91c1c}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-no-appointments{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-style:italic;gap:16px;height:100%;justify-content:center}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-no-appointments .jadval-add-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:50%;box-shadow:0 4px 6px #3b82f640;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column .jadval-no-appointments .jadval-add-btn:hover{background-color:#2563eb;transform:scale(1.05)}.jadval-container .jadval-sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a80;bottom:0;display:none;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.jadval-container .jadval-sidebar-overlay.active{animation:fadeIn .3s ease;display:block}.jadval-container .jadval-sidebar{background-color:#fff;box-shadow:-10px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:-450px;top:0;transition:right .3s ease;width:450px;z-index:1000}.jadval-container .jadval-sidebar.active{right:0}.jadval-container .jadval-sidebar .jadval-sidebar-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.jadval-container .jadval-sidebar .jadval-sidebar-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0}.jadval-container .jadval-sidebar .jadval-sidebar-header .jadval-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.jadval-container .jadval-sidebar .jadval-sidebar-header .jadval-close-button:hover{background-color:#f1f5f9;color:#1e293b}.jadval-container .jadval-sidebar .jadval-sidebar-content{flex:1 1;overflow-y:auto;padding:24px}.jadval-container .jadval-sidebar .jadval-sidebar-content .step-indicator{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.jadval-container .jadval-sidebar .jadval-sidebar-content .step-indicator:before{background-color:#e2e8f0;content:"";height:2px;left:15px;position:absolute;right:15px;top:15px;z-index:1}.jadval-container .jadval-sidebar .jadval-sidebar-content .step-indicator .step{align-items:center;background-color:#f1f5f9;border-radius:50%;color:#64748b;display:flex;font-weight:600;height:30px;justify-content:center;position:relative;transition:all .3s ease;width:30px;z-index:2}.jadval-container .jadval-sidebar .jadval-sidebar-content .step-indicator .step.active{background-color:#3b82f6;box-shadow:0 0 0 4px #3b82f640;color:#fff}.jadval-container .jadval-sidebar .jadval-sidebar-content .step-indicator .step.completed{background-color:#10b981;color:#fff}.jadval-container .jadval-sidebar .jadval-sidebar-content .step-title{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:24px}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group{margin-bottom:24px}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group label{color:#475569;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group input,.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group select,.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group textarea{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group input:focus,.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group select:focus,.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group textarea{min-height:120px;resize:vertical}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .input-icon-wrapper{position:relative}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .input-icon-wrapper .input-icon{color:#94a3b8;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .input-icon-wrapper input,.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .input-icon-wrapper select{padding-left:42px}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#ef4444;display:flex;font-size:13px;gap:6px;margin-bottom:12px;padding:8px 12px}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container .time-slot{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 8px;text-align:center;transition:all .2s ease}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container .time-slot .time-icon{color:#64748b}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container .time-slot:hover:not(.booked){background-color:#eff6ff;border-color:#3b82f6}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container .time-slot.selected{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 6px #3b82f640;color:#fff}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container .time-slot.selected .time-icon{color:#fff}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container .time-slot.booked{background-color:#f8fafc;border-color:#e2e8f0;color:#cbd5e1;cursor:not-allowed}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container .time-slot.booked .time-icon{color:#cbd5e1}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-group .time-slots-container .no-times-message{background-color:#f8fafc;border-radius:8px;color:#64748b;font-style:italic;grid-column:1/-1;padding:24px;text-align:center}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-row{display:flex;gap:16px}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-row .jadval-form-group{flex:1 1}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:36px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-status-indicator{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-status-indicator.expected{background-color:#64748b}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-status-indicator.accepted{background-color:#3b82f6}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-status-indicator.in_progress,.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-status-indicator.progress{background-color:#f59e0b}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-status-indicator.completed,.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-status-indicator.finished{background-color:#10b981}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-status-indicator.cancelled{background-color:#ef4444}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:24px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-header .appointment-view-avatar{align-items:center;background-color:#eff6ff;border-radius:50%;color:#3b82f6;display:flex;font-size:24px;height:64px;justify-content:center;width:64px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-header .appointment-view-title h3{color:#1e293b;font-size:20px;font-weight:700;margin:0 0 8px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-header .appointment-view-title .appointment-view-subtitle{align-items:center;color:#64748b;display:flex;font-size:14px;gap:16px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-header .appointment-view-title .appointment-view-subtitle svg{color:#94a3b8;margin-right:6px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-header .appointment-view-title .appointment-view-subtitle .appointment-time{align-items:center;display:flex}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details{padding:24px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details .appointment-view-section{margin-bottom:28px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details .appointment-view-section:last-child{margin-bottom:0}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details .appointment-view-section h4{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:700;gap:10px;margin:0 0 16px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details .appointment-view-section h4 svg{color:#3b82f6}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details .appointment-view-section .appointment-view-info{border-bottom:1px dashed #f1f5f9;display:flex;margin-bottom:12px;padding-bottom:12px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details .appointment-view-section .appointment-view-info:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details .appointment-view-section .appointment-view-info .info-label{color:#64748b;font-weight:600;width:140px}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-details .appointment-view-section .appointment-view-info .info-value{color:#1e293b;flex:1 1}.jadval-container .jadval-sidebar .jadval-sidebar-content .appointment-view-card .appointment-view-actions{background-color:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-loading-container{align-items:center;color:#64748b;display:flex;font-size:16px;height:300px;justify-content:center}.jadval-container .jadval-sidebar .jadval-sidebar-content .jadval-loading-container .jadval-spinner{animation:spin 1s linear infinite;color:#3b82f6;font-size:20px;margin-right:12px}.jadval-container .time-change-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.jadval-container .time-change-modal-overlay .time-change-modal{animation:zoomIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:90%;overflow-y:auto;width:550px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-header h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-header .close-btn:hover{background-color:#f1f5f9;color:#1e293b}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body{padding:24px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .appointment-info{background-color:#f8fafc;border-radius:8px;margin-bottom:24px;padding:16px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .appointment-info .info-row{display:flex;margin-bottom:12px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .appointment-info .info-row:last-child{margin-bottom:0}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .appointment-info .info-row .info-label{color:#64748b;font-weight:600;width:120px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .appointment-info .info-row .info-value{color:#1e293b;flex:1 1;font-weight:500}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .time-selection h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 16px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .time-selection .time-error{align-items:center;background-color:#fee2e2;border-radius:6px;color:#ef4444;display:flex;font-size:13px;gap:6px;margin-bottom:12px;padding:8px 12px}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .time-selection .time-slots-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .time-selection .time-slots-container .time-slot{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 8px;text-align:center;transition:all .2s ease}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .time-selection .time-slots-container .time-slot .time-icon{color:#64748b}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .time-selection .time-slots-container .time-slot:hover:not(.booked){background-color:#eff6ff;border-color:#3b82f6}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .time-selection .time-slots-container .time-slot.selected{background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 6px #1e40af4d;color:#fff}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-body .time-selection .time-slots-container .no-times-message{background-color:#f8fafc;border-radius:8px;color:#64748b;font-style:italic;grid-column:1/-1;padding:24px;text-align:center}.jadval-container .time-change-modal-overlay .time-change-modal .time-change-modal-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}@media(max-width:768px){.jadval-container{padding:16px}.jadval-container .jadval-page-header{align-items:flex-start;flex-direction:column;gap:16px}.jadval-container .jadval-page-header .jadval-header-actions{width:100%}.jadval-container .jadval-search-filter{flex-direction:column;gap:10px}.jadval-container .jadval-search-filter .jadval-filter-toggle-btn{justify-content:center;width:100%}.jadval-container .jadval-advanced-filters .jadval-filter-group{min-width:100%}.jadval-container .jadval-view-controls{flex-wrap:wrap}.jadval-container .jadval-view-controls .jadval-view-btn{flex:1 1;justify-content:center}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-days{overflow-x:auto;padding-bottom:10px}.jadval-container .jadval-calendar-view .jadval-calendar-header .jadval-calendar-days .jadval-calendar-day{min-width:100px}.jadval-container .jadval-calendar-view .jadval-calendar-body{overflow-x:auto}.jadval-container .jadval-calendar-view .jadval-calendar-body .jadval-calendar-column{min-width:200px}.jadval-container .jadval-sidebar{right:-100%;width:100%}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.appointments-container .appointments-page-title{color:#1e40af}.appointments-container .appointments-btn-primary,.appointments-container .appointments-page-title:after{background:linear-gradient(90deg,#1e40af,#3b82f6)}.appointments-container .appointments-btn-primary:hover{background:linear-gradient(90deg,#1a3899,#2372f5)}.appointments-container .appointments-status-badge.expected{background-color:#f59e0b26;border-color:#f59e0b66}.appointments-container .appointments-status-badge.accepted{background-color:#0ea5e926;border-color:#0ea5e966}.appointments-container .appointments-status-badge.progress{background-color:#1e40af26;border-color:#1e40af66}.appointments-container .appointments-status-badge.finished{background-color:#10b98126;border-color:#10b98166}.appointments-container .appointments-status-badge.cancelled{background-color:#ef444426;border-color:#ef444466}.appointments-container .appointments-branch-badge{background-color:#1e40af26;border:1px solid #1e40af4d;color:#1e40af}.appointments-container .appointments-action-toggle:hover{background-color:#1e40af26;color:#1e40af}.appointments-container .appointments-filter-toggle-btn.active,.appointments-container .appointments-view-btn.active{background-color:#1e40af;border-color:#1e40af}.appointments-container .appointments-calendar-day.today{background-color:#1e40af1a;border-color:#1e40af}.appointments-container .appointments-calendar-column.today{background-color:#1e40af0d;border-color:#1e40af}.appointments-container .step-indicator .step.active{background-color:#1e40af;border-color:#1e40af}.appointments-container .time-slot:hover:not(.booked){border-color:#1e40af}.appointments-container .time-slot:hover:not(.booked):before{background:linear-gradient(to right bottom,#1e40af1a,#1e40af0d)}.appointments-container .time-slot.selected{background:linear-gradient(to right bottom,#1e40af,#3b82f6);border-color:#1e40af;box-shadow:0 5px 15px #1e40af4d}.appointments-container .appointment-status-indicator.expected{background-color:#f59e0b}.appointments-container .appointment-status-indicator.accepted{background-color:#0ea5e9}.appointments-container .appointment-status-indicator.progress{background-color:#1e40af}.appointments-container .appointment-status-indicator.finished{background-color:#10b981}.appointments-container .appointment-status-indicator.cancelled{background-color:#ef4444}.appointments-container .appointment-view-header{background:linear-gradient(90deg,#1e40af0d,#1e40af1a)}.appointments-container .appointment-view-header .appointment-view-avatar{background-color:#1e40af1a;color:#1e40af}.appointments-container .appointment-view-header .appointment-view-subtitle svg,.appointments-container .appointment-view-section h4 svg{color:#1e40af}.appointments-container .appointment-view-section .dental-service-item{border-left-color:#1e40af}.appointments-container .appointment-view-section .dental-service-item .service-teeth{background-color:#1e40af1a;color:#1e40af}.appointments-container .action-btn.view-btn:hover{background-color:#0ea5e91a;border-color:#0ea5e9;color:#0ea5e9}.appointments-container .action-btn.edit-btn:hover{background-color:#1e40af1a;border-color:#1e40af;color:#1e40af}.appointments-container .action-btn.time-btn:hover{background-color:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.appointments-container .appointments-loading-container{color:#1e40af}@media(max-width:768px){.appointments-container .appointments-page-header .appointments-page-title{font-size:1.4rem}}@media(max-width:576px){.appointments-container .appointments-page-header .appointments-page-title{font-size:1.2rem}}@media(max-width:320px){.appointments-container .appointments-page-header .appointments-page-title{font-size:1.1rem}}.payment-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1001}.payment-modal-overlay .payment-modal{background:#fff;border-radius:12px;box-shadow:0 15px 35px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.payment-modal-overlay .payment-modal .payment-modal-header{align-items:center;background:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px}.payment-modal-overlay .payment-modal .payment-modal-header h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0}.payment-modal-overlay .payment-modal .payment-modal-header h3 svg{color:#27ae60}.payment-modal-overlay .payment-modal .payment-modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7f8c8d;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.payment-modal-overlay .payment-modal .payment-modal-header .close-btn:hover{background:#e9ecef;color:#2c3e50}.payment-modal-overlay .payment-modal .payment-modal-body{padding:25px}.payment-modal-overlay .payment-modal .payment-modal-body .appointment-info{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin-bottom:25px;padding:20px}.payment-modal-overlay .payment-modal .payment-modal-body .appointment-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 15px}.payment-modal-overlay .payment-modal .payment-modal-body .appointment-info .info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payment-modal-overlay .payment-modal .payment-modal-body .appointment-info .info-grid .info-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.payment-modal-overlay .payment-modal .payment-modal-body .appointment-info .info-grid .info-item .label{color:#7f8c8d;font-weight:500}.payment-modal-overlay .payment-modal .payment-modal-body .appointment-info .info-grid .info-item .value{color:#2c3e50;font-weight:600}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row{display:flex;gap:20px;margin-bottom:20px}@media(max-width:768px){.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row{flex-direction:column;gap:15px}}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group{flex:1 1}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group input,.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group input:focus,.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group textarea:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a;outline:none}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group input::placeholder,.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group textarea::placeholder{color:#bdc3c7}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-row .form-group textarea{min-height:80px;resize:vertical}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group{margin-bottom:20px}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group label{color:#2c3e50;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group input,.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group input:focus,.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group textarea:focus{border-color:#27ae60;box-shadow:0 0 0 3px #27ae601a;outline:none}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group input::placeholder,.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group textarea::placeholder{color:#bdc3c7}.payment-modal-overlay .payment-modal .payment-modal-body .payment-form .form-group textarea{min-height:80px;resize:vertical}.payment-modal-overlay .payment-modal .payment-modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;padding:20px}.payment-modal-overlay .payment-modal .payment-modal-footer .appointments-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.payment-modal-overlay .payment-modal .payment-modal-footer .appointments-btn:disabled{cursor:not-allowed;opacity:.6}.payment-modal-overlay .payment-modal .payment-modal-footer .appointments-btn.appointments-btn-secondary{background:#95a5a6;color:#fff}.payment-modal-overlay .payment-modal .payment-modal-footer .appointments-btn.appointments-btn-secondary:hover:not(:disabled){background:#7f8c8d;transform:translateY(-1px)}.payment-modal-overlay .payment-modal .payment-modal-footer .appointments-btn.appointments-btn-primary{background:#27ae60;color:#fff}.payment-modal-overlay .payment-modal .payment-modal-footer .appointments-btn.appointments-btn-primary:hover:not(:disabled){background:#229954;transform:translateY(-1px)}.action-btn.payment-btn{background:#e8f5e8;border:2px solid #27ae60;color:#27ae60}.action-btn.payment-btn:hover{background:#27ae60;color:#fff}.admin-cabinet{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:1400px;padding:1.5rem}.page-header{border-bottom:1px solid #e9ecef;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.page-header,.page-header h1{align-items:center;display:flex}.page-header h1{color:#212529;font-size:1.75rem;font-weight:600;gap:.75rem;margin:0}.page-header h1 svg{color:#0d6efd;font-size:1.5rem}.header-actions{gap:.75rem}.header-actions .btn{min-width:120px}.search-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-input-wrapper{flex:1 1;max-width:400px;min-width:250px;position:relative}.search-input-wrapper .search-icon{color:#6c757d;font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input-wrapper .search-input{border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:.6rem 1rem .6rem 2.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.search-input-wrapper .search-input:focus{border-color:#0d6efd;box-shadow:0 0 0 .25rem #0d6efd40;outline:none}.filter-toggle{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.6rem 1rem;transition:all .2s ease}.filter-toggle:hover{background-color:#f8f9fa}.filter-toggle.active{background-color:#e9ecef;border-color:#dee2e6}.filter-toggle svg{color:#6c757d;font-size:.9rem}.filters{grid-gap:1rem;background-color:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 4px #0000000d;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem;padding:1.25rem}.filters .filter-group{display:flex;flex-direction:column;gap:.5rem}.filters .filter-group label{color:#495057;font-size:.9rem;font-weight:500}.filters .filter-group select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filters .filter-group select:focus{border-color:#0d6efd;box-shadow:0 0 0 .25rem #0d6efd40;outline:none}.filters .filter-actions{display:flex;gap:.75rem;grid-column:1/-1;justify-content:flex-end;margin-top:.5rem}.cabinets-stats{margin-bottom:2rem}.stat-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.stat-card .stat-icon{align-items:center;background-color:#0d6efd1a;border-radius:8px;color:#0d6efd;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.stat-card .stat-icon.available{background-color:#1987541a;color:#198754}.stat-card .stat-icon.occupied{background-color:#ffc1071a;color:#fd7e14}.stat-card .stat-icon.maintenance{background-color:#dc35451a;color:#dc3545}.stat-card .stat-content h3{color:#212529;font-size:1.75rem;font-weight:600;line-height:1.2;margin:0}.stat-card .stat-content p{color:#6c757d;font-size:.9rem;margin:.25rem 0 0}.type-distribution{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.25rem}.section-title{align-items:center;color:#212529;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.section-title .section-icon{color:#0d6efd}.type-bars{gap:1rem}.type-bar-container,.type-bars{display:flex;flex-direction:column}.type-bar-container{gap:.5rem}.type-bar-header{align-items:center;display:flex;justify-content:space-between}.type-name-container{align-items:center;display:flex;gap:.5rem}.type-name-container .type-name{color:#495057;font-size:.9rem;font-weight:500}.type-count{color:#212529;font-size:.9rem;font-weight:600}.type-bar-wrapper{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.type-bar{border-radius:4px;height:100%;transition:width .3s ease}.type-bar,.type-bar.type-jarrohlik{background-color:#0d6efd}.type-bar.type-laboratoriya{background-color:#6610f2}.type-bar.type-tezyordam{background-color:#dc3545}.type-bar.type-stomatalogiya{background-color:#fd7e14}.type-bar.type-qabulxona{background-color:#198754}.cab-type-icon{color:#0d6efd;font-size:1rem}.cabinets-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;overflow-x:auto}.cabinets-table{border-collapse:collapse;font-size:.95rem;width:100%}.cabinets-table td,.cabinets-table th{border-bottom:1px solid #e9ecef;padding:1rem;text-align:left}.cabinets-table th{background-color:#f8f9fa;color:#495057;font-weight:600;white-space:nowrap}.cabinets-table tr:last-child td{border-bottom:none}.cabinets-table tr:hover td{background-color:#f8f9fa}.cabinet-type{align-items:center;display:flex;gap:.5rem}.cabinet-type svg{color:#0d6efd}.cabinet-status{align-items:center;display:flex;gap:.5rem}.cabinet-status .status-icon{font-size:1rem}.cabinet-status .status-icon.available{color:#198754}.cabinet-status .status-icon.occupied{color:#fd7e14}.cabinet-status .status-icon.repair{color:#dc3545}.cabinet-status .status-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.cabinet-status .status-badge.available{background-color:#1987541a;color:#198754}.cabinet-status .status-badge.creating{background-color:#ffc1071a;color:#fd7e14}.cabinet-status .status-badge.repair{background-color:#dc35451a;color:#dc3545}.cabinet-branch{align-items:center;display:flex;gap:.5rem}.cabinet-branch .branch-icon{color:#6c757d}.cabinet-staff{display:flex;flex-direction:column;gap:.5rem}.cabinet-staff .staff-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.cabinet-staff .staff-item .staff-icon,.no-staff{color:#6c757d}.no-staff{font-size:.9rem;font-style:italic}.cabinet-equipment{font-size:.9rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cabinet-actions{display:flex;gap:.5rem}.cabinet-actions .action-btn{align-items:center;background-color:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.cabinet-actions .action-btn:hover{background-color:#f8f9fa}.cabinet-actions .action-btn.info{color:#0dcaf0}.cabinet-actions .action-btn.edit{color:#ffc107}.cabinet-actions .action-btn.delete{color:#dc3545}.pagination-container{justify-content:center;margin-top:1.5rem}.no-data{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.no-data .no-data-icon{color:#6c757d;font-size:3rem;margin-bottom:1rem}.no-data p{color:#6c757d;font-size:1.1rem;margin:0}.no-data .error-message{color:#dc3545;font-size:.9rem;margin-top:.5rem}.modal-overlay{padding:1rem}.modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e9ecef;padding:1.25rem}.modal-header h2,.modal-header h3{color:#212529;font-size:1.25rem;font-weight:600;margin:0}.modal-header .modal-close{align-items:center;background-color:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.modal-header .modal-close:hover{background-color:#f8f9fa;color:#212529}.modal-body{flex:1 1;overflow-y:auto;padding:1.25rem}.modal-footer{border-top:1px solid #e9ecef;gap:.75rem;padding:1.25rem}.cabinet-form{gap:1rem;padding:1.25rem}.cabinet-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0d6efd;box-shadow:0 0 0 .25rem #0d6efd40;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.warning{align-items:center;background-color:#ffc1071a;border-radius:4px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem}.warning,.warning svg{color:#fd7e14}.selected-items{border:1px solid #ced4da;border-radius:4px;margin-top:.75rem;padding:.75rem}.selected-items h4{color:#495057;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.selected-items ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.selected-items ul li{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem}.selected-items ul li .remove-item{align-items:center;background-color:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.selected-items ul li .remove-item:hover{background-color:#e9ecef;color:#dc3545}.form-actions{gap:.75rem;margin-top:1rem}.cabinet-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{border-bottom:1px solid #e9ecef;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#495057;font-weight:600;width:30%}.detail-value{color:#212529;width:70%}.btn{display:inline-flex;font-size:.95rem;text-decoration:none}.btn.btn-primary{background-color:#0d6efd}.btn.btn-primary:hover:not(:disabled){background-color:#0b5ed7}.btn.btn-secondary:hover:not(:disabled){background-color:#5c636a}.btn.btn-outline{border:1px solid #0d6efd;color:#0d6efd}.btn.btn-outline:hover:not(:disabled){background-color:#0d6efd;color:#fff}.loading-container{padding:3rem;text-align:center}.loading-container .loading-spinner{border:4px solid #0000001a;border-left-color:#0d6efd}.loading-container p{color:#6c757d;font-size:1.1rem;margin:0}.loading-overlay{align-items:center;background-color:#ffffffb3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-overlay .loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#0d6efd;border-radius:50%;height:40px;width:40px}.stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.stats-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-left-color:#0d6efd;border-radius:50%;height:32px;margin-bottom:.75rem;width:32px}.stats-loading p{color:#6c757d;font-size:.95rem;margin:0}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem}.error-container .error-icon{margin-bottom:1rem}.error-container h2{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.error-container p{font-size:1rem;margin:0 0 1.5rem}.confirm-modal-overlay{padding:1rem}.confirm-modal{box-shadow:0 4px 12px #00000026;width:100%}.confirm-modal-header{gap:1rem;padding:1.25rem}.confirm-modal-header.warning{background-color:#ffc1071a}.confirm-modal-header.success{background-color:#1987541a}.confirm-modal-header.danger{background-color:#dc35451a}.confirm-modal-header .confirm-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.confirm-modal-header .confirm-modal-icon svg,.confirm-modal-header.warning .confirm-modal-icon svg{color:#ffc107}.confirm-modal-header.success .confirm-modal-icon svg{color:#198754}.confirm-modal-header.danger .confirm-modal-icon svg{color:#dc3545}.confirm-modal-header h3{color:#212529;font-size:1.25rem}.confirm-modal-header .confirm-modal-close{align-items:center;background-color:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.confirm-modal-header .confirm-modal-close:hover{background-color:#0000000d;color:#212529}.confirm-modal-body{padding:1.25rem}.confirm-modal-body p{color:#212529;font-size:1rem;line-height:1.5;margin:0}.confirm-modal-footer{gap:.75rem;padding:1.25rem}.confirm-modal-btn{align-items:center;display:inline-flex;font-size:.95rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.confirm-modal-btn:disabled{cursor:not-allowed;opacity:.65}.confirm-modal-btn.confirm-modal-cancel{border:1px solid #ced4da}.confirm-modal-btn.confirm-modal-cancel:hover:not(:disabled){background-color:#e9ecef}.confirm-modal-btn.confirm-modal-warning:hover:not(:disabled){background-color:#ffca2c}.confirm-modal-btn.confirm-modal-success:hover:not(:disabled){background-color:#157347}.confirm-modal-btn.confirm-modal-danger:hover:not(:disabled){background-color:#bb2d3b}.success-modal-overlay{padding:1rem}.success-modal{box-shadow:0 4px 12px #00000026;width:100%}.success-modal-header{background-color:#1987541a;border-bottom:1px solid #e9ecef;gap:1rem;padding:1.25rem}.success-modal-header .success-modal-icon{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.success-modal-header .success-modal-icon svg{color:#198754}.success-modal-header h3{color:#212529;font-size:1.25rem}.success-modal-header .success-modal-close{align-items:center;background-color:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.success-modal-header .success-modal-close:hover{background-color:#0000000d;color:#212529}.success-modal-body{padding:1.25rem}.success-modal-body p{color:#212529;font-size:1rem;line-height:1.5;margin:0}.success-modal-footer{gap:.75rem;justify-content:flex-end;padding:1.25rem}.success-modal-btn{align-items:center;display:inline-flex;font-size:.95rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.success-modal-btn:hover:not(:disabled){background-color:#157347}.success-modal-btn:disabled{cursor:not-allowed;opacity:.65}@media(max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.search-filter-container{align-items:stretch;flex-direction:column}.search-input-wrapper{max-width:none}.form-row{grid-template-columns:1fr}.cabinets-table td,.cabinets-table th{padding:.75rem .5rem}.cabinet-actions{flex-direction:column;gap:.25rem}.modal{max-height:85vh}}@media(max-width:576px){.filters,.stat-cards{grid-template-columns:1fr}.cabinet-form,.modal-body,.modal-footer,.modal-header{padding:1rem}}.doctor-dashboard{background-color:#f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:24px}.doctor-dashboard .dashboard-loading{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.doctor-dashboard .dashboard-loading .spinner{animation:spin 1s linear infinite;border:4px solid #10b9811a;border-radius:50%;border-top-color:#10b981;height:50px;margin-bottom:16px;width:50px}.doctor-dashboard .dashboard-loading p{color:#64748b;font-size:16px}.doctor-dashboard .stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:24px}.doctor-dashboard .stats-container .stat-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;cursor:pointer;display:flex;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.doctor-dashboard .stats-container .stat-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.doctor-dashboard .stats-container .stat-card:after{background-color:#10b981;content:"";height:100%;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s;width:6px}.doctor-dashboard .stats-container .stat-card:hover:after{opacity:1}.doctor-dashboard .stats-container .stat-card .stat-icon{align-items:center;border-radius:12px;display:flex;height:50px;justify-content:center;margin-right:16px;width:50px}.doctor-dashboard .stats-container .stat-card .stat-icon svg{color:#fff;font-size:24px}.doctor-dashboard .stats-container .stat-card .stat-icon.appointments{background-color:#10b9811a}.doctor-dashboard .stats-container .stat-card .stat-icon.appointments svg{color:#10b981}.doctor-dashboard .stats-container .stat-card .stat-icon.tasks{background-color:#4f46e51a}.doctor-dashboard .stats-container .stat-card .stat-icon.tasks svg{color:#4f46e5}.doctor-dashboard .stats-container .stat-card .stat-icon.patients{background-color:#f59e0b1a}.doctor-dashboard .stats-container .stat-card .stat-icon.patients svg{color:#f59e0b}.doctor-dashboard .stats-container .stat-card .stat-icon.completed{background-color:#10b9811a}.doctor-dashboard .stats-container .stat-card .stat-icon.completed svg{color:#10b981}.doctor-dashboard .stats-container .stat-card .stat-content{flex:1 1}.doctor-dashboard .stats-container .stat-card .stat-content h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px}.doctor-dashboard .stats-container .stat-card .stat-content p{color:#64748b;font-size:14px;margin:0}.doctor-dashboard .stats-container .stat-card .stat-trend{background-color:#f9fafb;border-radius:6px;color:#64748b;font-size:12px;font-weight:600;padding:4px 8px}.doctor-dashboard .stats-container .stat-card .stat-trend.up{background-color:#10b9811a;color:#10b981}.doctor-dashboard .stats-container .stat-card .stat-trend.down{background-color:#ef44441a;color:#ef4444}.doctor-dashboard .dashboard-content .dashboard-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:24px}@media(max-width:768px){.doctor-dashboard .dashboard-content .dashboard-row{grid-template-columns:1fr}}.doctor-dashboard .dashboard-content .dashboard-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;height:auto;overflow:hidden}.doctor-dashboard .dashboard-content .dashboard-card .card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.doctor-dashboard .dashboard-content .dashboard-card .card-header h2{color:#1e293b;font-size:16px;font-weight:600;margin:0}.doctor-dashboard .dashboard-content .dashboard-card .card-header .card-menu-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;transition:background-color .2s}.doctor-dashboard .dashboard-content .dashboard-card .card-header .card-menu-btn:hover{background-color:#f9fafb;color:#1e293b}.doctor-dashboard .dashboard-content .dashboard-card .card-header .view-all-btn{align-items:center;background:none;border:none;color:#10b981;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;transition:all .3s ease}.doctor-dashboard .dashboard-content .dashboard-card .card-header .view-all-btn svg{font-size:12px}.doctor-dashboard .dashboard-content .dashboard-card .card-header .view-all-btn:hover{color:#0c8a60}.doctor-dashboard .dashboard-content .dashboard-card .chart-container{height:300px;padding:20px;position:relative}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding:16px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card{background-color:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card:hover{box-shadow:0 5px 15px #0000000d;transform:translateY(-3px)}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-time{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:80px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-time span{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:8px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-time .status-indicator{border-radius:50%;height:10px;width:10px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-time .status-indicator.status-confirmed{background-color:#10b981}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-time .status-indicator.status-pending{background-color:#f59e0b}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-time .status-indicator.status-cancelled{background-color:#ef4444}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details{align-items:center;display:flex;flex:1 1;justify-content:space-between}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .patient-info{align-items:center;display:flex;gap:12px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .patient-info .patient-avatar{align-items:center;background-color:#4f46e5;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .patient-info .patient-name-type h4{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 4px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .patient-info .patient-name-type .appointment-type{color:#64748b;font-size:12px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .appointment-actions{display:flex;gap:8px}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .appointment-actions .appointment-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .appointment-actions .appointment-btn.start{background-color:#10b981;color:#fff}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .appointment-actions .appointment-btn.start:hover{background-color:#0c8a60}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .appointment-actions .appointment-btn.view{background-color:#fff;border:1px solid #e2e8f0;color:#1e293b}.doctor-dashboard .dashboard-content .dashboard-card .appointments-container .appointment-card .appointment-details .appointment-actions .appointment-btn.view:hover{background-color:#f9fafb}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-height:500px;overflow-y:auto;padding:16px}@media(max-width:768px){.doctor-dashboard .dashboard-content .dashboard-card .tasks-container{grid-template-columns:1fr}}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card{background-color:#f9fafb;border-radius:8px;padding:16px;position:relative;transition:all .3s ease}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card:hover{box-shadow:0 5px 15px #0000000d;transform:translateY(-3px)}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .priority-badge{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:16px;top:16px}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .priority-badge.priority-high{background-color:#ef44441a;color:#ef4444}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .priority-badge.priority-medium{background-color:#f59e0b1a;color:#f59e0b}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .priority-badge.priority-low{background-color:#10b9811a;color:#10b981}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px;padding-right:70px}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-meta{color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:8px;margin-bottom:16px}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-meta span{color:#1e293b;font-weight:600}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-meta .task-status{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-meta .task-status.status-pending{background-color:#f59e0b1a;color:#f59e0b}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-meta .task-status.status-in-progress{background-color:#4f46e51a;color:#4f46e5}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-meta .task-status.status-not-started{background-color:#64748b1a;color:#64748b}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions{display:flex;gap:8px}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;padding:8px;transition:all .3s ease}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn.complete{background-color:#10b981;color:#fff}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn.complete:hover{background-color:#0c8a60}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn.view{background-color:#fff;border:1px solid #e2e8f0;color:#1e293b}.doctor-dashboard .dashboard-content .dashboard-card .tasks-container .task-card .task-actions .task-btn.view:hover{background-color:#f9fafb}.doctor-dashboard .dashboard-content .dashboard-card .table-container{height:400px;overflow-x:auto;overflow-y:auto}.doctor-dashboard .dashboard-content .dashboard-card .table-container table{border-collapse:collapse;width:100%}.doctor-dashboard .dashboard-content .dashboard-card .table-container table td,.doctor-dashboard .dashboard-content .dashboard-card .table-container table th{font-size:14px;padding:12px 16px;text-align:left}.doctor-dashboard .dashboard-content .dashboard-card .table-container table th{background-color:#fff;border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;position:sticky;top:0;z-index:1}.doctor-dashboard .dashboard-content .dashboard-card .table-container table td{border-bottom:1px solid #f9fafb}.doctor-dashboard .dashboard-content .dashboard-card .table-container table tbody tr{transition:background-color .2s}.doctor-dashboard .dashboard-content .dashboard-card .table-container table tbody tr:hover{background-color:#f9fafb}.doctor-dashboard .dashboard-content .dashboard-card .table-container table .patient-info{align-items:center;display:flex;gap:12px}.doctor-dashboard .dashboard-content .dashboard-card .table-container table .patient-info .patient-avatar{align-items:center;background-color:#4f46e5;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.doctor-dashboard .dashboard-content .dashboard-card .table-container table .condition{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.doctor-dashboard .dashboard-content .dashboard-card .table-container table .condition.condition-stable{background-color:#10b9811a;color:#10b981}.doctor-dashboard .dashboard-content .dashboard-card .table-container table .condition.condition-improving{background-color:#4f46e51a;color:#4f46e5}.doctor-dashboard .dashboard-content .dashboard-card .table-container table .condition.condition-critical{background-color:#ef44441a;color:#ef4444}.doctor-dashboard .dashboard-content .dashboard-card .table-container table .action-button{background-color:#10b9811a;border:none;border-radius:6px;color:#10b981;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.doctor-dashboard .dashboard-content .dashboard-card .table-container table .action-button:hover{background-color:#10b98133}.doctor-tasks{background-color:#f9fafc;min-height:calc(100vh - 64px);padding:24px}.doctor-tasks .page-title{color:#333;font-size:24px;font-weight:600;margin-bottom:24px}.doctor-tasks .tasks-container{background-color:#fff;border:1px solid #e0e4e8;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;overflow:hidden}.doctor-tasks .tasks-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e4e8;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}@media(max-width:992px){.doctor-tasks .tasks-header{align-items:flex-start;flex-direction:column}}.doctor-tasks .tasks-header .view-controls{align-items:center;display:flex;gap:12px;justify-content:flex-start}.doctor-tasks .tasks-header .view-controls .btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.doctor-tasks .tasks-header .view-controls .btn:focus{outline:none}.doctor-tasks .tasks-header .view-controls .btn svg{height:16px;width:16px}.doctor-tasks .tasks-header .view-controls .btn.btn-primary{background-color:#4a6cf7;border:1px solid #4a6cf7;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.doctor-tasks .tasks-header .view-controls .btn.btn-primary:focus{outline:none}.doctor-tasks .tasks-header .view-controls .btn.btn-primary:hover{background-color:#3a5bd9;border-color:#3a5bd9;box-shadow:0 2px 4px #0000000d}.doctor-tasks .tasks-header .view-controls .btn.btn-outline{background-color:#0000;border:1px solid #4a6cf7;border-radius:4px;color:#4a6cf7;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.doctor-tasks .tasks-header .view-controls .btn.btn-outline:focus{outline:none}.doctor-tasks .tasks-header .view-controls .btn.btn-outline:hover{background-color:#e8f0fe}.doctor-tasks .tasks-header .calendar-view-controls{align-items:center;display:flex;gap:8px;justify-content:flex-start;margin-left:16px}@media(max-width:992px){.doctor-tasks .tasks-header .calendar-view-controls{margin-left:0;margin-top:8px}}.doctor-tasks .tasks-header .calendar-view-controls .btn-sm{border:1px solid #0000;border-radius:4px;cursor:pointer;font-size:14px;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.doctor-tasks .tasks-header .calendar-view-controls .btn-sm:focus{outline:none}.doctor-tasks .tasks-header .calendar-view-controls .btn-sm.btn-primary{background-color:#4a6cf7;color:#fff}.doctor-tasks .tasks-header .calendar-view-controls .btn-sm.btn-outline{background-color:#0000;border-color:#e0e4e8;color:#333}.doctor-tasks .tasks-header .calendar-view-controls .btn-sm.btn-outline:hover{background-color:#f5f7fa}.doctor-tasks .tasks-header .date-navigation{align-items:center;display:flex;gap:12px;justify-content:center}.doctor-tasks .tasks-header .date-navigation .btn-icon{align-items:center;background-color:#f5f7fa;border:1px solid #e0e4e8;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.doctor-tasks .tasks-header .date-navigation .btn-icon:hover{background-color:#ebeff5}.doctor-tasks .tasks-header .date-navigation .btn-icon svg{color:#333;height:16px;width:16px}.doctor-tasks .tasks-header .date-navigation .current-date{color:#333;font-size:16px;font-weight:500;min-width:180px;text-align:center}.doctor-tasks .tasks-header .date-navigation .today-btn{background-color:#f5f7fa;border:1px solid #e0e4e8;border-radius:4px;color:#333;cursor:pointer;font-size:14px;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.doctor-tasks .tasks-header .date-navigation .today-btn:focus{outline:none}.doctor-tasks .tasks-header .date-navigation .today-btn:hover{background-color:#ebeff5}.doctor-tasks .tasks-header .task-actions .btn-primary{align-items:center;background-color:#4a6cf7;border:1px solid #4a6cf7;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.doctor-tasks .tasks-header .task-actions .btn-primary:focus{outline:none}.doctor-tasks .tasks-header .task-actions .btn-primary:hover{background-color:#3a5bd9;border-color:#3a5bd9;box-shadow:0 2px 4px #0000000d}.doctor-tasks .tasks-header .task-actions .btn-primary svg{height:16px;width:16px}.doctor-tasks .tasks-filters{align-items:center;background-color:#fff;border-bottom:1px solid #e0e4e8;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start;padding:16px 24px}@media(max-width:768px){.doctor-tasks .tasks-filters{align-items:stretch;flex-direction:column}}.doctor-tasks .tasks-filters .search-box{flex:1 1;min-width:200px;position:relative}.doctor-tasks .tasks-filters .search-box .search-icon{color:#888;height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.doctor-tasks .tasks-filters .search-box input{border:1px solid #e0e4e8;border-radius:4px;font-size:14px;padding:10px 12px 10px 36px;transition:all .2s ease;width:100%}.doctor-tasks .tasks-filters .search-box input:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a;outline:none}.doctor-tasks .tasks-filters .filter-group{align-items:center;display:flex;gap:8px;justify-content:flex-start}.doctor-tasks .tasks-filters .filter-group .filter-label{align-items:center;color:#666;display:flex;font-size:14px;gap:6px;justify-content:flex-start;white-space:nowrap}.doctor-tasks .tasks-filters .filter-group .filter-label svg{height:14px;width:14px}.doctor-tasks .tasks-filters .filter-group select{background-color:#fff;border:1px solid #e0e4e8;border-radius:4px;font-size:14px;min-width:120px;padding:8px 12px;transition:all .2s ease}.doctor-tasks .tasks-filters .filter-group select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a;outline:none}.doctor-tasks .calendar-container{background-color:#fff;padding:20px}.doctor-tasks .calendar-container .task-calendar{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.doctor-tasks .calendar-container .task-calendar .calendar-header{border-bottom:1px solid #e0e4e8;display:grid;grid-template-columns:repeat(7,1fr)}.doctor-tasks .calendar-container .task-calendar .calendar-header .day-name{color:#666;font-size:13px;font-weight:500;padding:12px 8px;text-align:center}.doctor-tasks .calendar-container .task-calendar .calendar-header .day-name.today{color:#4a6cf7;font-weight:600}.doctor-tasks .calendar-container .task-calendar .calendar-header .day-name .day-number-header{color:#333;font-size:20px;font-weight:500;margin-top:4px}.doctor-tasks .calendar-container .task-calendar .calendar-grid{border-left:1px solid #e0e4e8;display:grid}.doctor-tasks .calendar-container .task-calendar .calendar-grid.month-grid{grid-auto-rows:minmax(100px,1fr);grid-template-columns:repeat(7,1fr)}.doctor-tasks .calendar-container .task-calendar .calendar-grid.week-grid{grid-auto-rows:minmax(400px,1fr);grid-template-columns:repeat(7,1fr)}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day{background-color:#fff;border-bottom:1px solid #e0e4e8;border-right:1px solid #e0e4e8;overflow:hidden;padding:8px;position:relative;transition:all .2s ease}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day:hover{background-color:#f5f7fa}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day.other-month{background-color:#f9fafc}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day.other-month .day-number{color:#888}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day.today{background-color:#e8f0fe}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day.today .day-header .day-number{background-color:#4a6cf7;color:#fff}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-header{margin-bottom:8px}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-header .day-number{align-items:center;border-radius:50%;display:inline-flex;font-size:14px;font-weight:500;height:28px;justify-content:center;width:28px}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content{display:flex;flex-direction:column;gap:4px}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task{background-color:#fff;border-left:4px solid;border-radius:4px;box-shadow:0 2px 4px #0000000d;cursor:pointer;font-size:12px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task.high-priority{border-left-color:#ea4335}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task.high-priority.completed{opacity:.7;text-decoration:line-through}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task.medium-priority{border-left-color:#fbbc04}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task.medium-priority.completed{opacity:.7;text-decoration:line-through}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task.low-priority{border-left-color:#34a853}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task.low-priority.completed{opacity:.7;text-decoration:line-through}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task .task-time{color:#666;font-size:11px;margin-bottom:2px}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .calendar-task .task-title{color:#333;font-weight:500}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .more-tasks{color:#4a6cf7;cursor:pointer;font-size:11px;padding:2px 8px}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .more-tasks:hover{text-decoration:underline}.doctor-tasks .calendar-container .task-calendar .calendar-grid .calendar-day .day-content .no-tasks{align-items:center;color:#666;display:flex;font-size:12px;height:100%;justify-content:center;opacity:.7}.doctor-tasks .calendar-container .task-calendar .day-view{display:flex;flex-direction:column;height:calc(100vh - 300px);min-height:600px}.doctor-tasks .calendar-container .task-calendar .day-view .day-header{border-bottom:1px solid #e0e4e8;padding:16px}.doctor-tasks .calendar-container .task-calendar .day-view .day-header .day-title{color:#333;font-size:18px;font-weight:500}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours{flex:1 1;overflow-y:auto}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row{border-bottom:1px solid #e0e4e8;display:flex;min-height:60px}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-label{background-color:#f9fafc;border-right:1px solid #e0e4e8;color:#666;font-size:12px;padding:8px;text-align:right;width:60px}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-content{flex:1 1;min-height:60px;padding:8px}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task{background-color:#fff;border-left:4px solid;border-radius:4px;box-shadow:0 2px 4px #0000000d;cursor:pointer;font-size:13px;margin-bottom:8px;padding:8px;transition:all .2s ease}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task.high-priority{border-left-color:#ea4335}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task.medium-priority{border-left-color:#fbbc04}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task.low-priority{border-left-color:#34a853}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task .task-time{color:#666;font-size:12px;margin-bottom:4px}.doctor-tasks .calendar-container .task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task .task-title{color:#333;font-weight:500}.doctor-tasks .calendar-container .task-calendar .year-view{padding:16px}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.doctor-tasks .calendar-container .task-calendar .year-view .months-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.doctor-tasks .calendar-container .task-calendar .year-view .months-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.doctor-tasks .calendar-container .task-calendar .year-view .months-grid{grid-template-columns:1fr}}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card{background-color:#fff;border:1px solid #e0e4e8;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;overflow:hidden;transition:all .2s ease}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-2px)}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card.current-month{border-color:#4a6cf7}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card.current-month .month-header{background-color:#e8f0fe}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card.current-month .month-header h3{color:#4a6cf7}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card .month-header{background-color:#f9fafc;border-bottom:1px solid #e0e4e8;padding:12px 16px}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card .month-header h3{color:#333;font-size:16px;font-weight:500;margin:0}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card .month-content{padding:16px}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card .month-content .task-count{color:#666;font-size:14px;margin-bottom:12px}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card .month-content .view-tasks-btn{background-color:#e8f0fe;border-radius:4px;color:#4a6cf7;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.doctor-tasks .calendar-container .task-calendar .year-view .months-grid .month-card .month-content .view-tasks-btn:hover{background-color:#d0e0fd}.doctor-tasks .tasks-list-container{padding:20px}.doctor-tasks .tasks-list-container .section-title{color:#333;font-size:18px;font-weight:600;margin-bottom:20px}.doctor-tasks .tasks-list-container .tasks-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}@media(max-width:576px){.doctor-tasks .tasks-list-container .tasks-list{grid-template-columns:1fr}}.doctor-tasks .tasks-list-container .tasks-list .task-card{background-color:#fff;border:1px solid #e0e4e8;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:16px;transition:all .3s ease}.doctor-tasks .tasks-list-container .tasks-list .task-card:hover{box-shadow:0 4px 8px #00000014;transform:translateY(-4px)}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-header .task-title{color:#333;font-size:16px;font-weight:600;line-height:1.4;margin:0}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-header .status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-header .status-badge.completed{background-color:#34a8531a;color:#34a853}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-header .status-badge.in_progress{background-color:#4285f41a;color:#4285f4}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-header .status-badge.pending{background-color:#fbbc041a;color:#b08403}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details{display:flex;flex-direction:column;gap:10px}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details .task-assignee,.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details .task-date{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;justify-content:flex-start}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details .task-assignee svg,.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details .task-date svg{color:#888;height:16px;width:16px}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details .priority-badge{align-self:flex-start;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px;padding:4px 10px}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details .priority-badge.high-priority{background-color:#ea43351a;color:#ea4335}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details .priority-badge.medium-priority{background-color:#fbbc041a;color:#b08403}.doctor-tasks .tasks-list-container .tasks-list .task-card .task-details .priority-badge.low-priority{background-color:#34a8531a;color:#34a853}.doctor-tasks .tasks-list-container .no-tasks-message{align-items:center;background-color:#f9fafc;border:1px dashed #e0e4e8;border-radius:8px;color:#888;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.doctor-tasks .tasks-list-container .no-tasks-message svg{color:#888;font-size:32px;margin-bottom:16px}.doctor-tasks .tasks-list-container .no-tasks-message p{font-size:16px;margin:0}.doctor-tasks .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.doctor-tasks .modal-overlay .modal-content{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.loading-container p{color:#666}.pagination-container{background-color:#fff;border:1px solid #e0e4e8;border-radius:8px;justify-content:space-between;padding:16px}@media(max-width:768px){.pagination-container{flex-direction:column;gap:16px}}.pagination-container .pagination-info{color:#666;font-size:14px}.pagination-container .pagination-controls{align-items:center;display:flex;gap:8px;justify-content:center}.pagination-container .pagination-controls .pagination-button{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0;transition:all .2s ease}.pagination-container .pagination-controls .pagination-button:focus{outline:none}.pagination-container .pagination-controls .pagination-button.active{background-color:#4a6cf7;color:#fff}.pagination-container .pagination-controls .pagination-button.disabled{cursor:not-allowed;opacity:.5}.pagination-container .items-per-page{align-items:center;display:flex;gap:8px;justify-content:center}.pagination-container .items-per-page label{color:#666;font-size:14px}.pagination-container .items-per-page select{background-color:#fff;border:1px solid #e0e4e8;border-radius:4px;font-size:14px;padding:6px 10px}.doctor-schedule{animation:fadeIn .5s ease;color:#212529;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:24px}.doctor-schedule .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.doctor-schedule .page-header .header-title{align-items:center;display:flex;gap:12px;justify-content:flex-start}.doctor-schedule .page-header .header-title .header-icon{color:#4361ee;font-size:28px}.doctor-schedule .page-header .header-title h1{font-size:28px;font-weight:600;margin:0}.doctor-schedule .page-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.doctor-schedule .page-header .header-actions .view-toggle{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;gap:8px;justify-content:flex-start;padding:4px}.doctor-schedule .page-header .header-actions .search-box{position:relative}.doctor-schedule .page-header .header-actions .search-box .search-icon{color:#6c757d;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.doctor-schedule .page-header .header-actions .search-box input{border:1px solid #e9ecef;border-radius:8px;font-size:14px;padding:10px 12px 10px 36px;transition:all .2s ease;width:240px}.doctor-schedule .page-header .header-actions .search-box input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.doctor-schedule .page-header .header-actions .search-box input::placeholder{color:#a1a8ae}.doctor-schedule .page-header .header-actions .filter-dropdown{position:relative}.doctor-schedule .page-header .header-actions .filter-dropdown .filter-icon{color:#6c757d;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.doctor-schedule .page-header .header-actions .filter-dropdown select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;padding:10px 12px 10px 36px;transition:all .2s ease;width:180px}.doctor-schedule .page-header .header-actions .filter-dropdown select:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.doctor-schedule .legend-buttons{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-bottom:16px}.doctor-schedule .legend-container{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:16px;transition:all .3s ease}.doctor-schedule .legend-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.doctor-schedule .legend-container .legend-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.doctor-schedule .legend-container .legend-header h3{color:#4361ee;font-size:18px;font-weight:600;margin:0}.doctor-schedule .legend-container .legend-header .close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:20px;transition:all .2s ease}.doctor-schedule .legend-container .legend-header .close-btn:hover{color:#ef4444}.doctor-schedule .legend-container .legend-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.doctor-schedule .legend-container .legend-content .legend-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:12px;justify-content:flex-start;padding:8px}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon{align-items:center;border-radius:50%;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.status-waiting{background-color:#6c757d;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.status-confirmed{background-color:#3b82f6;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.status-in_progress{background-color:#f59e0b;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.status-completed{background-color:#10b981;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.status-cancelled{background-color:#ef4444;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.action-icon{background-color:#4361ee;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.action-waiting{background-color:#6c757d;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.action-start{background-color:#f59e0b;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.action-complete{background-color:#10b981;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-icon.action-redirect{background-color:#3b82f6;color:#fff}.doctor-schedule .legend-container .legend-content .legend-item .legend-text{display:flex;flex-direction:column;gap:4px}.doctor-schedule .legend-container .legend-content .legend-item .legend-text .legend-label{font-size:14px;font-weight:600}.doctor-schedule .legend-container .legend-content .legend-item .legend-text .legend-description{color:#6c757d;font-size:12px}.doctor-schedule .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.doctor-schedule .btn.btn-primary{background-color:#4361ee;color:#fff}.doctor-schedule .btn.btn-primary:hover:not(:disabled){background-color:#3a56d4}.doctor-schedule .btn.btn-primary:disabled{cursor:not-allowed;opacity:.7}.doctor-schedule .btn.btn-secondary{background-color:#6c757d;color:#fff}.doctor-schedule .btn.btn-secondary:hover:not(:disabled){background-color:#545b62}.doctor-schedule .btn.btn-outline{background-color:#0000;border:1px solid #e9ecef;color:#6c757d}.doctor-schedule .btn.btn-outline:hover{background-color:#f8f9fa}.doctor-schedule .btn.btn-today{background-color:#eff6ff;color:#3b82f6}.doctor-schedule .btn.btn-today:hover{background-color:#d6e8ff}.doctor-schedule .btn.btn-icon{background-color:#f8f9fa;border-radius:50%;color:#6c757d;padding:8px}.doctor-schedule .btn.btn-icon:hover{background-color:#e9ecef;color:#212529}.doctor-schedule .btn.btn-legend{background-color:#f8f9fa;color:#6c757d;padding:8px 12px}.doctor-schedule .btn.btn-legend:hover{background-color:#e9ecef;color:#4361ee}.doctor-schedule .btn.btn-action{background-color:#eef2ff;border-radius:50%;color:#4361ee;height:40px;padding:8px 12px;width:40px}.doctor-schedule .btn.btn-action:hover{background-color:#d5dfff}.doctor-schedule .btn.btn-action .action-icon{font-size:18px}.doctor-schedule .btn.btn-action .action-icon.action-start{color:#f59e0b}.doctor-schedule .btn.btn-action .action-icon.action-complete{color:#10b981}.doctor-schedule .btn.btn-action .action-icon.action-redirect{color:#3b82f6}.doctor-schedule .btn.btn-action .action-icon.action-waiting{color:#6c757d}@media(max-width:768px){.doctor-schedule .btn.btn-action .action-text{display:none}}.doctor-schedule .btn.btn-action.btn-redirect{background-color:#eff6ff}.doctor-schedule .btn.btn-action.btn-waiting{background-color:#f8f9fa;cursor:not-allowed}.doctor-schedule .btn.btn-action-card{background-color:#4361ee1a;border-radius:8px;color:#4361ee;padding:8px 12px;width:100%}.doctor-schedule .btn.btn-action-card:hover{background-color:#4361ee33}.doctor-schedule .btn.btn-action-card .action-icon.action-start{color:#f59e0b}.doctor-schedule .btn.btn-action-card .action-icon.action-complete{color:#10b981}.doctor-schedule .btn.btn-action-card .action-icon.action-redirect{color:#3b82f6}.doctor-schedule .btn.btn-action-card.btn-redirect{background-color:#3b82f61a;color:#3b82f6}.doctor-schedule .btn.btn-action-card.btn-redirect:hover{background-color:#3b82f633}.doctor-schedule .btn .spinner-icon{animation:spin 1s linear infinite}.doctor-schedule .no-actions{color:#6c757d;font-size:12px;font-style:italic;padding:4px 0}.doctor-schedule .appointments-table-container{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;overflow:hidden;transition:all .3s ease}.doctor-schedule .appointments-table-container:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.doctor-schedule .appointments-table-container .appointments-table{border-collapse:collapse;width:100%}.doctor-schedule .appointments-table-container .appointments-table td,.doctor-schedule .appointments-table-container .appointments-table th{border-bottom:1px solid #e9ecef;padding:16px;text-align:left}.doctor-schedule .appointments-table-container .appointments-table th{background-color:#f8f9fa;color:#6c757d;font-weight:600;position:sticky;top:0;z-index:10}.doctor-schedule .appointments-table-container .appointments-table tr{transition:all .2s ease}.doctor-schedule .appointments-table-container .appointments-table tr:hover{background-color:#f8f9fa}.doctor-schedule .appointments-table-container .appointments-table tr.appointment-row{border-left:4px solid #0000}.doctor-schedule .appointments-table-container .appointments-table tr.appointment-row.status-waiting{border-left-color:#6c757d}.doctor-schedule .appointments-table-container .appointments-table tr.appointment-row.status-confirmed{border-left-color:#3b82f6}.doctor-schedule .appointments-table-container .appointments-table tr.appointment-row.status-in_progress{border-left-color:#f59e0b}.doctor-schedule .appointments-table-container .appointments-table tr.appointment-row.status-completed{border-left-color:#10b981}.doctor-schedule .appointments-table-container .appointments-table tr.appointment-row.status-cancelled{border-left-color:#ef4444}.doctor-schedule .appointments-table-container .appointments-table .cell-with-icon{align-items:center;display:flex;gap:8px;justify-content:flex-start}.doctor-schedule .appointments-table-container .appointments-table .cell-with-icon .cell-icon{color:#6c757d;font-size:14px}.doctor-schedule .appointments-table-container .appointments-table .status-badge-container{align-items:center;background-color:#f8f9fa;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.doctor-schedule .appointments-table-container .appointments-table .status-icon{font-size:20px}.doctor-schedule .appointments-table-container .appointments-table .status-icon.status-waiting{color:#6c757d}.doctor-schedule .appointments-table-container .appointments-table .status-icon.status-confirmed{color:#3b82f6}.doctor-schedule .appointments-table-container .appointments-table .status-icon.status-in_progress{color:#f59e0b}.doctor-schedule .appointments-table-container .appointments-table .status-icon.status-completed{color:#10b981}.doctor-schedule .appointments-table-container .appointments-table .status-icon.status-cancelled{color:#ef4444}.doctor-schedule .appointments-table-container .appointments-table .action-buttons{align-items:center;display:flex;gap:8px;justify-content:flex-start}.doctor-schedule .appointments-table-container .appointments-table .no-data{padding:40px}.doctor-schedule .appointments-table-container .appointments-table .no-data .no-data-content{align-items:center;display:flex;flex-direction:column;gap:16px}.doctor-schedule .appointments-table-container .appointments-table .no-data .no-data-content .no-data-icon{color:#a1a8ae;font-size:48px}.doctor-schedule .appointments-table-container .appointments-table .no-data .no-data-content p{color:#6c757d;font-size:16px;margin:0}.doctor-schedule .day-view{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:24px;transition:all .3s ease}.doctor-schedule .day-view:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.doctor-schedule .day-view .day-header{margin-bottom:24px}.doctor-schedule .day-view .day-header .date-navigation{align-items:center;display:flex;justify-content:space-between}.doctor-schedule .day-view .day-header .date-navigation h3{color:#4361ee;font-size:20px;font-weight:600;margin:0}.doctor-schedule .day-view .time-slots-container{display:flex;flex-direction:column;gap:16px}.doctor-schedule .day-view .time-slots-container .time-slot-row{align-items:center;display:flex;gap:16px;justify-content:flex-start}.doctor-schedule .day-view .time-slots-container .time-slot-row .time-label{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#6c757d;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px;width:100px}.doctor-schedule .day-view .time-slots-container .time-slot-row .time-label .time-icon{font-size:14px}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time{display:flex;flex:1 1;flex-wrap:wrap;gap:16px}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card{background-color:#fff;border-left:4px solid #0000;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;flex:1 1;min-width:300px;padding:16px;transition:all .3s ease}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card.status-waiting{border-left-color:#6c757d;cursor:default}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card.status-confirmed{border-left-color:#3b82f6}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card.status-in_progress{border-left-color:#f59e0b}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card.status-completed{border-left-color:#10b981}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card.status-cancelled{border-left-color:#ef4444;cursor:default}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header .appointment-time{align-items:center;display:flex;font-weight:600;gap:6px;justify-content:flex-start}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header .appointment-time .appointment-icon{color:#6c757d;font-size:14px}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header .appointment-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;justify-content:flex-start;padding:4px 8px}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header .appointment-status.status-waiting{background-color:#6c757d;color:#fff}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header .appointment-status.status-confirmed{background-color:#3b82f6;color:#fff}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header .appointment-status.status-in_progress{background-color:#f59e0b;color:#fff}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header .appointment-status.status-completed{background-color:#10b981;color:#fff}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-header .appointment-status.status-cancelled{background-color:#ef4444;color:#fff}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-branch,.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-diagnosis,.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-patient,.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-room{align-items:center;display:flex;gap:8px;justify-content:flex-start}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-branch .appointment-icon,.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-diagnosis .appointment-icon,.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-patient .appointment-icon,.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-room .appointment-icon{color:#6c757d;font-size:14px}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-details .appointment-patient{font-weight:500}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card .appointment-actions{margin-top:auto}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .empty-slot{align-items:center;background-color:#f8f9fa;border-radius:8px;color:#a1a8ae;display:flex;flex:1 1;font-style:italic;height:120px;justify-content:center;min-width:300px}.doctor-schedule .week-view{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:24px;padding:24px;transition:all .3s ease}.doctor-schedule .week-view:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.doctor-schedule .week-view .week-header{margin-bottom:24px}.doctor-schedule .week-view .week-header .date-navigation{align-items:center;display:flex;justify-content:space-between}.doctor-schedule .week-view .week-header .date-navigation h3{color:#4361ee;font-size:20px;font-weight:600;margin:0}.doctor-schedule .week-view .week-grid{border:1px solid #e9ecef;border-radius:8px;display:flex;overflow-x:auto}.doctor-schedule .week-view .week-grid .time-labels{border-right:1px solid #e9ecef;min-width:100px}.doctor-schedule .week-view .week-grid .time-labels .day-label{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;color:#6c757d;display:flex;font-weight:600;height:80px;justify-content:center}.doctor-schedule .week-view .week-grid .time-labels .time-label{align-items:center;border-bottom:1px solid #e9ecef;color:#6c757d;display:flex;flex-direction:column;font-weight:500;gap:4px;height:80px;justify-content:center}.doctor-schedule .week-view .week-grid .time-labels .time-label .time-icon{font-size:14px}.doctor-schedule .week-view .week-grid .day-column{flex:1 1;min-width:150px}.doctor-schedule .week-view .week-grid .day-column .day-label{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-direction:column;height:80px;justify-content:center}.doctor-schedule .week-view .week-grid .day-column .day-label.today{background-color:#eef2ff;color:#4361ee;font-weight:600}.doctor-schedule .week-view .week-grid .day-column .day-label .day-name{color:#6c757d;font-weight:600}.doctor-schedule .week-view .week-grid .day-column .day-label .day-number{font-size:24px;font-weight:600}.doctor-schedule .week-view .week-grid .day-column .time-cell{border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;height:80px;padding:4px;position:relative}.doctor-schedule .week-view .week-grid .day-column .time-cell.has-appointments{background-color:#f8f9fa80}.doctor-schedule .week-view .week-grid .day-column .time-cell.today-cell{background-color:#eef2ff33}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators{display:flex;flex-direction:column;gap:4px;height:100%;overflow:hidden}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator{border-radius:8px;cursor:pointer;flex:1 1;font-size:12px;overflow:hidden;padding:6px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator:hover{box-shadow:0 1px 2px #0000000d;transform:translateY(-2px)}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator.status-waiting{background-color:#6c757d1a;border-left:3px solid #6c757d;cursor:default}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator.status-confirmed{background-color:#3b82f61a;border-left:3px solid #3b82f6}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator.status-in_progress{background-color:#f59e0b1a;border-left:3px solid #f59e0b}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator.status-completed{background-color:#10b9811a;border-left:3px solid #10b981}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator.status-cancelled{background-color:#ef44441a;border-left:3px solid #ef4444;cursor:default}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator .indicator-content{align-items:center;display:flex;gap:6px;justify-content:flex-start}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator .indicator-content .status-icon{font-size:10px}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator .indicator-content .status-icon.status-waiting{color:#6c757d}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator .indicator-content .status-icon.status-confirmed{color:#3b82f6}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator .indicator-content .status-icon.status-in_progress{color:#f59e0b}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator .indicator-content .status-icon.status-completed{color:#10b981}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator .indicator-content .status-icon.status-cancelled{color:#ef4444}.doctor-schedule .week-view .week-grid .day-column .time-cell .appointment-indicators .appointment-indicator .indicator-content .patient-name{font-weight:500;overflow:hidden;text-overflow:ellipsis}.doctor-schedule .modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.doctor-schedule .modal-overlay .modal{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.doctor-schedule .modal-overlay .modal .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.doctor-schedule .modal-overlay .modal .modal-header h3{color:#4361ee;font-size:20px;font-weight:600;margin:0}.doctor-schedule .modal-overlay .modal .modal-header .close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;transition:all .2s ease}.doctor-schedule .modal-overlay .modal .modal-header .close-btn:hover{color:#ef4444}.doctor-schedule .modal-overlay .modal .modal-body{padding:24px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section{background-color:#f8f9fa;border-radius:8px;padding:16px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .section-title{align-items:center;border-bottom:1px solid #e9ecef;color:#4361ee;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:flex-start;margin:0 0 16px;padding-bottom:8px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .section-title .section-icon{color:#4361ee}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row{align-items:center;display:flex;justify-content:flex-start;margin-bottom:8px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row:last-child{margin-bottom:0}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-label{color:#6c757d;font-weight:500;width:120px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-value{flex:1 1}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-value .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 8px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-value .status-badge.status-waiting{background-color:#6c757d;color:#fff}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-value .status-badge.status-confirmed{background-color:#3b82f6;color:#fff}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-value .status-badge.status-in_progress{background-color:#f59e0b;color:#fff}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-value .status-badge.status-completed{background-color:#10b981;color:#fff}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-value .status-badge.status-cancelled{background-color:#ef4444;color:#fff}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .appointment-details .detail-section .detail-row .detail-value .status-badge .status-icon{font-size:12px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .form-group{margin-bottom:20px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .form-group label{align-items:center;display:flex;font-weight:500;gap:8px;justify-content:flex-start;margin-bottom:8px}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .form-group label .form-icon{color:#4361ee}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .form-group textarea{border:1px solid #e9ecef;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.doctor-schedule .modal-overlay .modal .modal-body .appointment-form .form-group textarea:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.doctor-schedule .modal-overlay .modal .modal-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:space-between;padding:16px 24px}.doctor-schedule .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.doctor-schedule .loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #4361ee1a;border-radius:50%;border-top-color:#4361ee;height:48px;width:48px}.doctor-schedule .loading-container p{color:#6c757d;font-size:16px;margin:0}.doctor-schedule .error-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px;text-align:center}.doctor-schedule .error-container .error-icon{color:#ef4444;font-size:48px}.doctor-schedule .error-container h2{color:#ef4444;margin:0}.doctor-schedule .error-container p{color:#6c757d;margin:0 0 16px}@media(max-width:992px){.doctor-schedule .page-header{align-items:flex-start;flex-direction:column}.doctor-schedule .page-header .header-actions{justify-content:space-between;width:100%}.doctor-schedule .page-header .header-actions .view-toggle{flex-grow:1;justify-content:center}.doctor-schedule .page-header .header-actions .search-box input{width:180px}.doctor-schedule .appointments-table-container{overflow-x:auto}.doctor-schedule .appointments-table-container .appointments-table{min-width:800px}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time{flex-direction:column}.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .appointment-card,.doctor-schedule .day-view .time-slots-container .time-slot-row .appointments-at-time .empty-slot{min-width:100%}}@media(max-width:768px){.doctor-schedule .page-header .header-actions{flex-wrap:wrap;gap:8px}.doctor-schedule .page-header .header-actions .filter-dropdown,.doctor-schedule .page-header .header-actions .filter-dropdown select,.doctor-schedule .page-header .header-actions .search-box,.doctor-schedule .page-header .header-actions .search-box input,.doctor-schedule .page-header .header-actions .view-toggle{width:100%}.doctor-schedule .legend-content{grid-template-columns:1fr!important}.doctor-schedule .modal{width:95%}.doctor-schedule .modal .modal-body{padding:16px}}.nurse-rooms{padding:1.5rem}.nurse-rooms .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.nurse-rooms .page-header h1{align-items:center;color:var(--color-primary);display:flex;font-size:1.8rem;font-weight:600;gap:.5rem}.nurse-rooms .page-header h1 svg{font-size:1.5rem}.nurse-rooms .page-header .header-actions{display:flex;gap:.75rem}.nurse-rooms .page-header .header-actions .search-box{position:relative;width:300px}.nurse-rooms .page-header .header-actions .search-box svg{color:#7f8c8d;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.nurse-rooms .page-header .header-actions .search-box input{border:1px solid #ecf0f1;border-radius:4px;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.nurse-rooms .page-header .header-actions .search-box input:focus{border-color:var(--color-primary);outline:none}.nurse-rooms .page-header .header-actions .filter-dropdown{position:relative}.nurse-rooms .page-header .header-actions .filter-dropdown svg{color:#7f8c8d;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.nurse-rooms .page-header .header-actions .filter-dropdown select{background-color:#fff;border:1px solid #ecf0f1;border-radius:4px;font-size:.9rem;min-width:180px;padding:.75rem 1rem .75rem 2.5rem}.nurse-rooms .page-header .header-actions .filter-dropdown select:focus{border-color:var(--color-primary);outline:none}.nurse-rooms .content-tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.nurse-rooms .content-tabs .tab{align-items:center;background-color:#fff;border:1px solid #ecf0f1;border-radius:8px;color:#7f8c8d;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.nurse-rooms .content-tabs .tab svg{font-size:1rem}.nurse-rooms .content-tabs .tab .badge{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;margin-left:.5rem;width:20px}.nurse-rooms .content-tabs .tab:hover{background-color:#f8f9fa;color:#2c3e50}.nurse-rooms .content-tabs .tab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.nurse-rooms .rooms-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.nurse-rooms .rooms-grid .room-card{background-color:#fff;border-radius:10px;border-top:4px solid #3498db;box-shadow:0 2px 10px #0000000d;overflow:hidden}.nurse-rooms .rooms-grid .room-card.critical{border-top-color:#e74c3c}.nurse-rooms .rooms-grid .room-card .room-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.nurse-rooms .rooms-grid .room-card .room-header h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.nurse-rooms .rooms-grid .room-card .room-header .room-type{background-color:#3498db1a;border-radius:50px;color:#3498db;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.nurse-rooms .rooms-grid .room-card .patients-list{padding:1.5rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card{background-color:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card:last-child{margin-bottom:0}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header .patient-status{align-items:center;border-radius:50px;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-header .patient-status svg{font-size:.9rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-info{margin-bottom:1rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-info .info-row{display:flex;margin-bottom:.5rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-info .info-row .info-label{color:#7f8c8d;font-weight:500;width:100px}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-info .vital-signs{display:flex;gap:1rem;margin-top:1rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-info .vital-signs .vital-sign{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;gap:.5rem;padding:.5rem .75rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-info .vital-signs .vital-sign svg{color:#e74c3c}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-info .vital-signs .vital-sign:nth-child(2) svg{color:#3498db}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-actions{display:flex;gap:.75rem}.nurse-rooms .rooms-grid .room-card .patients-list .patient-card .patient-actions .btn{flex:1 1}.nurse-rooms .rooms-grid .room-card .empty-room{color:#7f8c8d;padding:2rem;text-align:center}.nurse-rooms .rooms-grid .no-results{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;grid-column:1/-1;padding:3rem;text-align:center}.nurse-rooms .rooms-grid .no-results .no-results-icon{color:#bdc3c7;font-size:3rem;margin-bottom:1rem}.nurse-rooms .rooms-grid .no-results h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.nurse-rooms .rooms-grid .no-results p{color:#7f8c8d}.nurse-rooms .tasks-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media(max-width:1200px){.nurse-rooms .tasks-container{grid-template-columns:1fr}}.nurse-rooms .tasks-container .tasks-section{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.nurse-rooms .tasks-container .tasks-section h2{border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0;padding:1.25rem 1.5rem}.nurse-rooms .tasks-container .tasks-section .tasks-list{padding:1.5rem}.nurse-rooms .tasks-container .tasks-section .tasks-list.completed .task-card{opacity:.7}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.25rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card:last-child{margin-bottom:0}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card.priority-high{border-left-color:#e74c3c}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card.priority-medium{border-left-color:#f39c12}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card.priority-low{border-left-color:#2ecc71}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-icon{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;color:#3498db;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content{flex:1 1}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-header h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-header .task-time{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;gap:.5rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-header .task-time svg{font-size:.9rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-details{display:flex;gap:1rem;margin-bottom:.5rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-details .task-patient,.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-details .task-room{align-items:center;color:#7f8c8d;display:flex;font-size:.9rem;gap:.5rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-details .task-patient svg,.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-details .task-room svg{font-size:.9rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-completion{align-items:center;color:#27ae60;display:flex;font-size:.9rem;gap:.5rem;margin-top:.5rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-content .task-completion svg{font-size:.9rem}.nurse-rooms .tasks-container .tasks-section .tasks-list .task-card .task-actions{display:flex;flex-direction:column;gap:.5rem}.nurse-rooms .tasks-container .tasks-section .no-tasks{padding:3rem;text-align:center}.nurse-rooms .tasks-container .tasks-section .no-tasks .no-tasks-icon{color:#bdc3c7;font-size:3rem;margin-bottom:1rem}.nurse-rooms .tasks-container .tasks-section .no-tasks p{color:#7f8c8d}.nurse-rooms .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.nurse-rooms .modal-overlay .modal{background-color:#fff;border-radius:8px;box-shadow:0 5px 20px #0000001a;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.nurse-rooms .modal-overlay .modal .modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.nurse-rooms .modal-overlay .modal .modal-header h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.nurse-rooms .modal-overlay .modal .modal-header .close-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:1.5rem}.nurse-rooms .modal-overlay .modal .modal-header .close-btn:hover{color:#e74c3c}.nurse-rooms .modal-overlay .modal .modal-body{padding:1.5rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section{margin-bottom:2rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section:last-child,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section:last-child{margin-bottom:0}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section h4,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section h4{border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid{grid-template-columns:1fr}}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item{margin-bottom:.5rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item .detail-label,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item .detail-label{color:#7f8c8d;font-weight:500;margin-right:.5rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item .priority-badge,.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item .status-badge,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item .priority-badge,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item .status-badge{border-radius:50px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item .priority-badge.high,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item .priority-badge.high{background-color:#e74c3c1a;color:#e74c3c}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item .priority-badge.medium,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item .priority-badge.medium{background-color:#f39c121a;color:#f39c12}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item .priority-badge.low,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item .priority-badge.low{background-color:#2ecc711a;color:#2ecc71}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item .status-badge.pending,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item .status-badge.pending{background-color:#f1c40f1a;color:#f39c12}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .details-grid .detail-item .status-badge.completed,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .details-grid .detail-item .status-badge.completed{background-color:#2ecc711a;color:#27ae60}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .vitals-grid,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .vitals-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .vitals-grid .vital-item,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .vitals-grid .vital-item{background-color:#f8f9fa;border-radius:8px;padding:1rem;text-align:center}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .vitals-grid .vital-item .vital-icon,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .vitals-grid .vital-item .vital-icon{color:#3498db;font-size:1.5rem;margin-bottom:.5rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .vitals-grid .vital-item .vital-value,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .vitals-grid .vital-item .vital-value{color:#2c3e50;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .vitals-grid .vital-item .vital-label,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .vitals-grid .vital-item .vital-label{color:#7f8c8d;font-size:.8rem}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .medications-table,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .medications-table{border-collapse:collapse;width:100%}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .medications-table td,.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .medications-table th,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .medications-table td,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .medications-table th{border-bottom:1px solid #ecf0f1;padding:.75rem 1rem;text-align:left}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .medications-table th,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .medications-table th{color:#7f8c8d;font-size:.9rem;font-weight:600}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .medications-table tr:last-child td,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .medications-table tr:last-child td{border-bottom:none}.nurse-rooms .modal-overlay .modal .modal-body .patient-details .details-section .patient-notes,.nurse-rooms .modal-overlay .modal .modal-body .task-details .details-section .patient-notes{background-color:#f8f9fa;border-radius:8px;color:#2c3e50;line-height:1.5;padding:1rem}.nurse-rooms .modal-overlay .modal .modal-footer{border-top:1px solid #ecf0f1;display:flex;gap:1rem;justify-content:flex-end;padding:1.25rem 1.5rem}@media(max-width:992px){.nurse-rooms .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.nurse-rooms .page-header .header-actions,.nurse-rooms .page-header .header-actions .search-box{width:100%}.nurse-rooms .content-tabs{overflow-x:auto;padding-bottom:.5rem}.nurse-rooms .content-tabs .tab{white-space:nowrap}.nurse-rooms .rooms-grid{grid-template-columns:1fr}}@media(max-width:768px){.nurse-rooms{padding:1rem}.nurse-rooms .page-header .header-actions{flex-direction:column;gap:.5rem}.nurse-rooms .page-header .header-actions .filter-dropdown,.nurse-rooms .page-header .header-actions .filter-dropdown select{width:100%}}.nurse-dashboard{margin:50px auto;max-width:1400px;padding:1.5rem}.page-title{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.stat-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.stat-card .stat-icon{font-size:2rem;margin-bottom:.75rem}.stat-card .stat-icon.nurse{color:#5e72e4}.stat-card .stat-icon.nurse.critical{color:#f5365c}.stat-card .stat-value{color:#333;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.stat-card .stat-label{color:#6c757d;font-size:.9rem}.dashboard-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}@media(max-width:992px){.dashboard-row{grid-template-columns:1fr}}.dashboard-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden}.card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1rem 1.5rem}.card-header h2{color:#333;font-size:1.1rem;margin:0}.patients-list,.tasks-list{flex-grow:1;overflow-y:auto;padding:1rem}.task-card{background-color:#f8f9fa;border-left:4px solid #5e72e4;border-radius:8px;margin-bottom:1rem;padding:1rem}.task-card:last-child{margin-bottom:0}.task-card.high-priority{border-left-color:#f5365c}.task-card.medium-priority{border-left-color:#fb6340}.task-card.low-priority{border-left-color:#11cdef}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.task-header .task-time{color:#333;font-weight:600}.task-header .task-priority{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.task-header .task-priority.high-priority{background-color:#feeaea;color:#f5365c}.task-header .task-priority.medium-priority{background-color:#fff3e0;color:#fb6340}.task-header .task-priority.low-priority{background-color:#e3f2fd;color:#11cdef}.task-content{align-items:center;display:flex;margin-bottom:1rem}.task-content .task-icon{align-items:center;background-color:#e9ecef;border-radius:50%;color:#5e72e4;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-right:1rem;width:40px}.task-content .task-details{flex-grow:1}.task-content .task-title{color:#333;font-size:1rem;margin:0 0 .25rem}.task-content .task-patient{color:#6c757d;display:flex;font-size:.9rem;justify-content:space-between}.task-actions{display:flex;justify-content:flex-end}.patient-card{background-color:#f8f9fa;border-left:4px solid #5e72e4;border-radius:8px;margin-bottom:1rem;padding:1rem}.patient-card:last-child{margin-bottom:0}.patient-card.critical{border-left-color:#f5365c}.patient-card.stable{border-left-color:#2dce89}.patient-card.improving{border-left-color:#11cdef}.patient-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.patient-header .patient-name{color:#333;font-size:1.1rem;margin:0}.patient-header .patient-status{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.patient-header .patient-status.critical{background-color:#feeaea;color:#f5365c}.patient-header .patient-status.stable{background-color:#e8f5e9;color:#2dce89}.patient-header .patient-status.improving{background-color:#e3f2fd;color:#11cdef}.patient-details{margin-bottom:1rem}.detail-row{display:flex;font-size:.9rem;margin-bottom:.5rem}.detail-row:last-child{margin-bottom:0}.detail-row .detail-label{color:#6c757d;width:100px}.vital-signs{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1rem;padding:1rem}.vital-signs h4{color:#333;font-size:1rem;margin:0 0 .75rem}.vitals-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:.75rem}.vital-item{text-align:center}.vital-item .vital-label{color:#6c757d;font-size:.8rem;margin-bottom:.25rem}.vital-item .vital-value{color:#333;font-size:1rem;font-weight:600}.last-checked{color:#6c757d;font-size:.8rem;text-align:right}.patient-actions{display:flex;gap:.75rem}.btn{align-items:center;border-radius:6px;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.btn.btn-sm{font-size:.8rem;padding:.3rem .75rem}.btn.btn-primary{background-color:#5e72e4}.btn.btn-primary:hover{background-color:#4a5bd0}.btn.btn-secondary:hover{background-color:#5a6268}.btn.btn-outline{border:1px solid #5e72e4;color:#5e72e4}.btn.btn-outline:hover{background-color:#f0f5fa}.no-tasks{color:#6c757d;padding:2rem;text-align:center}.loading-container .loading-spinner{border:4px solid #f3f3f3;border-top-color:#5e72e4;height:40px;margin-bottom:1rem;width:40px}@media(max-width:768px){.nurse-dashboard{padding:1rem}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.vitals-grid{grid-template-columns:1fr 1fr}.patient-actions{flex-direction:column}}.nurse-tasks{background-color:#f8f9fa;min-height:calc(100vh - 60px);padding:20px}.nurse-tasks .page-title{color:#2c3e50;display:inline-block;font-size:28px;font-weight:700;margin-bottom:24px;position:relative}.nurse-tasks .page-title:after{background-color:#4a6cf7;border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:60px}.nurse-tasks .tasks-container{background-color:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 6px 18px #0000000f;overflow:hidden;transition:all .3s ease}.nurse-tasks .tasks-container .tasks-header{align-items:center;background-color:#fff;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:20px 24px;position:relative}@media(max-width:992px){.nurse-tasks .tasks-container .tasks-header{align-items:flex-start;flex-direction:column;gap:16px}}.nurse-tasks .tasks-container .tasks-header .header-left{align-items:center;display:flex;gap:16px}.nurse-tasks .tasks-container .tasks-header .header-left .today-btn{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.nurse-tasks .tasks-container .tasks-header .header-left .today-btn:hover{background-color:#edf2f7;color:#2d3748}.nurse-tasks .tasks-container .tasks-header .header-left .navigation-buttons{display:flex;gap:8px}.nurse-tasks .tasks-container .tasks-header .header-left .navigation-buttons .nav-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nurse-tasks .tasks-container .tasks-header .header-left .navigation-buttons .nav-btn:hover{background-color:#edf2f7;color:#2d3748;transform:translateY(-1px)}.nurse-tasks .tasks-container .tasks-header .header-left .navigation-buttons .nav-btn:active{transform:translateY(0)}.nurse-tasks .tasks-container .tasks-header .header-left .current-date-title{color:#2d3748;font-size:18px;font-weight:600;margin:0}.nurse-tasks .tasks-container .tasks-header .header-right{align-items:center;display:flex;gap:16px}@media(max-width:992px){.nurse-tasks .tasks-container .tasks-header .header-right{flex-wrap:wrap;justify-content:space-between;width:100%}}.nurse-tasks .tasks-container .tasks-header .header-right .search-box{position:relative;width:240px}@media(max-width:992px){.nurse-tasks .tasks-container .tasks-header .header-right .search-box{margin-bottom:12px;order:-1;width:100%}}.nurse-tasks .tasks-container .tasks-header .header-right .search-box .search-icon{color:#a0aec0;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.nurse-tasks .tasks-container .tasks-header .header-right .search-box input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;font-size:14px;padding:10px 12px 10px 36px;transition:all .2s ease;width:100%}.nurse-tasks .tasks-container .tasks-header .header-right .search-box input:focus{background-color:#fff;border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a;outline:none}.nurse-tasks .tasks-container .tasks-header .header-right .search-box input::placeholder{color:#a0aec0}.nurse-tasks .tasks-container .tasks-header .header-right .filter-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nurse-tasks .tasks-container .tasks-header .header-right .filter-btn:hover{background-color:#edf2f7;color:#2d3748}.nurse-tasks .tasks-container .tasks-header .header-right .filter-btn.active{background-color:#ebf4ff;border-color:#4a6cf7;color:#4a6cf7}.nurse-tasks .tasks-container .tasks-header .header-right .view-buttons{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.nurse-tasks .tasks-container .tasks-header .header-right .view-buttons .view-btn{background-color:#f8fafc;border:none;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease}.nurse-tasks .tasks-container .tasks-header .header-right .view-buttons .view-btn:not(:last-child){border-right:1px solid #e2e8f0}.nurse-tasks .tasks-container .tasks-header .header-right .view-buttons .view-btn:hover{background-color:#edf2f7}.nurse-tasks .tasks-container .tasks-header .header-right .view-buttons .view-btn.active{background-color:#4a6cf7;color:#fff}.nurse-tasks .tasks-container .tasks-header .header-right .list-view-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.nurse-tasks .tasks-container .tasks-header .header-right .list-view-btn svg{font-size:14px}.nurse-tasks .tasks-container .tasks-header .header-right .list-view-btn:hover{background-color:#edf2f7;color:#2d3748}.nurse-tasks .tasks-container .tasks-header .header-right .list-view-btn.active{background-color:#4a6cf7;border-color:#4a6cf7;color:#fff}.nurse-tasks .tasks-container .tasks-header .header-right .header-actions .create-btn{align-items:center;background-color:#4a6cf7;border:none;border-radius:8px;box-shadow:0 2px 5px #4a6cf733;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.nurse-tasks .tasks-container .tasks-header .header-right .header-actions .create-btn:hover{background-color:#3a5bd9;box-shadow:0 4px 8px #4a6cf740;transform:translateY(-1px)}.nurse-tasks .tasks-container .tasks-header .header-right .header-actions .create-btn:active{box-shadow:0 2px 5px #4a6cf733;transform:translateY(0)}.nurse-tasks .tasks-container .filters-panel{animation:slideDown .3s ease;background-color:#f8fafc;border-bottom:1px solid #edf2f7;display:flex;gap:20px;padding:16px 24px}@media(max-width:768px){.nurse-tasks .tasks-container .filters-panel{flex-direction:column;gap:12px}}.nurse-tasks .tasks-container .filters-panel .filter-group{align-items:center;display:flex;gap:10px}.nurse-tasks .tasks-container .filters-panel .filter-group label{color:#4a5568;font-size:14px;font-weight:500}.nurse-tasks .tasks-container .filters-panel .filter-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;cursor:pointer;font-size:14px;min-width:140px;padding:8px 12px;transition:all .2s ease}.nurse-tasks .tasks-container .filters-panel .filter-group select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf71a;outline:none}.nurse-tasks .tasks-container .calendar-container{padding:20px}@media(max-width:768px){.nurse-tasks .tasks-container .calendar-container{padding:12px}}.nurse-tasks .tasks-container .tasks-list-container{padding:24px}@media(max-width:768px){.nurse-tasks .tasks-container .tasks-list-container{padding:16px}}.nurse-tasks .tasks-container .tasks-list-container .section-title{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:20px}.nurse-tasks .tasks-container .tasks-list-container .tasks-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media(max-width:480px){.nurse-tasks .tasks-container .tasks-list-container .tasks-list{grid-template-columns:1fr}}.nurse-tasks .tasks-container .tasks-list-container .task-card{background-color:#fff;border:1px solid #edf2f7;border-radius:10px;box-shadow:0 2px 10px #0000000d;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .25s ease}.nurse-tasks .tasks-container .tasks-list-container .task-card:before{background-color:#4a6cf7;content:"";height:100%;left:0;opacity:.7;position:absolute;top:0;width:4px}.nurse-tasks .tasks-container .tasks-list-container .task-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-header .task-title{color:#2d3748;font-size:16px;font-weight:600;line-height:1.4;margin:0}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-header .status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-header .status-badge.completed{background-color:#e6fffa;color:#2c7a7b}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-header .status-badge.in_progress{background-color:#ebf8ff;color:#2b6cb0}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-header .status-badge.pending{background-color:#fffaf0;color:#c05621}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details{display:flex;flex-direction:column;gap:12px}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details .task-assignee,.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details .task-date{align-items:center;color:#718096;display:flex;font-size:14px;gap:8px}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details .task-assignee svg,.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details .task-date svg{color:#a0aec0;flex-shrink:0}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details .priority-badge{align-self:flex-start;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px;padding:4px 10px}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details .priority-badge.high-priority{background-color:#fff5f5;color:#c53030}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details .priority-badge.medium-priority{background-color:#fffaf0;color:#c05621}.nurse-tasks .tasks-container .tasks-list-container .task-card .task-details .priority-badge.low-priority{background-color:#f0fff4;color:#2f855a}.nurse-tasks .tasks-container .tasks-list-container .no-tasks-message{align-items:center;background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;color:#a0aec0;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.nurse-tasks .tasks-container .tasks-list-container .no-tasks-message svg{color:#cbd5e0;font-size:40px;margin-bottom:16px}.nurse-tasks .tasks-container .tasks-list-container .no-tasks-message p{font-size:16px;margin:0}.nurse-tasks .modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.nurse-tasks .modal-content{animation:modalSlideIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.nurse-tasks .modal-content::-webkit-scrollbar{width:8px}.nurse-tasks .modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.nurse-tasks .modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.nurse-tasks .modal-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.loading-container{height:400px}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #4a6cf71a;border-radius:50%;border-top-color:#4a6cf7;height:48px;width:48px}.loading-container p{color:#718096;font-size:16px;font-weight:500;margin-top:16px}.nurse-patient-care{background-color:#f8f9fa;display:flex;flex-direction:column;height:100%}.nurse-patient-care .care-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem 1.5rem}.nurse-patient-care .care-header .care-title{align-items:center;color:#2c3e50;display:flex;gap:.75rem}.nurse-patient-care .care-header .care-title svg{color:#3498db;font-size:1.5rem}.nurse-patient-care .care-header .care-title h1{font-size:1.5rem;font-weight:600;margin:0}.nurse-patient-care .care-header .care-search{align-items:center;background-color:#f1f3f5;border-radius:4px;display:flex;padding:.5rem 1rem;width:350px}.nurse-patient-care .care-header .care-search svg{color:#6c757d;margin-right:.5rem}.nurse-patient-care .care-header .care-search input{background:#0000;border:none;color:#495057;outline:none;width:100%}.nurse-patient-care .care-header .care-search input::placeholder{color:#adb5bd}.nurse-patient-care .care-content{flex:1 1;overflow-y:auto;padding:1.5rem}.nurse-patient-care .care-content .patients-list-full h2{color:#343a40;font-size:1.25rem;margin-bottom:1rem}.nurse-patient-care .care-content .patients-list-full .loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.nurse-patient-care .care-content .patients-list-full .loading-spinner .spinner{animation:spin 1s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}.nurse-patient-care .care-content .patients-list-full .no-patients{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:2rem;text-align:center}.nurse-patient-care .care-content .patients-list-full .no-patients p{color:#6c757d;font-size:1rem}.nurse-patient-care .care-content .patients-list-full .patients-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;margin:0;padding:0}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s,box-shadow .2s}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card .patient-card-info h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.75rem;margin-top:0}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card .patient-card-info .patient-card-details{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card .patient-card-info .patient-card-details span{color:#495057;font-size:.9rem}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card .patient-card-info .patient-card-details span strong{color:#343a40}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card .patient-card-action{margin-top:.5rem}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card .patient-card-action .view-details-btn{align-items:center;background-color:#e9f2fe;border:none;border-radius:4px;color:#3498db;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem;transition:background-color .2s;width:100%}.nurse-patient-care .care-content .patients-list-full .patients-grid .patient-card .patient-card-action .view-details-btn:hover{background-color:#d0e5fd}.nurse-patient-care .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.nurse-patient-care .patient-care-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.nurse-patient-care .patient-care-modal .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.nurse-patient-care .patient-care-modal .modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.nurse-patient-care .patient-care-modal .modal-header .close-modal{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;transition:color .2s}.nurse-patient-care .patient-care-modal .modal-header .close-modal:hover{color:#343a40}.nurse-patient-care .patient-care-modal .modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.nurse-patient-care .patient-care-modal .modal-content .patient-header{margin-bottom:1.5rem}.nurse-patient-care .patient-care-modal .modal-content .patient-header .patient-header-details{background-color:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.nurse-patient-care .patient-care-modal .modal-content .patient-header .patient-header-details span{color:#495057;font-size:.95rem}.nurse-patient-care .patient-care-modal .modal-content .patient-header .patient-header-details span strong{color:#343a40}.nurse-patient-care .patient-care-modal .modal-content .care-tabs{border-bottom:1px solid #dee2e6;display:flex;margin-bottom:1.5rem}.nurse-patient-care .patient-care-modal .modal-content .care-tabs button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.nurse-patient-care .patient-care-modal .modal-content .care-tabs button svg{font-size:1rem}.nurse-patient-care .patient-care-modal .modal-content .care-tabs button:hover{color:#3498db}.nurse-patient-care .patient-care-modal .modal-content .care-tabs button.active{border-bottom-color:#3498db;color:#3498db}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-needs{background-color:#f8f9fa;border-radius:6px;margin-bottom:1.5rem;padding:1.25rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-needs h3{color:#343a40;font-size:1.1rem;margin-bottom:.75rem;margin-top:0}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-needs p{color:#495057;line-height:1.5;margin:0}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-form{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1.25rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-form h3{color:#343a40;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-form form{display:flex;flex-direction:column;gap:1rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-form form textarea{border:1px solid #ced4da;border-radius:4px;font-family:inherit;min-height:120px;padding:.75rem;resize:vertical;width:100%}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-form form textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-form form button{align-items:center;align-self:flex-end;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:background-color .2s}.nurse-patient-care .patient-care-modal .modal-content .tab-content .care-tab .care-form form button:hover{background-color:#2980b9}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab h3{color:#343a40;font-size:1.1rem;margin-bottom:1.25rem;margin-top:0}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:1rem;padding:1rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .icon{align-items:center;border-radius:50%;display:flex;font-size:1.5rem;justify-content:center;padding:.75rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .icon.temperature{background-color:#e74c3c1a;color:#e74c3c}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .icon.blood-pressure{background-color:#3498db1a;color:#3498db}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .icon.heart-rate{background-color:#e74c3c1a;color:#e74c3c}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .icon.respiratory{background-color:#2ecc711a;color:#2ecc71}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .icon.oxygen{background-color:#9b59b61a;color:#9b59b6}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .vital-info{display:flex;flex-direction:column}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .vital-info .vital-label{color:#6c757d;font-size:.85rem;margin-bottom:.25rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .vital-signs .vital-sign .vital-info .vital-value{color:#343a40;font-size:1.1rem;font-weight:600}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .update-vitals{display:flex;justify-content:flex-end}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .update-vitals button{align-items:center;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:background-color .2s}.nurse-patient-care .patient-care-modal .modal-content .tab-content .vitals-tab .update-vitals button:hover{background-color:#2980b9}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab h3{color:#343a40;font-size:1.1rem;margin-bottom:1.25rem;margin-top:0}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab .care-history{display:flex;flex-direction:column;gap:1rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab .care-history .care-record{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab .care-history .care-record .care-record-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab .care-history .care-record .care-record-header .care-date{color:#6c757d;font-size:.85rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab .care-history .care-record .care-record-header .care-nurse{color:#3498db;font-size:.85rem;font-weight:500}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab .care-history .care-record .care-record-content{align-items:flex-start;display:flex;gap:.75rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab .care-history .care-record .care-record-content .icon{color:#3498db;font-size:1.1rem;margin-top:.2rem}.nurse-patient-care .patient-care-modal .modal-content .tab-content .history-tab .care-history .care-record .care-record-content p{color:#495057;flex:1 1;line-height:1.5;margin:0}.nurse-patient-care .no-patient-selected{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.nurse-patient-care .no-patient-selected .big-icon{color:#adb5bd;font-size:3rem;margin-bottom:1.5rem}.nurse-patient-care .no-patient-selected h2{color:#343a40;font-size:1.5rem;margin-bottom:.75rem}.nurse-patient-care .no-patient-selected p{color:#6c757d;line-height:1.5;max-width:500px}.nurse-vital-signs{background-color:#f8f9fa;display:flex;flex-direction:column;height:100%}.nurse-vital-signs .vital-signs-header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem 1.5rem}.nurse-vital-signs .vital-signs-header .vital-signs-title{align-items:center;color:#2c3e50;display:flex;gap:.75rem}.nurse-vital-signs .vital-signs-header .vital-signs-title svg{color:#e74c3c;font-size:1.5rem}.nurse-vital-signs .vital-signs-header .vital-signs-title h1{font-size:1.5rem;font-weight:600;margin:0}.nurse-vital-signs .vital-signs-header .vital-signs-search{align-items:center;background-color:#f1f3f5;border-radius:4px;display:flex;padding:.5rem 1rem;width:350px}.nurse-vital-signs .vital-signs-header .vital-signs-search svg{color:#6c757d;margin-right:.5rem}.nurse-vital-signs .vital-signs-header .vital-signs-search input{background:#0000;border:none;color:#495057;outline:none;width:100%}.nurse-vital-signs .vital-signs-header .vital-signs-search input::placeholder{color:#adb5bd}.nurse-vital-signs .vital-signs-content{flex:1 1;overflow-y:auto;padding:1.5rem}.nurse-vital-signs .vital-signs-content .patients-list-full h2{color:#343a40;font-size:1.25rem;margin-bottom:1rem}.nurse-vital-signs .vital-signs-content .patients-list-full .loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.nurse-vital-signs .vital-signs-content .patients-list-full .loading-spinner .spinner{animation:spin 1s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#e74c3c;height:40px;margin-bottom:1rem;width:40px}.nurse-vital-signs .vital-signs-content .patients-list-full .no-patients{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:2rem;text-align:center}.nurse-vital-signs .vital-signs-content .patients-list-full .no-patients p{color:#6c757d;font-size:1rem}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style:none;margin:0;padding:0}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s,box-shadow .2s}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info h3{color:#2c3e50;font-size:1.1rem;margin-bottom:.75rem;margin-top:0}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info .patient-card-details{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info .patient-card-details span{color:#495057;font-size:.9rem}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info .patient-card-details span strong{color:#343a40}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info .vital-preview{background-color:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info .vital-preview .vital-preview-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info .vital-preview .vital-preview-item svg{color:#e74c3c}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info .vital-preview .vital-preview-item:nth-child(2) svg{color:#3498db}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-info .vital-preview .vital-preview-item:nth-child(3) svg{color:#e74c3c}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-action{margin-top:.5rem}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-action .view-details-btn{align-items:center;background-color:#fef2f2;border:none;border-radius:4px;color:#e74c3c;cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem;transition:background-color .2s;width:100%}.nurse-vital-signs .vital-signs-content .patients-list-full .patients-grid .patient-card .patient-card-action .view-details-btn:hover{background-color:#fde8e8}.nurse-vital-signs .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.nurse-vital-signs .vital-signs-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.nurse-vital-signs .vital-signs-modal .modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.nurse-vital-signs .vital-signs-modal .modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.nurse-vital-signs .vital-signs-modal .modal-header .close-modal{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.25rem;transition:color .2s}.nurse-vital-signs .vital-signs-modal .modal-header .close-modal:hover{color:#343a40}.nurse-vital-signs .vital-signs-modal .modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .patient-header{margin-bottom:1.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .patient-header .patient-header-details{background-color:#f8f9fa;border-radius:6px;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem}.nurse-vital-signs .vital-signs-modal .modal-content .patient-header .patient-header-details span{color:#495057;font-size:.95rem}.nurse-vital-signs .vital-signs-modal .modal-content .patient-header .patient-header-details span strong{color:#343a40}.nurse-vital-signs .vital-signs-modal .modal-content .vital-signs-tabs{border-bottom:1px solid #dee2e6;display:flex;margin-bottom:1.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .vital-signs-tabs button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.nurse-vital-signs .vital-signs-modal .modal-content .vital-signs-tabs button svg{font-size:1rem}.nurse-vital-signs .vital-signs-modal .modal-content .vital-signs-tabs button:hover{color:#e74c3c}.nurse-vital-signs .vital-signs-modal .modal-content .vital-signs-tabs button.active{border-bottom-color:#e74c3c;color:#e74c3c}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:1.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1rem;padding:1.25rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-icon{align-items:center;border-radius:50%;display:flex;font-size:1.75rem;height:60px;justify-content:center;width:60px}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-icon.temperature{background-color:#e74c3c1a;color:#e74c3c}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-icon.blood-pressure{background-color:#3498db1a;color:#3498db}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-icon.heart-rate{background-color:#e74c3c1a;color:#e74c3c}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-icon.respiratory{background-color:#2ecc711a;color:#2ecc71}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-icon.oxygen{background-color:#9b59b61a;color:#9b59b6}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-data{flex:1 1}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-data h3{color:#6c757d;font-size:1rem;margin-bottom:.5rem;margin-top:0}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-data .vital-value{color:#343a40;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .current-vitals .vital-card .vital-data .vital-time{color:#adb5bd;font-size:.8rem;margin:0}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-button{display:flex;justify-content:flex-end;margin-bottom:1rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-button button{align-items:center;background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.6rem 1.25rem;transition:background-color .2s}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-button button:hover{background-color:#c0392b}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form{background-color:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form h3{color:#343a40;font-size:1.1rem;margin-bottom:1.25rem;margin-top:0}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form{display:flex;flex-direction:column;gap:1rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-row{grid-template-columns:1fr}}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-group{display:flex;flex-direction:column;gap:.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-group label{color:#495057;font-size:.9rem;font-weight:500}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-group input{border:1px solid #ced4da;border-radius:4px;font-size:.95rem;padding:.6rem .75rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-group input:focus{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a;outline:none}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-buttons button{border-radius:4px;cursor:pointer;font-weight:500;padding:.6rem 1.25rem;transition:all .2s}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-buttons button.cancel-button{background-color:#f8f9fa;border:1px solid #ced4da;color:#6c757d}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-buttons button.cancel-button:hover{background-color:#e9ecef}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-buttons button.submit-button{background-color:#e74c3c;border:none;color:#fff}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .current-tab .add-vitals-form form .form-buttons button.submit-button:hover{background-color:#c0392b}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab h3{color:#343a40;font-size:1.1rem;margin-bottom:1.25rem;margin-top:0}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history{display:flex;flex-direction:column;gap:1.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-date{margin-bottom:.75rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-date h4{border-bottom:1px solid #e9ecef;color:#343a40;font-size:1rem;margin:0;padding-bottom:.5rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-readings{overflow-x:auto}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-readings table{border-collapse:collapse;font-size:.9rem;width:100%}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-readings table td,.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-readings table th{border-bottom:1px solid #e9ecef;padding:.75rem;text-align:left}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-readings table th{background-color:#f8f9fa;color:#495057;font-weight:600}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-readings table td{color:#6c757d}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-readings table tr:last-child td{border-bottom:none}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .history-tab .vital-history .history-day .history-readings table tr:hover td{background-color:#f8f9fa}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .charts-tab h3{color:#343a40;font-size:1.1rem;margin-bottom:1.25rem;margin-top:0}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .charts-tab .chart-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}@media(max-width:992px){.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .charts-tab .chart-container{grid-template-columns:1fr}}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .charts-tab .chart-container .chart-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:1.25rem}.nurse-vital-signs .vital-signs-modal .modal-content .tab-content .charts-tab .chart-container .chart-card h4{color:#343a40;font-size:1rem;margin-bottom:1rem;margin-top:0;text-align:center}.nurse-vital-signs .no-patient-selected{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.nurse-vital-signs .no-patient-selected .big-icon{color:#adb5bd;font-size:3rem;margin-bottom:1.5rem}.nurse-vital-signs .no-patient-selected h2{color:#343a40;font-size:1.5rem;margin-bottom:.75rem}.nurse-vital-signs .no-patient-selected p{color:#6c757d;line-height:1.5;max-width:500px}.nurse-medications{display:flex;flex-direction:column;height:100%;padding:20px}.nurse-medications .medications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.nurse-medications .medications-header .medications-title{align-items:center;color:#333;display:flex;font-size:1.5rem}.nurse-medications .medications-header .medications-title svg{color:#4a6da7;font-size:1.8rem;margin-right:10px}.nurse-medications .medications-header .medications-title h1{margin:0}.nurse-medications .medications-header .medications-search{position:relative;width:400px}.nurse-medications .medications-header .medications-search svg{color:#666;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.nurse-medications .medications-header .medications-search input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:10px 10px 10px 35px;width:100%}.nurse-medications .medications-header .medications-search input:focus{border-color:#4a6da7;outline:none}.nurse-medications .medications-content{display:flex;flex:1 1;gap:20px;overflow:hidden}.nurse-medications .medications-content .patients-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;overflow:hidden;width:300px}.nurse-medications .medications-content .patients-list h2{background-color:#f5f8ff;border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin:0;padding:15px}.nurse-medications .medications-content .patients-list ul{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.nurse-medications .medications-content .patients-list ul li{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s}.nurse-medications .medications-content .patients-list ul li:hover{background-color:#f5f8ff}.nurse-medications .medications-content .patients-list ul li.active{background-color:#e3f2fd;border-left:4px solid #4a6da7}.nurse-medications .medications-content .patients-list ul li .patient-info{flex:1 1}.nurse-medications .medications-content .patients-list ul li .patient-info h3{color:#333;font-size:1rem;margin:0 0 5px}.nurse-medications .medications-content .patients-list ul li .patient-info .patient-details{color:#666;display:flex;flex-direction:column;font-size:.85rem}.nurse-medications .medications-content .patients-list ul li .patient-info .patient-details span{margin-bottom:3px}.nurse-medications .medications-content .patients-list ul li .medication-count{background-color:#f0f0f0;border-radius:12px;color:#555;font-size:.8rem;padding:3px 8px}.nurse-medications .medications-content .patients-list .loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px}.nurse-medications .medications-content .patients-list .loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4a6da7;height:40px;margin-bottom:10px;width:40px}.nurse-medications .medications-content .patients-list .loading-spinner p{color:#666;font-size:.9rem}.nurse-medications .medications-content .patients-list .no-patients{color:#666;padding:30px;text-align:center}.nurse-medications .medications-content .medications-details{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto}.nurse-medications .medications-content .medications-details .upcoming-medications{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;overflow:hidden}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-header{align-items:center;background-color:#f5f8ff;border-bottom:1px solid #eee;display:flex;padding:15px}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-header .icon{color:#4a6da7;font-size:1.5rem;margin-right:10px}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-header h2{color:#333;font-size:1.2rem;margin:0}.nurse-medications .medications-content .medications-details .upcoming-medications .no-upcoming{color:#666;padding:20px;text-align:center}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list{padding:15px}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item{align-items:center;background-color:#f9f9f9;border-radius:8px;cursor:pointer;display:flex;margin-bottom:10px;padding:15px;transition:transform .2s,box-shadow .2s}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item:hover{box-shadow:0 3px 6px #0000001a;transform:translateY(-2px)}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item.due-soon{background-color:#fff8e1;border-left:4px solid #f57f17}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .upcoming-time{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:15px;width:80px}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .upcoming-time svg{color:#4a6da7;margin-bottom:5px}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .upcoming-time span{color:#333;font-size:1.1rem;font-weight:500}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .upcoming-time .due-badge{background-color:#f57f17;border-radius:10px;color:#fff;font-size:.7rem;margin-top:5px;padding:2px 6px}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .upcoming-details{flex:1 1}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .upcoming-details h4{color:#333;font-size:1rem;margin:0 0 5px}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .upcoming-details .patient-info{color:#666;font-size:.85rem;margin-bottom:5px}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .upcoming-details .instructions{color:#666;font-size:.85rem;font-style:italic}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .give-button{background-color:#4a6da7;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s}.nurse-medications .medications-content .medications-details .upcoming-medications .upcoming-list .upcoming-item .give-button:hover{background-color:#3a5d97}.nurse-medications .medications-content .medications-details .select-patient-message{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px;text-align:center}.nurse-medications .medications-content .medications-details .select-patient-message svg{color:#ccc;font-size:3rem;margin-bottom:15px}.nurse-medications .medications-content .medications-details .select-patient-message h3{color:#333;font-size:1.2rem;margin:0 0 10px}.nurse-medications .medications-content .medications-details .select-patient-message p{color:#666;font-size:.9rem;margin:0;max-width:400px}.nurse-medications .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.nurse-medications .modal-overlay .modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.nurse-medications .modal-overlay .modal-content .modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.nurse-medications .modal-overlay .modal-content .modal-header h2{align-items:center;color:#333;display:flex;font-size:1.5rem;margin:0}.nurse-medications .modal-overlay .modal-content .modal-header h2 svg{color:#4a6da7;margin-right:10px}.nurse-medications .modal-overlay .modal-content .modal-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:background-color .2s;width:30px}.nurse-medications .modal-overlay .modal-content .modal-header .close-button:hover{background-color:#f0f0f0;color:#333}.nurse-medications .modal-overlay .modal-content .modal-body{flex:1 1;padding:20px}.nurse-medications .modal-overlay .modal-content .modal-body .patient-header{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:20px;padding-bottom:15px}.nurse-medications .modal-overlay .modal-content .modal-body .patient-header .patient-avatar{border:2px solid #4a6da7;border-radius:50%;height:60px;margin-right:15px;overflow:hidden;width:60px}.nurse-medications .modal-overlay .modal-content .modal-body .patient-header .patient-avatar img{height:100%;object-fit:cover;width:100%}.nurse-medications .modal-overlay .modal-content .modal-body .patient-header .patient-info{flex:1 1}.nurse-medications .modal-overlay .modal-content .modal-body .patient-header .patient-info h3{color:#333;font-size:1.2rem;margin:0 0 5px}.nurse-medications .modal-overlay .modal-content .modal-body .patient-header .patient-info .patient-details{display:flex;flex-wrap:wrap;gap:10px}.nurse-medications .modal-overlay .modal-content .modal-body .patient-header .patient-info .patient-details span{background-color:#f0f0f0;border-radius:12px;color:#666;font-size:.85rem;padding:3px 8px}.nurse-medications .modal-overlay .modal-content .modal-body .medications-tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:20px}.nurse-medications .modal-overlay .modal-content .modal-body .medications-tabs button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;display:flex;font-size:.95rem;padding:10px 15px;transition:all .2s}.nurse-medications .modal-overlay .modal-content .modal-body .medications-tabs button svg{margin-right:5px}.nurse-medications .modal-overlay .modal-content .modal-body .medications-tabs button:hover{color:#4a6da7}.nurse-medications .modal-overlay .modal-content .modal-body .medications-tabs button.active{border-bottom-color:#4a6da7;color:#4a6da7}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .no-medications{background-color:#f9f9f9;border-radius:8px;color:#666;padding:20px;text-align:center}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list{display:flex;flex-direction:column;gap:15px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:15px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-header h4{color:#333;font-size:1.1rem;margin:0}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-header .medication-route{background-color:#4a6da7;border-radius:12px;color:#fff;font-size:.8rem;padding:3px 8px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-details{margin-bottom:15px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-details p{color:#555;font-size:.9rem;margin:5px 0}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times{display:flex;flex-wrap:wrap;gap:10px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;padding:8px 12px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot.completed{background-color:#e8f5e9}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot.due-soon{background-color:#fff8e1}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot .time{color:#333;font-size:.9rem;font-weight:500}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot .status-icon{border-radius:50%;height:16px;width:16px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot .status-icon.scheduled{background-color:#e0e0e0}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot .status-icon.completed{align-items:center;background-color:#4caf50;color:#fff;display:flex;font-size:10px;justify-content:center}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot .give-button{background-color:#4a6da7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:3px 8px;transition:background-color .2s}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .schedule-tab .medication-schedule .schedule-list .medication-item .medication-times .time-slot .give-button:hover{background-color:#3a5d97}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list-header h3{color:#333;font-size:1.2rem;margin:0}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list-header .add-medication-button{align-items:center;background-color:#4a6da7;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;padding:8px 15px;transition:background-color .2s}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list-header .add-medication-button svg{margin-right:5px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list-header .add-medication-button:hover{background-color:#3a5d97}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:20px;padding:20px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form h3{color:#333;font-size:1.2rem;margin:0 0 20px;text-align:center}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form{display:flex;flex-direction:column;gap:15px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-row{display:flex;gap:15px}@media(max-width:768px){.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-row{flex-direction:column}}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group{display:flex;flex:1 1;flex-direction:column;gap:5px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group label{color:#555;font-size:.9rem}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group input,.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group select,.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:10px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group input:focus,.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group select:focus,.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group textarea:focus{border-color:#4a6da7;outline:none}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-group textarea{min-height:80px;resize:vertical}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-buttons button{border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:background-color .2s}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-buttons button.cancel-button{background-color:#f0f0f0;border:none;color:#666}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-buttons button.cancel-button:hover{background-color:#e0e0e0}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-buttons button.submit-button{background-color:#4a6da7;border:none;color:#fff}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .add-medication-form form .form-buttons button.submit-button:hover{background-color:#3a5d97}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list .no-medications{background-color:#f9f9f9;border-radius:8px;color:#666;padding:20px;text-align:center}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table{border-collapse:collapse;font-size:.9rem;width:100%}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table td,.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table th{background-color:#f9f9f9;color:#555;font-weight:600}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table tr:hover{background-color:#f5f8ff}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table .actions-cell{display:flex;gap:5px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table .actions-cell button{background:none;border:none;color:#666;cursor:pointer;padding:5px;transition:color .2s}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table .actions-cell button:hover{color:#4a6da7}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .list-tab .medications-list table .actions-cell button.delete-button:hover{color:#e53935}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .no-history{background-color:#f9f9f9;border-radius:8px;color:#666;padding:20px;text-align:center}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list{display:flex;flex-direction:column;gap:15px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000000d;overflow:hidden}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record .history-record-header{background-color:#f5f8ff;color:#4a6da7;display:flex;font-size:.85rem;justify-content:space-between;padding:10px 15px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record .history-record-header .history-date{font-weight:500}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record .history-record-header .history-nurse{font-style:italic}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record .history-record-content{align-items:flex-start;display:flex;gap:15px;padding:15px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record .history-record-content .icon{color:#4a6da7;font-size:1.2rem}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record .history-record-content .history-details{flex:1 1}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record .history-record-content .history-details .medication-name{color:#333;font-weight:500;margin:0 0 5px}.nurse-medications .modal-overlay .modal-content .modal-body .tab-content .history-tab .medication-history .history-list .history-record .history-record-content .history-details .notes{color:#555;font-size:.9rem;margin:0}.nurse-medications .loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.nurse-medications .loading-container .loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4a6da7;height:50px;margin-bottom:15px;width:50px}.nurse-medications .loading-container p{color:#666;font-size:1.1rem}.nurse-schedule{background-color:#f8f9fa;min-height:100vh;padding:20px;width:100%}.nurse-schedule .schedule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}@media(max-width:768px){.nurse-schedule .schedule-header{align-items:flex-start;flex-direction:column;gap:15px}}.nurse-schedule .schedule-header .schedule-title{align-items:center;display:flex;gap:10px}.nurse-schedule .schedule-header .schedule-title svg{color:#4a6cf7;font-size:24px}.nurse-schedule .schedule-header .schedule-title h1{color:#212529;font-size:24px;font-weight:600;margin:0}.nurse-schedule .schedule-header .schedule-actions{display:flex;gap:10px}@media(max-width:768px){.nurse-schedule .schedule-header .schedule-actions{width:100%}}.nurse-schedule .schedule-header .schedule-actions .add-request-button{align-items:center;background-color:#4a6cf7;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}@media(max-width:768px){.nurse-schedule .schedule-header .schedule-actions .add-request-button{justify-content:center;width:100%}}.nurse-schedule .schedule-header .schedule-actions .add-request-button:hover{background-color:#3a5bd9}.nurse-schedule .schedule-header .schedule-actions .add-request-button svg{font-size:16px}.nurse-schedule .schedule-content{display:flex;gap:20px}@media(max-width:992px){.nurse-schedule .schedule-content{flex-direction:column}}.nurse-schedule .schedule-content .schedule-sidebar{flex-shrink:0;width:300px}@media(max-width:992px){.nurse-schedule .schedule-content .schedule-sidebar{width:100%}}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts h2{color:#212529;font-size:18px;font-weight:600;margin-bottom:15px;margin-top:0}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .loading-spinner .spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#4a6cf7;height:40px;margin-bottom:10px;width:40px}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .loading-spinner p{color:#495057;font-size:14px}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .no-shifts{color:#495057;font-style:italic;padding:20px;text-align:center}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list{list-style-type:none;margin:0;padding:0}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:15px;margin-bottom:10px;padding:12px;position:relative;transition:all .3s ease}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item:last-child{margin-bottom:0}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item.morning{background-color:#4caf501a;border-left:4px solid #4caf50}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item.evening{background-color:#ff98001a;border-left:4px solid #ff9800}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item.night{background-color:#9c27b01a;border-left:4px solid #9c27b0}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item.today{background-color:#4a6cf70d;border:1px solid #4a6cf733;border-left-width:4px}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item .shift-date{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;height:50px;justify-content:center;width:50px}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item .shift-date .day{color:#212529;font-size:18px;font-weight:600}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item .shift-date .month{color:#495057;font-size:12px}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item .shift-details{flex:1 1}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item .shift-details h4{color:#212529;font-size:14px;font-weight:600;margin:0 0 5px}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item .shift-details p{color:#495057;font-size:12px;margin:0}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item .shift-details p.shift-time{font-weight:500}.nurse-schedule .schedule-content .schedule-sidebar .upcoming-shifts .shifts-list .shift-item .today-badge{background-color:#4a6cf7;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:10px;font-weight:600;padding:3px 6px;position:absolute;right:-8px;top:-8px}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:20px}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend h3{color:#212529;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items{display:flex;flex-direction:column;gap:10px}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items .legend-item{align-items:center;display:flex;gap:10px}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items .legend-item .legend-color{border-radius:4px;height:16px;width:16px}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items .legend-item .legend-color.morning-shift{background-color:#4caf50}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items .legend-item .legend-color.evening-shift{background-color:#ff9800}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items .legend-item .legend-color.night-shift{background-color:#9c27b0}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items .legend-item .legend-color.full-day{background:linear-gradient(135deg,#4caf50,#4caf50 50%,#ff9800 0,#ff9800)}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items .legend-item .legend-color.pending-shift{background-color:#ffc107}.nurse-schedule .schedule-content .schedule-sidebar .shift-legend .legend-items .legend-item .legend-label{color:#495057;font-size:12px}.nurse-schedule .schedule-content .schedule-main{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;flex:1 1;overflow:hidden}.nurse-schedule .schedule-content .schedule-main .schedule-tabs{border-bottom:1px solid #e9ecef;display:flex}.nurse-schedule .schedule-content .schedule-main .schedule-tabs button{align-items:center;background:none;border:none;color:#495057;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:15px;transition:all .3s ease}.nurse-schedule .schedule-content .schedule-main .schedule-tabs button svg{font-size:16px}.nurse-schedule .schedule-content .schedule-main .schedule-tabs button:hover{background-color:#4a6cf70d}.nurse-schedule .schedule-content .schedule-main .schedule-tabs button.active{border-bottom:2px solid #4a6cf7;color:#4a6cf7}.nurse-schedule .schedule-content .schedule-main .tab-content{padding:20px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar-header .month-navigation{align-items:center;display:flex;gap:15px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar-header .month-navigation button{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar-header .month-navigation button:hover{background-color:#e9ecef}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar-header .month-navigation h2{color:#212529;font-size:18px;font-weight:600;margin:0}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar-header .today-button{background-color:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .3s ease}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar-header .today-button:hover{background-color:#e9ecef}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar{margin-bottom:20px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-weekdays{color:#495057;display:grid;font-weight:600;grid-template-columns:repeat(7,1fr);margin-bottom:10px;text-align:center}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-weekdays div{font-size:14px;padding:10px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day{align-items:center;aspect-ratio:1;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .3s ease}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day:hover{background-color:#4a6cf70d}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day.other-month{color:#ced4da}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day.today{border:2px solid #4a6cf7}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day.selected{background-color:#4a6cf71a}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day.morning-shift{background-color:#4caf5033}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day.evening-shift{background-color:#ff980033}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day.night-shift{background-color:#9c27b033}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day.full-day{background:linear-gradient(135deg,#4caf5033,#4caf5033 50%,#ff980033 0,#ff980033)}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day .day-number{font-size:16px;font-weight:500}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .calendar .calendar-days .calendar-day .pending-indicator{background-color:#ffc107;border-radius:50%;height:8px;position:absolute;right:5px;top:5px;width:8px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts{background-color:#f8f9fa;border-radius:8px;padding:15px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts h3{color:#212529;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day .no-shifts-for-day{color:#495057;font-style:italic;padding:20px;text-align:center}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul{list-style-type:none;margin:0;padding:0}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 15px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item:last-child{margin-bottom:0}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item.morning{background-color:#4caf501a;border-left:4px solid #4caf50}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item.evening{background-color:#ff98001a;border-left:4px solid #ff9800}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item.night{background-color:#9c27b01a;border-left:4px solid #9c27b0}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item.pending{opacity:.7}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item .shift-time-range{display:flex;flex-direction:column}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item .shift-time-range span{color:#212529;font-size:14px;font-weight:500}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item .shift-time-range .pending-badge{color:#ffc107;font-size:12px;margin-top:5px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item .shift-info{text-align:right}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item .shift-info h4{color:#212529;font-size:14px;font-weight:600;margin:0 0 5px}.nurse-schedule .schedule-content .schedule-main .tab-content .calendar-tab .day-shifts .shifts-for-day ul .day-shift-item .shift-info p{color:#495057;font-size:12px;margin:0}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-header h3{color:#212529;font-size:18px;font-weight:600;margin:0}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-header .add-request-button{align-items:center;background-color:#4a6cf7;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-header .add-request-button:hover{background-color:#3a5bd9}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-header .add-request-button svg{font-size:16px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form{background-color:#f8f9fa;border-radius:8px;padding:20px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form h3{color:#212529;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form{display:flex;flex-direction:column;gap:15px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group{display:flex;flex-direction:column;gap:5px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group label{color:#495057;font-size:14px;font-weight:500}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group input,.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group select,.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group textarea{border:1px solid #ced4da;border-radius:8px;font-size:14px;padding:10px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group input:focus,.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group select:focus,.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group textarea:focus{border-color:#4a6cf7;box-shadow:0 0 0 2px #4a6cf733;outline:none}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-group textarea{min-height:100px;resize:vertical}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-buttons{display:flex;gap:10px;margin-top:10px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-buttons button{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-buttons button.cancel-button{background-color:#e9ecef;border:1px solid #ced4da;color:#495057}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-buttons button.cancel-button:hover{background-color:#dadfe4}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-buttons button.submit-button{background-color:#4a6cf7;border:none;color:#fff}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .add-request-form form .form-buttons button.submit-button:hover{background-color:#3a5bd9}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list .no-requests{color:#495057;font-style:italic;padding:30px;text-align:center}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul{list-style-type:none;margin:0;padding:0}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item:last-child{margin-bottom:0}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item.pending{border-left:4px solid #ffc107}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item.approved{border-left:4px solid #28a745}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item.rejected{border-left:4px solid #dc3545}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-status{align-items:center;display:flex;flex-direction:column;justify-content:center}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-status .status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:5px 10px;white-space:nowrap}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-status .status-badge.pending{background-color:#ffc1071a;color:#ffc107}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-status .status-badge.approved{background-color:#28a7451a;color:#28a745}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-status .status-badge.rejected{background-color:#dc35451a;color:#dc3545}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-details{flex:1 1}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-details .request-date{margin-bottom:10px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-details .request-date h4{color:#212529;font-size:16px;font-weight:600;margin:0 0 5px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-details .request-date .shift-type{color:#495057;font-size:14px;margin:0}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-details .request-reason{margin-bottom:10px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-details .request-reason p{color:#495057;font-size:14px;margin:0}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-details .request-timestamps p{color:#495057;font-size:12px;margin:0 0 3px}.nurse-schedule .schedule-content .schedule-main .tab-content .requests-tab .requests-list ul .request-item .request-details .request-timestamps p:last-child{margin-bottom:0}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab h3{color:#212529;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list .no-exchanges{color:#495057;font-style:italic;padding:30px;text-align:center}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul{list-style-type:none;margin:0;padding:0}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:15px;padding:15px}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item:last-child{margin-bottom:0}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item.pending{border-left:4px solid #ffc107}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item.approved{border-left:4px solid #28a745}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item.rejected{border-left:4px solid #dc3545}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-status{display:flex;justify-content:flex-end;margin-bottom:10px}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-status .status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:5px 10px}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-status .status-badge.pending{background-color:#ffc1071a;color:#ffc107}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-status .status-badge.approved{background-color:#28a7451a;color:#28a745}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-status .status-badge.rejected{background-color:#dc35451a;color:#dc3545}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts{align-items:center;display:flex;gap:15px;margin-bottom:15px}@media(max-width:768px){.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts{align-items:stretch;flex-direction:column}}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .my-shift,.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .requested-shift{background-color:#f8f9fa;border-radius:8px;flex:1 1;padding:15px}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .my-shift h4,.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .requested-shift h4{color:#212529;font-size:14px;font-weight:600;margin:0 0 10px}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .my-shift p,.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .requested-shift p{color:#495057;font-size:13px;margin:0 0 5px}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .my-shift p:last-child,.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .requested-shift p:last-child{margin-bottom:0}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .my-shift{border-left:3px solid #4a6cf7}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .requested-shift{border-left:3px solid #60a5fa}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .exchange-arrow{align-items:center;background-color:#f8f9fa;border-radius:50%;color:#495057;display:flex;height:40px;justify-content:center;width:40px}@media(max-width:768px){.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-shifts .exchange-arrow{margin:10px 0;transform:rotate(90deg)}}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-info p{color:#495057;font-size:14px;margin:0 0 5px}.nurse-schedule .schedule-content .schedule-main .tab-content .exchanges-tab .exchanges-list ul .exchange-item .exchange-details .exchange-info p:last-child{margin-bottom:0}.notifications-page{margin:0 auto;max-width:1200px;padding:20px}.notifications-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.notifications-page .page-header .page-title{color:#2d3748;font-size:24px;font-weight:600;margin:0}.notifications-page .page-header .header-actions{display:flex;gap:10px}.notifications-page .page-header .header-actions .btn-icon{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s}.notifications-page .page-header .header-actions .btn-icon:hover{background-color:#1d4ed8}.notifications-page .notifications-tabs{border-bottom:1px solid #e2e8f0;display:flex;margin-bottom:20px}.notifications-page .notifications-tabs .tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s ease}.notifications-page .notifications-tabs .tab-button:hover{color:#334155}.notifications-page .notifications-tabs .tab-button.active{border-bottom-color:#2563eb;color:#2563eb}.notifications-page .notifications-tabs .tab-button svg{font-size:16px;margin-right:8px}.notifications-page .notifications-tabs .tab-button .badge{align-items:center;background-color:#ef4444;border-radius:10px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:20px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px}.notifications-page .filters-container{margin-bottom:20px}.notifications-page .filters-container .search-filter{display:flex;justify-content:space-between;margin-bottom:15px}.notifications-page .filters-container .search-filter .search-input{flex:1 1;max-width:400px;position:relative}.notifications-page .filters-container .search-filter .search-input .search-icon{color:#94a3b8;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.notifications-page .filters-container .search-filter .search-input input{border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:14px;padding:10px 10px 10px 40px;width:100%}.notifications-page .filters-container .search-filter .search-input input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.notifications-page .filters-container .search-filter .search-input input::placeholder{color:#94a3b8}.notifications-page .filters-container .search-filter .filter-toggle-btn{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:14px;padding:8px 16px;transition:all .2s ease}.notifications-page .filters-container .search-filter .filter-toggle-btn:hover{background-color:#f1f5f9}.notifications-page .filters-container .search-filter .filter-toggle-btn.active{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.notifications-page .filters-container .search-filter .filter-toggle-btn svg{margin-right:8px}.notifications-page .filters-container .advanced-filters{animation:fadeIn .3s ease;background-color:#f8fafc;border-radius:6px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;padding:15px}.notifications-page .filters-container .advanced-filters .filter-group{align-items:center;display:flex;gap:8px}.notifications-page .filters-container .advanced-filters .filter-group label{color:#64748b;font-size:14px;font-weight:500}.notifications-page .filters-container .advanced-filters .filter-group select{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;font-size:14px;padding:8px 12px}.notifications-page .filters-container .advanced-filters .filter-group select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.notifications-page .loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.notifications-page .loading-container .spinner{animation:spin 1s linear infinite;font-size:24px;margin-bottom:10px}.notifications-page .error-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:40px 0}.notifications-page .error-container .error-message{color:#ef4444;font-weight:500}.notifications-page .notifications-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.notifications-page .notifications-list .notification-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:15px;padding:16px;transition:all .2s ease}.notifications-page .notifications-list .notification-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.notifications-page .notifications-list .notification-item.unread{background-color:#f0f7ff;border-left:4px solid #2563eb}.notifications-page .notifications-list .notification-item .notification-icon{align-items:flex-start;display:flex;padding-top:3px}.notifications-page .notifications-list .notification-item .notification-icon .icon{color:#2563eb;font-size:18px}.notifications-page .notifications-list .notification-item .notification-content{flex:1 1}.notifications-page .notifications-list .notification-item .notification-content .notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.notifications-page .notifications-list .notification-item .notification-content .notification-header .notification-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.notifications-page .notifications-list .notification-item .notification-content .notification-header .notification-date{color:#64748b;font-size:12px;margin-left:10px;white-space:nowrap}.notifications-page .notifications-list .notification-item .notification-content .notification-message{color:#475569;font-size:14px;line-height:1.5;margin-bottom:10px;position:relative}.notifications-page .notifications-list .notification-item .notification-content .notification-message .read-more{align-items:center;color:#2563eb;display:inline-flex;font-size:12px;margin-left:4px}.notifications-page .notifications-list .notification-item .notification-content .notification-branch{align-items:center;color:#64748b;display:flex;font-size:12px;margin-bottom:10px}.notifications-page .notifications-list .notification-item .notification-content .notification-branch svg{font-size:12px;margin-right:5px}.notifications-page .notifications-list .notification-item .notification-content .notification-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:5px}.notifications-page .notifications-list .notification-item .notification-content .notification-actions .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;padding:6px 12px;transition:all .2s ease}.notifications-page .notifications-list .notification-item .notification-content .notification-actions .action-btn svg{font-size:12px;margin-right:5px}.notifications-page .notifications-list .notification-item .notification-content .notification-actions .action-btn.mark-read{background-color:#eff6ff;color:#2563eb}.notifications-page .notifications-list .notification-item .notification-content .notification-actions .action-btn.mark-read:hover{background-color:#dbeafe}.notifications-page .notifications-list .notification-item .notification-content .notification-actions .action-btn.delete{background-color:#fee2e2;color:#ef4444}.notifications-page .notifications-list .notification-item .notification-content .notification-actions .action-btn.delete:hover{background-color:#fecaca}.notifications-page .notifications-list .notification-item .notification-content .notification-actions .read-status{align-items:center;color:#10b981;display:flex;font-size:12px}.notifications-page .notifications-list .notification-item .notification-content .notification-actions .read-status svg{margin-right:5px}.notifications-page .notifications-list .no-notifications{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.notifications-page .notifications-list .no-notifications .empty-icon{font-size:40px;margin-bottom:15px;opacity:.5}.notifications-page .notifications-list .no-notifications p{font-size:16px}.notifications-page .notification-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notifications-page .notification-modal{animation:slideIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;overflow:hidden;width:90%}.notifications-page .notification-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.notifications-page .notification-modal .modal-header .modal-title{color:#1e293b;font-size:18px;font-weight:600;margin:0}.notifications-page .notification-modal .modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:5px;transition:all .2s ease}.notifications-page .notification-modal .modal-header .close-btn:hover{background-color:#f1f5f9;color:#334155}.notifications-page .notification-modal .modal-body{max-height:60vh;overflow-y:auto;padding:20px}.notifications-page .notification-modal .modal-body .notification-detail-info{border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding-bottom:15px}.notifications-page .notification-modal .modal-body .notification-detail-info .detail-item{align-items:center;color:#64748b;display:flex;font-size:14px}.notifications-page .notification-modal .modal-body .notification-detail-info .detail-item .detail-icon{color:#2563eb;margin-right:8px}.notifications-page .notification-modal .modal-body .notification-detail-message{color:#334155;font-size:16px;line-height:1.6}.notifications-page .notification-modal .modal-body .notification-detail-message p{margin:0 0 10px}.notifications-page .notification-modal .modal-body .notification-detail-message p:last-child{margin-bottom:0}.notifications-page .notification-modal .modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.notifications-page .notification-modal .modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .2s ease}.notifications-page .notification-modal .modal-footer .btn.btn-secondary{background-color:#e2e8f0;color:#475569}.notifications-page .notification-modal .modal-footer .btn.btn-secondary:hover{background-color:#cbd5e1}.notifications-page .notification-modal .modal-footer .btn.btn-danger{background-color:#ef4444;color:#fff}.notifications-page .notification-modal .modal-footer .btn.btn-danger:hover{background-color:#dc2626}@media(max-width:768px){.notifications-page{padding:15px}.notifications-page .page-header{align-items:flex-start;flex-direction:column;gap:10px}.notifications-page .notifications-tabs .tab-button{font-size:14px;padding:10px 15px}.notifications-page .filters-container .search-filter{flex-direction:column;gap:10px}.notifications-page .filters-container .search-filter .search-input{max-width:100%}.notifications-page .filters-container .advanced-filters{flex-direction:column;gap:10px}.notifications-page .notification-modal{max-height:90vh;overflow-y:auto;width:95%}}.task-calendar{color:#3c4043;font-family:Google Sans,Roboto,Arial,sans-serif}.task-calendar .calendar-header{border-bottom:1px solid #dadce0;display:grid;grid-template-columns:repeat(7,1fr)}.task-calendar .calendar-header .day-name{color:#5f6368;font-size:12px;font-weight:500;padding:8px;text-align:center;text-transform:uppercase}.task-calendar .calendar-header .day-name.today{color:#1a73e8;font-weight:600}.task-calendar .calendar-header .day-name .day-number-header{color:#3c4043;font-size:24px;font-weight:400;margin-top:4px}.task-calendar .calendar-grid{display:grid}.task-calendar .calendar-grid.month-grid{grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);height:calc(100vh - 180px);min-height:600px}.task-calendar .calendar-grid.week-grid{grid-template-columns:repeat(7,1fr);grid-template-rows:1fr;height:calc(100vh - 180px);min-height:600px}.task-calendar .calendar-grid .calendar-day{border-bottom:1px solid #dadce0;border-right:1px solid #dadce0;overflow:hidden;padding:8px;position:relative}.task-calendar .calendar-grid .calendar-day.other-month{background-color:#f8f9fa}.task-calendar .calendar-grid .calendar-day.other-month .day-number{color:#bdc1c6}.task-calendar .calendar-grid .calendar-day.today .day-number{background-color:#1a73e8;color:#fff}.task-calendar .calendar-grid .calendar-day .day-header{margin-bottom:8px}.task-calendar .calendar-grid .calendar-day .day-header .day-number{align-items:center;border-radius:50%;display:inline-flex;font-size:12px;font-weight:500;height:24px;justify-content:center;width:24px}.task-calendar .calendar-grid .calendar-day .day-content{display:flex;flex-direction:column;gap:4px}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task{background-color:#fff;border-left:4px solid;border-radius:4px;box-shadow:0 1px 2px #3c40434d;cursor:pointer;font-size:12px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task:hover{box-shadow:0 1px 3px #3c404366}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task.high-priority{border-left-color:#ea4335}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task.high-priority.completed{opacity:.7;text-decoration:line-through}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task.medium-priority{border-left-color:#fbbc04}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task.medium-priority.completed{opacity:.7;text-decoration:line-through}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task.low-priority{border-left-color:#34a853}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task.low-priority.completed{opacity:.7;text-decoration:line-through}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task .task-time{color:#5f6368;font-size:11px;margin-bottom:2px}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task .task-title{color:#3c4043;font-weight:500}.task-calendar .calendar-grid .calendar-day .day-content .more-tasks{color:#1a73e8;cursor:pointer;font-size:11px;padding:2px 8px}.task-calendar .calendar-grid .calendar-day .day-content .more-tasks:hover{text-decoration:underline}.task-calendar .calendar-grid .calendar-day .day-content .no-tasks{align-items:center;color:#5f6368;display:flex;font-size:12px;height:100%;justify-content:center;opacity:.7}.task-calendar .day-view{display:flex;flex-direction:column;height:calc(100vh - 180px);min-height:600px}.task-calendar .day-view .day-header{border-bottom:1px solid #dadce0;padding:16px}.task-calendar .day-view .day-header .day-title{font-size:18px;font-weight:500}.task-calendar .day-view .day-hours{flex:1 1;overflow-y:auto}.task-calendar .day-view .day-hours .hour-row{border-bottom:1px solid #dadce0;display:flex;min-height:60px}.task-calendar .day-view .day-hours .hour-row .hour-label{border-right:1px solid #dadce0;color:#5f6368;font-size:12px;padding:8px;text-align:right;width:60px}.task-calendar .day-view .day-hours .hour-row .hour-content{flex:1 1;min-height:60px;padding:8px}.task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task{background-color:#fff;border-left:4px solid;border-radius:4px;box-shadow:0 1px 2px #3c40434d;cursor:pointer;font-size:13px;margin-bottom:8px;padding:8px}.task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task:hover{box-shadow:0 1px 3px #3c404366}.task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task.high-priority{border-left-color:#ea4335}.task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task.medium-priority{border-left-color:#fbbc04}.task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task.low-priority{border-left-color:#34a853}.task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task .task-time{color:#5f6368;font-size:12px;margin-bottom:4px}.task-calendar .day-view .day-hours .hour-row .hour-content .calendar-task .task-title{font-weight:500}.task-calendar .year-view{padding:16px}.task-calendar .year-view .months-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.task-calendar .year-view .months-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.task-calendar .year-view .months-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.task-calendar .year-view .months-grid{grid-template-columns:1fr}}.task-calendar .year-view .months-grid .month-card{border:1px solid #dadce0;border-radius:8px;overflow:hidden}.task-calendar .year-view .months-grid .month-card.current-month{border-color:#1a73e8}.task-calendar .year-view .months-grid .month-card.current-month .month-header{background-color:#e8f0fe}.task-calendar .year-view .months-grid .month-card.current-month .month-header h3{color:#1a73e8}.task-calendar .year-view .months-grid .month-card .month-header{background-color:#f1f3f4;border-bottom:1px solid #dadce0;padding:12px}.task-calendar .year-view .months-grid .month-card .month-header h3{font-size:16px;font-weight:500;margin:0}.task-calendar .year-view .months-grid .month-card .month-content{padding:16px}.task-calendar .year-view .months-grid .month-card .month-content .task-count{color:#5f6368;font-size:14px;margin-bottom:12px}.task-calendar .year-view .months-grid .month-card .month-content .view-tasks-btn{background-color:#e8f0fe;border-radius:4px;color:#1a73e8;cursor:pointer;display:inline-block;font-size:13px;font-weight:500;padding:6px 12px}.task-calendar .year-view .months-grid .month-card .month-content .view-tasks-btn:hover{background-color:#d0e0fd}@media(max-width:768px){.task-calendar .calendar-header .day-name{font-size:10px;padding:4px}.task-calendar .calendar-grid.month-grid,.task-calendar .calendar-grid.week-grid{min-height:500px}.task-calendar .calendar-grid .calendar-day{padding:4px}.task-calendar .calendar-grid .calendar-day .day-content .calendar-task{font-size:10px;padding:2px 4px}}.task-form{color:#3c4043;font-family:Google Sans,Roboto,Arial,sans-serif;padding:16px}.task-form .form-header{align-items:center;border-bottom:1px solid #dadce0;display:flex;justify-content:space-between;padding:16px}.task-form .form-header h2{font-size:18px;font-weight:500;margin:0}.task-form .form-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px}.task-form .form-header .close-button:hover{background-color:#f1f3f4}.task-form .form-group{margin-bottom:16px}.task-form .form-group label{color:#5f6368;display:block;font-size:14px;margin-bottom:8px}.task-form .form-group input,.task-form .form-group select,.task-form .form-group textarea{background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;font-size:14px;padding:8px 12px;width:100%}.task-form .form-group input:focus,.task-form .form-group select:focus,.task-form .form-group textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833;outline:none}.task-form .form-group textarea{min-height:100px;resize:vertical}.task-form .form-row{display:flex;gap:16px;margin-bottom:16px}.task-form .form-row .form-group{flex:1 1;margin-bottom:0}@media(max-width:576px){.task-form .form-row{flex-direction:column;gap:16px}}.task-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.task-form .form-actions button{border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.task-form .form-actions button.btn-primary{background-color:#1a73e8;border:none;color:#fff}.task-form .form-actions button.btn-primary:hover{background-color:#1567d3}.task-form .form-actions button.btn-secondary{background-color:#fff;border:1px solid #dadce0;color:#3c4043}.task-form .form-actions button.btn-secondary:hover{background-color:#f1f3f4}.task-details-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-details-modal .task-details-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.task-details-modal .task-details-content .details-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 20px 10px}.task-details-modal .task-details-content .details-header .task-title-section{flex:1 1}.task-details-modal .task-details-content .details-header .task-title-section h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 10px}.task-details-modal .task-details-content .details-header .task-title-section .status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px;text-transform:uppercase}.task-details-modal .task-details-content .details-header .task-title-section .status-badge.pending{background-color:#f0ad4e;color:#fff}.task-details-modal .task-details-content .details-header .task-title-section .status-badge.in_progress{background-color:#5bc0de;color:#fff}.task-details-modal .task-details-content .details-header .task-title-section .status-badge.completed{background-color:#5cb85c;color:#fff}.task-details-modal .task-details-content .details-header .close-button{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:5px}.task-details-modal .task-details-content .details-header .close-button:hover{color:#333}.task-details-modal .task-details-content .details-content{flex:1 1;overflow-y:auto;padding:20px}.task-details-modal .task-details-content .details-content .detail-section{margin-bottom:20px}.task-details-modal .task-details-content .details-content .detail-section h3{border-bottom:1px solid #eee;color:#555;font-size:1.1rem;font-weight:600;margin:0 0 10px;padding-bottom:8px}.task-details-modal .task-details-content .details-content .detail-section .description-text{color:#666;line-height:1.5;margin:0;white-space:pre-line}.task-details-modal .task-details-content .details-content .detail-section .detail-row{align-items:center;display:flex;margin-bottom:12px}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-label{align-items:center;color:#555;display:flex;font-weight:500;width:130px}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-label .detail-icon{color:#666;margin-right:8px}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-value{color:#333;flex:1 1}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-value .priority-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:3px 8px}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-value .priority-badge.high-priority{background-color:#f8d7da;color:#721c24}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-value .priority-badge.medium-priority{background-color:#fff3cd;color:#856404}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-value .priority-badge.low-priority{background-color:#d1ecf1;color:#0c5460}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-value .user-info{align-items:center;display:flex}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-value .user-info .user-name{font-weight:500}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-value .user-info .user-role{background-color:#e9ecef;border-radius:4px;color:#495057;font-size:.8rem;margin-left:8px;padding:2px 6px}.task-details-modal .task-details-content .details-actions{background-color:#f9f9f9;border-radius:0 0 8px 8px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.task-details-modal .task-details-content .details-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 15px;transition:background-color .2s}.task-details-modal .task-details-content .details-actions button svg{font-size:.9rem}.task-details-modal .task-details-content .details-actions button.btn-primary{background-color:#007bff;color:#fff}.task-details-modal .task-details-content .details-actions button.btn-primary:hover{background-color:#0069d9}.task-details-modal .task-details-content .details-actions button.btn-success{background-color:#28a745;color:#fff}.task-details-modal .task-details-content .details-actions button.btn-success:hover{background-color:#218838}.task-details-modal .task-details-content .details-actions button.btn-danger{background-color:#dc3545;color:#fff}.task-details-modal .task-details-content .details-actions button.btn-danger:hover{background-color:#c82333}@media(max-width:768px){.task-details-modal .task-details-content{max-height:95vh;width:95%}.task-details-modal .task-details-content .details-content .detail-section .detail-row{align-items:flex-start;flex-direction:column;margin-bottom:16px}.task-details-modal .task-details-content .details-content .detail-section .detail-row .detail-label{margin-bottom:4px;width:100%}.task-details-modal .task-details-content .details-actions{flex-wrap:wrap}.task-details-modal .task-details-content .details-actions button{flex:1 1;justify-content:center;min-width:120px}}.day-tasks-list{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.day-tasks-list .day-tasks-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 20px}.day-tasks-list .day-tasks-header h2{color:#333;font-size:1.2rem;font-weight:600;margin:0}.day-tasks-list .day-tasks-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:4px;transition:background-color .2s}.day-tasks-list .day-tasks-header .close-button:hover{background-color:#f0f0f0;color:#333}.day-tasks-list .day-tasks-content{flex:1 1;overflow-y:auto;padding:16px 20px}.day-tasks-list .day-tasks-content .tasks-list{display:flex;flex-direction:column;gap:12px}.day-tasks-list .day-tasks-content .tasks-list .task-item{background-color:#f9f9f9;border-radius:6px;cursor:pointer;display:flex;overflow:hidden;padding:12px;position:relative;transition:transform .2s,box-shadow .2s}.day-tasks-list .day-tasks-content .tasks-list .task-item:hover{box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-priority{bottom:0;left:0;position:absolute;top:0;width:4px}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-priority.high-priority{background-color:#e53935}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-priority.medium-priority{background-color:#fb8c00}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-priority.low-priority{background-color:#43a047}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info{flex:1 1;padding-left:8px}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info .task-title{color:#333;font-size:1rem;font-weight:500;margin:0 0 8px}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info .task-details{color:#666;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info .task-details .task-assignee,.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info .task-details .task-priority-label,.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info .task-details .task-time{align-items:center;display:flex;gap:4px}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info .task-details .task-assignee svg,.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info .task-details .task-priority-label svg,.day-tasks-list .day-tasks-content .tasks-list .task-item .task-info .task-details .task-time svg{font-size:.9rem;opacity:.7}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-status{align-self:flex-start;border-radius:12px;font-size:.75rem;font-weight:500;margin-left:8px;padding:4px 8px}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-status.completed{background-color:#e8f5e9;color:#2e7d32}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-status.in_progress{background-color:#e3f2fd;color:#1565c0}.day-tasks-list .day-tasks-content .tasks-list .task-item .task-status.pending{background-color:#fff8e1;color:#f57f17}.day-tasks-list .day-tasks-content .no-tasks{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px 0;text-align:center}.day-tasks-list .day-tasks-content .no-tasks p{font-size:1rem;margin:8px 0 0}.day-tasks-list .day-tasks-footer{border-top:1px solid #eaeaea;display:flex;justify-content:flex-end;padding:16px 20px}.day-tasks-list .day-tasks-footer .add-task-btn{align-items:center;background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.day-tasks-list .day-tasks-footer .add-task-btn:hover{background-color:#1565c0}.patient-details-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:16px}.patient-details-container .patient-details-header{align-items:center;background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.patient-details-container .patient-details-header .btn-back{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:5px 15px;transition:all .3s ease}.patient-details-container .patient-details-header .btn-back:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.patient-details-container .patient-details-header .patient-details-actions{display:flex;flex-wrap:wrap;gap:12px}.patient-details-container .patient-details-header .patient-details-actions .btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 18px;transition:all .3s ease}.patient-details-container .patient-details-header .patient-details-actions .btn.btn-outline{background:#fff;border:2px solid #e2e8f0;color:#64748b}.patient-details-container .patient-details-header .patient-details-actions .btn.btn-outline:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.patient-details-container .patient-details-header .patient-details-actions .btn.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.patient-details-container .patient-details-header .patient-details-actions .btn.btn-primary:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.patient-details-container .patient-details-header .patient-details-actions .btn.btn-success{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 12px #10b9814d;color:#fff}.patient-details-container .patient-details-header .patient-details-actions .btn.btn-success:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.patient-details-container .patient-details-content .patient-info-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;margin-bottom:32px;overflow:hidden}.patient-details-container .patient-details-content .patient-info-card .patient-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0;text-align:center}.patient-details-container .patient-details-content .patient-info-card .patient-info-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:24px;padding:32px;position:relative}.patient-details-container .patient-details-content .patient-info-card .patient-info-header: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='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.patient-details-container .patient-details-content .patient-info-card .patient-info-header>*{position:relative;z-index:1}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0000001a;display:flex;flex-shrink:0;font-size:36px;height:90px;justify-content:center;width:90px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info{flex:1 1}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-name{font-size:32px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 4px #0000001a}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-meta{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-meta .patient-id{font-size:16px;font-weight:500;opacity:.9}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-meta .patient-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:25px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-meta .patient-status.faol{background:#10b9814d;border-color:#10b98180}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-meta .patient-status.nofaol{background:#ef44444d;border-color:#ef444480}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;box-shadow:0 8px 32px #0000001a;min-width:320px;padding:24px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:20px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid{display:flex;flex-direction:column;gap:16px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item{align-items:center;display:flex;justify-content:space-between;padding:12px 0}@media(max-width:480px){.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 0}}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item .payment-label{color:#ffffffe6;font-size:14px;font-weight:600}@media(max-width:480px){.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item .payment-label{width:100%}}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item .payment-value{color:#fff;font-size:16px;font-weight:700}@media(max-width:480px){.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item .payment-value{width:100%}}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item .payment-value.total{color:#93c5fd}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item .payment-value.paid{color:#86efac}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item .payment-value.discount{color:#fbbf24}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item .payment-value.debt-amount{color:#fca5a5;font-size:18px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card .payment-summary-grid .payment-item.debt{border-top:1px solid #ffffff40;margin-top:12px;padding-top:16px}.patient-details-container .patient-details-content .patient-info-card .patient-info-body{padding:32px}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section{margin-bottom:32px}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section:last-child{margin-bottom:0}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .section-title{border-bottom:3px solid #e2e8f0;color:#1e293b;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:12px;position:relative}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .info-grid .info-item{background:#f8fafc;border-left:4px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .3s ease}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .info-grid .info-item:hover{border-left-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .info-grid .info-item .info-label{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:6px}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .info-grid .info-item .info-value{color:#1e293b;font-size:16px;font-weight:600}.patient-details-container .patient-details-content .debt-details-section{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;margin-bottom:32px;padding:32px}.patient-details-container .patient-details-content .debt-details-section .section-title{align-items:center;border-bottom:3px solid #e2e8f0;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:24px;padding-bottom:12px;position:relative}.patient-details-container .patient-details-content .debt-details-section .section-title:after{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:80px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid{display:flex;flex-direction:column;gap:24px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-card-header{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;justify-content:space-between;padding:20px 24px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-card-header .meeting-date{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-card-header .meeting-id{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:25px;color:#fff;font-size:14px;font-weight:600;padding:6px 16px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:24px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item{align-items:center;background:#f8fafc;border-left:4px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item .amount-label{color:#64748b;font-size:14px;font-weight:600}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item .amount-value{font-size:16px;font-weight:700}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item .amount-value.total{color:#3b82f6}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item .amount-value.paid{color:#10b981}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item .amount-value.discount{color:#f59e0b}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item .amount-value.debt{color:#ef4444}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item:first-child{border-left-color:#3b82f6}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item:nth-child(2){border-left-color:#10b981}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item:nth-child(3){border-left-color:#f59e0b}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item.debt-highlight,.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item:nth-child(4){background:#fef2f2;border-left-color:#ef4444}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section{background:#fafbfc;border-top:1px solid #e2e8f0;padding:24px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:700;gap:10px;margin-bottom:20px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list{display:flex;flex-direction:column;gap:16px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px 20px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-details{margin-bottom:12px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-details .comment-amounts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-details .comment-amounts .comment-amount{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-details .comment-amounts .comment-amount.paid{background:#dcfce7;color:#166534}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-details .comment-amounts .comment-amount.discount{background:#fef3c7;color:#92400e}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-details .comment-text{color:#374151;font-size:14px;font-style:italic;line-height:1.6;margin:0}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-meta{align-items:center;display:flex;justify-content:flex-end}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-meta .comment-date{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px}.patient-details-container .patient-details-content .patient-appointments-section{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;margin-bottom:32px;padding:32px}.patient-details-container .patient-details-content .patient-appointments-section .section-title{align-items:center;border-bottom:3px solid #e2e8f0;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:24px;padding-bottom:12px;position:relative}.patient-details-container .patient-details-content .patient-appointments-section .section-title:after{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:80px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-bottom:32px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;padding:24px;transition:all .3s ease}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card:hover{border-color:#667eea;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-header .status-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-header .status-badge.completed{background:#dcfce7;color:#166534}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-header .status-badge.scheduled{background:#fef3c7;color:#92400e}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-header .status-badge.cancelled{background:#fee2e2;color:#991b1b}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-header .appointment-id{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:4px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-body .appointment-info-item{display:flex;justify-content:space-between;margin-bottom:12px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-body .appointment-info-item .appointment-info-label{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:600;gap:8px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-body .appointment-info-item .appointment-info-value{color:#1e293b;font-size:14px;font-weight:600}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-body .appointment-info-item.appointment-comment{align-items:flex-start;flex-direction:column}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-body .appointment-info-item.appointment-comment .appointment-info-value{color:#64748b;font-style:italic;margin-top:6px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-footer{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card .appointment-card-footer .view-details{align-items:center;color:#3b82f6;display:flex;font-size:12px;font-weight:600;gap:6px}.patient-details-container .patient-details-content .patient-appointments-section .no-appointments{color:#64748b;font-size:16px;padding:60px;text-align:center}.patient-details-container .patient-details-content .patient-medicines-section{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014;margin-bottom:32px;padding:32px}.patient-details-container .patient-details-content .patient-medicines-section .section-title{align-items:center;border-bottom:3px solid #e2e8f0;color:#1e293b;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:24px;padding-bottom:12px;position:relative}.patient-details-container .patient-details-content .patient-medicines-section .section-title:after{background:linear-gradient(135deg,#10b981,#047857);border-radius:2px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:80px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:32px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card:hover{border-color:#10b981;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-header{align-items:center;background:linear-gradient(135deg,#10b981,#047857);display:flex;justify-content:space-between;padding:16px 20px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-header .medicine-id{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:6px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-header .medicine-date{align-items:center;color:#ffffffe6;display:flex;font-size:12px;font-weight:600;gap:6px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body{padding:24px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid .medicine-info-item{display:flex;flex-direction:column;gap:4px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid .medicine-info-item .medicine-info-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;text-transform:uppercase}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid .medicine-info-item .medicine-info-value{color:#1e293b;font-size:14px;font-weight:600}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid .medicine-info-item .medicine-info-value.total-price{color:#3b82f6;font-size:16px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid .medicine-info-item .medicine-info-value.final-price-value{color:#10b981;font-size:16px;font-weight:700}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid .medicine-info-item .medicine-info-value.discount{color:#f59e0b}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid .medicine-info-item.final-price{background:#f0fdf4;border-left:4px solid #10b981;border-radius:8px;grid-column:1/-1;padding:12px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-notes{background:#f8fafc;border-left:4px solid #64748b;border-radius:8px;padding:16px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-notes .medicine-notes-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-notes .medicine-notes-value{color:#374151;font-size:14px;font-style:italic;line-height:1.5}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 20px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-footer .medicine-updated{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:600;gap:6px}.patient-details-container .patient-details-content .patient-medicines-section .no-medicines{color:#64748b;padding:60px;text-align:center}.patient-details-container .patient-details-content .patient-medicines-section .no-medicines .no-data-icon{font-size:48px;margin-bottom:16px;opacity:.5}.patient-details-container .patient-details-content .patient-medicines-section .no-medicines p{font-size:16px;margin:0}.patient-details-container .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.patient-details-container .modal-overlay .modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;overflow-y:auto;width:100%}.patient-details-container .modal-overlay .modal-content.payment-modal{max-width:800px}.patient-details-container .modal-overlay .modal-content .modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 30px}.patient-details-container .modal-overlay .modal-content .modal-header h2{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.patient-details-container .modal-overlay .modal-content .modal-header .modal-close{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:18px;padding:8px;transition:all .2s ease}.patient-details-container .modal-overlay .modal-content .modal-header .modal-close:hover{background:#e2e8f0;color:#1e293b}.patient-details-container .modal-overlay .modal-content .modal-body{padding:30px}.patient-details-container .modal-overlay .modal-content .modal-body .loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px}.patient-details-container .modal-overlay .modal-content .modal-body .loading-state .spinner{animation:spin 1s linear infinite;font-size:24px;margin-bottom:12px}.patient-details-container .modal-overlay .modal-content .modal-body .error-state{align-items:center;color:#ef4444;display:flex;flex-direction:column;justify-content:center;padding:40px}.patient-details-container .modal-overlay .modal-content .modal-body .error-state svg{font-size:32px;margin-bottom:12px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:24px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:20px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item{align-items:center;background:#fff;border-left:4px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:12px 16px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item .label{color:#64748b;font-size:14px;font-weight:500}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item .value{font-size:15px;font-weight:600}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item .value.total{color:#3b82f6}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item .value.paid{color:#10b981}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item .value.discount{color:#f59e0b}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item .value.debt-amount{color:#ef4444;font-size:16px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item:first-child{border-left-color:#3b82f6}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item:nth-child(2){border-left-color:#10b981}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item:nth-child(3){border-left-color:#f59e0b}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item:nth-child(4){border-left-color:#ef4444}.patient-details-container .modal-overlay .modal-content .modal-body .payment-summary-section .summary-grid .summary-item.debt{background:#fef2f2;border-left-color:#ef4444;grid-column:1/-1}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:20px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards{display:flex;flex-direction:column;gap:20px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:all .2s ease}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-card-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;padding:16px 20px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-card-header .meeting-date{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-card-header .meeting-id{background:#fff3;border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item{align-items:center;background:#f8fafc;border-left:4px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item .amount-label{color:#64748b;font-size:13px;font-weight:500}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item .amount-value{font-size:14px;font-weight:600}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item .amount-value.total{color:#3b82f6}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item .amount-value.paid{color:#10b981}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item .amount-value.discount{color:#f59e0b}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item .amount-value.debt{color:#ef4444}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item:first-child{border-left-color:#3b82f6}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item:nth-child(2){border-left-color:#10b981}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item:nth-child(3){border-left-color:#f59e0b}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item.debt-highlight,.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-amounts-grid .amount-item:nth-child(4){background:#fef2f2;border-left-color:#ef4444}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-comments-section{background:#fafbfc;border-top:1px solid #e2e8f0;padding:20px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-comments-section .comments-title{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:16px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-comments-section .comments-list{display:flex;flex-direction:column;gap:12px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-comments-section .comments-list .comment-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;position:relative}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-comments-section .comments-list .comment-item .comment-text{color:#374151;font-size:14px;line-height:1.5;margin:0 0 8px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-comments-section .comments-list .comment-item .comment-meta{align-items:center;display:flex;justify-content:flex-end}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-comments-section .comments-list .comment-item .comment-meta .comment-date{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:500;gap:4px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-cards .debt-card .debt-comments-section .comments-list .comment-item:empty .comment-text{color:#9ca3af;font-style:italic}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table{border-collapse:collapse;width:100%}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table thead{background:#f8fafc}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table thead th{border-bottom:1px solid #e2e8f0;color:#374151;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr{transition:background-color .2s ease}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr:hover{background:#f8fafc}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr:not(:last-child){border-bottom:1px solid #f1f5f9}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr td{color:#1e293b;font-size:14px;padding:16px 12px}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr td.amount{font-weight:600;text-align:right}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr td.amount.total{color:#3b82f6}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr td.amount.paid{color:#10b981}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr td.amount.discount{color:#f59e0b}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .payment-history-table table tbody tr td.amount.debt{color:#ef4444}.patient-details-container .modal-overlay .modal-content .modal-body .payment-history-section .no-data{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;padding:40px;text-align:center}.patient-details-container .loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:40px}.patient-details-container .loading-container .loading-spinner{animation:spin 1s linear infinite;font-size:24px;margin-bottom:12px}.patient-details-container .error-container{align-items:center;color:#ef4444;display:flex;flex-direction:column;justify-content:center;padding:40px}.patient-details-container .error-container .error-icon{font-size:32px;margin-bottom:12px}.patient-details-container .error-container h2{font-size:18px;margin:0 0 8px}.patient-details-container .error-container p{margin:0 0 16px;text-align:center}.patient-details-container .error-container .btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.patient-details-container .error-container .btn:hover{background:#2563eb}@media(max-width:768px){.patient-details-container{padding:12px}.patient-details-container .patient-details-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.patient-details-container .patient-details-header .patient-details-title{font-size:24px;text-align:center}.patient-details-container .patient-details-header .patient-details-actions{flex-wrap:wrap;gap:8px;justify-content:center}.patient-details-container .patient-details-header .patient-details-actions .btn{font-size:12px;padding:10px 14px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header{align-items:center;flex-direction:column;gap:20px;padding:24px 16px;text-align:center}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-name{font-size:24px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-meta{gap:12px;justify-content:center}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .payment-summary-card{max-width:320px;min-width:auto;width:100%}.patient-details-container .patient-details-content .patient-info-card .patient-info-body{padding:20px 16px}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section{margin-bottom:24px}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .section-title{font-size:18px}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .info-grid{gap:12px;grid-template-columns:1fr}.patient-details-container .patient-details-content .patient-info-card .patient-info-body .info-section .info-grid .info-item{padding:12px}.patient-details-container .patient-details-content .debt-details-section,.patient-details-container .patient-details-content .patient-appointments-section,.patient-details-container .patient-details-content .patient-medicines-section{padding:20px 16px}.patient-details-container .patient-details-content .debt-details-section .section-title,.patient-details-container .patient-details-content .patient-appointments-section .section-title,.patient-details-container .patient-details-content .patient-medicines-section .section-title{font-size:20px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-card-header{flex-direction:column;gap:8px;padding:16px;text-align:center}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-card-header .meeting-date{font-size:16px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid{gap:12px;grid-template-columns:1fr;padding:16px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-amounts-grid .amount-item{padding:12px 16px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section{padding:16px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item{padding:12px 16px}.patient-details-container .patient-details-content .debt-details-section .debt-cards-grid .debt-card .debt-comments-section .comments-list .comment-item .comment-details .comment-amounts{gap:8px}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid{gap:16px;grid-template-columns:1fr}.patient-details-container .patient-details-content .patient-appointments-section .appointments-grid .appointment-card{padding:16px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid{gap:16px;grid-template-columns:1fr}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body{padding:16px}.patient-details-container .patient-details-content .patient-medicines-section .medicines-grid .medicine-card .medicine-card-body .medicine-info-grid{gap:12px;grid-template-columns:1fr}}@media(max-width:480px){.patient-details-container{padding:8px}.patient-details-container .patient-details-header{padding:12px}.patient-details-container .patient-details-header .patient-details-title{font-size:20px}.patient-details-container .patient-details-header .patient-details-actions .btn{font-size:11px;gap:4px;padding:8px 12px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header{padding:16px 12px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-avatar{font-size:28px;height:70px;width:70px}.patient-details-container .patient-details-content .patient-info-card .patient-info-header .patient-basic-info .patient-name{font-size:20px}.patient-details-container .patient-details-content .debt-details-section,.patient-details-container .patient-details-content .patient-appointments-section,.patient-details-container .patient-details-content .patient-info-card .patient-info-body,.patient-details-container .patient-details-content .patient-medicines-section{padding:16px 12px}.patient-details-container .patient-details-content .debt-details-section .section-title,.patient-details-container .patient-details-content .patient-appointments-section .section-title,.patient-details-container .patient-details-content .patient-medicines-section .section-title{font-size:18px}}.anatomy-viewer{background-color:#f5f7fa;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.anatomy-viewer .language-switcher-corner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:25px;box-shadow:0 4px 15px #0000001a;display:flex;gap:8px;padding:10px 15px;position:absolute;right:20px;top:20px;z-index:1000}.anatomy-viewer .language-switcher-corner .language-icon{color:#6b7280;font-size:16px}.anatomy-viewer .language-switcher-corner .language-select{background:#0000;border:none;color:#374151;cursor:pointer;font-size:14px;font-weight:500;outline:none}.anatomy-viewer .language-switcher-corner .language-select:hover{color:#3b82f6}@media(min-width:992px){.anatomy-viewer{flex-direction:row}}.anatomy-viewer .anatomy-model-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(2,18,34,.788),#0a1929);border-radius:0 0 20px 20px;box-shadow:0 8px 32px #0003;height:60vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:5}.anatomy-viewer .anatomy-model-container.scrolled{box-shadow:0 4px 16px #00000026;height:30vh;z-index:5}@media(min-width:768px){.anatomy-viewer .anatomy-model-container{height:75vh}.anatomy-viewer .anatomy-model-container.scrolled{height:35vh}}@media(min-width:992px){.anatomy-viewer .anatomy-model-container{border-radius:0;height:100vh;position:relative;width:55%}.anatomy-viewer .anatomy-model-container.scrolled{height:100vh}}.anatomy-viewer .anatomy-model-container canvas{height:100%;width:100%}.anatomy-viewer .anatomy-model-container .focus-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50px;bottom:15px;box-shadow:0 4px 20px #0003;color:#2c3e50;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 16px;position:absolute;right:15px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:20}.anatomy-viewer .anatomy-model-container .focus-button:hover{background:#fff;box-shadow:0 6px 25px #0000004d;transform:translateY(-2px)}.anatomy-viewer .anatomy-model-container .focus-button:active{transform:translateY(0)}.anatomy-viewer .anatomy-model-container .focus-button svg{color:#07c;font-size:16px}@media(max-width:768px){.anatomy-viewer .anatomy-model-container .focus-button{display:none}}.anatomy-viewer .loading-container{align-items:center;background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:20px;width:400px}.anatomy-viewer .loading-container .circular-progress{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.anatomy-viewer .loading-container .circular-progress:before{background-color:#fff;border-radius:50%;content:"";inset:10px;position:absolute}.anatomy-viewer .loading-container .circular-progress .progress-value{color:#07c;font-size:18px;font-weight:600;position:relative}.anatomy-viewer .loading-container .loading-text{color:#555;font-size:14px;margin-top:15px}.anatomy-viewer .loading-wrapper{align-items:center;background-color:#f5f7fa;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.anatomy-viewer .loading-wrapper .loading-spinner{animation:spin 1s linear infinite;border:4px solid #07c3;border-radius:50%;border-top-color:#07c;height:50px;margin-bottom:15px;width:50px}.anatomy-viewer .loading-wrapper p{color:#555;font-size:16px}.anatomy-viewer .error-message{align-items:center;background-color:#f5f7fa;color:#e74c3c;display:flex;font-size:18px;gap:10px;height:100vh;justify-content:center;width:100%}.anatomy-viewer .error-message svg{font-size:24px}.anatomy-viewer .anatomy-info-panel{background-color:#f5f7fa;border-radius:30px 30px 0 0;flex:1 1;margin-top:55vh;min-height:100vh;overflow-y:auto;padding:30px 0 0;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:10}.anatomy-viewer .anatomy-info-panel.scrolled{box-shadow:0 -8px 32px #0000001f;margin-top:30vh;z-index:15}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel{margin-top:75vh}.anatomy-viewer .anatomy-info-panel.scrolled{margin-top:35vh}}.anatomy-viewer .anatomy-info-panel.scrolled:before{background-color:#64748b;top:calc(30vh + 12px)}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel:before{top:calc(75vh + 12px)}.anatomy-viewer .anatomy-info-panel.scrolled:before{top:calc(35vh + 12px)}}@media(min-width:992px){.anatomy-viewer .anatomy-info-panel{border-radius:0;height:100vh;margin-top:0;padding:30px}.anatomy-viewer .anatomy-info-panel:before{display:none}.anatomy-viewer .anatomy-info-panel.scrolled{box-shadow:none;margin-top:0}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info{background-color:#fff;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 32px #00000014;margin:20px 16px 24px;overflow:hidden;padding:0}@media(min-width:992px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info{margin:0 0 24px}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info h3{background:linear-gradient(135deg,#f8fafc,#edf2f7);border-bottom:1px solid #e2e8f0;color:#1a202c;font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0;padding:24px 20px}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info h3{padding:24px 25px}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;padding:20px;transition:background-color .2s ease}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section{align-items:flex-start;flex-direction:row;padding:20px 25px}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section:hover{background-color:#fafbfc}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section:last-child{border-bottom:none}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section h4{color:#64748b;font-size:16px;font-weight:600;letter-spacing:-.3px;margin:0 0 12px;min-width:140px}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section h4{font-size:15px;margin:0}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section p{color:#1e293b;flex:1 1;font-size:16px;font-weight:500;line-height:1.6;margin:0}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section p{font-size:15px}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section{background-color:#f8fafc;display:block;padding:0}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section h4{align-items:center;background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border-bottom:1px solid #cbd5e0;color:#1a202c;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0;padding:20px}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section h4{padding:20px 25px}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section h4 svg{color:#07c;font-size:20px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category{border-bottom:1px solid #e2e8f0;padding:24px 20px}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category{padding:24px 25px}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category:last-child{border-bottom:none}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .category-name{align-items:center;border-bottom:2px dashed #cbd5e0;color:#1a202c;display:flex;font-size:18px;font-weight:700;gap:10px;letter-spacing:-.4px;margin-bottom:20px;padding-bottom:12px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .category-name svg{color:#07c;font-size:20px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list{gap:20px;grid-template-columns:repeat(2,1fr)}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item:before{background:linear-gradient(180deg,#07c,#0ea5e9);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item:hover{border-color:#bfdbfe;box-shadow:0 8px 32px #0077cc26;transform:translateY(-4px)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item:hover:before{opacity:1}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#60a5fa;box-shadow:0 8px 32px #3b82f640;transform:translateY(-2px)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item.selected:before{background:linear-gradient(180deg,#1d4ed8,#2563eb);opacity:1}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item.selected .service-header .service-name{color:#1d4ed8}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item.selected .service-tooth{background-color:#93c5fd;color:#1e40af}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-header .service-name{color:#1e293b;font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-header .service-tooth{background-color:#f1f5f9;border-radius:25px;color:#475569;font-size:12px;font-weight:600;letter-spacing:-.2px;padding:6px 12px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-description{color:#64748b;font-size:15px;line-height:1.6;margin:12px 0}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-details{align-items:center;border-top:1px dashed #cbd5e0;display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-details .service-clinic{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-details .service-clinic svg{color:#0ea5e9}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-details .service-price{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #e0f2fe;border-radius:12px;color:#1e293b;display:flex;font-size:15px;font-weight:700;gap:8px;padding:8px 16px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-category .services-list .service-item .service-details .service-price svg{color:#059669}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-instructions{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-top:1px solid #93c5fd;color:#1d4ed8;display:flex;font-size:15px;font-weight:500;gap:12px;margin:0;padding:20px}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-instructions{padding:20px 25px}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-instructions svg{color:#2563eb;font-size:18px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.dental-services-section .service-instructions p{color:#1d4ed8;font-weight:500;margin:0}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section{padding-bottom:24px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .files-container{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;width:100%}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#1e293b;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;max-width:100%;overflow:hidden;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#cbd5e0;box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button .file-icon{align-items:center;background-color:#f1f5f9;border-radius:12px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button .file-icon svg{color:#475569}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button .file-name{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button .download-icon{align-items:center;background-color:#f1f5f9;border-radius:10px;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button .download-icon svg{color:#475569}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button:hover .download-icon{background-color:#e2e8f0;transform:scale(1.1)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-pdf .file-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-pdf .file-icon svg{color:#dc2626}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-gif .file-icon,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-jpeg .file-icon,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-jpg .file-icon,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-png .file-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-gif .file-icon svg,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-jpeg .file-icon svg,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-jpg .file-icon svg,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-png .file-icon svg{color:#2563eb}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-doc .file-icon,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-docx .file-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-doc .file-icon svg,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-docx .file-icon svg{color:#1d4ed8}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-csv .file-icon,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-xls .file-icon,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-xlsx .file-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-csv .file-icon svg,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-xls .file-icon svg,.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section.files-section .file-download-button.file-type-xlsx .file-icon svg{color:#16a34a}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section .selected-parts-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:0;width:100%}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-section .selected-parts-list .selected-part-item{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:25px;box-shadow:0 2px 4px #3b82f61a;color:#1d4ed8;font-size:14px;font-weight:600;letter-spacing:-.2px;padding:8px 16px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-note{align-items:flex-start;background:linear-gradient(135deg,#fefbf3,#fef3c7);border-top:1px solid #f59e0b;display:flex;gap:16px;padding:20px}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-note{padding:20px 25px}}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-note svg{color:#d97706;font-size:20px;margin-top:2px}.anatomy-viewer .anatomy-info-panel .anatomy-diagnosis-info .info-note p{color:#92400e;font-size:15px;font-weight:500;line-height:1.6;margin:0}.anatomy-viewer .anatomy-info-panel .anatomy-instructions{background-color:#fff;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 32px #00000014;margin:0 16px 20px;padding:24px 20px}@media(min-width:768px){.anatomy-viewer .anatomy-info-panel .anatomy-instructions{padding:24px 25px}}@media(min-width:992px){.anatomy-viewer .anatomy-info-panel .anatomy-instructions{margin:0}}.anatomy-viewer .anatomy-info-panel .anatomy-instructions h4{align-items:center;color:#1a202c;display:flex;font-size:20px;font-weight:700;gap:12px;letter-spacing:-.4px;margin-bottom:20px}.anatomy-viewer .anatomy-info-panel .anatomy-instructions h4:before{background:linear-gradient(180deg,#07c,#0ea5e9);border-radius:3px;content:"";display:block;height:22px;width:5px}.anatomy-viewer .anatomy-info-panel .anatomy-instructions ul{margin:0;padding-left:24px}.anatomy-viewer .anatomy-info-panel .anatomy-instructions ul li{color:#475569;font-size:15px;font-weight:500;line-height:1.7;margin-bottom:14px;padding-left:8px;position:relative}.anatomy-viewer .anatomy-info-panel .anatomy-instructions ul li::marker{color:#07c;font-size:18px}.anatomy-viewer .anatomy-info-panel .anatomy-instructions ul li:last-child{margin-bottom:0}.anatomy-viewer .anatomy-info-panel{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.anatomy-viewer .anatomy-info-panel::-webkit-scrollbar{width:4px}.anatomy-viewer .anatomy-info-panel::-webkit-scrollbar-track{background:#0000}.anatomy-viewer .anatomy-info-panel::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.anatomy-viewer .anatomy-info-panel::-webkit-scrollbar-thumb:hover{background:#9ca3af}.appointment-details-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;position:relative}.appointment-details-container .language-switcher-corner-left{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:25px;box-shadow:0 4px 15px #0000001a;display:flex;gap:8px;left:20px;padding:10px 15px;position:absolute;top:20px}.appointment-details-container .language-switcher-corner-left .language-icon{color:#6b7280;font-size:16px}.appointment-details-container .language-switcher-corner-left .language-select{background:#0000;border:none;color:#374151;cursor:pointer;font-size:14px;font-weight:500;outline:none}.appointment-details-container .language-switcher-corner-left .language-select:hover{color:#3b82f6}.appointment-details-container .error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:4px solid #ef4444;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;left:25%;margin-bottom:20px;padding:12px 15px;position:absolute;top:20px;z-index:1000}@media(max-width:576px){.appointment-details-container .error-message{font-size:15px;font-weight:400;left:50%;padding:2px 5px;text-align:center;top:5px;width:50%}}.appointment-details-container .model-container{background-color:rgba(2,18,34,.788);flex:1 1}.appointment-details-container .model-container canvas{height:100%!important;width:100%!important}.appointment-details-container .details-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-left:1px solid #fff3;box-shadow:-10px 0 30px #0000001a;overflow-y:auto;padding:30px;width:450px}.appointment-details-container .details-form .selected-organs-header{margin-bottom:25px}.appointment-details-container .details-form .selected-organs-header h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1f2937;display:flex;font-size:22px;font-weight:700;gap:10px}.appointment-details-container .details-form .selected-organs-header h2 .question-mark{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:8px;position:relative;width:20px}.appointment-details-container .details-form .selected-organs-header h2 .question-mark .tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:10px;bottom:30px;box-shadow:0 8px 25px #0000004d;color:#fff;font-size:12px;font-weight:400;left:50%;padding:15px 20px;position:absolute;transform:translateX(-50%);white-space:nowrap;white-space:normal;width:300px;z-index:1000}.appointment-details-container .details-form .selected-organs-header h2 .question-mark .tooltip:after{border:8px solid #0000;border-top-color:#000000e6;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.appointment-details-container .details-form .selected-organs-header h2 .question-mark .tooltip p{color:#fbbf24;font-weight:600;margin:0 0 10px}.appointment-details-container .details-form .selected-organs-header h2 .question-mark .tooltip ol{margin:0;padding-left:15px}.appointment-details-container .details-form .selected-organs-header h2 .question-mark .tooltip ol li{line-height:1.4;margin-bottom:5px}.appointment-details-container .details-form .category-section{background:#ffffffb3;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:20px}.appointment-details-container .details-form .category-section label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.appointment-details-container .details-form .category-section .category-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;padding:12px 15px;transition:all .3s ease;width:100%}.appointment-details-container .details-form .category-section .category-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.appointment-details-container .details-form .category-section .selected-category-info{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:4px solid #10b981;border-radius:8px;color:#065f46;font-size:13px;font-weight:500;margin-top:10px;padding:10px 15px}.appointment-details-container .details-form .category-section .selected-category-info strong{color:#047857}.appointment-details-container .details-form .selected-teeth-section{background:#ffffffb3;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:20px}.appointment-details-container .details-form .selected-teeth-section h3{color:#374151;font-size:16px;font-weight:600;margin-bottom:15px}.appointment-details-container .details-form .selected-teeth-section .teeth-list{display:flex;flex-wrap:wrap;gap:8px}.appointment-details-container .details-form .selected-teeth-section .teeth-list .selected-tooth-tag{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.appointment-details-container .details-form .selected-teeth-section .teeth-list .selected-tooth-tag .remove-tooth-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:16px;justify-content:center;padding:0;transition:background-color .2s ease;width:16px}.appointment-details-container .details-form .selected-teeth-section .teeth-list .selected-tooth-tag .remove-tooth-button:hover{background:#fff3}.appointment-details-container .details-form .selected-services-section{background:#ffffffb3;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000000d;margin-bottom:25px;padding:20px}.appointment-details-container .details-form .selected-services-section h3{color:#374151;font-size:16px;font-weight:600;margin-bottom:15px}.appointment-details-container .details-form .selected-services-section .services-list{display:flex;flex-direction:column;gap:12px}.appointment-details-container .details-form .selected-services-section .services-list .tooth-services{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-left:4px solid #10b981;border-radius:10px;padding:12px 15px}.appointment-details-container .details-form .selected-services-section .services-list .tooth-services .tooth-number{color:#047857;font-size:14px;font-weight:700;margin-bottom:5px}.appointment-details-container .details-form .selected-services-section .services-list .tooth-services .service-count{color:#065f46;font-size:12px;font-weight:500}.appointment-details-container .details-form .selected-services-section .services-list .tooth-services .service-ids{color:#6b7280;font-family:monospace;font-size:11px;margin-top:3px}.appointment-details-container .details-form .clear-selections-container{margin-bottom:25px;text-align:center}.appointment-details-container .details-form .clear-selections-container .clear-selections-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.appointment-details-container .details-form .clear-selections-container .clear-selections-button:hover{box-shadow:0 8px 25px #ef44444d;transform:translateY(-2px)}.appointment-details-container .details-form .diagnosis-section{background:#fffc;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 4px 15px #0000000d;padding:25px}.appointment-details-container .details-form .diagnosis-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.appointment-details-container .details-form .diagnosis-section .form-group{margin-bottom:20px}.appointment-details-container .details-form .diagnosis-section .form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.appointment-details-container .details-form .diagnosis-section .form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:14px;padding:12px 15px;resize:vertical;transition:all .3s ease;width:100%}.appointment-details-container .details-form .diagnosis-section .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.appointment-details-container .details-form .diagnosis-section .form-group textarea::placeholder{color:#9ca3af}.appointment-details-container .details-form .diagnosis-section .button-group{display:flex;gap:15px;justify-content:center}.appointment-details-container .details-form .diagnosis-section .button-group .save-button,.appointment-details-container .details-form .diagnosis-section .button-group .upload-button{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s ease}.appointment-details-container .details-form .diagnosis-section .button-group .save-button:disabled,.appointment-details-container .details-form .diagnosis-section .button-group .upload-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.appointment-details-container .details-form .diagnosis-section .button-group .upload-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.appointment-details-container .details-form .diagnosis-section .button-group .upload-button:hover:not(:disabled){box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.appointment-details-container .details-form .diagnosis-section .button-group .upload-button.success{background:linear-gradient(135deg,#10b981,#059669)}.appointment-details-container .details-form .diagnosis-section .button-group .upload-button.success .checkmark{font-size:16px;font-weight:700}.appointment-details-container .details-form .diagnosis-section .button-group .save-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.appointment-details-container .details-form .diagnosis-section .button-group .save-button:hover:not(:disabled){box-shadow:0 8px 25px #10b9814d;transform:translateY(-2px)}.appointment-details-container .details-form .diagnosis-section .button-group .save-button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.appointment-details-container .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.appointment-details-container .service-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow:hidden}.appointment-details-container .service-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:25px 30px}.appointment-details-container .service-modal .modal-header h2{color:#1f2937;font-size:18px;font-weight:700;margin:0}.appointment-details-container .service-modal .modal-header .close-button{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:24px;padding:5px;transition:all .2s ease}.appointment-details-container .service-modal .modal-header .close-button:hover{background:#f3f4f6;color:#374151}.appointment-details-container .service-modal .modal-body{max-height:50vh;overflow-y:auto;padding:25px 30px}.appointment-details-container .service-modal .modal-body .loading-services{align-items:center;color:#6b7280;display:flex;gap:12px;justify-content:center;padding:40px 20px}.appointment-details-container .service-modal .modal-body .loading-services .spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:20px;width:20px}.appointment-details-container .service-modal .modal-body .services-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.appointment-details-container .service-modal .modal-body .services-grid .service-item .service-checkbox{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .3s ease}.appointment-details-container .service-modal .modal-body .services-grid .service-item .service-checkbox:hover{background:#f8fafc;border-color:#3b82f6}.appointment-details-container .service-modal .modal-body .services-grid .service-item .service-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.appointment-details-container .service-modal .modal-body .services-grid .service-item .service-checkbox .service-info{flex:1 1}.appointment-details-container .service-modal .modal-body .services-grid .service-item .service-checkbox .service-info .service-name{color:#1f2937;font-weight:600;margin-bottom:4px}.appointment-details-container .service-modal .modal-body .services-grid .service-item .service-checkbox .service-info .service-id{color:#6b7280;font-family:monospace;font-size:12px;margin-bottom:4px}.appointment-details-container .service-modal .modal-body .services-grid .service-item .service-checkbox .service-info .service-price{color:#10b981;font-size:14px;font-weight:600}.appointment-details-container .service-modal .modal-body .no-services{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}.appointment-details-container .service-modal .modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:flex-end;padding:20px 30px}.appointment-details-container .service-modal .modal-footer .close-modal-button{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.appointment-details-container .service-modal .modal-footer .close-modal-button:hover{background:#4b5563}.appointment-details-container .upload-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;overflow:hidden;width:600px}.appointment-details-container .upload-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:25px 30px}.appointment-details-container .upload-modal .modal-header h2{color:#1f2937;font-size:18px;font-weight:700;margin:0}.appointment-details-container .upload-modal .modal-header .close-button{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:24px;padding:5px;transition:all .2s ease}.appointment-details-container .upload-modal .modal-header .close-button:hover{background:#f3f4f6;color:#374151}.appointment-details-container .upload-modal .modal-body{padding:25px 30px}.appointment-details-container .upload-modal .modal-body .drop-area{background:#f9fafb;border:3px dashed #d1d5db;border-radius:15px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.appointment-details-container .upload-modal .modal-body .drop-area.dragging,.appointment-details-container .upload-modal .modal-body .drop-area:hover{background:#f0f9ff;border-color:#3b82f6}.appointment-details-container .upload-modal .modal-body .drop-area .upload-icon{font-size:48px;margin-bottom:15px}.appointment-details-container .upload-modal .modal-body .drop-area p{color:#374151;font-size:16px;font-weight:600;margin-bottom:10px}.appointment-details-container .upload-modal .modal-body .drop-area .formats-info{color:#6b7280;font-size:12px}.appointment-details-container .upload-modal .modal-body .selected-files{margin-top:25px}.appointment-details-container .upload-modal .modal-body .selected-files h3{color:#374151;font-size:16px;font-weight:600;margin-bottom:15px}.appointment-details-container .upload-modal .modal-body .selected-files .file-list{max-height:200px;overflow-y:auto}.appointment-details-container .upload-modal .modal-body .selected-files .file-list .file-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px 15px}.appointment-details-container .upload-modal .modal-body .selected-files .file-list .file-item .file-type{color:#6b7280;font-size:12px;font-weight:600;min-width:40px;text-transform:uppercase}.appointment-details-container .upload-modal .modal-body .selected-files .file-list .file-item .file-name{color:#374151;flex:1 1;font-size:14px;word-break:break-all}.appointment-details-container .upload-modal .modal-body .selected-files .file-list .file-item .file-size{color:#9ca3af;font-size:12px;min-width:60px;text-align:right}.appointment-details-container .upload-modal .modal-body .selected-files .file-list .file-item .remove-button{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;transition:background-color .2s ease;width:24px}.appointment-details-container .upload-modal .modal-body .selected-files .file-list .file-item .remove-button:hover{background:#dc2626}.appointment-details-container .upload-modal .modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.appointment-details-container .upload-modal .modal-footer .cancel-button{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.appointment-details-container .upload-modal .modal-footer .cancel-button:hover{background:#4b5563}.appointment-details-container .upload-modal .modal-footer .upload-button-modal{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.appointment-details-container .upload-modal .modal-footer .upload-button-modal:hover:not(:disabled){box-shadow:0 4px 15px #3b82f64d;transform:translateY(-1px)}.appointment-details-container .upload-modal .modal-footer .upload-button-modal:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.appointment-details-container .upload-modal .modal-footer .upload-button-modal .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.appointment-details-container .success-modal{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;text-align:center}.appointment-details-container .success-modal .success-icon{animation:successPulse .6s ease-out;color:#10b981;font-size:64px;margin-bottom:20px}.appointment-details-container .success-modal h2{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:10px}.appointment-details-container .success-modal p{color:#6b7280;font-size:16px;margin:0}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.appointment-details-container{flex-direction:column}.appointment-details-container .model-container{height:60vh}.appointment-details-container .details-form{border-left:none;border-top:1px solid #fff3;height:40vh;width:100%}.appointment-details-container .language-switcher-corner-left{left:10px;padding:8px 12px;top:10px}}@media(max-width:768px){.appointment-details-container .model-container{height:50vh}.appointment-details-container .details-form{height:50vh;padding:20px}.appointment-details-container .details-form .selected-organs-header h2{font-size:18px}.appointment-details-container .details-form .diagnosis-section{padding:20px}.appointment-details-container .details-form .diagnosis-section h2{font-size:16px}.appointment-details-container .details-form .diagnosis-section .button-group{flex-direction:column}.appointment-details-container .details-form .diagnosis-section .button-group .save-button,.appointment-details-container .details-form .diagnosis-section .button-group .upload-button{justify-content:center;width:100%}.appointment-details-container .service-modal,.appointment-details-container .upload-modal{margin:20px;max-width:calc(100vw - 40px);width:auto}.appointment-details-container .service-modal .modal-body,.appointment-details-container .upload-modal .modal-body{padding:20px}.appointment-details-container .language-switcher-corner-left{left:5px;padding:6px 10px;top:5px}.appointment-details-container .language-switcher-corner-left .language-select{font-size:12px}}@media(max-width:480px){.appointment-details-container .details-form,.appointment-details-container .details-form .category-section,.appointment-details-container .details-form .diagnosis-section,.appointment-details-container .details-form .selected-services-section,.appointment-details-container .details-form .selected-teeth-section{padding:15px}.appointment-details-container .details-form .diagnosis-section .form-group{margin-bottom:15px}.appointment-details-container .details-form .diagnosis-section .form-group textarea{padding:10px 12px}.appointment-details-container .success-modal{margin:20px;padding:30px}.appointment-details-container .success-modal .success-icon{font-size:48px}.appointment-details-container .success-modal h2{font-size:20px}.appointment-details-container .success-modal p{font-size:14px}}.pagination-container{align-items:center;display:flex;flex-direction:column;margin-top:20px;padding:10px;width:100%}@media(min-width:768px){.pagination-container{flex-direction:row;justify-content:space-between}}.pagination-info{color:#666;font-size:14px;margin-bottom:10px}@media(min-width:768px){.pagination-info{margin-bottom:0}}.pagination-controls{align-items:center;display:flex;flex-direction:column;gap:10px}@media(min-width:768px){.pagination-controls{flex-direction:row;gap:20px}}.items-per-page{align-items:center;display:flex;gap:8px;margin-bottom:10px}@media(min-width:768px){.items-per-page{margin-bottom:0}}.items-per-page label{color:#666;font-size:14px}.items-per-page-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:5px 8px}.pagination{display:flex;gap:5px;list-style:none;margin:0;padding:0}.pagination-item{display:inline-block}.pagination-link{align-items:center;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;height:32px;justify-content:center;min-width:32px;padding:0 6px;text-decoration:none;transition:all .2s ease}.pagination-link:hover{background-color:#f5f5f5;border-color:#ccc}.pagination .active .pagination-link{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.pagination .disabled .pagination-link{color:#ccc;cursor:not-allowed}.pagination .disabled .pagination-link:hover{background-color:#0000;border-color:#ddd}.confirm-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;max-width:500px;overflow:hidden;width:90%}.confirm-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;padding:16px 20px}.confirm-modal-header.warning{background-color:#fff3cd;color:#856404}.confirm-modal-header.success{background-color:#d4edda;color:#155724}.confirm-modal-header.danger{background-color:#f8d7da;color:#721c24}.confirm-modal-header h3{flex:1 1;font-size:18px;font-weight:600;margin:0}.confirm-modal-icon{align-items:center;display:flex;font-size:20px;margin-right:12px}.confirm-modal-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:18px;justify-content:center;opacity:.7;padding:4px;transition:opacity .2s}.confirm-modal-close:hover{opacity:1}.confirm-modal-body{font-size:16px;line-height:1.5;padding:20px}.confirm-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.confirm-modal-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.confirm-modal-btn.confirm-modal-cancel{background-color:#f8f9fa;border:1px solid #dee2e6;color:#212529}.confirm-modal-btn.confirm-modal-cancel:hover{background-color:#e9ecef}.confirm-modal-btn.confirm-modal-warning{background-color:#ffc107;color:#212529}.confirm-modal-btn.confirm-modal-warning:hover{background-color:#d39e00}.confirm-modal-btn.confirm-modal-success{background-color:#198754;color:#fff}.confirm-modal-btn.confirm-modal-success:hover{background-color:#157147}.confirm-modal-btn.confirm-modal-danger{background-color:#dc3545;color:#fff}.confirm-modal-btn.confirm-modal-danger:hover{background-color:#d32535}@media(max-width:576px){.confirm-modal{width:95%}.confirm-modal-footer{flex-direction:column}.confirm-modal-btn{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal{animation:slideIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;max-width:500px;overflow:hidden;width:90%}.success-modal-header{align-items:center;background-color:#d4edda;border-bottom:1px solid #c3e6cb;color:#155724;display:flex;padding:16px 20px}.success-modal-header h3{flex:1 1;font-size:18px;font-weight:600;margin:0}.success-modal-icon{align-items:center;display:flex;font-size:20px;margin-right:12px}.success-modal-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:18px;justify-content:center;opacity:.7;padding:4px;transition:opacity .2s}.success-modal-close:hover{opacity:1}.success-modal-body{font-size:16px;line-height:1.5;padding:20px}.success-modal-footer{border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:16px 20px}.success-modal-btn{background-color:#198754;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 24px;transition:all .2s}.success-modal-btn:hover{background-color:#157147}@media(max-width:576px){.success-modal{width:95%}}.service-prices{background:#f8fafc;min-height:100vh;padding:24px}@media(max-width:768px){.service-prices{padding:12px}}@media(max-width:480px){.service-prices{padding:8px}}.service-prices .api-error-banner{left:50%;max-width:600px;position:fixed;top:20px;transform:translateX(-50%);width:90%;z-index:1001}.service-prices .api-error-banner .error-content{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;box-shadow:0 10px 25px #ef44444d;color:#fff;display:flex;gap:12px;padding:16px 20px}.service-prices .api-error-banner .error-content .error-icon{flex-shrink:0;font-size:20px}.service-prices .api-error-banner .error-content .error-message{flex:1 1;font-weight:500}.service-prices .api-error-banner .error-content .error-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .2s;width:28px}.service-prices .api-error-banner .error-content .error-close:hover{background:#ffffff4d}.service-prices-loading{align-items:center;display:flex;flex-direction:column;height:400px;justify-content:center}.service-prices-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@media(max-width:768px){.service-prices-loading .loading-spinner{border-width:3px;height:32px;width:32px}}.service-prices-loading p{color:#64748b;font-size:16px}@media(max-width:768px){.service-prices-loading p{font-size:14px}}.service-prices-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}@media(max-width:768px){.service-prices-header{flex-direction:column;gap:16px;margin-bottom:16px;padding:16px}}@media(max-width:480px){.service-prices-header{margin-bottom:12px;padding:12px}}.service-prices-header .header-title{align-items:center;display:flex;gap:12px}@media(max-width:768px){.service-prices-header .header-title{flex-direction:column;gap:8px;text-align:center}}.service-prices-header .header-title .title-icon{color:#059669;font-size:28px}@media(max-width:768px){.service-prices-header .header-title .title-icon{font-size:24px}}.service-prices-header .header-title .title-content{display:flex;flex-direction:column;gap:4px}@media(max-width:768px){.service-prices-header .header-title .title-content{align-items:center}}.service-prices-header .header-title .title-content h1{color:#1e293b;font-size:28px;font-weight:700;margin:0}@media(max-width:768px){.service-prices-header .header-title .title-content h1{font-size:22px}}@media(max-width:480px){.service-prices-header .header-title .title-content h1{font-size:20px}}.service-prices-header .header-title .title-content .service-count{align-self:flex-start;background:#f0f9ff;border-radius:20px;color:#0369a1;font-size:14px;font-weight:500;padding:4px 12px}@media(max-width:768px){.service-prices-header .header-title .title-content .service-count{align-self:center;font-size:13px}}.service-prices-header .header-actions{display:flex;gap:12px}@media(max-width:768px){.service-prices-header .header-actions{gap:8px;justify-content:center;width:100%}}@media(max-width:480px){.service-prices-header .header-actions{flex-direction:column;gap:8px}}.service-prices-header .header-actions .add-service-btn,.service-prices-header .header-actions .category-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s}@media(max-width:768px){.service-prices-header .header-actions .add-service-btn,.service-prices-header .header-actions .category-btn{font-size:14px;padding:10px 16px}}@media(max-width:480px){.service-prices-header .header-actions .add-service-btn,.service-prices-header .header-actions .category-btn{justify-content:center;padding:12px 16px;width:100%}.service-prices-header .header-actions .add-service-btn span,.service-prices-header .header-actions .category-btn span{display:inline}}.service-prices-header .header-actions .category-btn{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff}.service-prices-header .header-actions .category-btn:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed);box-shadow:0 4px 12px #7c3aed4d;transform:translateY(-1px)}.service-prices-header .header-actions .add-service-btn{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.service-prices-header .header-actions .add-service-btn:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 12px #0596694d;transform:translateY(-1px)}.service-prices-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}@media(max-width:768px){.service-prices-controls{flex-direction:column;gap:16px;margin-bottom:16px;padding:12px}}.service-prices-controls .search-filter-section{display:flex;flex:1 1;gap:16px}@media(max-width:768px){.service-prices-controls .search-filter-section{flex-direction:column;gap:12px;width:100%}}.service-prices-controls .search-filter-section .filter-box,.service-prices-controls .search-filter-section .search-box{position:relative}@media(max-width:768px){.service-prices-controls .search-filter-section .filter-box,.service-prices-controls .search-filter-section .search-box{width:100%}}.service-prices-controls .search-filter-section .search-box{flex:1 1;max-width:400px;position:relative}@media(max-width:768px){.service-prices-controls .search-filter-section .search-box{max-width:none}}.service-prices-controls .search-filter-section .search-box .search-icon{color:#64748b;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.service-prices-controls .search-filter-section .search-box input{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}@media(max-width:768px){.service-prices-controls .search-filter-section .search-box input{font-size:16px;padding:14px 14px 14px 42px}}.service-prices-controls .search-filter-section .search-box input:focus{border-color:#3b82f6;outline:none}.service-prices-controls .search-filter-section .search-box input::placeholder{color:#94a3b8}.service-prices-controls .search-filter-section .filter-box{min-width:200px;position:relative}@media(max-width:768px){.service-prices-controls .search-filter-section .filter-box{min-width:auto}}.service-prices-controls .search-filter-section .filter-box .filter-icon{color:#64748b;font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.service-prices-controls .search-filter-section .filter-box select{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 12px 12px 40px;transition:border-color .2s;width:100%}@media(max-width:768px){.service-prices-controls .search-filter-section .filter-box select{font-size:16px;padding:14px 14px 14px 42px}}.service-prices-controls .search-filter-section .filter-box select:focus{border-color:#3b82f6;outline:none}.service-prices-controls .view-controls{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;padding:4px}@media(max-width:768px){.service-prices-controls .view-controls{justify-content:center;width:100%}}.service-prices-controls .view-controls .view-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;gap:6px;padding:8px 12px;transition:all .2s}@media(max-width:768px){.service-prices-controls .view-controls .view-btn{flex:1 1;justify-content:center;padding:10px 16px}}@media(max-width:480px){.service-prices-controls .view-controls .view-btn .view-label{display:none}}.service-prices-controls .view-controls .view-btn:hover{color:#3b82f6}.service-prices-controls .view-controls .view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.service-prices .services-container{grid-gap:20px;display:grid;gap:20px;margin-bottom:32px}@media(max-width:768px){.service-prices .services-container{gap:12px;margin-bottom:16px}}.service-prices .services-container.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media(max-width:768px){.service-prices .services-container.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:480px){.service-prices .services-container.grid{grid-template-columns:1fr}}.service-prices .services-container.list{grid-template-columns:1fr}.service-prices .services-container .service-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;padding:20px;transition:all .2s}@media(max-width:768px){.service-prices .services-container .service-card{padding:14px}}@media(max-width:480px){.service-prices .services-container .service-card{padding:12px}}.service-prices .services-container .service-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.service-prices .services-container .service-card .service-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}@media(max-width:480px){.service-prices .services-container .service-card .service-header{flex-direction:column;gap:8px}}.service-prices .services-container .service-card .service-header .service-info{flex:1 1}.service-prices .services-container .service-card .service-header .service-info .service-name{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 8px}@media(max-width:768px){.service-prices .services-container .service-card .service-header .service-info .service-name{font-size:15px}}@media(max-width:480px){.service-prices .services-container .service-card .service-header .service-info .service-name{font-size:14px;margin-bottom:4px}}.service-prices .services-container .service-card .service-header .service-info .service-name .tooth-icon{color:#059669;font-size:16px}@media(max-width:480px){.service-prices .services-container .service-card .service-header .service-info .service-name .tooth-icon{font-size:13px}}.service-prices .services-container .service-card .service-header .service-info .service-category{background:#f3e8ff;border-radius:20px;color:#7c3aed;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}@media(max-width:480px){.service-prices .services-container .service-card .service-header .service-info .service-category{font-size:10px;padding:2px 8px}}.service-prices .services-container .service-card .service-header .service-actions{display:flex;gap:4px}@media(max-width:480px){.service-prices .services-container .service-card .service-header .service-actions{justify-content:flex-end;width:100%}}.service-prices .services-container .service-card .service-header .service-actions .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}@media(max-width:480px){.service-prices .services-container .service-card .service-header .service-actions .action-btn{font-size:13px;height:32px;width:32px}}.service-prices .services-container .service-card .service-header .service-actions .action-btn.view-btn{background:#e0f2fe;color:#0369a1}.service-prices .services-container .service-card .service-header .service-actions .action-btn.view-btn:hover{background:#0369a1;color:#fff}.service-prices .services-container .service-card .service-header .service-actions .action-btn.edit-btn{background:#fef3c7;color:#d97706}.service-prices .services-container .service-card .service-header .service-actions .action-btn.edit-btn:hover{background:#d97706;color:#fff}.service-prices .services-container .service-card .service-header .service-actions .action-btn.delete-btn{background:#fecaca;color:#dc2626}.service-prices .services-container .service-card .service-header .service-actions .action-btn.delete-btn:hover{background:#dc2626;color:#fff}.service-prices .services-container .service-card .service-body .service-description{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:16px}@media(max-width:768px){.service-prices .services-container .service-card .service-body .service-description{font-size:12px;margin-bottom:10px}}.service-prices .services-container .service-card .service-body .service-details{display:flex;flex-direction:column;gap:8px}.service-prices .services-container .service-card .service-body .service-details .detail-item{align-items:center;display:flex;justify-content:space-between}.service-prices .services-container .service-card .service-body .service-details .detail-item .detail-label{color:#64748b;font-size:14px}@media(max-width:768px){.service-prices .services-container .service-card .service-body .service-details .detail-item .detail-label{font-size:12px}}.service-prices .services-container .service-card .service-body .service-details .detail-item .detail-value{color:#1e293b;font-weight:600}@media(max-width:768px){.service-prices .services-container .service-card .service-body .service-details .detail-item .detail-value{font-size:14px}}.service-prices .services-container .service-card .service-body .service-details .detail-item .detail-value.price{color:#059669;font-size:16px}@media(max-width:768px){.service-prices .services-container .service-card .service-body .service-details .detail-item .detail-value.price{font-size:14px}}.service-prices .services-container .service-card .service-footer{border-top:1px solid #f1f5f9;margin-top:16px;padding-top:16px}@media(max-width:768px){.service-prices .services-container .service-card .service-footer{margin-top:10px;padding-top:10px}}.service-prices .services-container .service-card .service-footer .click-hint{align-items:center;color:#64748b;display:flex;font-size:12px;font-style:italic;gap:6px}@media(max-width:768px){.service-prices .services-container .service-card .service-footer .click-hint{font-size:10px;justify-content:center}}.service-prices .no-services{background:#fff;border-radius:12px;color:#64748b;margin-bottom:32px;padding:60px 20px;text-align:center}@media(max-width:768px){.service-prices .no-services{margin-bottom:16px;padding:30px 16px}}@media(max-width:480px){.service-prices .no-services{padding:24px 12px}}.service-prices .no-services-icon{color:#cbd5e1;font-size:48px;margin-bottom:16px}@media(max-width:768px){.service-prices .no-services-icon{font-size:36px;margin-bottom:10px}}.service-prices .no-services h3{color:#475569;font-size:20px;margin-bottom:8px}@media(max-width:768px){.service-prices .no-services h3{font-size:16px;margin-bottom:4px}}.service-prices .no-services p{font-size:14px}@media(max-width:768px){.service-prices .no-services p{font-size:13px}}.service-prices .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@media(max-width:768px){.service-prices .modal-overlay{padding:12px}}@media(max-width:480px){.service-prices .modal-overlay{padding:8px}}.service-prices .modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@media(max-width:768px){.service-prices .modal{max-height:85vh;max-width:95%}}@media(max-width:480px){.service-prices .modal{border-radius:8px;max-height:90vh;max-width:100%}}.service-prices .modal.category-modal,.service-prices .modal.delete-modal{max-width:400px}.service-prices .modal.category-management-modal{max-width:700px}.service-prices .modal.service-details-modal{max-width:1200px;width:95%}@media(max-width:768px){.service-prices .modal.service-details-modal{max-width:95%;width:95%}}.service-prices .modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px}@media(max-width:768px){.service-prices .modal .modal-header{padding:16px}}@media(max-width:480px){.service-prices .modal .modal-header{padding:12px}}.service-prices .modal .modal-header h2{align-items:center;color:#1e293b;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}@media(max-width:768px){.service-prices .modal .modal-header h2{font-size:16px}}@media(max-width:480px){.service-prices .modal .modal-header h2{font-size:15px;gap:6px}}.service-prices .modal .modal-header h2 .modal-icon{color:#059669}.service-prices .modal .modal-header .modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}@media(max-width:480px){.service-prices .modal .modal-header .modal-close{height:32px;width:32px}}.service-prices .modal .modal-header .modal-close:hover{background:#e2e8f0;color:#475569}.service-prices .modal .modal-body{padding:24px}@media(max-width:768px){.service-prices .modal .modal-body{padding:16px}}@media(max-width:480px){.service-prices .modal .modal-body{padding:12px}}.service-prices .modal .modal-body .details-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px}.service-prices .modal .modal-body .details-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:12px;width:32px}.service-prices .modal .modal-body .details-loading p{color:#64748b;font-size:14px}.service-prices .modal .modal-body .service-details-table .table-header{grid-gap:16px;background:#f8fafc;border-radius:8px;color:#374151;display:grid;font-weight:600;gap:16px;grid-template-columns:100px 1fr 1fr 120px 100px;margin-bottom:8px;padding:16px}@media(max-width:768px){.service-prices .modal .modal-body .service-details-table .table-header{display:none}}.service-prices .modal .modal-body .service-details-table .table-header .header-cell{font-size:14px;letter-spacing:.5px;text-transform:uppercase}.service-prices .modal .modal-body .service-details-table .table-row{grid-gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:16px;grid-template-columns:100px 1fr 1fr 120px 100px;margin-bottom:8px;padding:16px;transition:all .2s}@media(max-width:768px){.service-prices .modal .modal-body .service-details-table .table-row{display:block;padding:16px}}.service-prices .modal .modal-body .service-details-table .table-row:hover{background:#f8fafc;border-color:#cbd5e1}.service-prices .modal .modal-body .service-details-table .table-row .table-cell{align-items:center;color:#374151;display:flex;font-size:14px}@media(max-width:768px){.service-prices .modal .modal-body .service-details-table .table-row .table-cell{border-bottom:1px solid #f1f5f9;margin-bottom:8px;padding-bottom:8px}.service-prices .modal .modal-body .service-details-table .table-row .table-cell:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.service-prices .modal .modal-body .service-details-table .table-row .table-cell:before{color:#64748b;content:attr(data-label);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}}.service-prices .modal .modal-body .service-details-table .table-row .table-cell.tooth-number{color:#059669;font-weight:600;gap:6px}.service-prices .modal .modal-body .service-details-table .table-row .table-cell.tooth-number .tooth-icon{font-size:12px}.service-prices .modal .modal-body .service-details-table .table-row .table-cell.price{color:#059669;font-weight:600}.service-prices .modal .modal-body .service-details-table .table-row .table-cell.actions{justify-content:center}@media(max-width:768px){.service-prices .modal .modal-body .service-details-table .table-row .table-cell.actions{justify-content:flex-start}}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-input{border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px 8px;width:100%}@media(max-width:768px){.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-input{font-size:14px;padding:8px 10px}}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-input:focus{border-color:#3b82f6;outline:none}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-input.price-input{max-width:100px}@media(max-width:768px){.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-input.price-input{max-width:none}}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-textarea{border:1px solid #d1d5db;border-radius:4px;font-size:13px;min-height:40px;padding:6px 8px;resize:vertical;width:100%}@media(max-width:768px){.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-textarea{font-size:14px;min-height:60px;padding:8px 10px}}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-textarea:focus{border-color:#3b82f6;outline:none}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .edit-actions{display:flex;gap:4px}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s;width:28px}@media(max-width:768px){.service-prices .modal .modal-body .service-details-table .table-row .table-cell .action-btn{font-size:12px;height:28px;width:28px}}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .action-btn.edit-btn{background:#fef3c7;color:#d97706}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .action-btn.edit-btn:hover{background:#d97706;color:#fff}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .action-btn.save-btn{background:#dcfce7;color:#166534}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .action-btn.save-btn:hover{background:#166534;color:#fff}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .action-btn.cancel-btn{background:#fecaca;color:#dc2626}.service-prices .modal .modal-body .service-details-table .table-row .table-cell .action-btn.cancel-btn:hover{background:#dc2626;color:#fff}.service-prices .modal .modal-body .no-details{color:#64748b;padding:40px 20px;text-align:center}@media(max-width:768px){.service-prices .modal .modal-body .no-details{padding:24px 12px}}.service-prices .modal .modal-body .no-details-icon{color:#cbd5e1;font-size:48px;margin-bottom:16px}@media(max-width:768px){.service-prices .modal .modal-body .no-details-icon{font-size:36px;margin-bottom:10px}}.service-prices .modal .modal-body .no-details h3{color:#475569;font-size:18px;margin-bottom:8px}@media(max-width:768px){.service-prices .modal .modal-body .no-details h3{font-size:15px;margin-bottom:4px}}.service-prices .modal .modal-body .no-details p{font-size:14px}@media(max-width:768px){.service-prices .modal .modal-body .no-details p{font-size:12px}}.service-prices .modal .modal-body .form-group{margin-bottom:20px}.service-prices .modal .modal-body .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.service-prices .modal .modal-body .form-group label.checkbox-label{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.service-prices .modal .modal-body .form-group label.checkbox-label:hover{background:#f0f9ff;border-color:#3b82f6}.service-prices .modal .modal-body .form-group label.checkbox-label input[type=checkbox]{height:18px;margin:0;width:18px}.service-prices .modal .modal-body .form-group label.checkbox-label .bulk-icon{color:#7c3aed;margin-left:auto}.service-prices .modal .modal-body .form-group .checkbox-help{color:#64748b;font-size:12px;margin-left:30px;margin-top:8px}.service-prices .modal .modal-body .form-group input,.service-prices .modal .modal-body .form-group select,.service-prices .modal .modal-body .form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.service-prices .modal .modal-body .form-group input:focus,.service-prices .modal .modal-body .form-group select:focus,.service-prices .modal .modal-body .form-group textarea:focus{border-color:#3b82f6;outline:none}.service-prices .modal .modal-body .form-group input::placeholder,.service-prices .modal .modal-body .form-group select::placeholder,.service-prices .modal .modal-body .form-group textarea::placeholder{color:#94a3b8}.service-prices .modal .modal-body .form-group textarea{min-height:80px;resize:vertical}.service-prices .modal .modal-body .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:640px){.service-prices .modal .modal-body .form-row{grid-template-columns:1fr}}.service-prices .modal .modal-body .delete-warning{padding:20px;text-align:center}.service-prices .modal .modal-body .delete-warning .warning-icon{color:#f59e0b;font-size:48px;margin-bottom:16px}.service-prices .modal .modal-body .delete-warning p{color:#374151;margin-bottom:12px}.service-prices .modal .modal-body .delete-warning p strong{color:#1e293b}.service-prices .modal .modal-body .delete-warning .warning-text{color:#ef4444;font-size:14px}.service-prices .modal .modal-body .category-actions{display:flex;justify-content:flex-end;margin-bottom:24px}.service-prices .modal .modal-body .categories-list{max-height:400px;overflow-y:auto}.service-prices .modal .modal-body .categories-list .category-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s}.service-prices .modal .modal-body .categories-list .category-item:hover{background:#f1f5f9;border-color:#cbd5e1}.service-prices .modal .modal-body .categories-list .category-item .category-info{flex:1 1}.service-prices .modal .modal-body .categories-list .category-item .category-info h4{color:#1e293b;font-size:16px;font-weight:600;margin:0}.service-prices .modal .modal-body .categories-list .category-item .category-actions{display:flex;gap:8px;margin:0}.service-prices .modal .modal-body .categories-list .category-item .category-actions .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s;width:32px}.service-prices .modal .modal-body .categories-list .category-item .category-actions .action-btn.edit-btn{background:#fef3c7;color:#d97706}.service-prices .modal .modal-body .categories-list .category-item .category-actions .action-btn.edit-btn:hover{background:#d97706;color:#fff}.service-prices .modal .modal-body .categories-list .category-item .category-actions .action-btn.delete-btn{background:#fecaca;color:#dc2626}.service-prices .modal .modal-body .categories-list .category-item .category-actions .action-btn.delete-btn:hover{background:#dc2626;color:#fff}.service-prices .modal .modal-body .price-history .history-entry{grid-gap:16px;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr auto;padding:12px;position:relative}.service-prices .modal .modal-body .price-history .history-entry:last-child{border-bottom:none}.service-prices .modal .modal-body .price-history .history-entry .history-date{color:#64748b;font-size:14px}.service-prices .modal .modal-body .price-history .history-entry .history-price{color:#059669;font-weight:600}.service-prices .modal .modal-body .price-history .history-entry .history-user{color:#64748b;font-size:14px}.service-prices .modal .modal-body .price-history .history-entry .current-badge{background:#dcfce7;border-radius:12px;color:#166534;font-size:11px;font-weight:500;padding:2px 8px;text-transform:uppercase}.service-prices .modal .modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:24px}.service-prices .modal .modal-footer .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.service-prices .modal .modal-footer .btn.btn-secondary{background:#f1f5f9;color:#64748b}.service-prices .modal .modal-footer .btn.btn-secondary:hover{background:#e2e8f0}.service-prices .modal .modal-footer .btn.btn-primary{background:#3b82f6;color:#fff}.service-prices .modal .modal-footer .btn.btn-primary:hover:not(:disabled){background:#2563eb}.service-prices .modal .modal-footer .btn.btn-primary:disabled{cursor:not-allowed;opacity:.5}.service-prices .modal .modal-footer .btn.btn-danger{background:#ef4444;color:#fff}.service-prices .modal .modal-footer .btn.btn-danger:hover{background:#dc2626}@media(max-width:768px){.service-prices{padding:16px}.service-prices-header{align-items:stretch;flex-direction:column;gap:16px}.service-prices-header .header-title{justify-content:center;text-align:center}.service-prices-header .header-title h1{font-size:24px}.service-prices-header .header-actions{display:flex;gap:8px;justify-content:center}.service-prices-header .header-actions .add-service-btn,.service-prices-header .header-actions .category-btn{flex:1 1;justify-content:center}.service-prices-controls{flex-direction:column;gap:16px}.service-prices-controls .search-filter-section{flex-direction:column}.service-prices-controls .view-controls{align-self:center}.service-prices .services-container.grid{grid-template-columns:1fr}.service-prices .modal{margin:10px;max-height:calc(100vh - 20px)}.service-prices .modal.category-management-modal,.service-prices .modal.service-details-modal{max-width:calc(100vw - 20px)}.service-prices .modal .modal-body .service-details-table .table-header,.service-prices .modal .modal-body .service-details-table .table-row{gap:8px;grid-template-columns:80px 1fr 100px 80px}.service-prices .modal .modal-body .service-details-table .table-header .table-cell:nth-child(3),.service-prices .modal .modal-body .service-details-table .table-row .table-cell:nth-child(3){display:none}}@media(max-width:480px){.service-prices .modal .modal-body .form-row{grid-template-columns:1fr}.service-prices .modal .modal-body .categories-list .category-item{align-items:stretch;flex-direction:column;gap:12px}.service-prices .modal .modal-body .categories-list .category-item .category-actions{justify-content:center}.service-prices .modal .modal-body .service-details-table .table-header,.service-prices .modal .modal-body .service-details-table .table-row{gap:8px;grid-template-columns:1fr}.service-prices .modal .modal-body .service-details-table .table-header .table-cell,.service-prices .modal .modal-body .service-details-table .table-row .table-cell{border-bottom:1px solid #f1f5f9;padding:8px 0}.service-prices .modal .modal-body .service-details-table .table-header .table-cell:last-child,.service-prices .modal .modal-body .service-details-table .table-row .table-cell:last-child{border-bottom:none}.service-prices .modal .modal-body .service-details-table .table-header .table-cell:before,.service-prices .modal .modal-body .service-details-table .table-row .table-cell:before{color:#64748b;content:attr(data-label);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.service-prices .modal .modal-body .service-details-table .table-header{display:none}}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 20px #0000001a;display:flex;justify-content:space-between;min-height:70px;padding:1rem 1.5rem;position:sticky;top:0;z-index:100}@media(max-width:768px){.dashboard-header{flex-wrap:wrap;gap:.75rem;min-height:60px;padding:.75rem 1rem}}@media(min-width:769px)and (max-width:1023px){.dashboard-header{min-height:65px;padding:.875rem 1.25rem}}.search-bar{flex:1 1;margin-right:1rem;max-width:400px;position:relative}@media(min-width:769px)and (max-width:1023px){.search-bar{margin-left:50px}}@media(max-width:768px){.search-bar{margin-right:0;max-width:none;order:2;width:100%}}@media(min-width:769px)and (max-width:1023px){.search-bar{margin-right:.75rem;max-width:300px}}.search-bar .search-icon{color:#a0aec0;font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}@media(max-width:768px){.search-bar .search-icon{font-size:.9rem;left:.75rem}}.search-bar input{background:#f7fafccc;border:2px solid #0000;border-radius:12px;color:#2d3748;font-size:.95rem;outline:none;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.search-bar input::placeholder{color:#a0aec0;font-weight:400}.search-bar input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}@media(max-width:768px){.search-bar input{border-radius:10px;font-size:.9rem;padding:.625rem .75rem .625rem 2.25rem}}@media(min-width:769px)and (max-width:1023px){.search-bar input{font-size:.925rem;padding:.7rem .875rem .7rem 2.375rem}}.header-actions{align-items:center;display:flex;gap:1rem}@media(max-width:768px){.header-actions{gap:.75rem;order:1}}@media(min-width:769px)and (max-width:1023px){.header-actions{gap:.875rem}}.user-dropdown-container{position:relative}@media(max-width:768px){.user-dropdown-container{margin-left:90%}}@media(max-width:440px){.user-dropdown-container{margin-left:80%}}.user-dropdown-container .user-dropdown-button{align-items:center;background:#0000;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;outline:none;padding:.5rem .75rem;transition:all .3s ease}.user-dropdown-container .user-dropdown-button:hover{background:#667eea1a;border-color:#667eea33;transform:translateY(-1px)}.user-dropdown-container .user-dropdown-button:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(max-width:768px){.user-dropdown-container .user-dropdown-button{gap:.5rem;padding:.375rem .5rem}}.user-dropdown-container .user-dropdown-button .user-name{color:#2d3748;font-size:.95rem;font-weight:600;white-space:nowrap}@media(max-width:768px){.user-dropdown-container .user-dropdown-button .user-name{display:none}}@media(min-width:769px)and (max-width:1023px){.user-dropdown-container .user-dropdown-button .user-name{font-size:.9rem}}.user-dropdown-container .user-dropdown-button .user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;font-size:1rem;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;transition:all .3s ease;width:40px}@media(max-width:768px){.user-dropdown-container .user-dropdown-button .user-avatar{font-size:.9rem;height:36px;width:36px}}@media(min-width:769px)and (max-width:1023px){.user-dropdown-container .user-dropdown-button .user-avatar{font-size:.95rem;height:38px;width:38px}}.user-dropdown-container .user-dropdown-button:hover .user-avatar{box-shadow:0 6px 20px #667eea66;transform:scale(1.05)}.user-dropdown-container .user-dropdown{animation:dropdownFadeIn .3s ease;background:#fff;border:1px solid #0000001a;border-radius:16px;box-shadow:0 20px 60px #00000026;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@media(max-width:768px){.user-dropdown-container .user-dropdown{min-width:260px;right:-1rem;top:calc(100% + .75rem)}}@media(min-width:769px)and (max-width:1023px){.user-dropdown-container .user-dropdown{min-width:270px}}.user-dropdown-container .user-dropdown .dropdown-user-info{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:1rem;padding:1.5rem}@media(max-width:768px){.user-dropdown-container .user-dropdown .dropdown-user-info{gap:.75rem}}.user-dropdown-container .user-dropdown .dropdown-user-info .dropdown-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;font-size:1.2rem;font-weight:700;height:100px;justify-content:center;text-transform:uppercase}@media(max-width:768px){.user-dropdown-container .user-dropdown .dropdown-user-info .dropdown-avatar{font-size:1.1rem;height:100px}}.user-dropdown-container .user-dropdown .dropdown-user-info div{flex:1 1}.user-dropdown-container .user-dropdown .dropdown-user-info div h4{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}@media(max-width:768px){.user-dropdown-container .user-dropdown .dropdown-user-info div h4{font-size:1rem}}.user-dropdown-container .user-dropdown .dropdown-user-info div .dropdown-role{font-size:.85rem;font-weight:400;margin:0;opacity:.9;text-transform:capitalize}@media(max-width:768px){.user-dropdown-container .user-dropdown .dropdown-user-info div .dropdown-role{font-size:.8rem}}.user-dropdown-container .user-dropdown .dropdown-menu{padding:.5rem 0}.user-dropdown-container .user-dropdown .dropdown-menu button{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.875rem 1.5rem;text-align:left;transition:all .2s ease;width:100%}.user-dropdown-container .user-dropdown .dropdown-menu button:hover{background:#667eea1a;color:#667eea;transform:translateX(4px)}@media(max-width:768px){.user-dropdown-container .user-dropdown .dropdown-menu button{font-size:.9rem;gap:.625rem;padding:.75rem 1.25rem}}.user-dropdown-container .user-dropdown .dropdown-menu button svg{font-size:1rem;opacity:.7}@media(max-width:768px){.user-dropdown-container .user-dropdown .dropdown-menu button svg{font-size:.9rem}}.user-dropdown-container .user-dropdown .dropdown-menu button:last-child{border-top:1px solid #0000001a;color:#e53e3e;margin-top:.5rem}.user-dropdown-container .user-dropdown .dropdown-menu button:last-child:hover{background:#e53e3e1a;color:#c53030}.notification-button{background:#0000;border:2px solid #0000;border-radius:12px;color:#4a5568;cursor:pointer;padding:.75rem;position:relative;transition:all .3s ease}.notification-button:hover{background:#667eea1a;border-color:#667eea33;color:#667eea;transform:translateY(-1px)}@media(max-width:768px){.notification-button{padding:.625rem}}.notification-button .notification-icon{font-size:1.2rem}@media(max-width:768px){.notification-button .notification-icon{font-size:1.1rem}}.notification-button .notification-badge{align-items:center;background:#e53e3e;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:18px}@media(max-width:768px){.notification-button .notification-badge{font-size:.65rem;height:16px;right:.2rem;top:.2rem;width:16px}}.weather-widget{align-items:center;background:#667eea1a;border-radius:10px;color:#4a5568;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem}@media(max-width:768px){.weather-widget{display:none}}@media(min-width:769px)and (max-width:1023px){.weather-widget{font-size:.8rem;padding:.375rem .625rem}}.weather-widget .weather-icon{color:#667eea;font-size:1rem}.weather-widget .weather-temp{font-weight:600}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-header :focus{outline:2px solid #667eea;outline-offset:2px}@media(prefers-contrast:high){.dashboard-header{border-bottom-color:#000}.search-bar input,.user-dropdown{border-color:#000}.user-dropdown{box-shadow:0 4px 20px #0000004d}}@media(prefers-reduced-motion:reduce){.dashboard-header *,.search-bar input,.user-dropdown{animation:none!important;transition:none!important}}@media print{.dashboard-header{display:none}}.sidebar{background:linear-gradient(180deg,#2d3748,#1a202c);box-shadow:4px 0 20px #00000026;color:#fff;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media(min-width:1024px){.sidebar{position:fixed;transform:translateX(0)}}@media(min-width:769px)and (max-width:1023px){.sidebar{transform:translateX(-100%);width:260px}}@media(max-width:768px){.sidebar{max-width:300px;transform:translateX(-100%);width:100%}}.sidebar.mobile-open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:1.5rem 1rem;position:relative}@media(max-width:768px){.sidebar-header{align-items:center;display:flex;justify-content:center;padding:1.25rem 1rem}}.sidebar-header .sidebar-close{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.sidebar-header .sidebar-close:hover{background:#ffffff1a}@media(max-width:768px){.sidebar-header .sidebar-close{display:block}}.logo{cursor:pointer;position:relative}.logo .partnership-logos{align-items:center;display:flex;gap:.5rem;justify-content:center}.logo .partnership-logos .company-logo{border-radius:12px;box-shadow:0 4px 15px #0003;height:45px;overflow:hidden;transition:all .3s ease;width:45px}.logo .partnership-logos .company-logo:hover{transform:scale(1.05)}@media(max-width:768px){.logo .partnership-logos .company-logo{height:40px;width:40px}}.logo .partnership-logos .company-logo .logo-icon{height:100%;object-fit:cover;width:100%}.logo .partnership-logos .partnership-animation .handshake-placeholder img{height:30px;width:30px}@media(max-width:768px){.logo .partnership-logos .partnership-animation .handshake-placeholder img{height:25px;width:25px}}.logo .partnership-info{animation:fadeInUp .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:12px;left:50%;min-width:200px;padding:1rem;position:absolute;text-align:center;top:calc(100% + 1rem);transform:translateX(-50%);z-index:1000}@media(max-width:768px){.logo .partnership-info{left:50%;max-width:90vw;min-width:280px;position:fixed;top:50%;transform:translate(-50%,-50%)}}.logo .partnership-info .partnership-title{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.logo .partnership-info .partnership-description{color:#fffc;font-size:.8rem;line-height:1.4;margin-bottom:.5rem}.logo .partnership-info .partnership-year{color:#fff9;font-size:.75rem;font-weight:500}.logo .partnership-info .partnership-year span{color:#4fd1c7}.user-info{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;padding:1.5rem 1rem}@media(max-width:768px){.user-info{padding:1.25rem 1rem}}.user-info .user-avatar{align-items:center;background:linear-gradient(135deg,#4fd1c7,#14b8a6);border-radius:50%;box-shadow:0 4px 15px #4fd1c74d;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;text-transform:uppercase;width:50px}@media(max-width:768px){.user-info .user-avatar{font-size:1.1rem;height:45px;width:45px}}.user-info .user-details{flex:1 1}.user-info .user-details h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}@media(max-width:768px){.user-info .user-details h3{font-size:1rem}}.user-info .user-details .user-role{border-radius:6px;display:inline-block;font-size:.8rem;font-weight:500;margin:0;padding:.25rem .5rem;text-transform:capitalize}.user-info .user-details .user-role.director{background:#ec489933;color:#f472b6}.user-info .user-details .user-role.admin{background:#3b82f633;color:#60a5fa}.user-info .user-details .user-role.doctor{background:#22c55e33;color:#4ade80}.user-info .user-details .user-role.nurse{background:#a855f733;color:#a78bfa}.user-info .user-details .user-role.user{background:#9ca3af33;color:#d1d5db}.language-selector{border-bottom:1px solid #ffffff1a;padding:0 1rem 1rem}.language-selector .language-button{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;margin-top:20px;padding:.75rem;transition:all .3s ease;width:100%}.language-selector .language-button:hover{background:#ffffff26;transform:translateY(-1px)}@media(max-width:768px){.language-selector .language-button{font-size:.85rem;padding:.625rem}}.language-selector .language-button svg{font-size:1rem}@media(max-width:768px){.language-selector .language-button svg{font-size:.9rem}}.language-selector .language-dropdown{animation:slideDown .3s ease;background:#0000004d;border-radius:8px;margin-top:.5rem;overflow:hidden}.language-selector .language-dropdown .language-option{background:none;border:none;color:#fffc;cursor:pointer;display:block;font-size:.85rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.language-selector .language-dropdown .language-option:hover{background:#ffffff1a;color:#fff}.language-selector .language-dropdown .language-option.active{background:#4fd1c733;color:#4fd1c7;font-weight:600}@media(max-width:768px){.language-selector .language-dropdown .language-option{font-size:.8rem;padding:.625rem}}.sidebar-nav{flex:1 1;padding:1rem 0}.sidebar-nav .nav-section{margin-bottom:2rem}.sidebar-nav .nav-section:last-child{margin-bottom:1rem}.sidebar-nav .nav-section .nav-section-title{border-bottom:1px solid #ffffff1a;color:#fff9;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;padding:0 1rem .75rem;text-transform:uppercase}@media(max-width:768px){.sidebar-nav .nav-section .nav-section-title{font-size:.7rem;padding:0 1rem .625rem}}.sidebar-nav .nav-section ul{list-style:none;margin:0;padding:0}.sidebar-nav .nav-section ul li{margin-bottom:.25rem}.sidebar-nav .nav-section ul li a,.sidebar-nav .nav-section ul li button{align-items:center;background:none;border:none;border-radius:0;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1rem;position:relative;text-align:left;text-decoration:none;transition:all .3s ease;width:100%}@media(max-width:768px){.sidebar-nav .nav-section ul li a,.sidebar-nav .nav-section ul li button{font-size:.9rem;gap:.625rem;padding:.75rem 1rem}}.sidebar-nav .nav-section ul li a:before,.sidebar-nav .nav-section ul li button:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.sidebar-nav .nav-section ul li a:hover,.sidebar-nav .nav-section ul li button:hover{background:#ffffff1a;color:#fff;transform:translateX(4px)}.sidebar-nav .nav-section ul li a:hover:before,.sidebar-nav .nav-section ul li button:hover:before{background:#4fd1c7}.sidebar-nav .nav-section ul li a.active,.sidebar-nav .nav-section ul li button.active{background:#4fd1c733;color:#4fd1c7;font-weight:600}.sidebar-nav .nav-section ul li a.active:before,.sidebar-nav .nav-section ul li button.active:before{background:#4fd1c7}.sidebar-nav .nav-section ul li a.active svg,.sidebar-nav .nav-section ul li button.active svg{color:#4fd1c7}.sidebar-nav .nav-section ul li a svg,.sidebar-nav .nav-section ul li button svg{font-size:1.1rem;opacity:.8;transition:all .3s ease}@media(max-width:768px){.sidebar-nav .nav-section ul li a svg,.sidebar-nav .nav-section ul li button svg{font-size:1rem}}.sidebar-nav .nav-section ul li a span,.sidebar-nav .nav-section ul li button span{flex:1 1}.sidebar-nav .nav-section ul li a.under-construction,.sidebar-nav .nav-section ul li button.under-construction{opacity:.6;position:relative}.sidebar-nav .nav-section ul li a.under-construction .construction-badge,.sidebar-nav .nav-section ul li button.under-construction .construction-badge{background:#f59e0b33;border-radius:4px;color:#fbbf24;font-size:.7rem;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@media(max-width:768px){.sidebar-nav .nav-section ul li a.under-construction .construction-badge,.sidebar-nav .nav-section ul li button.under-construction .construction-badge{font-size:.65rem;right:.75rem}}.sidebar-nav .nav-section ul li .logout-button{color:#ef4444cc!important;margin-top:.5rem}.sidebar-nav .nav-section ul li .logout-button:hover{background:#ef44441a!important;color:#ef4444!important}.sidebar-nav .nav-section ul li .logout-button:hover:before{background:#ef4444!important}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem;text-align:center}.sidebar-footer p{color:#fff9;font-size:.8rem;margin:0 0 .25rem}@media(max-width:768px){.sidebar-footer p{font-size:.75rem}}.sidebar-footer p.version{color:#fff6;font-size:.7rem}@media(max-width:768px){.sidebar-footer p.version{font-size:.65rem}}.under-construction-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.under-construction-overlay .under-construction-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@media(max-width:768px){.under-construction-overlay .under-construction-modal{margin:1rem;max-width:95vw}}.under-construction-overlay .under-construction-modal .under-construction-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #0000001a;border-radius:16px 16px 0 0;color:#fff;display:flex;gap:.75rem;padding:1.5rem}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-header{gap:.5rem;padding:1.25rem}}.under-construction-overlay .under-construction-modal .under-construction-header .construction-icon{font-size:1.5rem}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-header .construction-icon{font-size:1.25rem}}.under-construction-overlay .under-construction-modal .under-construction-header h3{flex:1 1;font-size:1.2rem;font-weight:600;margin:0}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-header h3{font-size:1.1rem}}.under-construction-overlay .under-construction-modal .under-construction-header .modal-close-btn{background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.under-construction-overlay .under-construction-modal .under-construction-header .modal-close-btn:hover{background:#fff3}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-header .modal-close-btn{font-size:1.1rem;padding:.375rem}}.under-construction-overlay .under-construction-modal .under-construction-body{padding:2rem 1.5rem;text-align:center}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-body{padding:1.5rem 1.25rem}}.under-construction-overlay .under-construction-modal .under-construction-body .construction-animation{margin-bottom:1.5rem}.under-construction-overlay .under-construction-modal .under-construction-body .construction-animation img{border-radius:12px;height:auto;max-width:200px;width:100%}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-body .construction-animation img{max-width:150px}}.under-construction-overlay .under-construction-modal .under-construction-body p{color:#4a5568;line-height:1.6;margin-bottom:1rem}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-body p{font-size:.9rem}}.under-construction-overlay .under-construction-modal .under-construction-body p.estimated-time{color:#2d3748;font-weight:600}.under-construction-overlay .under-construction-modal .under-construction-body p.estimated-time span{color:#f59e0b}.under-construction-overlay .under-construction-modal .under-construction-footer{padding:1rem 1.5rem 1.5rem;text-align:center}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-footer{padding:.75rem 1.25rem 1.25rem}}.under-construction-overlay .under-construction-modal .under-construction-footer .ok-button{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.under-construction-overlay .under-construction-modal .under-construction-footer .ok-button:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}@media(max-width:768px){.under-construction-overlay .under-construction-modal .under-construction-footer .ok-button{font-size:.9rem;padding:.625rem 1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sidebar :focus{outline:2px solid #4fd1c7;outline-offset:2px}@media(prefers-contrast:high){.sidebar{background:#000;border-right:2px solid #fff}.sidebar-nav a,.sidebar-nav button{border:1px solid #0000}.sidebar-nav a.active,.sidebar-nav a:hover,.sidebar-nav button.active,.sidebar-nav button:hover{border-color:#fff}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar *,.under-construction-modal{animation:none!important;transition:none!important}}@media print{.sidebar{display:none}}.profile-container{background-color:#f8f9fa;min-height:100vh;padding:20px}.profile-header{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px}.btn-back,.profile-header{align-items:center;display:flex}.btn-back{background:none;border:none;border-radius:4px;color:#007bff;cursor:pointer;font-weight:500;gap:5px;padding:8px 12px;transition:background-color .2s}.btn-back:hover{background-color:#007bff1a}.profile-title{color:#333;font-size:1.5rem;margin:0}.profile-actions{display:flex;gap:10px}.cached-data-warning{background-color:#fff3cd;border-radius:6px;color:#856404;display:flex;flex-direction:column;gap:5px;margin-bottom:20px;padding:12px 16px}.cached-data-warning svg{margin-right:8px}.cached-data-warning p{font-size:.9rem;margin:5px 0 0}.edit-warning{background-color:#fff3cd;border-radius:6px;color:#856404;margin-bottom:20px;padding:12px 16px}.edit-warning svg{margin-right:8px}.profile-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.profile-card{padding:20px}.profile-card-header{align-items:center;border-bottom:1px solid #eee;display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px}.profile-avatar{align-items:center;background-color:#e9ecef;border-radius:50%;color:#6c757d;display:flex;font-size:2rem;height:80px;justify-content:center;width:80px}.profile-basic-info{flex:1 1}.profile-name{color:#333;font-size:1.5rem;margin:0 0 5px}.profile-role{color:#6c757d;font-size:1rem;margin-bottom:5px}.profile-status{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 8px}.profile-status.faol{background-color:#d4edda;color:#155724}.profile-status.nofaol{background-color:#f8d7da;color:#721c24}.profile-card-body{padding:0}.info-section{margin-bottom:30px}.section-title{border-bottom:1px solid #eee;color:#333;font-size:1.2rem;margin-bottom:15px;padding-bottom:8px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{background-color:#f8f9fa;border-radius:6px;padding:10px}.info-label{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:8px;margin-bottom:5px}.info-label svg{font-size:1rem}.info-value{color:#333;font-weight:500}.loading-container{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:15px;width:40px}.error-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:20px;padding:30px;text-align:center}.error-container .error-icon{color:#dc3545;font-size:3rem;margin-bottom:15px}.error-container h2{color:#333;margin-bottom:10px}.error-container p{color:#6c757d;margin-bottom:20px}.password-change-form,.profile-edit-form{padding:20px}.form-row{display:flex;gap:15px;margin-bottom:15px}@media(max-width:768px){.form-row{flex-direction:column;gap:10px}}.form-group{flex:1 1;margin-bottom:15px}.form-group label{color:#495057;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:8px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.65}.btn.btn-primary{background-color:#007bff;color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:#0069d9}.btn.btn-secondary{background-color:#6c757d;color:#fff}.btn.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn.btn-outline{background-color:#0000;border:1px solid #007bff;color:#007bff}.btn.btn-outline:hover:not(:disabled){background-color:#007bff1a}.btn.btn-icon{gap:5px}.btn.btn-icon,.modal-overlay{align-items:center;display:flex}.modal-overlay{background-color:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.reset-password-modal{animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;overflow:hidden;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{color:#333;font-size:1.25rem;margin:0}.modal-header .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px;transition:background-color .2s}.modal-header .close-button:hover{background-color:#f8f9fa;color:#333}.modal-body{padding:20px}.modal-footer{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.reset-step{align-items:center;display:flex;flex-direction:column;padding:10px 0;text-align:center}.reset-step h3{color:#333;margin:15px 0 5px}.reset-step p{color:#6c757d;margin-bottom:20px}.reset-step .form-group{text-align:left;width:100%}.reset-step-icon{align-items:center;background-color:#e9f5ff;border-radius:50%;color:#007bff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:10px;width:60px}.verification-code-inputs{display:flex;gap:8px;justify-content:center;margin:20px 0}.verification-code-inputs input{border:1px solid #ced4da;border-radius:4px;font-size:1.5rem;font-weight:700;height:50px;text-align:center;transition:all .2s;width:40px}.verification-code-inputs input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.reset-error{align-items:center;background-color:#f8d7da;border-radius:4px;color:#721c24;display:flex;font-size:.9rem;gap:8px;margin-top:15px;padding:10px}.spinner{animation:spin 1s linear infinite;margin-right:5px}@media(max-width:768px){.profile-header{align-items:flex-start;flex-direction:column}.profile-actions{justify-content:flex-end;margin-top:10px;width:100%}.info-grid{grid-template-columns:1fr}.profile-card-header{align-items:center;flex-direction:column;text-align:center}.profile-basic-info{align-items:center;display:flex;flex-direction:column}.reset-password-modal{max-height:90vh;overflow-y:auto;width:90%}.verification-code-inputs input{font-size:1.2rem;height:45px;width:35px}}.acceptance-check{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.acceptance-check__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:20px}.acceptance-check__header .logos{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.acceptance-check__header .logos .logo-item .clinic-logo,.acceptance-check__header .logos .logo-item .our-logo{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:60px;max-width:200px;object-fit:contain;transition:transform .3s ease}.acceptance-check__header .logos .logo-item .clinic-logo:hover,.acceptance-check__header .logos .logo-item .our-logo:hover{transform:scale(1.05)}.acceptance-check__content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 20px}.acceptance-check__content .status-card{animation:slideUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.acceptance-check__content .status-card:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;content:"";height:5px;left:0;position:absolute;right:0;top:0}.acceptance-check__content .status-card.success:before{background:linear-gradient(90deg,#28a745,#20c997)}.acceptance-check__content .status-card .status-icon{animation:pulse 2s infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:20px}.acceptance-check__content .status-card .status-title{color:#333;font-size:1.8rem;font-weight:600;line-height:1.4;margin-bottom:20px;text-shadow:0 2px 4px #0000001a}.acceptance-check__content .status-card .time-remaining{-webkit-text-fill-color:#0000;animation:shimmer 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#666;font-size:1.3rem;font-weight:500;margin-bottom:30px}.acceptance-check__content .status-card .appointment-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;margin:25px 0;padding:25px;text-align:left}.acceptance-check__content .status-card .appointment-info .clinic-info{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:15px;text-align:center}.acceptance-check__content .status-card .appointment-info .clinic-info h3{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:8px}.acceptance-check__content .status-card .appointment-info .clinic-info .clinic-phone{color:#cac9c9;font-size:1rem;margin:0}.acceptance-check__content .status-card .appointment-info .appointment-details p{border-bottom:1px solid #f0f0f0;color:#555;font-size:1rem;margin:10px 0;padding:8px 0}.acceptance-check__content .status-card .appointment-info .appointment-details p:last-child{border-bottom:none}.acceptance-check__content .status-card .appointment-info .appointment-details p strong{color:#333;display:inline-block;font-weight:600;min-width:120px}.acceptance-check__content .status-card .btn{border:none;border-radius:50px;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:15px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.acceptance-check__content .status-card .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.acceptance-check__content .status-card .btn:hover:before{left:100%}.acceptance-check__content .status-card .btn.btn-success{background:linear-gradient(45deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.acceptance-check__content .status-card .btn.btn-success:hover{box-shadow:0 8px 25px #28a74566;transform:translateY(-2px)}.acceptance-check__content .status-card .btn.btn-success:active{transform:translateY(0)}.acceptance-check__content .status-card .btn.btn-primary{background:linear-gradient(45deg,#007bff,#6610f2);box-shadow:0 4px 15px #007bff4d;color:#fff}.acceptance-check__content .status-card .btn.btn-primary:hover{box-shadow:0 8px 25px #007bff66;transform:translateY(-2px)}.acceptance-check__content .status-card .btn.btn-large{font-size:1.2rem;padding:18px 50px}.acceptance-check__content .status-card .btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.acceptance-check__content .status-card .entering-status{align-items:center;color:#666;display:flex;font-size:1.1rem;font-weight:500;gap:15px;justify-content:center}.acceptance-check__content .status-card .entering-status .loading-spinner.small{border-width:3px;height:25px;width:25px}.acceptance-check__footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;padding:15px;text-align:center}.acceptance-check__footer .current-time{color:#666;font-family:Courier New,monospace;font-size:1rem;font-weight:500;margin:0}.acceptance-check__loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.acceptance-check__loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}.acceptance-check__loading p{font-size:1.2rem;font-weight:500}.acceptance-check__error{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;text-align:center}.acceptance-check__error .error-icon{animation:shake .5s ease-in-out infinite alternate;font-size:5rem;margin-bottom:20px}.acceptance-check__error h2{font-size:2rem;font-weight:600;margin-bottom:15px}.acceptance-check__error p{font-size:1.1rem;line-height:1.6;margin-bottom:30px;max-width:500px}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{opacity:1}to{opacity:.7}}@keyframes shake{0%{transform:translateX(0)}to{transform:translateX(5px)}}@media(max-width:768px){.acceptance-check__header{padding:15px}.acceptance-check__header .logos .logo-item .clinic-logo,.acceptance-check__header .logos .logo-item .our-logo{height:45px;max-width:150px}.acceptance-check__content{padding:20px 15px}.acceptance-check__content .status-card{border-radius:15px;padding:30px 20px}.acceptance-check__content .status-card .status-icon{font-size:3rem}.acceptance-check__content .status-card .status-title{font-size:1.5rem}.acceptance-check__content .status-card .time-remaining{font-size:1.1rem}.acceptance-check__content .status-card .appointment-info{padding:20px 15px}.acceptance-check__content .status-card .appointment-info .clinic-info h3{font-size:1.2rem}.acceptance-check__content .status-card .appointment-info .appointment-details p{font-size:.95rem}.acceptance-check__content .status-card .appointment-info .appointment-details p strong{font-size:.9rem;min-width:100px}.acceptance-check__content .status-card .btn{font-size:1rem;padding:12px 30px}.acceptance-check__content .status-card .btn.btn-large{font-size:1.1rem;padding:15px 40px}.acceptance-check__footer{padding:12px}.acceptance-check__footer .current-time{font-size:.9rem}}@media(max-width:480px){.acceptance-check__header .logos{align-items:center;display:flex;gap:15px;justify-content:space-between}.acceptance-check__header .logos .logo-item .clinic-logo,.acceptance-check__header .logos .logo-item .our-logo{height:40px;max-width:120px}.acceptance-check__content .status-card .status-title{font-size:1.3rem}.acceptance-check__content .status-card .appointment-info .appointment-details p{align-items:flex-start;flex-direction:column;font-size:.9rem}.acceptance-check__content .status-card .appointment-info .appointment-details p strong{margin-bottom:2px;min-width:auto}}@media(prefers-color-scheme:dark){.acceptance-check{background:linear-gradient(135deg,#2c3e50,#34495e)}.acceptance-check__header{background:#34495ef2}.acceptance-check__footer{background:#34495ee6}.acceptance-check__footer .current-time{color:#ecf0f1}.acceptance-check .status-card{background:#2c3e50;color:#ecf0f1}.acceptance-check .status-card .status-title{color:#ecf0f1}.acceptance-check .status-card .appointment-info{background:#34495e;border-color:#4a6741}.acceptance-check .status-card .appointment-info .clinic-info h3{color:#ecf0f1}.acceptance-check .status-card .appointment-info .appointment-details p{border-color:#4a6741;color:#bdc3c7}.acceptance-check .status-card .appointment-info .appointment-details p strong{color:#ecf0f1}}@media print{.acceptance-check{color:#000!important}.acceptance-check,.acceptance-check__footer,.acceptance-check__header{background:#fff!important}.acceptance-check .status-card{border:1px solid #ccc!important;box-shadow:none!important}}.medicine-management{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:20px}.medicine-management .medicine-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px}.medicine-management .medicine-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px #0000004d}.medicine-management .medicine-header .user-role-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:600;padding:12px 20px}.medicine-management .medicine-tabs{display:flex;gap:10px;margin-bottom:30px}.medicine-management .medicine-tabs button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.medicine-management .medicine-tabs button:hover{background:#fff3;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.medicine-management .medicine-tabs button.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 5px 20px #0000004d}.medicine-management .medicine-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 20px 40px #0000001a;padding:30px}.medicine-management .loading-spinner{color:#667eea;font-size:1.2rem;font-weight:600;padding:50px;text-align:center}.medicine-management .medicine-dashboard .statistics-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.medicine-management .medicine-dashboard .statistics-grid .stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:20px;padding:25px;transition:all .3s ease}.medicine-management .medicine-dashboard .statistics-grid .stat-card:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-5px)}.medicine-management .medicine-dashboard .statistics-grid .stat-card .stat-icon{font-size:3rem;opacity:.9}.medicine-management .medicine-dashboard .statistics-grid .stat-card .stat-content h3{font-size:2.2rem;font-weight:700;margin:0 0 5px}.medicine-management .medicine-dashboard .statistics-grid .stat-card .stat-content p{font-size:1.1rem;margin:0;opacity:.9}.medicine-management .medicine-dashboard .statistics-grid .stat-card.low-stock{background:linear-gradient(135deg,#ff9a56,#ff6b6b);box-shadow:0 10px 30px #ff6b6b4d}.medicine-management .medicine-dashboard .statistics-grid .stat-card.expired{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 10px 30px #ee5a524d}.medicine-management .medicine-dashboard .statistics-grid .stat-card.expiring{background:linear-gradient(135deg,#feca57,#ff9ff3);box-shadow:0 10px 30px #feca574d}.medicine-management .medicine-dashboard .statistics-grid .stat-card.value{background:linear-gradient(135deg,#48cab2,#2dd4bf);box-shadow:0 10px 30px #2dd4bf4d}.medicine-management .medicine-dashboard .statistics-grid .stat-card.sales{background:linear-gradient(135deg,#a8edea,#fed6e3);box-shadow:0 10px 30px #a8edea4d;color:#333}.medicine-management .medicine-dashboard .reports-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.medicine-management .medicine-dashboard .reports-section .report-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px}.medicine-management .medicine-dashboard .reports-section .report-card h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.4rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.medicine-management .medicine-dashboard .reports-section .report-card .report-list .report-item{align-items:center;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .3s ease}.medicine-management .medicine-dashboard .reports-section .report-card .report-list .report-item:hover{transform:translateX(5px)}.medicine-management .medicine-dashboard .reports-section .report-card .report-list .report-item .medicine-name{color:#333;font-weight:600}.medicine-management .medicine-dashboard .reports-section .report-card .report-list .report-item.expiring{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #feca57}.medicine-management .medicine-dashboard .reports-section .report-card .report-list .report-item.low-stock{background:linear-gradient(135deg,#f8d7da,#ffb3ba);border-left:4px solid #ff6b6b}.medicine-management .medicines-section .medicines-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.medicine-management .medicines-section .medicines-header .search-controls{display:flex;flex:1 1;gap:15px;min-width:300px}.medicine-management .medicines-section .medicines-header .search-controls .search-box{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;overflow:hidden;transition:all .3s ease}.medicine-management .medicines-section .medicines-header .search-controls .search-box:focus-within{border-color:#667eea;box-shadow:0 5px 20px #667eea4d}.medicine-management .medicines-section .medicines-header .search-controls .search-box input{border:none;flex:1 1;font-size:1rem;outline:none;padding:15px 20px}.medicine-management .medicines-section .medicines-header .search-controls .search-box .search-btn{background:#667eea;border:none;color:#fff;cursor:pointer;font-size:1.2rem;padding:15px 20px;transition:all .3s ease}.medicine-management .medicines-section .medicines-header .search-controls .search-box .search-btn:hover{background:#5a67d8}.medicine-management .medicines-section .medicines-header .search-controls .category-filter{background:#fff;border:2px solid #e2e8f0;border-radius:15px;cursor:pointer;font-size:1rem;padding:15px 20px;transition:all .3s ease}.medicine-management .medicines-section .medicines-header .search-controls .category-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.medicine-management .medicines-section .medicines-header .action-buttons{display:flex;gap:15px}.medicine-management .medicines-section .medicines-header .action-buttons button{border:none;border-radius:15px;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.medicine-management .medicines-section .medicines-header .action-buttons button.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff}.medicine-management .medicines-section .medicines-header .action-buttons button.btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.medicine-management .medicines-section .medicines-header .action-buttons button.btn-secondary{background:linear-gradient(135deg,#48cab2,#2dd4bf);box-shadow:0 5px 15px #2dd4bf4d;color:#fff}.medicine-management .medicines-section .medicines-header .action-buttons button.btn-secondary:hover{box-shadow:0 8px 25px #2dd4bf66;transform:translateY(-2px)}.medicine-management .medicines-section .medicines-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.medicine-management .medicines-section .medicines-grid .medicine-card{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px;transition:all .3s ease}.medicine-management .medicines-section .medicines-grid .medicine-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.medicine-management .medicines-section .medicines-grid .medicine-card.normal{border-left:5px solid #48cab2}.medicine-management .medicines-section .medicines-grid .medicine-card.low-stock{background:linear-gradient(135deg,#fff,#fff5f0);border-left:5px solid #ff9a56}.medicine-management .medicines-section .medicines-grid .medicine-card.expired{background:linear-gradient(135deg,#fff,#fff0f0);border-left:5px solid #ff6b6b}.medicine-management .medicines-section .medicines-grid .medicine-card.expiring-soon{background:linear-gradient(135deg,#fff,#fffbf0);border-left:5px solid #feca57}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-header h4{color:#333;font-size:1.3rem;font-weight:700;margin:0}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-header .medicine-code{background:#667eea;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:5px 12px}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-info{margin-bottom:20px}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-info p{color:#666;font-size:.95rem;margin:8px 0}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-info p strong{color:#333;font-weight:600}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions{display:flex;flex-wrap:wrap;gap:10px}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:120px;padding:10px 15px;transition:all .3s ease}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button.btn-success{background:linear-gradient(135deg,#48cab2,#2dd4bf);color:#fff}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button.btn-success:hover{box-shadow:0 5px 15px #2dd4bf4d;transform:translateY(-2px)}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button.btn-warning{background:linear-gradient(135deg,#feca57,#ff9ff3);color:#fff}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button.btn-warning:hover{box-shadow:0 5px 15px #feca574d;transform:translateY(-2px)}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button.btn-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button.btn-info:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button.btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.medicine-management .medicines-section .medicines-grid .medicine-card .medicine-actions button.btn-danger:hover{box-shadow:0 5px 15px #ee5a524d;transform:translateY(-2px)}.medicine-management .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.medicine-management .modal-overlay .modal-content{background:#fff;border-radius:25px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.medicine-management .modal-overlay .modal-content .modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:25px 25px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.medicine-management .modal-overlay .modal-content .modal-header h3{font-size:1.5rem;font-weight:700;margin:0}.medicine-management .modal-overlay .modal-content .modal-header .close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;transition:all .3s ease;width:40px}.medicine-management .modal-overlay .modal-content .modal-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.medicine-management .modal-overlay .modal-content .modal-form{padding:30px}.medicine-management .modal-overlay .modal-content .modal-form .medicine-info-display{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:1px solid #667eea1a;border-radius:15px;margin-bottom:25px;padding:20px}.medicine-management .modal-overlay .modal-content .modal-form .medicine-info-display h4{color:#333;font-size:1.3rem;font-weight:700;margin:0 0 10px}.medicine-management .modal-overlay .modal-content .modal-form .medicine-info-display p{color:#666;font-weight:500;margin:5px 0}.medicine-management .modal-overlay .modal-content .modal-form .customer-selection,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:1px solid #667eea1a;border-radius:15px;margin-bottom:25px;padding:20px}.medicine-management .modal-overlay .modal-content .modal-form .customer-selection label,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection label{color:#333;display:block;font-size:1.1rem;font-weight:700;margin-bottom:10px}.medicine-management .modal-overlay .modal-content .modal-form .customer-selection input,.medicine-management .modal-overlay .modal-content .modal-form .customer-selection select,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection input,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection select{background:#fff;border:2px solid #e2e8f0;margin-bottom:15px}.medicine-management .modal-overlay .modal-content .modal-form .customer-selection input:focus,.medicine-management .modal-overlay .modal-content .modal-form .customer-selection select:focus,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection input:focus,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.medicine-management .modal-overlay .modal-content .modal-form .customer-selection select,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection select{background:linear-gradient(135deg,#fff,#f8f9ff);color:#333;font-weight:600}.medicine-management .modal-overlay .modal-content .modal-form .customer-selection select option,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection select option{background:#fff;color:#333;padding:10px}.medicine-management .modal-overlay .modal-content .modal-form input,.medicine-management .modal-overlay .modal-content .modal-form select,.medicine-management .modal-overlay .modal-content .modal-form textarea{border:2px solid #e2e8f0;border-radius:15px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;padding:15px 20px;transition:all .3s ease;width:100%}.medicine-management .modal-overlay .modal-content .modal-form input:focus,.medicine-management .modal-overlay .modal-content .modal-form select:focus,.medicine-management .modal-overlay .modal-content .modal-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.medicine-management .modal-overlay .modal-content .modal-form input[data-unit-select=true],.medicine-management .modal-overlay .modal-content .modal-form select[data-unit-select=true],.medicine-management .modal-overlay .modal-content .modal-form textarea[data-unit-select=true]{background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #667eea;color:#333;cursor:pointer;font-weight:600}.medicine-management .modal-overlay .modal-content .modal-form input[data-unit-select=true]:hover,.medicine-management .modal-overlay .modal-content .modal-form select[data-unit-select=true]:hover,.medicine-management .modal-overlay .modal-content .modal-form textarea[data-unit-select=true]:hover{background:linear-gradient(135deg,#e8f2ff,#f8f9ff);border-color:#5a67d8;box-shadow:0 5px 15px #667eea33;transform:translateY(-1px)}.medicine-management .modal-overlay .modal-content .modal-form input[data-unit-select=true]:focus,.medicine-management .modal-overlay .modal-content .modal-form select[data-unit-select=true]:focus,.medicine-management .modal-overlay .modal-content .modal-form textarea[data-unit-select=true]:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.medicine-management .modal-overlay .modal-content .modal-form input[data-unit-select=true] option,.medicine-management .modal-overlay .modal-content .modal-form select[data-unit-select=true] option,.medicine-management .modal-overlay .modal-content .modal-form textarea[data-unit-select=true] option{background:#fff;color:#333;font-weight:500;padding:10px}.medicine-management .modal-overlay .modal-content .modal-form input[data-unit-select=true] option:hover,.medicine-management .modal-overlay .modal-content .modal-form select[data-unit-select=true] option:hover,.medicine-management .modal-overlay .modal-content .modal-form textarea[data-unit-select=true] option:hover{background:#f8f9ff}.medicine-management .modal-overlay .modal-content .modal-form textarea{min-height:100px;resize:vertical}.medicine-management .modal-overlay .modal-content .modal-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row{align-items:end}.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row input{margin-bottom:0}.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row select{background:linear-gradient(135deg,#48cab2,#2dd4bf);border:2px solid #48cab2;color:#fff;font-weight:600;margin-bottom:0}.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row select:hover{background:linear-gradient(135deg,#2dd4bf,#48cab2);box-shadow:0 5px 15px #2dd4bf4d;transform:translateY(-2px)}.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row select:focus{border-color:#2dd4bf;box-shadow:0 0 0 4px #2dd4bf33}.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row select option{background:#fff;color:#333;font-weight:500}.medicine-management .modal-overlay .modal-content .modal-form .modal-actions{border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.medicine-management .modal-overlay .modal-content .modal-form .modal-actions button{border:none;border-radius:15px;cursor:pointer;font-size:1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.medicine-management .modal-overlay .modal-content .modal-form .modal-actions button.btn-secondary{background:#e2e8f0;color:#666}.medicine-management .modal-overlay .modal-content .modal-form .modal-actions button.btn-secondary:hover{background:#cbd5e0;transform:translateY(-2px)}.medicine-management .modal-overlay .modal-content .modal-form .modal-actions button.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff}.medicine-management .modal-overlay .modal-content .modal-form .modal-actions button.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.medicine-management .modal-overlay .modal-content .modal-form .modal-actions button.btn-primary:disabled{cursor:not-allowed;opacity:.7}.medicine-management .categories-section{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:1px solid #667eea1a;border-radius:20px;margin-bottom:30px;padding:25px}.medicine-management .categories-section h3{align-items:center;color:#333;display:flex;font-size:1.4rem;font-weight:700;gap:10px;margin-bottom:20px}.medicine-management .categories-section .categories-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.medicine-management .categories-section .categories-list .category-item{background:#fff;border-left:4px solid #667eea;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:15px 20px;transition:all .3s ease}.medicine-management .categories-section .categories-list .category-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.medicine-management .categories-section .categories-list .category-item .category-name{color:#333;display:block;font-size:1.1rem;font-weight:700;margin-bottom:5px}.medicine-management .categories-section .categories-list .category-item .category-description{color:#666;font-size:.9rem;line-height:1.4}.medicine-management .pagination-wrapper{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border:1px solid #667eea1a;border-radius:20px;margin-top:40px;padding:25px}.medicine-management .category-modal{max-width:700px}.medicine-management .category-modal .categories-display{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-bottom:1px solid #e2e8f0;padding:20px 30px}.medicine-management .category-modal .categories-display h4{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:15px}.medicine-management .category-modal .categories-display .existing-categories{display:flex;flex-wrap:wrap;gap:10px}.medicine-management .category-modal .categories-display .existing-categories .category-chip{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 3px 10px #667eea4d;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.medicine-management .category-modal .categories-display .existing-categories .category-chip:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.medicine-management .sales-section .sales-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.medicine-management .sales-section .sales-header h2{align-items:center;color:#333;display:flex;font-size:2rem;font-weight:700;gap:15px;margin:0}.medicine-management .sales-section .sales-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:30px}.medicine-management .sales-section .sales-grid .sale-card{background:#fff;border-left:5px solid #48cab2;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:25px;transition:all .3s ease}.medicine-management .sales-section .sales-grid .sale-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.medicine-management .sales-section .sales-grid .sale-card .sale-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.medicine-management .sales-section .sales-grid .sale-card .sale-header h4{color:#333;font-size:1.3rem;font-weight:700;margin:0}.medicine-management .sales-section .sales-grid .sale-card .sale-header .sale-date{background:#667eea;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 15px}.medicine-management .sales-section .sales-grid .sale-card .sale-info p{align-items:center;color:#666;display:flex;font-size:.95rem;justify-content:space-between;margin:10px 0}.medicine-management .sales-section .sales-grid .sale-card .sale-info p strong{color:#333;font-weight:600;min-width:120px}.medicine-management .sales-section .sales-grid .sale-card .sale-info p:nth-child(odd){background:#667eea0d;border-radius:8px;padding:8px 12px}@media(max-width:768px){.medicine-management{padding:15px}.medicine-management .medicine-header{flex-direction:column;gap:20px;text-align:center}.medicine-management .medicine-header h1{font-size:2rem}.medicine-management .medicine-tabs{flex-direction:column}.medicine-management .medicine-tabs button{text-align:center}.medicine-management .medicines-section .medicines-header{align-items:stretch;flex-direction:column}.medicine-management .medicines-section .medicines-header .search-controls{flex-direction:column;min-width:auto}.medicine-management .medicines-section .medicines-header .action-buttons{justify-content:center}.medicine-management .medicine-dashboard .reports-section,.medicine-management .medicine-dashboard .statistics-grid,.medicine-management .medicines-grid{grid-template-columns:1fr}.medicine-management .modal-overlay .modal-content{margin:20px;width:95%}.medicine-management .modal-overlay .modal-content .modal-form .form-row{grid-template-columns:1fr}.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row{gap:20px;grid-template-columns:1fr}.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row input,.medicine-management .modal-overlay .modal-content .modal-form .form-row.dosage-row select{margin-bottom:20px}.medicine-management .categories-section .categories-list{grid-template-columns:1fr}.medicine-management .category-modal .categories-display .existing-categories{justify-content:center}.medicine-management .sales-section .sales-header h2{font-size:1.5rem;text-align:center}.medicine-management .sales-section .sales-grid{grid-template-columns:1fr}.medicine-management .modal-overlay .modal-content .modal-form .customer-selection,.medicine-management .modal-overlay .modal-content .modal-form .doctor-selection{padding:15px}}@media(max-width:480px){.medicine-management .medicine-card .medicine-actions{flex-direction:column}.medicine-management .medicine-card .medicine-actions button{min-width:auto}.medicine-management .modal-overlay .modal-content .modal-actions{flex-direction:column}.medicine-management .categories-section{padding:20px}.medicine-management .categories-section h3{font-size:1.2rem}.medicine-management .pagination-wrapper{padding:20px}.medicine-management .sales-section .sales-grid .sale-card .sale-header{flex-direction:column;gap:10px;text-align:center}.medicine-management .sales-section .sales-grid .sale-card .sale-info p{flex-direction:column;gap:5px;text-align:center}.medicine-management .sales-section .sales-grid .sale-card .sale-info p strong{min-width:auto}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f7f7f7;font-family:Arial,sans-serif}.app-container{display:flex;min-height:100vh}.main-content{background:#f7f7f7;flex:1 1;padding:80px 20px 20px}
/*# sourceMappingURL=main.aad893d5.css.map*/