@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary-color: #1E1B4B;--secondary-color: #2D3BAE;--accent-bg: #F8FAFC;--text-primary: #0F172A;--text-secondary: #64748B;--primary-gradient: linear-gradient(135deg, #1E1B4B 0%, #2D3BAE 100%);--white: #FFFFFF;--light-gray: #F8FAFC;--border-color: #E2E8F0;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .35rem;--spacing-sm: .7rem;--spacing-md: 1.2rem;--spacing-lg: 1.8rem;--spacing-xl: 2.8rem;--spacing-2xl: 3.5rem;--spacing-3xl: 4.5rem;--container-max-width: 1280px;--container-padding: 1rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 30px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}img,video{max-width:100%;height:auto;display:block}::placeholder{color:#94a3b8!important;opacity:1}.input-with-icon{position:relative;display:flex!important;align-items:center;width:100%}.input-with-icon .input-icon{position:absolute!important;left:1rem!important;color:#64748b!important;font-size:1.125rem!important;pointer-events:none;z-index:5}.input-with-icon input{padding-left:3.2rem!important;width:100%}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--light-gray);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:#1e1b4b;letter-spacing:-.025em}h1{font-size:1.75rem;font-weight:800}h2{font-size:1.6rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.lead-text{font-size:1.0625rem;line-height:1.7}.btn{display:inline-block;padding:.75rem 1.8rem;font-family:var(--font-body);font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);text-align:center;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);color:var(--white);box-shadow:var(--shadow-md);position:relative;z-index:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #23286b4d}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.btn-large{padding:1rem 2.25rem;font-size:1.05rem;font-weight:700}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.section{padding:var(--spacing-xl) 0;position:relative}.section-light{background-color:var(--light-gray)}.section-accent{background-color:var(--accent-bg)}.section-gradient{background:var(--primary-gradient);color:var(--white)}.section+.section{margin-top:0}.section-header{text-align:center;margin-bottom:var(--spacing-xl);max-width:1000px;margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);display:flex;flex-direction:column;align-items:center}.section-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-sm);color:var(--primary-color);letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:#546e7a;margin:0;line-height:1.5;max-width:750px}.card{background:var(--white);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card-compact{padding:1rem}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.grid{display:grid;gap:var(--spacing-md);width:100%}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%}@media(max-width:1024px){.grid-3,.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4,.stats-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:768px){:root{--container-padding: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 2.5rem}.section{padding:var(--spacing-lg) 0}.btn{padding:.75rem 1.5rem;font-size:.9375rem}}.text-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #3f46b84d}50%{box-shadow:0 0 40px #3f46b899}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .6s ease-out}.slide-in-right{animation:slideInRight .6s ease-out}.scale-in{animation:scaleIn .5s ease-out}.float-animation{animation:float 3s ease-in-out infinite}.glow-animation{animation:glow 2s ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.table-controls{padding:.75rem 1.25rem;margin-bottom:1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box,.filter-box{position:relative;display:flex;align-items:center;flex:1;max-width:480px}.filter-box{max-width:250px}.search-box svg,.filter-box svg{position:absolute;left:1.25rem;color:#64748b;pointer-events:none;z-index:10}.search-box input,.filter-box select{width:100%;padding:.4rem 1rem .4rem 2.75rem;background:#f1f5f9;border:1.5px solid #F1F5F9;border-radius:6px;font-family:var(--font-body);font-size:.875rem;color:#1e293b;transition:all .2s ease}.filter-box select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1rem}.search-box input:focus,.filter-box select:focus{outline:none;border-color:var(--primary-color);background-color:var(--white);box-shadow:0 0 0 3px #23286b14}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}@media(max-width:768px){.table-responsive table{min-width:800px}}@media(max-width:640px){.table-controls{flex-direction:column!important;align-items:stretch!important;padding:1rem!important;gap:.75rem!important}.search-box,.filter-box{max-width:100%!important;width:100%!important}}.page-header{margin-bottom:1rem!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;text-align:left!important}.page-header>*:first-child{flex:1!important;text-align:left!important}.page-header h1,.page-header h2{font-size:1.65rem!important;font-weight:800!important;color:#1e1b4b!important;margin:0!important}.page-header p{font-size:.9375rem!important;color:#64748b!important;font-weight:500!important;margin-top:.25rem!important}.page-header .btn-primary,.page-header .btn{white-space:nowrap;flex-shrink:0}@media(max-width:768px){.page-header{flex-direction:column!important;align-items:flex-start!important;gap:1.25rem!important;margin-bottom:1.5rem!important}.page-header h1,.page-header h2{font-size:1.5rem!important;width:100%!important}.page-header p{font-size:.875rem!important;margin-top:.5rem!important}.page-header .btn,.page-header .btn-primary{width:100%!important;display:flex!important;justify-content:center!important;padding:.9rem!important}}@media(max-width:480px){.page-header h1,.page-header h2{font-size:1.35rem!important}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);transition:all var(--transition-normal);border-bottom:1px solid transparent}.header.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);border-bottom-color:var(--border-color)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:1.5rem}.logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform var(--transition-normal)}.logo:hover{transform:scale(1.05)}.logo-img,.logo img{height:50px;width:auto;object-fit:contain;transition:all var(--transition-normal);filter:drop-shadow(0 2px 8px rgba(35,40,107,.1))}.logo-text{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--primary-color);display:none}.nav-desktop{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-link{background:none;border:none;font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast);position:relative;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-gradient);transition:width var(--transition-normal)}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after{width:100%}.login-btn{display:none}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--primary-color);cursor:pointer;padding:.5rem;transition:transform var(--transition-fast)}.mobile-menu-toggle:hover{transform:scale(1.1)}.nav-mobile{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;border-top:1px solid var(--border-color);animation:slideDown .3s ease}.nav-link-mobile{background:none;border:none;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;padding:.75rem 1rem;text-align:left;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.nav-link-mobile:hover{background:var(--accent-bg);color:var(--primary-color);transform:translate(8px)}@media(min-width:769px){.login-btn{display:inline-block}.mobile-menu-toggle,.nav-mobile{display:none}}@media(max-width:768px){.nav-desktop{display:none}.mobile-menu-toggle{display:block}.logo-img,.logo img{height:42px}}@media(min-width:1200px){.nav-desktop{gap:2.5rem}.logo-img,.logo img{height:55px}}.hero{position:relative;min-height:70vh;display:flex;align-items:center;padding-top:80px;padding-bottom:var(--spacing-xl);background:linear-gradient(135deg,var(--white) 0%,var(--accent-bg) 100%);overflow:hidden}.hero-content{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;position:relative;z-index:2}.hero-text{max-width:600px}.hero-title{font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.hero-cta{margin-bottom:var(--spacing-lg)}.hero-cta .btn{display:inline-flex;align-items:center}.hero-stats{display:flex;gap:1.5rem;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.stat-item{text-align:left}.stat-label{font-size:.875rem;color:var(--text-secondary);margin:0}.hero-image{position:relative}.image-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.image-wrapper img{width:100%;height:auto;display:block;border-radius:var(--radius-xl)}.image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:var(--primary-gradient);opacity:.15;filter:blur(60px);z-index:-1;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.25;transform:translate(-50%,-50%) scale(1.05)}}.hero-bg-decoration{position:absolute;top:-10%;right:-10%;width:600px;height:600px;background:var(--primary-gradient);opacity:.05;border-radius:50%;filter:blur(80px);z-index:1}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:4rem;text-align:center}.hero-text{max-width:100%;margin:0 auto}.hero-stats{justify-content:center;gap:3rem}}@media(max-width:768px){.hero{min-height:auto;padding-top:90px;padding-bottom:var(--spacing-xl)}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-text{max-width:100%;text-align:center}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-cta{margin-bottom:var(--spacing-md)}.hero-cta .btn{width:100%;justify-content:center}.hero-stats{justify-content:space-around;gap:1.5rem;flex-wrap:wrap}.stat-item{text-align:center;flex:1;min-width:100px}.stat-number{font-size:1.75rem}.hero-image{order:-1}.hero-bg-decoration{width:400px;height:400px}}@media(max-width:480px){.hero{padding-top:80px}.hero-stats{gap:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8125rem}}.about-content{display:grid;grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:center}.about-text{max-width:100%}.about-heading{font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--primary-color)}.about-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.about-feature{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:all var(--transition-fast)}.about-feature:hover{transform:translate(8px);border-color:var(--secondary-color);box-shadow:var(--shadow-sm)}.about-feature span{font-weight:500;color:var(--text-primary)}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.stat-card{text-align:left;padding:1.25rem;background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow-sm)}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stat-icon{width:48px;height:48px;margin:0 0 1rem;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:var(--radius-md);color:var(--primary-color);transition:all var(--transition-normal)}.stat-card:hover .stat-icon{background:var(--primary-gradient);color:var(--white);transform:scale(1.1) rotate(5deg)}.stat-number{font-size:2rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}@media(max-width:1024px){.about-content{grid-template-columns:1fr;gap:3rem}.about-text{text-align:center}.about-heading{font-size:2rem}.about-features{justify-content:center}}@media(max-width:768px){.about-heading{font-size:1.75rem}.about-description{font-size:1rem}.about-features{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem}.stat-number{font-size:1.75rem}}@media(max-width:480px){.about-stats{grid-template-columns:1fr}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md)}.service-card{text-align:center;padding:var(--spacing-lg);background:var(--white);border:1px solid var(--border-color);transition:all var(--transition-normal)}.service-card:hover{border-color:var(--primary-color);transform:translateY(-8px)}.service-icon{width:64px;height:64px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:var(--radius-md);transition:all var(--transition-normal)}.service-card:hover .service-icon{background:var(--primary-gradient);color:var(--white)!important;transform:scale(1.1)}.service-title{font-size:1.375rem;margin-bottom:var(--spacing-xs);color:var(--primary-color)}.service-description{margin-bottom:var(--spacing-md);line-height:1.6;font-size:.9375rem}.service-features{list-style:none;margin-bottom:var(--spacing-md);text-align:left}.service-features li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;color:var(--text-secondary);font-size:.875rem}.service-features li svg{flex-shrink:0}.service-link{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--primary-color);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);padding:.5rem 0}.service-link:hover{gap:.75rem;color:var(--secondary-color)}.service-link svg{transition:transform var(--transition-fast)}.service-link:hover svg{transform:translate(4px)}@media(max-width:768px){.services-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.service-card{padding:var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-2xl)}}@media(max-width:480px){.service-icon{width:70px;height:70px}.service-title{font-size:1.25rem}}.clinic-highlight{background:var(--primary-gradient);color:var(--white);position:relative;overflow:hidden}.clinic-content{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:center;padding-top:var(--spacing-xl)}.clinic-visual{position:relative;z-index:1}.visual-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px #0000004d}.visual-wrapper img{width:100%;height:auto;display:block}.clinic-text{display:flex;flex-direction:column}.highlights-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.highlight-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal)}.highlight-item:hover{background:#ffffff26;transform:translate(8px)}.highlight-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-sm);color:var(--white)}.highlight-content{flex:1}.highlight-title{font-size:1.05rem;font-weight:600;margin-bottom:.125rem;color:var(--white)}.highlight-description{font-size:.875rem;color:#ffffffd9;margin:0;line-height:1.5}.clinic-cta{background:var(--white);color:var(--primary-color);display:inline-flex;align-items:center;font-weight:700;box-shadow:0 8px 24px #00000026}.clinic-cta:hover{background:var(--accent-bg);transform:translateY(-3px);box-shadow:0 12px 32px #0003}.clinic-visual{position:relative}.visual-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden}.visual-wrapper img{width:100%;height:auto;display:block;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d}.visual-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:#fff3;filter:blur(60px);z-index:-1;animation:pulse 4s ease-in-out infinite}@media(max-width:1024px){.clinic-content{gap:3rem}}@media(max-width:768px){.clinic-content{grid-template-columns:1fr;gap:2.5rem}.clinic-text{max-width:100%}.clinic-title{font-size:1.875rem}.highlights-grid{gap:var(--spacing-md)}.highlight-item{padding:1rem}.highlight-icon{width:40px;height:40px}.clinic-cta{width:100%;justify-content:center}.clinic-visual{order:-1}}@media(max-width:480px){.badge{font-size:.8125rem;padding:.4rem .875rem}.clinic-title{font-size:1.625rem}.clinic-description,.highlight-title{font-size:1rem}.highlight-description{font-size:.875rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md)}.feature-card{text-align:center;padding:var(--spacing-lg);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon-wrapper{margin-bottom:var(--spacing-md)}.feature-icon{width:64px;height:64px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:var(--radius-md);color:var(--primary-color);transition:all var(--transition-normal)}.feature-card:hover .feature-icon{background:var(--primary-gradient);color:var(--white);transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.125rem;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-weight:600}.feature-description{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.9375rem}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-lg)}.feature-icon{width:70px;height:70px}}@media(max-width:480px){.feature-title{font-size:1.125rem}.feature-description{font-size:.9375rem}.feature-icon{width:64px;height:64px}}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pricing-card{background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.pricing-card.highlighted{border-color:var(--primary-color);border-width:3px;box-shadow:var(--shadow-md);transform:scale(1.05)}.pricing-card.highlighted:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-gradient);color:var(--white);padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-sm)}.pricing-header{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.plan-name{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.plan-description{font-size:.9375rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.price-wrapper{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price{font-size:3rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.period{font-size:1.125rem;color:var(--text-secondary)}.features-list{list-style:none;margin-bottom:var(--spacing-xl);flex:1}.feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:var(--text-primary);font-size:.9375rem;transition:all var(--transition-fast)}.feature-item:hover{transform:translate(8px);color:var(--primary-color)}.check-icon{color:var(--secondary-color);flex-shrink:0;margin-top:2px}.pricing-cta{width:100%;justify-content:center}.pricing-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.pricing-note{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.pricing-note strong{color:var(--primary-color);font-weight:600}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.pricing-card.highlighted{transform:scale(1)}.pricing-card.highlighted:hover{transform:translateY(-8px)}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr;gap:1.5rem;max-width:450px;margin-left:auto;margin-right:auto}.price{font-size:2.5rem}}@media(max-width:480px){.price{font-size:2rem}.period{font-size:1rem}.feature-item{font-size:.875rem}}.final-cta{background:var(--primary-gradient);color:var(--white);text-align:center}.cta-content{max-width:800px;margin:0 auto;padding:2.5rem 0}.cta-title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;margin-bottom:var(--spacing-md);color:var(--white);letter-spacing:-.02em}.cta-subtitle{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;color:#ffffffe6;margin-bottom:var(--spacing-lg);max-width:700px;margin-left:auto;margin-right:auto}.cta-button{background:var(--white);color:var(--primary-color);display:inline-flex;align-items:center;font-weight:700;box-shadow:0 8px 24px #00000026;margin-bottom:.5rem}.cta-button:hover{background:var(--accent-bg);transform:translateY(-3px);box-shadow:0 12px 32px #0003}.cta-features{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.cta-feature{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#fffffff2}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--white);opacity:.9}@media(max-width:768px){.cta-title{font-size:1.875rem}.cta-subtitle{font-size:1rem}.cta-button{width:100%;justify-content:center}.cta-features{flex-direction:column;gap:1rem;align-items:center}}@media(max-width:480px){.cta-title{font-size:1.625rem}.cta-feature{font-size:.875rem}}.footer{background:#0b0e2a;color:#ffffffb3;padding:80px 0 40px}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.footer-section h4{margin-bottom:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--spacing-md);cursor:pointer}.footer-logo img{height:48px;width:auto;object-fit:contain;filter:brightness(0) invert(1) contrast(1.2);transition:all var(--transition-normal)}.footer-logo:hover .footer-logo-img,.footer-logo:hover img{transform:scale(1.05)}.footer-logo-text{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--white)}.footer-description{color:#ffffffb3;margin-bottom:var(--spacing-lg);line-height:1.6}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#ffffffb3;transition:all var(--transition-fast)}.contact-item:hover{color:var(--white);transform:translate(4px)}.contact-item svg{color:var(--secondary-color);transition:transform var(--transition-fast)}.contact-item:hover svg{transform:scale(1.2)}.footer-heading{font-size:1.125rem;font-weight:600;color:var(--white);margin-bottom:var(--spacing-md)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.9375rem;transition:all var(--transition-fast);display:inline-block;position:relative}.footer-links a:before{content:"→";position:absolute;left:-20px;opacity:0;transition:all var(--transition-fast)}.footer-links a:hover{color:var(--white);transform:translate(8px)}.footer-links a:hover:before{opacity:1;left:-16px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;flex-wrap:wrap;gap:1rem}.copyright{color:#fff9;font-size:.875rem;margin:0}.footer-social{display:flex;align-items:center;gap:1.5rem;font-size:.875rem}.footer-social span{color:#fff9}.footer-social a{color:#ffffffb3;text-decoration:none;transition:all var(--transition-fast);position:relative}.footer-social a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--white);transition:width var(--transition-normal)}.footer-social a:hover{color:var(--white)}.footer-social a:hover:after{width:100%}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}}@media(max-width:768px){.footer{padding:60px 0 30px}.footer-content{grid-template-columns:1fr;gap:3rem;margin-bottom:2rem;padding-bottom:2rem}.footer-bottom{flex-direction:column;text-align:center;gap:1rem}.footer-social{justify-content:center}.footer-logo-img,.footer-logo img{height:45px}}@media(max-width:480px){.footer-logo-img,.footer-logo img{height:40px}.footer-logo-text{font-size:1.125rem}.contact-item{font-size:.875rem}}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;position:relative}.login-card{background:var(--white);width:100%;max-width:480px;border-radius:var(--radius-lg);padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:2.5rem}.brand-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:#fff;border-radius:50%;margin-bottom:1.5rem;overflow:hidden;border:4px solid #f1f5f9;padding:10px;box-shadow:0 4px 10px #0000000d}.brand-icon-img-login{width:100%;height:100%;object-fit:contain;border-radius:50%}.login-title{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.login-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:.75rem}.login-helper-text{font-size:.875rem;color:var(--text-secondary);font-style:italic}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.125rem;pointer-events:none;z-index:10}.input-with-icon input{width:100%;padding:.875rem 1rem .875rem 3.2rem!important;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-body);transition:all var(--transition-fast)}.input-with-icon input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #23286b1a}.input-with-icon input:disabled{background:var(--light-gray);cursor:not-allowed;opacity:.6}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--primary-color)}.password-hint{font-size:.8125rem;color:var(--text-secondary);margin-top:-.25rem}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-primary)}.remember-me input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer}.forgot-password{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color var(--transition-fast)}.forgot-password:hover{color:var(--secondary-color);text-decoration:underline}.btn-full{width:100%;padding:1rem;font-size:1.0625rem}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee2e2;border:1px solid #FCA5A5;border-radius:var(--radius-sm);color:#991b1b;font-size:.9375rem}.warning-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef3c7;border:1px solid #FCD34D;border-radius:var(--radius-sm);color:#92400e;font-size:.9375rem}.lockout-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#dbeafe;border:1px solid #93C5FD;border-radius:var(--radius-sm);color:#1e40af;font-size:.9375rem}.lockout-message strong{display:block;margin-bottom:.25rem}.lockout-message p{margin:0;font-size:.875rem}.captcha-box{display:flex;gap:1rem;align-items:center}.captcha-challenge{flex:1;background:var(--light-gray);padding:1rem;border-radius:var(--radius-sm);text-align:center;border:2px dashed var(--border-color)}.captcha-text{display:block;font-size:1.5rem;font-weight:700;letter-spacing:.5rem;color:var(--primary-color);font-family:Courier New,monospace;margin-bottom:.5rem}.captcha-challenge small{font-size:.75rem;color:var(--text-secondary)}.captcha-box input{flex:1;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;text-align:center;letter-spacing:.25rem;font-family:Courier New,monospace}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.login-footer p{font-size:.9375rem;color:var(--text-secondary)}.login-footer a{color:var(--primary-color);font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-layout-wrapper{display:flex;align-items:flex-start;justify-content:center;gap:3rem;width:100%;max-width:1100px}.login-card{background:var(--white);width:100%;max-width:450px;border-radius:var(--radius-lg);padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d;flex-shrink:0}.demo-access-container.side-panel{margin-top:0;width:100%;max-width:550px;flex-shrink:1}.demo-access-container.side-panel{margin-top:0;width:100%;max-width:480px;flex-shrink:1}.demo-credentials{padding:2rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;border:1px solid var(--border-color)}.demo-title{color:var(--primary-color);font-size:1.5rem;font-weight:800;margin-bottom:.25rem;text-align:left}.demo-subtitle{font-size:.9375rem;color:var(--text-secondary);margin-bottom:2rem;text-align:left}.demo-table-wrapper{overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:1.5rem}.demo-table{width:100%;border-collapse:collapse}.demo-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.demo-table tr{transition:all .2s ease;cursor:pointer}.demo-table tr:hover{background:#f1f5f9}.demo-table td{padding:1rem;border-bottom:1px solid #f1f5f9}.demo-table tr:last-child td{border-bottom:none}.role-name{display:block;font-weight:700;color:var(--primary-color);font-size:1rem;margin-bottom:.125rem}.role-email{display:block;font-size:.8125rem;color:var(--text-secondary)}.btn-table-login{background:transparent;border:1.5px solid var(--primary-color);color:var(--primary-color);padding:.4rem .8rem;border-radius:6px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease}.demo-table tr:hover .btn-table-login{background:var(--primary-color);color:var(--white)}.demo-passwords{display:flex;align-items:center;gap:.6rem;padding:1rem;background:#f8fafc;border-radius:var(--radius-sm);font-size:.875rem;color:var(--primary-color);font-weight:500}.pass-icon{color:#10b981;font-size:1.1rem}.demo-passwords code{background:#dcfce7;color:#065f46;padding:.2rem .4rem;border-radius:4px;font-weight:700}.spinner-loader{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--white);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.login-layout-wrapper{flex-direction:column-reverse;align-items:center;gap:2rem;padding:1rem}.login-card,.demo-access-container.side-panel{max-width:500px;width:100%}}@media(max-width:640px){.login-card{padding:2rem 1.5rem}.captcha-box{flex-direction:column}}@media(max-width:480px){.login-container{padding:1rem .5rem}.login-card{padding:1.5rem 1rem;box-shadow:0 4px 10px #0000001a}.brand-icon-wrapper{width:80px;height:80px;margin-bottom:1rem;padding:8px}.login-title{font-size:1.5rem}.demo-credentials{padding:1rem}.demo-title{font-size:1.2rem}.demo-table td,.demo-table th{padding:.5rem;font-size:.8rem}}.otp-explanation{text-align:center}.shield-icon-wrap{width:64px;height:64px;background:#eef2ff;color:#3f46b8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.otp-explanation h3{font-size:1.5rem;color:#1e1b4b;font-weight:800;margin-bottom:.75rem}.otp-explanation p{font-size:.9375rem;color:#64748b;line-height:1.5}.otp-input-field{text-align:center;font-size:2rem!important;letter-spacing:.5rem;font-weight:800;padding:1rem!important;background:#f8fafc!important;border:2.5px solid #E2E8F0!important;width:100%;margin-top:.5rem;border-radius:12px}.otp-input-field:focus{background:#fff!important;border-color:#3f46b8!important;box-shadow:0 0 0 4px #3f46b81a!important;outline:none}.selection-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem}.selection-card{background:var(--white);width:100%;max-width:700px;border-radius:var(--radius-lg);padding:3rem 2.5rem;box-shadow:0 20px 60px #0000004d}.selection-header{text-align:center;margin-bottom:2rem}.brand-logo-small{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--primary-gradient);border-radius:50%;color:var(--white);margin-bottom:1rem}.selection-header h1{font-size:1.875rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.selection-subtitle{font-size:1.0625rem;color:var(--text-primary);margin-bottom:.5rem}.selection-subtitle strong{color:var(--primary-color)}.selection-helper{font-size:.9375rem;color:var(--text-secondary)}.clinics-list{display:flex;flex-direction:column;gap:1rem}.clinic-option-card{position:relative;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;transition:all var(--transition-normal);overflow:hidden}.clinic-option-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 24px #23286b26}.clinic-option-card:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #23286b1a}.clinic-card-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.clinic-info{flex:1}.clinic-info h3{font-size:1.25rem;font-weight:600;color:var(--primary-color);margin-bottom:.75rem}.clinic-meta{display:flex;flex-direction:column;gap:.5rem}.clinic-location,.clinic-role{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--text-secondary)}.clinic-role{font-weight:600;color:var(--secondary-color)}.select-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-gradient);border-radius:50%;color:var(--white);font-size:1.5rem;opacity:0;transform:scale(.8);transition:all var(--transition-normal)}.clinic-option-card:hover .select-icon{opacity:1;transform:scale(1)}.clinic-card-hover-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#23286b0d,#3f46b80d);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.clinic-option-card:hover .clinic-card-hover-effect{opacity:1}.no-clinics-message{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.no-clinics-message svg{color:var(--primary-color);margin-bottom:1rem}.no-clinics-message h3{font-size:1.5rem;color:var(--primary-color);margin-bottom:.5rem}.no-clinics-message p{font-size:1rem}.selection-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.footer-note{font-size:.875rem;color:var(--text-secondary);font-style:italic}@media(max-width:640px){.selection-card{padding:2rem 1.5rem}.clinic-option-card{padding:1.25rem}.clinic-card-content{flex-direction:column;align-items:flex-start;gap:1rem}.select-icon{align-self:flex-end}.clinic-meta{gap:.375rem}}.sidebar{width:240px;height:100vh;background:#1e1b4b;color:var(--white);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;box-shadow:4px 0 20px #0000001a;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#ffffff0d}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-brand{padding:2rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:none}.brand-logo{width:54px;height:54px;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon-img{width:100%;height:100%;object-fit:contain;border-radius:12px}.patient-brand-icon{width:48px;height:48px;background:var(--primary-gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;box-shadow:0 4px 12px #6366f14d}.brand-text h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;margin:0;color:var(--white);line-height:1}.brand-text p{font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:#fff9;margin:0;text-transform:uppercase}.user-info{padding:1.5rem;display:flex;align-items:center;gap:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.user-avatar{width:44px;height:44px;border-radius:50%;background:var(--secondary-color);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:var(--white);flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-size:.9375rem;font-weight:600;color:var(--white);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#ffffffb3;background:#ffffff1a;padding:.25rem .625rem;border-radius:12px}.sidebar-nav{flex:1;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.nav-section{padding:0 .75rem;margin-bottom:.5rem}.nav-section-title,.nav-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin:0 0 .75rem;padding:0 1rem}.nav-group{padding:0 .75rem}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;color:#ffffffbf;text-decoration:none;font-size:.9375rem;font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition-fast);margin-bottom:.25rem}.nav-item svg{font-size:1.25rem;flex-shrink:0}.nav-item:hover{background:#ffffff14;color:var(--white);transform:translate(4px)}.nav-item.active{background:#3b82f6;color:var(--white);box-shadow:0 4px 12px #3b82f640;font-weight:700}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;cursor:pointer;font-weight:600;border-radius:8px;transition:all .2s ease}.logout-btn svg{font-size:1.125rem}.logout-btn:hover{background:#ef444433;color:#fff}@media(max-width:1024px){.sidebar{width:280px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar.mobile-open{transform:translate(0)}.sidebar-brand{padding:1.5rem;justify-content:space-between}.sidebar-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:var(--white);font-size:1.5rem;cursor:pointer;transition:all .2s ease}.sidebar-close:hover{background:#fff3;transform:rotate(90deg)}}@media(min-width:1025px){.sidebar-close{display:none}}@media(max-width:768px){.brand-text h2{font-size:1.125rem}.user-info{padding:1rem}.user-avatar{width:40px;height:40px;font-size:1rem}}@media(max-width:480px){.sidebar{width:85%;max-width:300px}}.topbar{height:60px;background:var(--white);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:90;box-shadow:0 1px 3px #0000000d}.topbar-left{display:flex;align-items:center;gap:1rem;flex:0 0 auto}.mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:#f1f5f9;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--primary-color);font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast)}.mobile-toggle:hover{background:#e2e8f0;transform:scale(1.05)}@media(max-width:1024px){.mobile-toggle{display:flex}}.clinic-selector{position:relative;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#f8fafc;border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.clinic-selector:hover{background:#f1f5f9;border-color:#cbd5e1}.clinic-selector.clickable{cursor:pointer}.clinic-icon{color:var(--primary-color);font-size:1.125rem}.clinic-name{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.chevron{color:var(--text-secondary);font-size:1rem;transition:transform var(--transition-fast)}.chevron.open{transform:rotate(180deg)}.clinic-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:240px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;padding:.5rem;z-index:100;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clinic-option{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;color:var(--text-primary)}.clinic-option:hover{background:var(--accent-bg)}.clinic-option.active{background:#e8eaf6;color:var(--primary-color);font-weight:600}.active-indicator{width:8px;height:8px;background:var(--primary-color);border-radius:50%}.topbar-center{flex:1;display:flex;justify-content:center;padding:0 2rem}.global-search{position:relative;width:100%;max-width:420px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.1rem;pointer-events:none;z-index:1}.global-search input{width:100%;padding:.35rem 1rem .35rem 3.2rem;background:#f1f5f9;border:1.5px solid #F1F5F9;border-radius:6px;font-family:var(--font-body);font-size:.875rem;color:#1e293b;transition:all .25s ease}.global-search input:focus{background:#fff;border-color:#2d3bae;outline:none;box-shadow:0 4px 12px #2d3bae14}.topbar-right{display:flex;align-items:center;gap:1.5rem;flex:0 0 auto}.notification-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.notification-btn:hover{background:var(--accent-bg);color:var(--primary-color)}.notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#ef4444;color:var(--white);font-size:.625rem;font-weight:800;border-radius:10px;padding:0 4px}.user-profile{position:relative;display:flex;align-items:center;gap:1rem;cursor:pointer}.user-role{font-size:.8125rem;color:var(--text-secondary);text-transform:capitalize}.user-avatar{width:40px;height:40px;background:#312e81;color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all var(--transition-fast)}.user-profile:hover .user-avatar{box-shadow:0 0 0 3px #3f46b81a}.profile-dropdown{position:absolute;top:calc(100% + .75rem);right:0;width:260px;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;padding:1rem;z-index:100;animation:slideDown .2s ease}.profile-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-avatar-large{width:50px;height:50px;background:var(--primary-color);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.profile-info h4{margin:0 0 .25rem;font-size:1rem;color:var(--text-primary)}.profile-info p{margin:0;font-size:.8125rem;color:var(--text-secondary)}.profile-divider{height:1px;background:var(--border-color);margin:1rem 0}.profile-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);font-size:.9375rem;color:var(--text-primary);text-align:left}.profile-menu-item:hover{background:var(--accent-bg)}.profile-menu-item.logout{color:#ef4444}.profile-menu-item.logout:hover{background:#fee2e2}.capitalize{text-transform:capitalize}@media(max-width:1024px){.topbar-center{display:none}.topbar{padding:0 1rem}}@media(max-width:768px){.user-role{display:none}.topbar-right{gap:.75rem}.clinic-name{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem}.topbar{padding:0 .75rem}}@media(max-width:480px){.topbar{padding:0 .5rem;height:56px}.notification-btn{width:32px;height:32px}.user-avatar{width:32px;height:32px;font-size:.9rem}.clinic-selector,.ev-platform-pill{padding:.4rem .6rem;gap:.4rem}.clinic-name{max-width:80px}.mobile-toggle{width:36px;height:36px}}.brand-display{display:flex;flex-direction:column;justify-content:center}.brand-display .clinic-icon{display:none}.brand-name{font-size:1.1rem;font-weight:800;color:var(--primary-color);line-height:1;letter-spacing:-.5px}.brand-tagline{font-size:.7rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-role-label{font-size:.875rem;font-weight:500;color:#64748b;margin-right:.25rem}.ev-platform-pill{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;font-weight:700;color:#1e1b4b;font-size:.9375rem;cursor:pointer}.ev-platform-pill svg{color:var(--primary-color)}.ev-platform-pill .chevron{color:#64748b;margin-left:.25rem;font-size:.85rem}.patient-nav{background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 2px #00000008}.ev-platform-pill{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;font-weight:700;color:#1e1b4b;font-size:.875rem;cursor:pointer}.ev-platform-pill svg{color:var(--primary-color);font-size:1.1rem}.patient-label{font-size:.875rem;font-weight:600;color:#64748b;margin-right:.5rem}.patient-nav .global-search input{background:#f1f5f9;border-color:transparent;border-radius:12px;max-width:500px}.patient-nav .user-avatar{background:#1e1b4b;border:2px solid #E2E8F0}.dashboard-layout{display:flex;min-height:100vh;background:var(--light-gray);position:relative;overflow-x:hidden}.dashboard-main{flex:1;margin-left:240px;height:100vh;display:flex;flex-direction:column;width:calc(100% - 240px);transition:margin-left .3s ease;overflow:hidden}.dashboard-content{padding:1.5rem;flex:1;overflow-y:auto;background:#f8fafc}.animate-fade-in{animation:fadeIn .4s ease-out}.sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;animation:fadeInOverlay .3s ease}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.dashboard-main{margin-left:0;width:100%}}@media(max-width:768px){.dashboard-content{padding:1.25rem 1rem}}@media(max-width:480px){.dashboard-content{padding:1rem .75rem}}.patient-layout .dashboard-main{background:#fff}.patient-layout .dashboard-content{padding:1rem 1.5rem}.page-header h2{font-size:1.875rem!important;font-weight:800!important;background:linear-gradient(135deg,#1e1b4b,#2d3bae);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem!important}.stat-card{background:#fff;border:1px solid #F1F5F9;border-radius:20px;padding:1.75rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 20px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000014;border-color:#e2e8f0}.stat-value{font-size:1.75rem;font-weight:800;color:#1e1b4b;margin:.25rem 0}.stat-sub{font-size:.75rem;color:#94a3b8;font-weight:600}.clinics-grid-detailed{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.clinic-perf-card{background:#fff;border-radius:24px;border:1px solid #F1F5F9;padding:2rem;box-shadow:0 4px 25px #0000000a;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.clinic-perf-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3f46b8,#10b981);opacity:.6}.clinic-perf-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:#3f46b8}.card-header-flex{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.card-header-flex h4{color:#1e1b4b;font-size:1.35rem;font-weight:800;margin-bottom:.5rem}.expiry-badge{font-size:.75rem;font-weight:800;padding:.5rem 1rem;border-radius:50px;text-transform:uppercase;letter-spacing:.05em}.expiry-badge.urgent{background:#fee2e2;color:#b91c1c}.expiry-badge.warning{background:#fffbeb;color:#b45309}.expiry-badge.safe{background:#ecfdf5;color:#065f46}.card-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.5rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-item label{font-size:.65rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.metric-item strong{font-size:1.125rem;color:#334155;font-weight:700}.metric-item.highlight{grid-column:span 2;background:#f8fafc;padding:.75rem 1rem;border-radius:12px}.metric-item.highlight strong{color:#2d3bae;font-size:1.25rem}.card-footer-info{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.dashboard-section-card{border-radius:20px;overflow:hidden;margin-bottom:3rem}.section-header{background:#f8fafc;padding:1.5rem 2rem;border-bottom:1px solid #F1F5F9}.alert-list{padding:1rem}.alert-item{padding:1.25rem 1.5rem;border-radius:16px;background:#fff;margin-bottom:.75rem;display:flex;align-items:center;gap:1.25rem;border:1px solid #F1F5F9;transition:all .2s ease}.alert-item:hover{background:#fafbff;border-color:#d6bcfa}.alert-item svg{font-size:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.clinics-grid-detailed{grid-template-columns:1fr}}@media(max-width:768px){.card-metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-item.highlight{grid-column:span 2}}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.modal-content{background:var(--white);width:100%;max-width:550px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;color:var(--primary-color);margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s}.close-btn:hover{background:var(--light-gray);color:var(--primary-color)}.modal-body{padding:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-form .form-group{display:flex;flex-direction:column;gap:.5rem}.modal-form .form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9375rem;font-family:var(--font-body);transition:all var(--transition-fast)}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #23286b1a}.modal-form .form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.modal-actions .btn{min-width:120px}.success-message{text-align:center;padding:2rem}.success-message svg{margin-bottom:1rem}.success-message h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.25rem}.success-message p{color:var(--text-secondary);font-size:.9375rem}.clinic-logo-lg{width:80px;height:80px;border-radius:var(--radius-md);object-fit:contain;background:var(--light-gray);margin-bottom:1rem}.details-header h2{color:var(--primary-color);font-size:1.5rem;margin:0}.details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}.detail-item label{display:block;font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.detail-item p{color:var(--text-primary);font-size:1rem;margin:0}@media(max-width:640px){.modal-overlay{padding:1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.confirm-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1.5rem}.confirm-modal-content{background:var(--white);width:100%;max-width:480px;border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;text-align:center}.confirm-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.confirm-close-btn:hover{background:var(--light-gray);color:var(--primary-color)}.confirm-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.confirm-icon-warning{background:#fef3c7;color:#f59e0b}.confirm-icon-danger{background:#fee2e2;color:#dc2626}.confirm-icon-info{background:#dbeafe;color:#3b82f6}.confirm-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.confirm-message{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.confirm-actions{display:flex;gap:1rem;justify-content:center}.confirm-actions .btn{min-width:120px}.btn-danger{background:#dc2626;color:var(--white);border:none}.btn-danger:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 8px 24px #dc26264d}@media(max-width:640px){.confirm-modal-content{padding:2rem 1.5rem}.confirm-actions{flex-direction:column}.confirm-actions .btn{width:100%}}.clinics-page{display:flex;flex-direction:column;gap:2rem}.global-search{position:relative;width:100%;max-width:440px}.page-header p{font-size:.9375rem;color:#64748b;font-weight:500;margin-top:.25rem}.btn-primary{background:#2d3bae;color:#fff;border:none;border-radius:10px;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background:#1e1b4b;transform:translateY(-1px);box-shadow:0 4px 12px #2d3bae33}.btn-with-icon{display:flex;align-items:center;gap:.75rem}.clinic-cell{display:flex;align-items:center;gap:1rem}.table-controls{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;box-shadow:0 1px 3px #0000000d;border:1px solid #E2E8F0}.search-box{max-width:400px}.clinic-avatar{width:40px;height:40px;background:#23286b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.btn-icon.login:hover{border-color:#10b981;color:#10b981;background:#ecfdf5}.clinic-details{padding:1rem 0}.clinic-avatar-lg{width:72px;height:72px;background:#23286b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.p-lg{padding:2rem}.insights-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.insight-stat-card{background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;padding:1.25rem;display:flex;align-items:center;gap:1rem;transition:transform .2s}.insight-stat-card:hover{transform:translateY(-3px)}.stat-icon-square{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-info label{display:block;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:.15rem}.stat-info strong{font-size:1.25rem;color:#1e1b4b;font-weight:800}.insights-lists{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.insight-list-section h4{font-size:.9rem;font-weight:800;color:#1e1b4b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.mini-list{background:#fff;border:1px solid #F1F5F9;border-radius:12px;height:160px;overflow-y:auto}.mini-list-item{padding:.75rem 1rem;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.mini-list-item span{font-size:.85rem;font-weight:600;color:#334155}.mini-list-item small{font-size:.75rem;color:#94a3b8}.empty{padding:2rem;text-align:center;color:#94a3b8;font-size:.85rem}.module-pills{display:flex;flex-wrap:wrap;gap:.5rem}.mod-pill{font-size:.7rem;font-weight:700;padding:.35rem .75rem;border-radius:50px;text-transform:uppercase}.mod-pill.active{background:#eef2ff;color:#3f46b8}.mod-pill.inactive{background:#f8fafc;color:#cbd5e1;opacity:.6}.modules-controls{padding:1.5rem}.clinic-selector{display:flex;align-items:center;gap:1rem}.clinic-selector label{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.clinic-selector select{padding:.75rem 2.5rem .75rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;background-color:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235F647A'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;transition:all var(--transition-fast);min-width:250px}.clinic-selector select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #23286b1a}.modules-info{display:flex;align-items:center;gap:1rem;background:var(--accent-bg);border-left:4px solid var(--primary-color);padding:1rem 1.5rem}.info-icon{color:var(--primary-color);font-size:1.5rem;flex-shrink:0}.modules-info p{margin:0;font-size:.9375rem;color:var(--primary-color);font-weight:500}.clinics-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.clinic-module-card{padding:1.5rem}.clinic-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.clinic-thumb{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--light-gray);object-fit:contain}.clinic-card-header h3{margin:0;font-size:1.25rem}.modules-list{display:flex;flex-direction:column;gap:1.5rem}.module-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.module-info{flex:1}.module-title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.module-desc{font-size:.8125rem;color:var(--text-secondary);margin:0}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--secondary-color)}input:checked+.toggle-slider:before{transform:translate(20px)}@media(max-width:480px){.clinics-modules-grid{grid-template-columns:1fr}.clinic-module-card{padding:1.25rem}}.admins-page{display:flex;flex-direction:column;gap:2rem}.btn-with-icon{display:flex;align-items:center;gap:.5rem}.table-container{padding:0;overflow:hidden}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#f8fafc;padding:1rem 1.5rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.data-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:#334155}.admin-cell{display:flex;align-items:center;gap:1rem}.admin-avatar{width:40px;height:40px;background:#23286b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.clickable{font-weight:600;color:#1e293b;cursor:pointer;transition:color var(--transition-fast)}.clickable:hover{color:var(--primary-color)}.clinic-mini-badge{display:inline-block;padding:.5rem 1rem;background:#eef2ff;color:#4338ca;border-radius:50px;font-size:.75rem;font-weight:600;margin-right:.5rem;margin-bottom:.5rem}.status-pill{display:inline-block;font-size:.75rem;font-weight:600;padding:.4rem 1rem;border-radius:50px;text-transform:capitalize}.status-pill.active{background:#dcfce7;color:#15803d}.status-pill.inactive{background:#fee2e2;color:#b91c1c}.action-btns{display:flex;gap:.75rem}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f1f5f9}.btn-icon.delete:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.admin-details{padding:1rem 0}.details-header{display:flex;align-items:center;gap:1.5rem}.admin-avatar-lg{width:72px;height:72px;background:#23286b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item label{display:block;font-size:.65rem;color:#64748b;margin-bottom:.25rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.detail-item p{font-weight:600;color:#1e293b}.audit-logs-page{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .4s ease-out}.table-controls{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:16px;border:1px solid #F1F5F9}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:1rem;color:#94a3b8}.search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:12px;border:1.5px solid #F1F5F9;background:#f8fafc;font-size:.9375rem;transition:all .2s}.search-box input:focus{border-color:#3f46b8;background:#fff;box-shadow:0 0 0 4px #3f46b81a}.filter-box{display:flex;align-items:center;gap:.75rem;color:#64748b;font-weight:600}.filter-box select{padding:.75rem 1rem;border-radius:12px;border:1.5px solid #F1F5F9;background:#f8fafc;font-weight:600;color:#1e293b}.action-badge{display:inline-block;padding:.4rem .8rem;background:#eef2ff;color:#3f46b8;border-radius:8px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.details-cell{max-width:400px}.detail-item{display:inline-block;font-size:.75rem;background:#f8fafc;padding:.25rem .5rem;border-radius:6px;border:1px solid #F1F5F9;margin-right:.5rem;margin-bottom:.25rem}.detail-item strong{color:#64748b}code{background:#f1f5f9;padding:.2rem .5rem;border-radius:6px;font-family:JetBrains Mono,Courier New,monospace;font-size:.8125rem;color:#475569}.data-table thead th{background:#f8fafc;color:#64748b;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:1.25rem}.data-table tbody td{padding:1.25rem;border-bottom:1px solid #F1F5F9;vertical-align:middle}.data-table tbody tr:hover{background:#fafbff}@media(max-width:900px){.table-controls{flex-direction:column;align-items:stretch}}.settings-page{display:flex;flex-direction:column;gap:2rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem}.settings-card{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.settings-card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.card-header svg{font-size:1.5rem;color:var(--primary-color)}.card-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.settings-list{display:flex;flex-direction:column;gap:1rem}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.settings-item:last-child{border-bottom:none}.item-label{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.item-value{font-size:.9375rem;font-weight:600;color:var(--text-secondary)}.status-enabled{display:inline-block;padding:.375rem .875rem;background:#e1f9f0;color:#10b981;border-radius:50px;font-size:.8125rem;font-weight:700}.status-disabled{display:inline-block;padding:.375rem .875rem;background:#fef2f2;color:#dc2626;border-radius:50px;font-size:.8125rem;font-weight:700}.text-success{color:#10b981;font-weight:600}.text-warning{color:#f59e0b;font-weight:600}.card-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-sm{padding:.625rem 1.5rem;font-size:.875rem}.settings-tabs{display:flex;gap:2rem;border-bottom:2px solid #E2E8F0;margin-bottom:2rem}.settings-tab{padding:1rem 0;font-weight:600;color:#64748b;cursor:pointer;position:relative;border:none;background:none;font-size:1rem}.settings-tab.active{color:#2d3bae}.settings-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#2d3bae}.settings-form{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;background:#fff;padding:2rem;border-radius:12px;border:1px solid #E2E8F0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#334155;font-size:.875rem}.form-group input,.form-group select{padding:.75rem;border:1px solid #E2E8F0;border-radius:8px;font-size:.9375rem}.full-width{grid-column:span 2}.checkbox-group{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-group input{width:20px;height:20px}@media(max-width:640px){.settings-card{padding:1.5rem}.settings-item{flex-direction:column;align-items:flex-start;gap:.5rem}.item-value{align-self:flex-end}}.invoices-page{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-out}.stat-card{background:#fff;border-radius:20px;padding:1.75rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;box-shadow:0 4px 20px #0000000a;border:1px solid #F1F5F9;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000014;border-color:var(--secondary-color)}.stat-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:transparent;transition:all .3s ease}.stat-card:nth-child(1):hover:after{background:#3b82f6}.stat-card:nth-child(2):hover:after{background:#8b5cf6}.stat-card:nth-child(3):hover:after{background:#10b981}.stat-card:nth-child(4):hover:after{background:#ef4444}.stat-icon-square{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.25rem;box-shadow:inset 0 2px 4px #0000000d}.stat-label{font-size:.8125rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.stat-value{font-size:2.25rem;font-weight:800;color:#1e1b4b;margin:0}.stat-sub{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:50px}.filters-container{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000a;border:1px solid #F1F5F9;margin-top:1rem}.filters-header{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.search-box-wrap{display:flex;align-items:center;gap:1rem;background:#f8fafc;border:1.5px solid #E2E8F0;padding:.875rem 1.25rem;border-radius:12px;min-width:380px;flex:1;color:#64748b;transition:all .3s ease}.search-box-wrap:focus-within{background:#fff;border-color:#2d3bae;box-shadow:0 0 0 4px #2d3bae1a}.search-box-wrap input{border:none;outline:none;background:transparent;font-size:1rem;width:100%;color:#1e293b;font-weight:500}.filters-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column;gap:.35rem}.filter-item label{font-size:.625rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding-left:.25rem}.filter-input-group{display:flex;align-items:center;gap:.75rem;background:#f1f5f9;padding:.625rem 1rem;border-radius:10px;border:1.5px solid transparent;transition:all .2s ease}.filter-input-group:focus-within{border-color:#2d3bae;background:#fff}.filter-input-group select,.filter-input-group input{background:transparent;border:none;outline:none;font-size:.875rem;font-weight:600;color:#1e293b;cursor:pointer;min-width:120px}.btn-apply{background:#2d3bae;color:#fff;border:none;padding:.75rem 2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;align-self:flex-end;margin-bottom:2px}.btn-apply:hover{background:#1e1b4b;box-shadow:0 4px 12px #2d3bae4d}.table-container{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000a;border:1px solid #F1F5F9}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;padding:1.25rem 2rem;text-align:left;font-size:.75rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em;border-bottom:2px solid #F1F5F9}.data-table td{padding:1.5rem 2rem;border-bottom:1px solid #F1F5F9;font-size:.9375rem;color:#334155;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#fafbff}.invoice-number{font-family:JetBrains Mono,monospace;font-weight:700;color:#2d3bae;background:#eef2ff;padding:.35rem .75rem;border-radius:6px;font-size:.8125rem}.amount-display{font-size:1.125rem;font-weight:800;color:#1e1b4b}.status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.25rem;border-radius:50px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%}.status-pill.paid{background:#e1f9f0;color:#065f46}.status-pill.paid:before{background:#10b981}.status-pill.unpaid{background:#fee2e2;color:#991b1b}.status-pill.unpaid:before{background:#ef4444}.empty-state{padding:5rem 2rem;text-align:center;color:#94a3b8}.empty-state svg{margin-bottom:1.5rem;opacity:.2}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.filters-header{flex-direction:column;align-items:stretch}.search-box-wrap{min-width:100%}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}}.dashboard-home{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-out}.dashboard-welcome h2{font-size:2rem!important;font-weight:800!important;background:linear-gradient(135deg,#23286b,#3f46b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem!important}.stat-card{background:#fff;border:1px solid #F1F5F9;border-radius:24px;padding:1.75rem;display:flex;align-items:center;gap:1.25rem;box-shadow:0 4px 20px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000014;border-color:#3f46b8}.stat-icon-square{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.stat-label{font-size:.8125rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}.stat-value{font-size:1.875rem;font-weight:800;color:#1e1b4b;margin:.25rem 0}.quick-actions-section{background:#fff;border-radius:24px;padding:2rem;border:1px solid #F1F5F9}.quick-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.quick-action-btn{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:#fafbff;border:1px solid #EEF2FF;border-radius:20px;cursor:pointer;transition:all .3s ease}.quick-action-btn:hover{background:#fff;border-color:#3f46b8;box-shadow:0 10px 25px #3f46b81a;transform:scale(1.02)}.quick-action-btn svg{font-size:1.5rem;color:#3f46b8;background:#eef2ff;padding:12px;border-radius:14px;width:48px;height:48px}.quick-action-btn span{font-size:1.1rem;font-weight:700;color:#1e1b4b}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.dashboard-section-card{background:#fff;border-radius:24px;border:1px solid #F1F5F9;padding:2rem}.dashboard-section-card h3{font-size:1.35rem;font-weight:800;color:#1e1b4b;margin-bottom:2rem}.list-item-minimal{padding:1.25rem;background:#f8fafc;border-radius:16px;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;transition:all .2s}.list-item-minimal:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.item-name{font-size:1rem;font-weight:700;color:#1e293b}.info-subtext{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase}.stat-row{padding:1.5rem;background:#f8fafc;border-radius:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stat-row span{font-size:1rem;font-weight:600;color:#64748b}.stat-row strong{font-size:1.35rem;font-weight:800;color:#2d3bae}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.grid-2,.quick-actions-grid{grid-template-columns:1fr}}.staff-page{display:flex;flex-direction:column;gap:2rem}.role-tabs{display:flex;gap:.5rem;padding:.5rem;overflow-x:auto}.role-tab{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:.9375rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap}.role-tab:hover{background:var(--accent-bg);color:var(--text-primary)}.role-tab.active{background:var(--primary-color);color:var(--white)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:#fff3;border-radius:12px;font-size:.75rem;font-weight:600}.role-tab.active .tab-count{background:#ffffff40}.staff-cell{display:flex;align-items:center;gap:1rem}.staff-avatar{width:40px;height:40px;background:var(--accent-bg);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.staff-avatar-large{width:80px;height:80px;background:var(--primary-color);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;margin:0 auto 1rem}.staff-details{padding:1rem}.details-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.details-header h2{margin:.5rem 0 .25rem;font-size:1.5rem}.details-header p{margin:0 0 .75rem;color:var(--text-secondary)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem 0}.detail-item label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.detail-item p{margin:0;font-size:.9375rem;color:var(--text-primary)}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--accent-bg);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.info-box svg{color:var(--primary-color);flex-shrink:0;margin-top:.125rem}.info-box p{margin:0;font-size:.875rem;color:var(--text-secondary)}.success-message{padding:2rem}.success-icon{width:80px;height:80px;background:#e1f9f0;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.success-message h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary)}.success-message p{margin:0;color:var(--text-secondary)}.action-btns{display:flex;gap:.5rem}@media(max-width:768px){.role-tabs{padding:.5rem 0}.role-tab{padding:.75rem 1rem;font-size:.875rem}.form-row,.details-grid{grid-template-columns:1fr}.data-table{display:block;overflow-x:auto}}.roles-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:1rem;background:var(--light-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.role-check-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast)}.role-check-item:hover{color:var(--primary-color)}.role-check-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.role-tag-mini{display:inline-block;padding:2px 8px;background:var(--accent-bg);color:var(--primary-color);border-radius:4px;font-size:.75rem;font-weight:500;margin:2px;text-transform:capitalize}.roles-list-display{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}.role-badge-large{padding:4px 12px;background:var(--primary-color);color:#fff;border-radius:20px;font-size:.8125rem;font-weight:600;text-transform:capitalize}@media(max-width:480px){.role-tabs{gap:.25rem}.role-tab{padding:.625rem .875rem;font-size:.8125rem}.tab-count{min-width:20px;height:20px;font-size:.6875rem}}.forms-page{display:flex;flex-direction:column;gap:2rem}.forms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.form-card{padding:1.5rem;transition:all var(--transition-fast)}.form-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.form-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.form-card-header h3{margin:0 0 .5rem;font-size:1.125rem}.form-meta{margin:0;font-size:.8125rem;color:var(--text-secondary)}.form-card-actions{display:flex;gap:.5rem}.status-pill.draft{background:#fef3c7;color:#92400e}.form-builder{display:flex;flex-direction:column;gap:2rem;max-height:70vh;overflow-y:auto}.builder-settings{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.field-types h4{margin:0 0 1rem;font-size:.9375rem;color:var(--text-secondary)}.field-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.field-type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--accent-bg);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:.8125rem;font-weight:500;transition:all var(--transition-fast)}.field-type-btn:hover{background:var(--white);border-color:var(--primary-color);transform:translateY(-2px)}.field-icon{font-size:1.5rem}.builder-fields h4{margin:0 0 1rem;font-size:.9375rem;color:var(--text-secondary)}.builder-field{padding:1rem;background:var(--accent-bg);border-radius:var(--radius-sm);margin-bottom:.75rem}.field-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.field-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--primary-color);color:var(--white);border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.field-label-input{flex:1;padding:.625rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:600}.checkbox-inline{display:flex;align-items:center;gap:.5rem;font-size:.875rem;white-space:nowrap;cursor:pointer}.checkbox-inline input{width:16px;height:16px;cursor:pointer}.field-actions{display:flex;gap:.25rem}.btn-icon-sm{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.875rem;transition:all var(--transition-fast)}.btn-icon-sm:hover{background:var(--accent-bg);border-color:var(--primary-color)}.field-config{display:flex;flex-direction:column;gap:.5rem}.field-placeholder-input,.field-options-input{padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.875rem}.builder-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.form-preview{padding:1rem}.form-preview h2{margin:0 0 .5rem;font-size:1.5rem}.form-preview-meta{margin:0 0 2rem;color:var(--text-secondary);font-size:.9375rem}.preview-fields{display:flex;flex-direction:column;gap:1.5rem}.preview-field label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.required{color:#ef4444;margin-left:.25rem}.preview-field input,.preview-field select,.preview-field textarea{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;background:var(--accent-bg)}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--accent-bg);border-radius:var(--radius-sm);cursor:pointer}.checkbox-label input{width:18px;height:18px}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state svg{color:var(--text-secondary);margin-bottom:1rem}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem}.empty-state p{margin:0 0 1.5rem;color:var(--text-secondary)}@media(max-width:768px){.forms-grid,.builder-settings{grid-template-columns:1fr}.field-types-grid{grid-template-columns:repeat(2,1fr)}.field-header{flex-wrap:wrap}.builder-actions{flex-direction:column}.builder-actions button{width:100%}}.booking-link-page{display:flex;flex-direction:column;gap:2rem}.booking-card{padding:2rem}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.link-icon{width:60px;height:60px;background:var(--accent-bg);color:var(--primary-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-header>div{flex:1}.card-header h3{margin:0 0 .25rem;font-size:1.25rem}.card-header p{margin:0;color:var(--text-secondary);font-size:.9375rem}.url-container{display:flex;gap:1rem;margin-bottom:1.5rem}.url-box{flex:1;padding:1rem 1.5rem;background:var(--accent-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9375rem;color:var(--primary-color);overflow-x:auto;white-space:nowrap}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--primary-color);color:var(--white);border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.copy-btn:hover{background:var(--secondary-color)}.copy-btn.copied{background:#10b981}.link-actions{display:flex;gap:1rem;flex-wrap:wrap}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.config-card{padding:1.5rem}.config-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.config-header svg{color:var(--primary-color);font-size:1.25rem}.config-header h3{margin:0;font-size:1.125rem}.config-desc{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.875rem}.doctor-list{display:flex;flex-direction:column;gap:.75rem}.checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--accent-bg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.checkbox-item:hover{background:#e8eaf6}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-item>span:first-of-type{flex:1;font-weight:500}.specialty{font-size:.8125rem;color:var(--text-secondary)}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.time-slot-chip{position:relative;padding:.75rem;background:var(--accent-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;font-weight:600;color:var(--primary-color);display:flex;align-items:center;justify-content:center;gap:.5rem}.remove-chip-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}.remove-chip-btn:hover{background:#fee2e2}.days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.75rem}.day-chip{display:flex;align-items:center;justify-content:center;padding:.875rem;background:var(--accent-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.day-chip input{display:none}.day-chip span{font-weight:600;color:var(--text-primary)}.day-chip.off{background:#fee2e2;border-color:#ef4444}.day-chip.off span{color:#dc2626}.services-list{display:flex;flex-wrap:wrap;gap:.75rem}.service-chip{position:relative;padding:.625rem 1rem;background:var(--primary-color);color:var(--white);border-radius:20px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.service-chip .remove-chip-btn{color:var(--white)}.service-chip .remove-chip-btn:hover{background:#fff3}.modal-form{padding:1rem 0}.modal-form .form-group{margin-bottom:1.5rem}.modal-form label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.modal-form input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9375rem;transition:all var(--transition-fast)}.modal-form input:focus{outline:none;border-color:var(--primary-color)}.error-message{margin:.5rem 0 0;color:#ef4444;font-size:.875rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.save-section{display:flex;justify-content:center;padding:2rem 0}.btn-lg{padding:1rem 3rem;font-size:1rem}@media(max-width:768px){.url-container,.link-actions{flex-direction:column}.link-actions button{width:100%}.config-grid{grid-template-columns:1fr}.days-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.booking-card{padding:1.5rem}.card-header{flex-wrap:wrap}.days-grid{grid-template-columns:repeat(3,1fr)}}.modules-view-page{display:flex;flex-direction:column;gap:2rem}.modules-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.modules-stats .stat-card{display:flex;align-items:center;gap:1.25rem;padding:1.5rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.modules-stats .stat-icon{width:54px;height:54px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.modules-stats .stat-icon.active{background:#e1f9f0;color:#10b981}.modules-stats .stat-icon.inactive{background:#fee2e2;color:#ef4444}.modules-stats .stat-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem}.modules-stats .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.info-alert{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:#dbeafe;border-left:4px solid #3B82F6}.info-alert svg{color:#3b82f6;flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.info-alert strong{display:block;margin-bottom:.25rem;color:#1e40af;font-size:.9375rem}.info-alert p{margin:0;color:#1e40af;font-size:.875rem}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.module-card{position:relative;padding:2rem;transition:all var(--transition-fast);overflow:hidden}.module-card.enabled{border:2px solid #10B981}.module-card.enabled:hover{transform:translateY(-4px);box-shadow:0 8px 24px #10b98126}.module-card.disabled{opacity:.6}.module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.module-icon{width:60px;height:60px;background:var(--accent-bg);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem}.module-card h3{margin:0 0 .75rem;font-size:1.25rem;color:var(--text-primary)}.module-card p{margin:0;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.disabled-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.disabled-overlay svg{color:var(--text-secondary)}.disabled-overlay p{font-weight:600;color:var(--text-secondary)}.contact-section{text-align:center;padding:2.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:var(--white)}.contact-section h3{margin:0 0 .75rem;font-size:1.5rem}.contact-section p{margin:0 0 1.5rem;opacity:.9}.contact-section .btn{background:var(--white);color:var(--primary-color)}.contact-section .btn:hover{background:var(--accent-bg)}@media(max-width:768px){.modules-grid,.modules-stats{grid-template-columns:1fr}}.clinic-audit-logs-page{display:flex;flex-direction:column;gap:2rem}.table-controls{display:flex;gap:1rem;padding:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-sm)}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-box input{flex:1;border:none;outline:none;font-family:var(--font-body);font-size:.9375rem;color:var(--text-primary)}.filter-box{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--white);border:2px solid var(--border-color);border-radius:var(--radius-sm)}.filter-box svg{color:var(--text-secondary)}.filter-box select{border:none;outline:none;font-family:var(--font-body);font-size:.9375rem;color:var(--text-primary);cursor:pointer;background:transparent}.action-badge{display:inline-block;padding:.375rem .75rem;background:var(--accent-bg);color:var(--primary-color);border-radius:4px;font-size:.8125rem;font-weight:600}.details-cell{max-width:300px}.detail-item{display:block;font-size:.8125rem;margin-bottom:.25rem}.detail-item strong{color:var(--text-secondary)}code{padding:.25rem .5rem;background:var(--accent-bg);border-radius:4px;font-family:Courier New,monospace;font-size:.8125rem;color:var(--primary-color)}@media(max-width:768px){.table-controls{flex-direction:column}.search-box,.filter-box{width:100%}}.clinic-settings-page{display:flex;flex-direction:column;gap:2rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.settings-card{padding:2rem}.settings-card.full-width{grid-column:1 / -1}.settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.settings-header svg{color:var(--primary-color);font-size:1.25rem}.settings-header h3{margin:0;font-size:1.125rem}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9375rem;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #23286b1a}.form-group small{display:block;margin-top:.5rem;font-size:.8125rem;color:var(--text-secondary)}.working-hours-grid{display:flex;flex-direction:column;gap:1rem}.day-schedule{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--accent-bg);border-radius:var(--radius-sm)}.day-toggle{display:flex;align-items:center;gap:.75rem;min-width:120px;cursor:pointer}.day-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.day-name{font-weight:600;color:var(--text-primary)}.time-inputs{display:flex;align-items:center;gap:.75rem;flex:1}.time-inputs input[type=time]{padding:.625rem;border:2px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.875rem}.time-inputs span{color:var(--text-secondary);font-size:.875rem}.checkbox-label{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--accent-bg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.checkbox-label:hover{background:#e8eaf6}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin-top:.125rem;cursor:pointer}.checkbox-label strong{display:block;margin-bottom:.25rem;font-size:.9375rem;color:var(--text-primary)}.checkbox-label p{margin:0;font-size:.8125rem;color:var(--text-secondary)}@media(max-width:1024px){.settings-grid{grid-template-columns:1fr}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.day-schedule{flex-direction:column;align-items:flex-start}.time-inputs{width:100%}}@media(max-width:480px){.settings-card{padding:1.5rem}.day-toggle{min-width:100px}}.reception-dashboard{display:flex;flex-direction:column;gap:2rem}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center}.dashboard-welcome h1{font-size:1.8rem;font-weight:800;color:var(--primary-color);margin-bottom:.25rem}.dashboard-welcome p{color:var(--text-secondary);font-size:.9375rem}.header-actions{display:flex;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--white);padding:1.5rem 1rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--shadow-sm);border:2px solid transparent}.stat-card.primary-border{border-color:#23286b}.stat-icon-square{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.stat-label{font-size:.8125rem;font-weight:500;color:#64748b;margin-bottom:.35rem}.stat-value{font-size:1.75rem;font-weight:800;color:#1e293b}.section-header-centered{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.section-header-centered h3{width:100%;text-align:center;font-size:1.125rem;font-weight:700;position:relative}.text-link-blue{position:absolute;right:1.5rem;background:none;border:none;color:#3f46b8;font-size:.8125rem;font-weight:600;cursor:pointer}.schedule-list{display:flex;flex-direction:column;gap:.75rem}.schedule-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f8fafc;border-radius:var(--radius-md);transition:all .2s}.schedule-row:hover{background:#f1f5f9}.schedule-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#334155;min-width:100px}.schedule-time svg{color:#3f46b8}.schedule-patient{font-weight:700;color:#1e293b;flex:1;margin:0 1rem}.schedule-doctor{color:#64748b;font-size:.875rem;flex:1}.status-pill-mini{font-size:.7rem;font-weight:800;padding:.25rem .75rem;border-radius:50px;text-transform:capitalize}.status-pill-mini.checked-in{background:#dcfce7;color:#15803d}.status-pill-mini.pending{background:#fef3c7;color:#92400e}.quick-actions-list{display:flex;flex-direction:column;gap:1rem}.action-row-block{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:#f8fafceb;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.action-row-block:hover{background:#f1f5f9;transform:translate(4px)}.action-icon-dark{width:44px;height:44px;background:#23286b;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.action-text{display:flex;flex-direction:column}.action-text strong{font-size:.9375rem;color:#1e293b}.action-text span{font-size:.75rem;color:#64748b}.empty-msg{text-align:center;color:#94a3b8;padding:2rem;font-style:italic}@media(max-width:768px){.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-actions{width:100%}.header-actions .btn{flex:1}.schedule-row{flex-direction:column;align-items:flex-start;gap:.75rem}.schedule-patient,.schedule-doctor{margin:0}.status-pill-mini{align-self:flex-end}.section-header-centered h3{text-align:left}.text-link-blue{right:0}}@media(max-width:480px){.header-actions{flex-direction:column}}.modal-actions-refined{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}.btn-cancel{padding:.75rem 2rem;background:#fff;border:1.5px solid #23286B;color:#23286b;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f8fafc}.btn-save{padding:.75rem 2rem;background:#23286b;border:none;color:#fff;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-save:hover{background:#3f46b8;transform:translateY(-1px);box-shadow:0 4px 12px #23286b33}.calendar-page{display:flex;flex-direction:column;gap:2rem}.page-header{display:flex;justify-content:space-between;align-items:center}.calendar-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.view-selector{display:flex;background:#f8fafc;padding:.35rem;border-radius:10px;gap:.25rem}.view-selector button{border:none;background:none;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;color:#64748b;border-radius:8px;cursor:pointer;transition:all .2s}.view-selector button.active{background:var(--white);color:var(--primary-color);box-shadow:0 4px 12px #0000000d}.calendar-date-nav{display:flex;align-items:center;gap:2.5rem}.nav-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e2e8f0;border-radius:6px;background:var(--white);color:#64748b;cursor:pointer;transition:all .2s}.nav-arrow:hover{border-color:var(--primary-color);color:var(--primary-color)}.current-date-text{font-size:1.125rem;font-weight:800;color:var(--primary-color)}.btn-today{padding:.6rem 2rem;border:2px solid var(--primary-color);background:var(--white);color:var(--primary-color);font-weight:700;border-radius:10px;cursor:pointer;transition:all .2s}.btn-today:hover{background:var(--primary-color);color:var(--white)}.calendar-content{padding:2rem}.time-grid{display:flex;flex-direction:column}.time-row{display:flex;align-items:center;padding:1.5rem 0;border-bottom:1px solid #f1f5f9}.time-row:last-child{border-bottom:none}.time-label{min-width:80px;font-size:.9375rem;font-weight:700;color:#475569}.time-slot-available{flex:1;margin-left:2rem;height:60px;border:2px dashed #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.875rem;font-weight:600;transition:all .2s;background:#f8fafc}.time-slot-available:hover{border-color:#cbd5e1;background:#f1f5f9}@media(max-width:768px){.calendar-controls-bar{flex-direction:column;gap:1.5rem}.calendar-date-nav{gap:1rem}.current-date-text{font-size:1rem}}.patient-management-page{display:flex;flex-direction:column;gap:2rem}.filter-bar-container{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.search-filters{display:flex;align-items:center;gap:1rem;flex:1;min-width:300px}.search-input-wrapper{position:relative;flex:2;min-width:200px}.search-input-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.1rem;pointer-events:none}.search-input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:all .2s;background:#f8fafc}.search-input-wrapper input:focus{background:#fff;border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.filter-select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;font-size:.9rem;color:#475569;min-width:140px;cursor:pointer;transition:all .2s}.filter-select:hover{background:#f1f5f9}.quick-stats{display:flex;gap:.75rem}.stat-pill{background:#f1f5f9;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;color:#64748b;display:flex;align-items:center;gap:.5rem;border:1px solid #e2e8f0}.stat-pill strong{color:var(--primary-color);font-weight:700;font-size:1rem}.patient-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.patient-profile-card{padding:1.5rem}.card-top{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.5rem}.patient-avatar-circle{width:64px;height:64px;background:#1e293b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.patient-basic-info h3{margin:0;font-size:1.25rem;color:#1e293b}.patient-id-tag{font-size:.8125rem;color:#64748b;font-weight:600}.card-divider{height:1px;background:#f1f5f9;margin-bottom:1.5rem}.patient-contact-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.contact-row{display:flex;align-items:center;justify-content:space-between}.contact-info-block{display:flex;align-items:center;gap:.75rem;color:#64748b;font-size:.9375rem}.contact-value{color:#334155;font-weight:500}.card-actions-row{display:flex;gap:.5rem;padding-top:1rem;margin-top:auto;border-top:1px solid #f1f5f9}.action-icon-btn{flex:1;height:40px;border:1px solid #e2e8f0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fff;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-icon-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-section-title{font-size:.75rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.form-section-title:first-child{margin-top:0}.patient-view-content{display:flex;flex-direction:column;gap:2rem}.patient-view-header{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.patient-avatar-circle-large{width:80px;height:80px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;box-shadow:0 4px 12px #1e293b33}.patient-view-header h2{margin:0;font-size:1.5rem;color:#1e293b}.patient-info-section{display:flex;flex-direction:column;gap:1rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-item p{margin:0;font-size:1rem;color:#1e293b;font-weight:500;padding:.75rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}@media(max-width:768px){.patient-cards-grid{grid-template-columns:1fr}.stats-mini-row{gap:2rem}.info-grid{grid-template-columns:1fr}}.credentials-view{padding:1rem}.success-icon-large{width:80px;height:80px;margin:0 auto;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.credentials-box{background:#f8fafc;border:2px solid #E2E8F0;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.cred-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #E2E8F0}.cred-row:last-child{border-bottom:none}.cred-row .label{font-weight:600;color:#64748b;font-size:.875rem}.cred-row .value{font-weight:600;color:#1e293b;font-size:1rem}.cred-row .value.highlight{background:#fef3c7;padding:.5rem 1rem;border-radius:6px;color:#92400e;font-family:Courier New,monospace;font-size:1.125rem;letter-spacing:1px}.cred-row .value.copy-text{color:#2d3bae}.settings-page .max-w-lg{max-width:600px;margin-left:auto;margin-right:auto}.alert{padding:1rem;border-radius:8px;font-size:.9375rem;font-weight:500}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #10B981}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #EF4444}.form-group label{display:block;font-weight:600;color:#1e293b;margin-bottom:.5rem;font-size:.9375rem}.w-full{width:100%}.action-btns-header{display:flex;gap:1rem;align-items:center}.doctor-dashboard{padding:1.5rem 2rem;max-width:1200px;margin:0 auto}@media(max-width:768px){.doctor-dashboard{padding:1rem}}.page-header-simple{margin-bottom:.5rem}.dashboard-title{font-size:1.75rem;font-weight:800;color:#1e1b4b;margin-bottom:.5rem}.welcome-text{font-size:.875rem;color:#64748b;font-weight:500}.stats-grid-four{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem}@media(max-width:1024px){.stats-grid-four{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-grid-four{grid-template-columns:1fr}}.stat-card-minimal{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease}.stat-card-minimal:hover{border-color:#2b6cb0;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-icon-square{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.25rem}.stat-label-small{font-size:.8125rem;color:#64748b;margin-bottom:.5rem}.stat-value-large{font-size:2.5rem;font-weight:700;color:#0f172a;line-height:1}.quick-actions-section{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:1.5rem;margin-bottom:2rem}.section-title-small{font-size:.9375rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem}@media(max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.quick-actions-grid{grid-template-columns:1fr;gap:1rem}}.quick-action-card{background:#f8fafc;border-radius:12px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;transition:all .2s;border:1px solid transparent;width:100%}.quick-action-card:hover{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 10px #0000000a}.quick-action-icon{font-size:1.5rem;color:#312e81}.quick-action-label{font-size:.875rem;font-weight:700;color:#1e293b}.schedule-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:2rem;margin-bottom:2rem}.schedule-header-box{margin-bottom:2rem;text-align:center}.schedule-header-box h3{font-size:1.125rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.schedule-badge{display:inline-block;background:#eff6ff;color:#2563eb;padding:.25rem .875rem;border-radius:100px;font-size:.75rem;font-weight:700}.schedule-divider{width:60%;height:1.5px;background:#f1f5f9;margin:2.5rem auto}.appointments-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.appointment-card-row{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .2s}.appointment-card-row:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb0d}.time-col{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:80px;padding-right:1.5rem;border-right:1px solid #f1f5f9}.time-text{font-size:1.125rem;font-weight:800;color:#1e293b}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.approved{background:#10b981}.status-dot.checked-in{background:#3b82f6}.status-dot.pending{background:#f59e0b}.patient-info-col{flex:1;padding-left:1.5rem}.patient-info-col h4{font-size:1rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.patient-info-col p{font-size:.875rem;color:#64748b;margin:0}.status-col{padding:0 1.5rem}.status-pill{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-block}.status-pill.approved{background:#d1fae5;color:#065f46}.status-pill.checked-in{background:#dbeafe;color:#1e40af}.status-pill.pending{background:#fef3c7;color:#92400e}.actions-col{padding-left:1.5rem}.btn-action-primary{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-action-primary:hover{background:#1d4ed8}.btn-action-primary:active{transform:scale(.98)}.text-muted{font-size:.875rem;color:#94a3b8;font-style:italic}.empty-info{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#94a3b8;padding:2rem 0}.empty-info svg{font-size:2.5rem;opacity:.5}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:900px){.dashboard-bottom-grid{grid-template-columns:1fr}}.bottom-card-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:24px;padding:2rem}.bottom-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.bottom-card-header h3{font-size:1rem;font-weight:700;color:#1e293b}.all-link{font-size:.8125rem;color:#2563eb;text-decoration:none;font-weight:700}.no-entries{text-align:center;padding:2.5rem 0;color:#94a3b8;font-size:.875rem}.task-box{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f8fafc;border-radius:12px;margin-bottom:1rem}.task-icon-circle{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.task-details h4{font-size:.9375rem;font-weight:700;color:#1e293b;margin-bottom:.125rem}.task-details p{font-size:.75rem;color:#64748b;margin:0}.no-templates-message{padding:2rem;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b}.templates-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.template-select-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.template-select-card:hover:not(:disabled){border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.template-select-card:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc}.template-icon{width:48px;height:48px;background:#eff6ff;color:var(--primary-color);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.template-info{flex:1}.template-info h4{margin:0 0 .25rem;font-size:.9375rem;color:#1e293b;font-weight:600}.template-info p{margin:0;font-size:.75rem;color:#64748b}.template-select-card .arrow{color:#cbd5e1}.template-select-card:hover .arrow{color:var(--primary-color)}.assessments-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.assessments-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.assessments-subtitle{font-size:.9375rem;color:#64748b;margin:0}.assessments-search-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.search-stats-row{display:flex;justify-content:space-between;align-items:center;gap:2rem}.search-box-left{position:relative;flex:1;max-width:400px}.search-icon-small{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem}.search-input-minimal{width:100%;padding:.75rem .75rem .75rem 2.75rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#1e293b;transition:all .2s;background:#f8fafc}.search-input-minimal::placeholder{color:#94a3b8}.search-input-minimal:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #23286b0d}.stats-inline{display:flex;gap:3rem}.stat-inline-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0 0 .25rem}.stat-text{font-size:.8125rem;color:#64748b;margin:0;font-weight:500}.assessments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.assessment-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s;position:relative}.assessment-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.assessment-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.assessment-patient-info{flex:1}.assessment-patient-name{font-size:1.0625rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.assessment-date{font-size:.8125rem;color:#64748b;margin:0}.assessment-preview-content{margin-bottom:1rem;padding:.75rem;background:#f8fafc;border-radius:8px;font-size:.8125rem}.preview-item{display:flex;justify-content:space-between;margin-bottom:.25rem}.preview-item:last-child{margin-bottom:0}.preview-label{color:#64748b;font-weight:600}.preview-val{color:#1e293b;font-weight:500;text-align:right;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.draft{background:#fef3c7;color:#92400e}.status-badge.pending{background:#dbeafe;color:#1e40af}.assessment-actions{display:flex;justify-content:flex-start;gap:.75rem;padding-top:1rem;border-top:1px solid #f1f5f9}.action-btn-icon{width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn-icon:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f8faff}.assessment-display-container{padding:.5rem}.report-branded-header{display:none;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:2px solid #1e1b4b;margin-bottom:1.5rem}.report-branded-header.show-on-screen{display:flex}.clinic-brand{display:flex;align-items:center;gap:.75rem}.brand-logo-small{width:40px;height:40px;background:#1e1b4b;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800}.patient-banner-brief{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:1.25rem;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1.5rem}.status-pill-minimal{padding:4px 12px;border-radius:30px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-pill-minimal.completed{background:#d1fae5;color:#065f46}.observations-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.obs-item{margin-bottom:1rem}.obs-item label{display:block;font-size:.75rem;font-weight:700;color:#64748b;margin-bottom:.25rem}.obs-value{font-size:.9375rem;color:#1e293b;font-weight:600}.medical-orders-box{margin-top:1.5rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.section-title-minimal{font-size:.8125rem;font-weight:800;color:var(--primary-color);text-transform:uppercase;border-bottom:1px solid #f1f5f9;padding-bottom:.5rem;margin-bottom:1rem}.orders-refined-list{display:flex;flex-direction:column;gap:.75rem}.order-entry{background:#f8fafc;padding:.75rem;border-radius:8px;border-left:3px solid var(--primary-color)}.order-type{font-size:.75rem;font-weight:700;color:#64748b}.order-details-text{font-size:.9375rem;color:#1e293b;font-weight:500}.report-signatures{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.sig-block{text-align:center}.sig-line{border-top:1px solid #000;margin-bottom:.5rem}.modal-actions-floating-bottom{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}@media print{@page{size:A4;margin:20mm}body{visibility:hidden;background:#fff!important;color:#000!important;font-family:Times New Roman,Times,serif}*{visibility:hidden}.assessment-display-container,.assessment-display-container *{visibility:visible}.assessment-display-container{position:absolute;left:0;top:0;width:100%;margin:0;padding:0!important;background:#fff!important}.report-branded-header{display:flex!important;border-bottom:2px solid #000!important;margin-bottom:2rem!important;padding-bottom:1rem!important;align-items:flex-end}.report-branded-header h2{font-size:24pt!important;color:#000!important;margin:0}.report-branded-header p{font-size:10pt!important;color:#333!important}.patient-banner-brief{border:1px solid #000!important;background:transparent!important;padding:1rem!important;margin-bottom:2rem!important}.patient-meta-core h1{font-size:18pt!important;color:#000!important}.section-title-minimal{font-size:12pt!important;border-bottom:1px solid #000!important;color:#000!important;margin-top:1.5rem!important}.obs-item{break-inside:avoid}.obs-item label{color:#444!important;font-size:9pt!important;text-transform:uppercase}.obs-value{font-size:11pt!important;color:#000!important;font-weight:400}.medical-orders-box{border:1px solid #000!important;background:transparent!important;padding:1rem!important;break-inside:avoid}.order-entry{border:none!important;border-left:2px solid #000!important;background:transparent!important;padding-left:1rem!important;margin-bottom:1rem!important}.modal-actions-floating-bottom,.close-btn,.status-pill-minimal{display:none!important}.report-signatures{margin-top:5cm!important;break-inside:avoid}}input.error,textarea.error,select.error{border-color:#ef4444!important;background-color:#fef2f2}input.error:focus,textarea.error:focus,select.error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem;font-weight:500}.text-center{text-align:center}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-lg{margin-bottom:1.5rem}.mt-sm{margin-top:.5rem}.patients-page-header{margin-bottom:2rem}.patients-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.patients-subtitle{font-size:.9375rem;color:#64748b;margin:0}.patients-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.search-bar-centered{position:relative;max-width:600px;margin:0 auto 2rem}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1.125rem}.search-input-large{width:100%;padding:1rem 1rem 1rem 3.5rem;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.9375rem;color:#1e293b;transition:all .2s;background:#f8fafc}.search-input-large::placeholder{color:#94a3b8}.search-input-large:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #23286b0d}.filter-tabs{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.filter-tab{padding:.625rem 1.5rem;border:none;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.filter-tab:hover{background:#e2e8f0;color:#475569}.filter-tab.active{background:var(--primary-color);color:#fff}.patients-results-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000000d;min-height:400px}.patients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.patient-card-modern{display:flex;gap:1.25rem;padding:1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s}.patient-card-modern:hover{background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.patient-avatar-large{width:56px;height:56px;min-width:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#1e2875 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px #23286b33}.patient-info-block{flex:1;display:flex;flex-direction:column;gap:.5rem}.patient-name{font-size:1.0625rem;font-weight:700;color:#1e293b;margin:0}.patient-meta{font-size:.8125rem;color:#64748b;margin:0}.patient-contact{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:#94a3b8}.patient-actions{display:flex;align-items:center}.empty-state-patients{text-align:center;padding:4rem 2rem}.empty-icon-large{width:80px;height:80px;margin:0 auto 1.5rem;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:2rem}.empty-state-patients h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.empty-state-patients p{font-size:.9375rem;color:#64748b;margin:0}@media(max-width:768px){.patients-filter-card{padding:1.5rem}.search-bar-centered{margin-bottom:1.5rem}.filter-tabs{flex-direction:column}.filter-tab{width:100%}.patients-grid{grid-template-columns:1fr}.patient-card-modern{flex-direction:column;align-items:center;text-align:center}.patient-info-block,.patient-contact{align-items:center}}.orders-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.orders-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.orders-subtitle{font-size:.9375rem;color:#64748b;margin:0}.orders-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000d}.search-box-full{position:relative;margin-bottom:1.5rem}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.order-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s}.order-card-modern:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.order-patient-section{flex:1}.order-patient-name{font-size:1.0625rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.order-meta{font-size:.8125rem;color:#64748b;margin:0}.order-type-badge{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.order-type-badge.lab{background:#dbeafe;color:#1e40af}.order-type-badge.radiology{background:#fce7f3;color:#9f1239}.order-type-badge.prescription{background:#d1fae5;color:#065f46}.order-details-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.order-detail-row{display:flex;gap:.5rem}.order-label{font-size:.875rem;color:#64748b;font-weight:600}.order-value{font-size:.875rem;color:#1e293b}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #f1f5f9}.status-badge-order{padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge-order.pending{background:#fef3c7;color:#92400e}.status-badge-order.completed{background:#d1fae5;color:#065f46}.status-badge-order.in-progress{background:#dbeafe;color:#1e40af}.status-badge-order.cancelled{background:#fee2e2;color:#991b1b}.btn-view-order{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-view-order:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f8faff}.empty-state-orders{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.empty-state-orders .empty-icon-large{width:80px;height:80px;margin:0 auto 1.5rem;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:2rem}.empty-state-orders h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.empty-state-orders p{font-size:.9375rem;color:#64748b;margin:0}.order-form-modal{display:flex;flex-direction:column;gap:1.25rem}@media(max-width:768px){.orders-page-header{flex-direction:column;gap:1rem}.orders-grid{grid-template-columns:1fr}.order-card-footer{flex-direction:column;gap:.75rem;align-items:stretch}.btn-view-order{width:100%;justify-content:center}}.revenue-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.revenue-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .5rem}.revenue-subtitle{font-size:.9375rem;color:#64748b;margin:0}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-export:hover{border-color:var(--primary-color);color:var(--primary-color);background:#f8faff}.revenue-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.revenue-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s}.revenue-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon-revenue{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem}.stat-icon-revenue.dollar{background:#10b9811a;color:#10b981}.stat-icon-revenue.trending{background:#6366f11a;color:#6366f1}.stat-icon-revenue.calendar{background:#f59e0b1a;color:#f59e0b}.stat-icon-revenue.consultations{background:#8b5cf61a;color:#8b5cf6}.stat-label-revenue{font-size:.8125rem;color:#64748b;margin:0 0 .5rem;font-weight:500}.stat-value-revenue{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.revenue-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.filters-title{font-size:.9375rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.filters-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:#334155}.filter-group input{padding:.75rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;transition:all .2s}.filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #23286b0d}.filter-actions{display:flex;gap:.75rem}.btn-reset{padding:.75rem 1.25rem;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-reset:hover{border-color:#cbd5e1;background:#f8fafc}.btn-apply{padding:.75rem 1.5rem;border:none;border-radius:8px;background:var(--primary-color);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-apply:hover{background:#1e2875;transform:translateY(-1px);box-shadow:0 4px 12px #23286b33}.revenue-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chart-header h3{font-size:.9375rem;font-weight:700;color:#1e293b;margin:0}.chart-view-toggle{display:flex;gap:.5rem}.toggle-btn{padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.chart-area{padding:2rem 1rem;background:#f8fafc;border-radius:8px}.chart-bars-revenue{display:flex;justify-content:space-around;align-items:flex-end;height:250px;gap:1rem}.chart-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.bar-wrapper{width:100%;height:200px;display:flex;align-items:flex-end;justify-content:center}.bar-fill{width:60%;background:linear-gradient(180deg,var(--primary-color) 0%,#1e2875 100%);border-radius:4px 4px 0 0;min-height:10px;transition:all .3s}.bar-fill:hover{opacity:.8}.bar-label{display:flex;flex-direction:column;align-items:center;gap:.25rem}.bar-date{font-size:.75rem;color:#64748b;font-weight:600}.bar-value{font-size:.6875rem;color:#94a3b8}.revenue-transactions-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.transactions-title{font-size:.9375rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.transactions-empty{text-align:center;padding:3rem 2rem}.transactions-empty p{font-size:.875rem;color:#94a3b8;margin:0}@media(max-width:1024px){.revenue-stats-grid{grid-template-columns:repeat(2,1fr)}.filters-row{grid-template-columns:1fr}.filter-actions{width:100%}.btn-reset,.btn-apply{flex:1}}@media(max-width:768px){.revenue-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.revenue-page-header .btn-export{width:100%;justify-content:center}.revenue-stats-grid{grid-template-columns:1fr}.chart-bars-revenue{height:200px}.bar-wrapper{height:150px}}.booking-form-area,.appointment-status-page,.help-support-page{max-width:900px;margin:1rem auto;padding:0 var(--spacing-md)}.page-header{margin-bottom:var(--spacing-xl);text-align:left;display:flex;flex-direction:column;gap:.5rem}.page-header h1{font-size:2rem;color:var(--primary-color);margin:0}.page-header p{font-size:1rem;color:var(--text-secondary);max-width:600px}.booking-card{background:transparent!important;box-shadow:none!important;padding:0!important;border:none!important}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:480px){.slots-grid{grid-template-columns:repeat(2,1fr)}}.appointment-form{padding-top:1rem}.form-actions{max-width:400px;margin:3rem auto 0}.card-borderless{background:transparent;padding:2rem 0}.faq-item{padding:1.5rem;background:var(--white);border-radius:12px;border:1px solid #edf2f7;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 12px #0000000d;border-color:#3f46b8}.faq-item strong{display:block;margin-bottom:.5rem;color:var(--primary-color);font-size:1.05rem}.faq-item p{margin:0;color:var(--text-secondary);line-height:1.6}.contact-item{display:flex;align-items:center;padding:1.25rem;background:var(--white);border-radius:12px;border:1px solid #edf2f7;margin-bottom:1rem}.contact-item svg{font-size:1.25rem}.section-gradient{padding:2rem;border-radius:12px;background:var(--primary-gradient);box-shadow:0 10px 25px #23286b33}.form-group label{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#1e1b4b;margin-bottom:.75rem;font-size:.95rem}.form-group label svg{color:var(--primary-color);font-size:1.1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem 1.25rem;border:2px solid #edf2f7;border-radius:12px;font-family:var(--font-body);font-size:1rem;background-color:var(--white);transition:all .25s ease;color:var(--text-primary)}.form-group input:focus,.form-group select:focus{border-color:#3f46b8;background-color:#fff;box-shadow:0 0 0 4px #3f46b81a;outline:none}.form-group input::placeholder{color:#a0aec0}.phone-input{display:flex;gap:.75rem}.country-code{width:120px!important}.section-label{display:flex;align-items:center;gap:.75rem;font-weight:700;color:#1e1b4b;margin-bottom:1.25rem;font-size:1.1rem}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem}.time-slot{padding:.75rem;border:1.5px solid #e2e8f0;border-radius:var(--radius-sm);background:var(--white);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.time-slot:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:var(--accent-bg)}.time-slot.active{background:var(--primary-gradient);color:var(--white);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.booking-page-container{max-width:1000px;margin:2rem auto;padding:0 2rem}.booking-header-flex{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:2rem;padding:0 .5rem;gap:.5rem}.booking-title{font-size:1.75rem;font-weight:800;color:#1e1b4b;margin:0}.booking-subtitle{font-size:.9375rem;color:#64748b;margin:0;font-weight:500}.booking-card-v2{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 10px 30px #0000000a,0 1px 3px #00000005;border:1px solid #F1F5F9}.form-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 2.5rem}.form-group label{display:flex;align-items:center;gap:.625rem;font-weight:700;color:#1e293b;margin-bottom:.875rem;font-size:.875rem}.form-group label svg{color:#64748b;font-size:1rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:10px;font-size:.9375rem;color:#0f172a;background:#fff;transition:all .2s ease}.form-group input::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus{border-color:#3f46b8;outline:none;box-shadow:0 0 0 4px #3f46b814}.phone-input-v2{display:flex;gap:.75rem}.country-code-v2{width:110px!important;background-color:#f8fafc!important}#date-picker-v2{color:#64748b}.slot-placeholder-v2{padding:.75rem 1rem;border:1px solid #E2E8F0;border-radius:10px;background:#f8fafc;color:#94a3b8;font-size:.875rem}.form-submit-v2{display:flex;justify-content:center;margin-top:2.5rem}.btn-request-v2{width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:#2d3bae;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-request-v2:hover{background:#1e1b4b;transform:translateY(-1px);box-shadow:0 8px 20px #2d3bae40}.btn-request-v2 svg{font-size:1.1rem}@media(max-width:768px){.booking-header-flex{flex-direction:column;align-items:flex-start;gap:.5rem}.form-grid-v2{grid-template-columns:1fr}}.confirmation-view{max-width:650px;margin:3rem auto}.success-card{padding:3rem;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.success-icon-large{width:90px;height:90px;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto}.ref-id-badge{background:#f8fafc;padding:1rem 2rem;border-radius:var(--radius-md);display:inline-flex;flex-direction:column;gap:.35rem;border:1px dashed var(--border-color)}.ref-id-badge span{font-size:.85rem;color:var(--text-secondary)}.ref-id-badge strong{font-size:1.5rem;color:var(--primary-color);letter-spacing:2px}.booking-summary{text-align:left;background:#f1f5f9;padding:1.5rem!important}.summary-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.summary-item:last-child{border-bottom:none}.summary-item .label{color:var(--text-secondary);font-weight:500}.summary-item .value{font-weight:700;color:var(--text-primary)}.booking-status-card{border-left:5px solid var(--primary-color);padding:1.5rem!important}.booking-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ref-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;display:block;margin-bottom:.25rem}.ref-value{font-size:1.25rem;font-weight:800;color:var(--primary-color)}.status-badge{padding:.5rem 1rem;border-radius:30px;font-size:.85rem;font-weight:700;text-transform:uppercase}.status-pending{background:#fef9c3;color:#854d0e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.status-rescheduled{background:#e0f2fe;color:#075985}.info-item{display:flex;gap:1rem}.info-item .icon{font-size:1.25rem;color:var(--primary-color)}.info-item label{font-size:.8rem;color:var(--text-secondary);display:block;margin-bottom:.1rem}.info-item p{font-size:1rem;font-weight:700;color:var(--text-primary)}.border-t{border-top:1px solid var(--border-color)}.patient-snippet{display:flex;align-items:center;font-size:.95rem}.booking-selection-container{padding:2rem 0}.selection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.choice-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:1rem}.choice-card:hover{transform:translateY(-8px);border-color:#3f46b8;box-shadow:0 20px 40px #0000000f}.choice-card.highlight{border-color:#3f46b8;background:linear-gradient(to bottom,#fff,#f8faff)}.choice-icon{width:64px;height:64px;background:#f1f5f9;color:#3f46b8;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:.5rem}.choice-card h3{font-size:1.25rem;font-weight:800;color:#1e1b4b;margin:0}.choice-card p{color:#64748b;font-size:.9375rem;line-height:1.5;margin-bottom:1.5rem}.btn-full{width:100%}.btn-back-text{background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;padding:0;font-size:.875rem}.btn-back-text:hover{color:#3f46b8}@media(max-width:640px){.selection-grid{grid-template-columns:1fr}}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.quick-action-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem}.quick-action-card:hover{transform:translateY(-5px);border-color:#3f46b8;box-shadow:0 10px 20px #0000000d}.quick-action-card .action-icon{width:48px;height:48px;background:#f1f5f9;color:#3f46b8;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.quick-action-card span{font-size:.875rem;font-weight:700;color:#1e293b}@media(max-width:900px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.quick-actions-grid{grid-template-columns:1fr}}.slots-grid-compact-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.75rem;padding:.25rem 0}.time-slot-pill-v2{padding:.75rem .5rem;border:1.5px solid #E2E8F0;border-radius:10px;background:#fff;color:#1e293b;font-weight:700;font-size:.8125rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.time-slot-pill-v2:hover{border-color:#2d3bae;color:#2d3bae;background:#f8faff}.time-slot-pill-v2.active{background:#2d3bae;color:#fff;border-color:#2d3bae;box-shadow:0 4px 12px #2d3bae26}.time-slot-pill-v2.disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.department-dashboard{padding:1rem}.notifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}@media(max-width:600px){.notifications-grid{grid-template-columns:1fr}}.notification-card{padding:1.5rem!important;display:flex;flex-direction:column}.notification-card .card-top{display:flex;align-items:center;gap:1rem}.notif-badge{width:40px;height:40px;background:#3f46b81a;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.notification-card .patient-info h3{margin:0;font-size:1.1rem;color:var(--primary-color)}.timestamp{font-size:.8rem;color:var(--text-secondary)}.card-content{background:#f8fafc;padding:1rem;border-radius:8px;flex-grow:1}.order-details{font-size:.95rem;color:var(--text-primary);line-height:1.6}.card-actions{display:flex;gap:1rem;justify-content:flex-end}.card-actions .btn{padding:.5rem 1rem;font-size:.85rem}.no-entries-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary)}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}html{scroll-padding-top:100px}body{padding-top:0}::selection{background:var(--primary-color);color:var(--white)}::-moz-selection{background:var(--primary-color);color:var(--white)}
