@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#111fa2;--secondary:#111fa2;--primary-dark:#0d1a8a;--secondary-dark:#0d1a8a;--bg:#fff;--text:#151414;--muted:#0f1010;--border:#111fa2}body{-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg);color:#151414;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#111fa2;background:var(--secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0d1a8a;background:var(--secondary-dark)}button{cursor:pointer;font-family:Segoe UI,sans-serif;transition:all .3s ease}button:active{transform:scale(.95)}a{text-decoration:none}input,select,textarea{font-family:Segoe UI,sans-serif}:root{--gradient-gold:linear-gradient(135deg,#f59e0b,#fbbf24);--gradient-hero:linear-gradient(135deg,#0a2f47,#125f85 50%,#187bb5)}body{background:#fff;background:var(--white);line-height:1.6}.logo-icon{height:64px;width:64px}.logo-text-group{gap:6px}.logo-main{font-size:18px;letter-spacing:-.2px;line-height:1.6}.logo-sub{font-size:28px}.nav-link{padding:9px 16px;position:relative}.nav-link:after{background:#1572a1;border-radius:2px;bottom:4px;content:"";height:2px;left:16px;position:absolute;right:16px;transform:scaleX(0);transition:transform .25s ease}.nav-link:hover:after{transform:scaleX(1)}.nav-book-btn{border-radius:10px!important;color:#fff!important;color:var(--white)!important;font-weight:700!important;padding:12px 24px!important;transition:all .3s ease!important}.nav-book-btn:hover{background:#1a8fd1!important;box-shadow:0 10px 28px #1572a173!important;transform:translateY(-2px)!important}.nav-book-btn:after{display:none!important}.lang-switcher{flex-shrink:0}.lang-btn{font-size:13px;font-weight:700;padding:7px 13px}.hamburger span{height:2.5px}.mobile-nav{padding:16px 24px 28px}.mobile-nav .nav-link{color:#ffffffd9;font-size:17px;padding:13px 16px}.mobile-nav .nav-book-btn{font-size:17px!important;margin-top:10px;padding:14px 24px!important;text-align:center}.mobile-nav-lang{padding:8px 16px 12px}.landing-page{padding-top:90px;padding-top:var(--nav-height)}.hero-section{align-items:center;background:linear-gradient(135deg,#0a2f47,#125f85 50%,#187bb5);background:var(--gradient-hero);display:flex;min-height:calc(100vh - 90px);min-height:calc(100vh - var(--nav-height));overflow:hidden;position:relative}.hero-section:before{background:radial-gradient(ellipse at 70% 50%,#1a8fd12e 0,#0000 60%),radial-gradient(ellipse at 20% 80%,#1572a11f 0,#0000 50%);content:"";inset:0;position:absolute}.hero-section:after{background:#fff;background:var(--white);bottom:-2px;clip-path:ellipse(55% 100% at 50% 100%);content:"";height:80px;left:0;position:absolute;right:0}.hero-section .orb{border-radius:50%;filter:blur(60px);pointer-events:none;position:absolute}.hero-section .orb-1{animation:floatOrb 8s ease-in-out infinite;background:#1572a140;height:400px;right:100px;top:-100px;width:400px}.hero-section .orb-2{animation:floatOrb 10s ease-in-out infinite reverse;background:#1a8fd12e;bottom:80px;height:250px;left:60px;width:250px}@keyframes floatOrb{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.05)}}.hero-container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:80px 48px;position:relative;width:100%;z-index:1}.hero-content{display:flex;flex-direction:column;gap:28px}.hero-badge{align-items:center;background:#1572a133;border:1px solid #60c4f04d;border-radius:100px;color:#60c4f0;color:var(--accent-glow);display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:9px 20px;width:fit-content}.hero-badge span{animation:pulse 2s ease-in-out infinite;background:#60c4f0;background:var(--accent-glow);border-radius:50%;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{color:#fff;color:var(--white);font-size:clamp(34px,4vw,56px);font-weight:800;letter-spacing:-.5px;line-height:1.15}.hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#fbbf24);background:var(--gradient-gold);-webkit-background-clip:text;background-clip:text}.hero-description{color:#ffffffbf;font-size:17px;line-height:1.8;max-width:520px}.hero-stats{display:flex;flex-wrap:wrap;gap:36px}.stat-item{display:flex;flex-direction:column;gap:3px}.stat-number{color:#fff;color:var(--white);font-size:36px;font-weight:800;line-height:1}.stat-label{color:#fff;font-size:15px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.btn-primary{align-items:center;background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);border-radius:12px;box-shadow:0 8px 32px #1572a14d;box-shadow:var(--shadow-blue);color:var(--white);display:inline-flex;font-size:16px;gap:8px;padding:15px 32px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-primary:hover{box-shadow:0 16px 40px #1572a180;transform:translateY(-3px)}.btn-secondary{align-items:center;background:#ffffff14;border:1.5px solid #ffffff40;border-radius:12px;color:var(--white);display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:15px 32px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.btn-secondary:hover{background:#ffffff26}.hero-image{align-items:flex-end;display:flex;justify-content:center;position:relative}.hero-image-frame{max-width:460px;position:relative;width:100%}.hero-image-frame:before{background:radial-gradient(ellipse at center bottom,#1572a166 0,#0000 70%);border-radius:50%;content:"";inset:0;bottom:-20px;position:absolute}.doctor-img{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4));height:auto;object-fit:contain;position:relative;width:100%;z-index:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:16px;padding:16px 20px;position:absolute;z-index:2}.hero-card-left{bottom:130px;left:-20px}.hero-card-right{right:-10px;top:90px}.hero-card-content{align-items:center;display:flex;gap:12px}.hero-card-icon{align-items:center;background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.hero-card-text strong{color:#fff;color:var(--white);display:block;font-size:15px;font-weight:700}.hero-card-text span{color:#ffffffa6;font-size:12px}.section-header{margin-bottom:40px;text-align:center}.section-eyebrow{align-items:center;background:#1572a114;border:1px solid #1572a126;border-radius:100px;color:#1572a1;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:1.5px;margin-bottom:18px;padding:7px 18px;text-transform:uppercase}.section-title{color:#1572a1;color:var(--primary);font-size:clamp(30px,3.5vw,44px);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}.section-subtitle{color:#64748b;color:var(--text-light);font-size:17px;line-height:1.7;margin:0 auto;max-width:580px}.services-section{background:#f0f4ff;background:var(--off-white);padding:100px 48px;position:relative}.services-section:before{background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);content:"";height:4px;left:0;position:absolute;right:0;top:0}.services-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px}.service-card{cursor:pointer;height:210px;perspective:1000px}.service-card-inner{border-radius:16px;height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1);width:100%}.service-card:hover .service-card-inner{transform:rotateY(180deg)}.service-card-back,.service-card-front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;inset:0;justify-content:center;padding:28px;position:absolute;text-align:center}.service-card-front{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);box-shadow:0 2px 8px #0a162814;box-shadow:var(--shadow-sm)}.service-icon{align-items:center;background:linear-gradient(135deg,#1572a11a,#1a8fd126);border-radius:16px;display:flex;font-size:30px;height:68px;justify-content:center;margin-bottom:16px;transition:all .3s ease;width:68px}.service-card:hover .service-icon{background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);box-shadow:0 8px 32px #1572a14d;box-shadow:var(--shadow-blue);transform:scale(1.1)}.service-card-front h3{color:#1572a1;color:var(--primary);font-size:15px;font-weight:700;line-height:1.3}.service-card-back{background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);box-shadow:0 8px 32px #1572a14d;box-shadow:var(--shadow-blue);transform:rotateY(180deg)}.service-card-back p{color:#ffffffeb;font-size:14px;line-height:1.6}.doctor-section{background:#fff;background:var(--white);padding:100px 48px}.doctor-card{background:linear-gradient(135deg,#0d3d5c,#1572a1 60%,#1a8fd1);background:var(--gradient-primary);border-radius:28px;box-shadow:0 20px 60px #0a162840;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:380px 1fr;margin:0 auto;max-width:1100px;overflow:hidden;position:relative}.doctor-card:before{background:radial-gradient(ellipse at 80% 20%,#2563eb33 0,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.doctor-image-wrapper{align-items:flex-end;background:linear-gradient(180deg,#1572a133,#0d3d5c00);display:flex;justify-content:center;min-height:440px;overflow:hidden;position:relative}.doctor-photo{height:100%;object-fit:cover;object-position:top;width:100%}.doctor-content{display:flex;flex-direction:column;gap:20px;padding:52px 50px;position:relative;z-index:1}.doctor-content h3{color:#fff;color:var(--white);font-size:34px;font-weight:800}.doctor-specialty{color:#60c4f0;color:var(--accent-glow);font-size:16px;font-weight:600}.doctor-features{display:flex;flex-direction:column;gap:12px;list-style:none;margin:4px 0}.doctor-features li{align-items:flex-start;color:#ffffffd9;display:flex;font-size:16px;gap:10px;line-height:1.5}.doctor-description{color:#ffffffa6;font-size:15px;line-height:1.7}.doctor-schedule{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;display:flex;flex-direction:column;gap:10px;padding:22px 26px}.doctor-schedule h4{color:#fff;color:var(--white);font-size:16px;font-weight:700}.doctor-schedule p{color:#ffffffb3;font-size:15px}.facilities-section{background:#f0f4ff;background:var(--off-white);padding:100px 48px}.facilities-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px}.facility-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 8px #0a162814;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:all .35s ease}.facility-card:hover{border-color:#1572a133;box-shadow:0 8px 30px #0a162826;box-shadow:var(--shadow-md);transform:translateY(-6px)}.facility-img-wrapper{height:190px;overflow:hidden;position:relative}.facility-img-wrapper:after{background:linear-gradient(180deg,#0000 40%,#0d3d5c80);content:"";inset:0;position:absolute}.facility-img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.facility-card:hover .facility-img{transform:scale(1.08)}.facility-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:22px}.facility-info h4{color:#1572a1;color:var(--primary);font-size:15px;font-weight:700;line-height:1.3}.facility-info p{color:#64748b;color:var(--text-light);font-size:13px;line-height:1.6}.contact-section{background:#fff;background:var(--white);padding:80px 48px}.contact-area{grid-gap:40px;align-items:stretch;display:grid;gap:40px;grid-template-columns:1fr 1.2fr;margin:0 auto 40px;max-width:1200px}.contact-details{display:flex;flex-direction:column;gap:16px}.contact-card{align-items:flex-start;background:#fff;border:1px solid #e8edf2;border-radius:14px;box-shadow:0 2px 10px #0a16280f;display:flex;gap:16px;padding:20px 22px;transition:all .25s ease}.contact-card:hover{border-color:#1572a14d;box-shadow:0 6px 20px #1572a11a;transform:translateY(-2px)}.contact-card-icon{align-items:center;background:#1572a1;border-radius:12px;box-shadow:0 4px 12px #1572a14d;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.contact-card-body{flex:1 1}.contact-card-body h4{color:#1572a1;font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.contact-card-body p{color:#334155;font-size:14px;line-height:1.65;margin:0}.contact-map{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 30px #0a16281f;height:100%;min-height:460px;overflow:hidden}.contact-map iframe{border:0;display:block;height:100%;min-height:460px;width:100%}.contact-btn-wrap{margin:0 auto;max-width:1200px;text-align:center}.contact-btn{align-items:center;display:inline-flex;gap:8px}.footer{padding:80px 48px 36px}.footer:after{background:radial-gradient(ellipse at 20% 30%,#1572a11a 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.footer-grid{margin:0 auto 60px}.footer-tagline{font-size:14px}.footer-contact-inline{gap:12px}.footer-col h4{font-size:14px;margin-bottom:22px;padding-bottom:14px}.footer-links{gap:12px}.footer-links li a:before{font-size:18px;line-height:1}.social-icon{font-size:20px}.footer-hours{gap:10px}.footer-hours-item{font-size:14px;padding:7px 0}.footer-hours-item span:first-child{color:#ffffffd9}.footer-bottom{padding-top:30px}.footer-copyright{font-size:14px}.footer-legal a{font-size:13px}@media (max-width:1100px){.navbar{padding:0 32px}.hero-container{gap:40px;padding:60px 32px}.facilities-grid,.services-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:36px;grid-template-columns:1fr 1fr}.contact-section,.doctor-section,.facilities-section,.services-section{padding:80px 32px}}@media (max-width:768px){:root{--nav-height:70px}.navbar{height:90px;height:var(--nav-height);padding:0 20px}.nav-menu{display:none}.hamburger{display:flex}.logo-icon{border-radius:10px;height:52px;width:52px}.logo-main{font-size:15px}.logo-sub{font-size:11px}.hero-container{grid-template-columns:1fr;padding:50px 20px 40px;text-align:center}.hero-content{align-items:center}.hero-description{font-size:16px;max-width:100%}.hero-buttons,.hero-stats{justify-content:center}.hero-image{max-height:300px;order:-1}.hero-image-frame{max-width:280px}.hero-card{display:none}.services-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.doctor-card{border-radius:20px;display:flex;flex-direction:column;grid-template-columns:1fr}.doctor-image-wrapper{align-items:center;height:300px;justify-content:center;max-height:none;min-height:0;min-height:auto;width:100%}.doctor-photo{display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.doctor-content{overflow:visible;padding:28px 20px;width:100%}.doctor-content h3{font-size:22px}.doctor-features li,.doctor-specialty{font-size:14px}.doctor-description{font-size:13px}.facilities-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.contact-area{gap:28px;grid-template-columns:1fr}.contact-map,.contact-map iframe{min-height:320px}.footer-grid{gap:32px;grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{justify-content:center}.contact-section,.doctor-section,.facilities-section,.services-section{padding:64px 20px}.footer{padding:60px 20px 32px}.section-header{margin-bottom:40px}.section-subtitle{font-size:16px}}@media (max-width:480px){.services-grid{gap:12px;grid-template-columns:1fr 1fr}.service-card{height:190px}.service-icon{font-size:24px;height:54px;width:54px}.service-card-front h3{font-size:13px}.facilities-grid{grid-template-columns:1fr}.hero-stats{gap:22px}.stat-number{font-size:28px}.stat-label{font-size:13px}.btn-primary,.btn-secondary{font-size:16px;padding:14px 26px}.doctor-schedule{padding:18px}.social-icon{font-size:18px;height:40px;width:40px}.footer-grid{gap:28px}}.doctor-card{grid-template-columns:300px 1fr}@media (max-width:480px){.doctor-image-wrapper{height:260px}.doctor-content{padding:20px 16px}.doctor-content h3{font-size:20px}.doctor-schedule{padding:14px}.doctor-description,.doctor-features li{font-size:13px}}:root{--primary:#1572a1;--primary-mid:#0d3d5c;--accent:#1572a1;--accent-bright:#1a8fd1;--accent-light:#1a8fd1;--accent-glow:#60c4f0;--shadow-sm:0 2px 8px #0a162814;--shadow-md:0 8px 30px #0a162826;--shadow-lg:0 20px 60px #0a162840;--gradient-primary:linear-gradient(135deg,#0d3d5c,#1572a1 60%,#1a8fd1);--nav-height:90px}body{background:#f0f4ff;background:var(--off-white);color:var(--text-dark);font-family:Segoe UI,Noto Sans,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.book-appointment-wrapper{display:flex;flex-direction:column;min-height:100vh;padding-top:90px;padding-top:var(--nav-height)}.book-appointment{background:#f0f4ff;background:var(--off-white);display:flex;flex:1 1;flex-direction:column}.navbar-wrapper{background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 2px 16px #1572a11f;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar{align-items:center;display:flex;height:90px;height:var(--nav-height);justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 48px}.logo-section{gap:14px;text-decoration:none}.logo-icon,.logo-section{align-items:center;display:flex;flex-shrink:0}.logo-icon{background:#1572a114;border:2px solid #1572a1;border-radius:12px;box-shadow:0 2px 10px #1572a126;height:60px;justify-content:center;overflow:hidden;padding:4px;width:60px}.logo-img{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.logo-text-group{display:flex;flex-direction:column;gap:2px}.logo-main{color:#1572a1;font-size:17px;font-weight:800;line-height:1.2;white-space:nowrap}.logo-sub{color:#64748b;font-size:12px;font-weight:500}.nav-menu{align-items:center;display:flex;gap:4px;list-style:none}.nav-link{background:none;border:none;border-radius:8px;color:#334155;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:8px 14px;text-decoration:none;transition:all .25s ease;white-space:nowrap}.nav-link:hover{background:#1572a10f;color:#1572a1}.nav-book-btn{align-items:center;background:#1572a1;border:none;border-radius:10px;box-shadow:0 4px 14px #1572a159;color:#fff;color:var(--white);cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:700;gap:6px;padding:11px 22px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-book-btn:hover{background:#1a8fd1;box-shadow:0 10px 28px #1572a173;transform:translateY(-2px)}.lang-switcher{background:#1572a112;border:1px solid #1572a133;border-radius:8px;display:flex;overflow:hidden}.lang-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:12.5px;font-weight:600;padding:6px 12px;transition:all .2s ease}.lang-btn.active{background:#1572a1;color:#fff;color:var(--white)}.lang-btn:hover:not(.active){background:#1572a11a;color:#1572a1}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px}.hamburger span{background:#1572a1;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:24px}.mobile-nav{background:#0d3d5c;border-top:1px solid #ffffff14;display:none;flex-direction:column;gap:4px;padding:16px 24px 24px}.mobile-nav.open{display:flex}.mobile-nav .nav-link{border-radius:8px;color:#fffc;display:block;font-size:15px;padding:12px 16px;text-align:left;width:100%}.mobile-nav .nav-book-btn{justify-content:center;margin-top:8px}.mobile-nav-lang{border-bottom:1px solid #ffffff14;display:flex;gap:8px;margin-bottom:8px;padding:8px 16px 4px}.appt-hero{background:linear-gradient(135deg,#0d3d5c,#1572a1 60%,#1a8fd1);background:var(--gradient-primary);overflow:hidden;padding:60px 48px;position:relative;text-align:center}.appt-hero:before{background:radial-gradient(ellipse at center,#1572a133 0,#0000 70%);content:"";inset:0;position:absolute}.appt-hero-content{position:relative;z-index:1}.appt-eyebrow{align-items:center;background:#1572a140;border:1px solid #60c4f04d;border-radius:100px;color:#60c4f0;color:var(--accent-glow);display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:1.5px;margin-bottom:16px;padding:6px 18px;text-transform:uppercase}.appt-hero h1{color:#fff;color:var(--white);font-size:clamp(26px,4vw,42px);font-weight:800;margin-bottom:12px}.appt-hero p{color:#ffffffa6;font-size:16px;line-height:1.7;margin:0 auto;max-width:500px}.appointment-section{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:60px 48px}.form-container{background:#fff;background:var(--white);border:1px solid #1572a114;border-radius:20px;box-shadow:0 20px 60px #0a162840;box-shadow:var(--shadow-lg);max-width:760px;overflow:hidden;padding:52px;position:relative;width:100%}.form-container:before{background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-title{color:#1572a1;color:var(--primary);font-size:30px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px;text-align:center}.form-subtitle{color:#64748b;color:var(--text-light);font-size:16px;line-height:1.6;margin-bottom:36px;text-align:center}.appointment-form{display:flex;flex-direction:column;gap:22px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:repeat(2,1fr)}.form-row.single{grid-template-columns:1fr}.form-group{gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{align-items:center;color:#1572a1;color:var(--primary);display:flex;gap:6px}.form-input{font-family:Segoe UI,sans-serif;transition:all .3s ease}.form-input.textarea{min-height:130px;resize:vertical}.btn-submit{align-items:center;background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);border:none;border-radius:12px;box-shadow:0 8px 32px #1572a14d;box-shadow:var(--shadow-blue);color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin-top:8px;padding:14px 32px;transition:all .3s ease;width:100%}.btn-submit:hover{box-shadow:0 16px 40px #1572a180;transform:translateY(-3px)}.btn-submit:active{transform:translateY(-1px)}.btn-back{align-items:center;background:#0000;border:2px solid #1572a1;border-radius:12px;color:#1572a1;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:13px 32px;transition:all .3s ease;width:100%}.btn-back:hover{background:#1572a10f;transform:translateY(-2px)}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px}.popup-overlay{align-items:center;animation:overlayIn .25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a1628bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.popup-box{animation:popupIn .35s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--white);border:1px solid #1572a11a;border-radius:24px;box-shadow:0 30px 80px #0a162880;max-width:480px;padding:48px 44px;position:relative;text-align:center;width:100%}@keyframes popupIn{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-icon{align-items:center;border-radius:50%;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.popup-icon.confirm-icon{background:linear-gradient(135deg,#1572a11a,#1a8fd126);box-shadow:0 8px 24px #1572a133}.popup-icon.success-icon{animation:successBounce .6s cubic-bezier(.34,1.56,.64,1) .2s both;background:linear-gradient(135deg,#10b9811a,#05966926);box-shadow:0 8px 24px #10b9814d}@keyframes successBounce{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.popup-title{color:#1572a1;color:var(--primary);font-size:22px;font-weight:800;letter-spacing:-.3px;margin-bottom:12px}.popup-message{color:#64748b;color:var(--text-light);font-size:15px;line-height:1.7;margin-bottom:32px}.popup-summary{background:#f0f4ff;background:var(--off-white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-bottom:28px;padding:16px 20px;text-align:left}.popup-summary-row{display:flex;font-size:13.5px;gap:12px;justify-content:space-between}.popup-summary-row span:first-child{color:#64748b;color:var(--text-light);flex-shrink:0;font-weight:500}.popup-summary-row span:last-child{color:#0f172a;color:var(--text-dark);font-weight:600;text-align:right;word-break:break-word}.popup-buttons{display:flex;gap:12px}.popup-btn-confirm{align-items:center;background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);border:none;border-radius:12px;box-shadow:0 8px 32px #1572a14d;box-shadow:var(--shadow-blue);color:#fff;color:var(--white);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:15px;font-weight:700;gap:6px;justify-content:center;padding:14px 20px;transition:all .3s ease}.popup-btn-confirm:hover{box-shadow:0 12px 30px #1572a173;transform:translateY(-2px)}.popup-btn-cancel{align-items:center;background:#0000;border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:12px;color:#334155;color:var(--text-mid);cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:14px 20px;transition:all .3s ease}.popup-btn-cancel:hover{background:#f0f4ff;background:var(--off-white);border-color:#94a3b8;border-color:var(--muted)}.popup-btn-ok{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:12px;box-shadow:0 8px 24px #10b98159;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.popup-btn-ok:hover{box-shadow:0 12px 32px #10b98173;transform:translateY(-2px)}.btn-submit.loading{cursor:not-allowed;opacity:.75;pointer-events:none}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--white);display:inline-block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.footer{background:linear-gradient(135deg,#0d3d5c,#1572a1 60%,#1a8fd1);background:var(--gradient-primary);color:#fff;color:var(--white);overflow:hidden;padding:72px 48px 32px;position:relative}.footer:before{background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);content:"";height:3px;left:0;position:absolute;right:0;top:0}.footer-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr;margin:0 auto 56px;max-width:1400px;position:relative;z-index:1}.footer-brand .logo-section{margin-bottom:16px}.footer-tagline{color:#fff9;font-size:13.5px;line-height:1.7;margin-bottom:24px;max-width:280px}.footer-contact-inline{display:flex;flex-direction:column;gap:10px}.footer-contact-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;gap:10px}.footer-col h4{color:#fff;color:var(--white);font-size:13px;font-weight:700;letter-spacing:1.2px;margin-bottom:20px;padding-bottom:12px;position:relative;text-transform:uppercase}.footer-col h4:after{background:#1a8fd1;background:var(--accent-bright);border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;width:32px}.footer-links{display:flex;flex-direction:column;gap:10px;list-style:none}.footer-links li a{align-items:center;color:#fff9;display:flex;font-size:14px;gap:6px;text-decoration:none;transition:all .2s ease}.footer-links li a:hover{color:#fff;color:var(--white);transform:translateX(4px)}.footer-links li a:before{color:#1a8fd1;content:"›";font-size:16px}.social-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.social-icon{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;color:#ffffffd9;display:flex;font-size:18px;height:44px;justify-content:center;text-decoration:none;transition:all .3s ease;width:44px}.social-icon:hover{box-shadow:0 8px 20px #00000040;color:#fff;color:var(--white);transform:translateY(-3px) scale(1.08)}.social-facebook:hover{background:#1877f2;border-color:#1877f2}.social-instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#e1306c}.social-linkedin:hover{background:#0a66c2;border-color:#0a66c2}.social-justdial:hover{background:#e8232a;border-color:#e8232a}.footer-logo-icon{align-items:center;background:#ffffff1f;border:1.5px solid #ffffff4d;border-radius:12px;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;padding:4px;width:52px}.footer-hours{display:flex;flex-direction:column;gap:8px}.footer-hours-item{border-bottom:1px solid #ffffff0f;color:#fff9;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.footer-hours-item span:first-child{color:#fffc;font-weight:500}.footer-bottom{align-items:center;background:#0000;border-top:1px solid #ffffff26;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1400px;padding-top:28px;position:relative;z-index:2}.footer-copyright{color:#ffffffa6;font-size:13px}.footer-legal{display:flex;flex-wrap:wrap;gap:20px}.footer-legal a{color:#ffffff8c;font-size:12.5px;text-decoration:none;transition:color .2s ease}.footer-legal a:hover{color:#ffffffe6}@media (max-width:1100px){.navbar{padding:0 32px}.appointment-section{padding:48px 32px}.footer-grid{gap:36px;grid-template-columns:1fr 1fr}.footer{padding:56px 32px 28px}.appt-hero{padding:50px 32px}}@media (max-width:768px){:root{--nav-height:68px}.navbar{height:90px;height:var(--nav-height);padding:0 20px}.nav-menu{display:none}.hamburger{display:flex}.logo-main{font-size:13px}.logo-sub{font-size:9.5px}.logo-icon{border-radius:10px;height:46px;width:46px}.logo-img{height:36px;width:36px}.appt-hero{padding:40px 20px}.appointment-section{padding:32px 16px}.form-container{border-radius:16px;padding:32px 20px}.form-title{font-size:22px}.form-subtitle{font-size:13.5px;margin-bottom:24px}.form-row{gap:16px;grid-template-columns:1fr}.popup-box{padding:36px 24px}.popup-title{font-size:19px}.popup-message{font-size:14px}.popup-buttons{flex-direction:column}.footer-grid{gap:28px;grid-template-columns:1fr}.footer{padding:48px 20px 24px}.footer-bottom{flex-direction:column;text-align:center}.footer-legal{justify-content:center}}@media (max-width:480px){.form-container{padding:24px 16px}.form-title{font-size:20px}.btn-back,.btn-submit{font-size:15px;padding:13px}.popup-box{padding:28px 16px}.popup-icon{font-size:28px;height:64px;width:64px}}:root{--white:#fff;--off-white:#f0f4ff;--text-dark:#0f172a;--text-light:#64748b;--muted:#94a3b8;--shadow-lg:0 20px 60px #0a162859;--shadow-blue:0 8px 32px #1572a14d;--gradient-primary:linear-gradient(135deg,#0d3d5c,#1572a1);--gradient-accent:linear-gradient(135deg,#1572a1,#1a8fd1)}.admin-login-wrapper{background:linear-gradient(135deg,#0d3d5c,#1572a1);background:var(--gradient-primary);font-family:Segoe UI,Inter,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;position:relative}.admin-login-wrapper:before{background:#1572a12e;filter:blur(80px);height:500px;right:-100px;top:-150px;width:500px}.admin-login-wrapper:after,.admin-login-wrapper:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.admin-login-wrapper:after{background:#f59e0b14;bottom:-80px;filter:blur(60px);height:350px;left:-80px;width:350px}.admin-login{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px 20px;position:relative;z-index:1}.login-container{max-width:440px;width:100%}.login-card{animation:slideUp .45s cubic-bezier(.34,1.56,.64,1);background:#fffffff7;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0a162859;box-shadow:var(--shadow-lg);overflow:hidden;padding:44px 40px;position:relative}.login-card:before{background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes slideUp{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:36px;text-align:center}.logo-circle{align-items:center;background:#1572a10f;border:2px solid #1572a1;border-radius:50%;box-shadow:0 4px 20px #1572a126;display:flex;height:88px;justify-content:center;margin:0 auto 18px;overflow:hidden;padding:6px;width:88px}.logo-circle-img{display:block;height:100%;object-fit:contain;object-position:center;width:100%}.login-header h1{color:#0d3d5c;color:var(--navy);font-size:26px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}.login-header p{color:#64748b;color:var(--text-light);font-size:15px;font-weight:500}.login-form{gap:18px;margin-bottom:28px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:7px}.form-group label{color:#0d3d5c;color:var(--navy);font-size:16px;font-weight:600}.form-input{background:#f0f4ff;background:var(--off-white);color:var(--text-dark);font-size:16px;padding:14px 18px}.form-input:focus{background:#fff;background:var(--white);box-shadow:0 0 0 4px #1572a11a}.form-input::placeholder{color:#94a3b8}.pwd-wrap{align-items:center;display:flex;position:relative}.pwd-wrap .form-input{padding-right:46px}.pwd-eye-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease}.pwd-eye-btn:hover{color:#1572a1}.btn-login{background:linear-gradient(135deg,#1572a1,#1a8fd1);background:var(--gradient-accent);border:none;border-radius:12px;box-shadow:0 8px 32px #1572a14d;box-shadow:var(--shadow-blue);color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.2px;margin-top:6px;padding:14px 20px;transition:all .3s ease;width:100%}.btn-login:hover:not(:disabled){box-shadow:0 12px 32px #1572a173;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.7}.btn-login:active:not(:disabled){transform:translateY(0)}.login-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding-top:20px;text-align:center}.login-footer p{color:#64748b;color:var(--text-light);font-size:14px}.login-footer p strong{color:#0d3d5c;color:var(--navy);font-weight:700}.back-link{align-items:center;color:#1572a1;display:inline-flex;font-size:15px;font-weight:600;gap:4px;justify-content:center;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#0d3d5c;color:var(--navy)}@media (max-width:480px){.admin-login{align-items:flex-start;padding:40px 16px 16px}.login-card{border-radius:16px;padding:36px 24px}.logo-circle{height:80px;width:80px}.login-header h1{font-size:22px}.login-header p{font-size:13px}.form-input{font-size:14px;padding:12px 14px}.btn-login{font-size:15px;padding:13px}}.forgot-link-wrap{display:flex;justify-content:flex-end;margin-bottom:4px;margin-top:-8px}.forgot-link{background:none;border:none;color:#1572a1;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;padding:0;transition:color .2s ease}.forgot-link:hover{color:#0d3d5c;text-decoration:underline}.forgot-desc{color:#64748b;color:var(--text-light);font-size:14px;line-height:1.6;margin-bottom:20px;text-align:center}.back-to-login-btn{background:none;border:1.5px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;margin-top:4px;padding:12px;transition:all .2s ease;width:100%}.back-to-login-btn:hover{background:#1572a10a;border-color:#1572a1;color:#1572a1}.alert-box{border-radius:10px;font-size:13.5px;font-weight:500;line-height:1.5;margin-bottom:16px;padding:12px 16px}.sent-view{flex-direction:column;gap:14px;padding:8px 0 16px;text-align:center}.sent-icon,.sent-view{align-items:center;display:flex}.sent-icon{background:#1572a114;border-radius:50%;height:72px;justify-content:center;margin:0 auto;width:72px}.sent-msg{color:#334155;color:var(--text-mid);font-size:15px;line-height:1.6}.sent-note{color:#94a3b8;color:var(--muted);font-size:13px}:root{--navy:#0d3d5c;--navy-mid:#0f4a6e;--navy-light:#1572a1;--royal:#1572a1;--royal-hover:#0d3d5c;--royal-light:#1a8fd1;--gold:#f59e0b;--gold-light:#fbbf24;--gold-dark:#d97706;--bg:#eef2fb;--bg-card:#fff;--text:#0f172a;--text-mid:#334155;--muted:#64748b;--border:#e2e8f0;--border-mid:#cbd5e1;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#1a8fd1;--primary:#0d3d5c;--secondary:#1572a1}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#eef2fb;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,Segoe UI,sans-serif;font-size:16px}.mobile-topbar{align-items:center;background:linear-gradient(90deg,#0d3d5c,#0f4a6e);background:linear-gradient(90deg,var(--navy) 0,var(--navy-mid) 100%);border-bottom:1px solid #ffffff14;box-shadow:0 2px 16px #0006;display:none;height:60px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1200}.mobile-hamburger{background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:8px;transition:background .2s ease}.mobile-hamburger:hover{background:#ffffff1a}.mobile-hamburger span{background:#fff;border-radius:2px;display:block;height:2px;width:22px}.mobile-topbar-logo{align-items:center;display:flex;gap:10px}.mobile-logo-ring{align-items:center;background:#ffffff14;border:1.5px solid #f59e0b66;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.mobile-logo-img{display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));height:28px;object-fit:contain;object-position:center;width:28px}.mobile-logo-text{color:#fff;font-size:15px;font-weight:800;letter-spacing:-.2px;white-space:nowrap}.mobile-logout-btn{align-items:center;background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;color:#fbbf24;color:var(--gold-light);cursor:pointer;display:flex;justify-content:center;padding:7px;transition:all .2s ease}.mobile-logout-btn:hover{background:#f59e0b4d}.mobile-logout-btn svg{stroke:#fbbf24;stroke:var(--gold-light)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;display:none;inset:0;position:fixed;z-index:1099}.sidebar-close-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#ffffffb3;cursor:pointer;display:none;flex-shrink:0;margin-left:auto;padding:6px;transition:all .2s ease}.sidebar-close-btn:hover{background:#ffffff26;color:#fff}.sidebar-close-btn svg{stroke:currentColor;display:block}.dashboard-wrapper{display:flex;min-height:100vh}.dashboard{background:#eef2fb;background:var(--bg);flex:1 1;margin-left:260px;min-height:100vh;transition:margin-left .3s ease}.dashboard-container{margin:0 auto;max-width:1400px;padding:20px 24px}.loading{color:#64748b;color:var(--muted);font-size:18px;padding:100px 20px;text-align:center}.sidebar{background:linear-gradient(180deg,#0d3d5c,#0f4a6e 60%,#1572a1);box-shadow:4px 0 28px #0006;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:0;position:fixed;scrollbar-width:none;width:260px;z-index:1000}.sidebar::-webkit-scrollbar{display:none}.sidebar-logo{padding:0 0 6px}.logo-brand{align-items:center;display:flex;gap:10px;padding:22px 18px 20px;position:relative}.logo-brand:after{background:linear-gradient(90deg,#0000,#f59e0b80,#0000);bottom:0;content:"";height:1px;left:20px;position:absolute;right:20px}.logo-img-ring{align-items:center;background:#ffffff26;border:2px solid #fff6;border-radius:13px;box-shadow:0 0 0 1px #ffffff1a,0 8px 24px #00000073,inset 0 1px 0 #fff3;display:flex;flex-shrink:0;height:46px;justify-content:center;overflow:hidden;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1);width:46px}.logo-img-ring:before{background:linear-gradient(135deg,#ffffff26,#0000 55%);border-radius:inherit;content:"";inset:0;position:absolute;z-index:0}.logo-img-ring:hover{border-color:#ffffffb3;box-shadow:0 0 0 2px #fff3,0 12px 32px #00000080,0 0 24px #ffffff26;transform:translateY(-3px) scale(1.06)}.hospital-logo-img{filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)) brightness(1.1);height:32px;object-fit:contain;object-position:center;position:relative;width:32px;z-index:1}.logo-text-block{display:flex;flex-direction:column;gap:2px;min-width:0}.logo-name{color:#fff;font-size:14px;font-weight:900;letter-spacing:-.2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-tagline{color:#f59e0b;color:var(--gold);font-size:9.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.logo-divider{display:none}.sidebar-nav{flex:1 1;padding:10px 14px}.sidebar-nav ul{display:flex;flex-direction:column;gap:3px;list-style:none}.sidebar-nav a{align-items:center;border-radius:12px;color:#ffffffa6;cursor:pointer;display:flex!important;font-size:15px;font-weight:500;gap:12px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .22s ease}.sidebar-nav a:hover{background:#ffffff12;color:#fff;transform:translateX(3px)}.sidebar-nav a.active{background:linear-gradient(135deg,#1572a1,#1a8fd1);box-shadow:0 4px 18px #1572a180,inset 0 1px 0 #ffffff26;color:#fff;font-weight:700}.sidebar-nav a.active:after{background:#f59e0b;background:var(--gold);border-radius:50%;box-shadow:0 0 10px #f59e0be6;content:"";height:6px;position:absolute;right:13px;top:50%;transform:translateY(-50%);width:6px}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-icon svg{stroke:currentColor;height:18px;width:18px}.nav-label{flex:1 1}.nav-badge{background:#ef4444;background:var(--danger);border-radius:9px;box-shadow:0 2px 6px #ef44448c;color:#fff;flex-shrink:0;font-size:9px;font-weight:800;height:18px;min-width:18px;padding:0 5px}.btn-logout-sidebar,.nav-badge{align-items:center;display:flex;justify-content:center}.btn-logout-sidebar{background:linear-gradient(135deg,#f59e0b24,#f59e0b12);border:1px solid #f59e0b52;border-radius:12px;color:#fbbf24;color:var(--gold-light);cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;gap:9px;letter-spacing:.2px;margin:14px;padding:14px 20px;transition:all .25s ease}.btn-logout-sidebar:hover{background:linear-gradient(135deg,#f59e0b47,#f59e0b29);border-color:#f59e0ba6;box-shadow:0 6px 20px #f59e0b38;color:#fff;transform:translateY(-2px)}.appointments-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:16px}.header-left h1{color:#0d3d5c;color:var(--navy);font-size:28px;font-weight:900;letter-spacing:-.5px;margin-bottom:4px}.header-left p{color:#64748b;color:var(--muted);font-size:14px}.export-container,.header-right{position:relative}.btn-export{background:linear-gradient(135deg,#1572a1,#1a8fd1);border:none;border-radius:10px;box-shadow:0 4px 14px #1572a161;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;padding:12px 24px;transition:all .25s ease;white-space:nowrap}.btn-export:hover{box-shadow:0 8px 24px #1572a17a;transform:translateY(-2px)}.btn-export:active{transform:translateY(0)}.export-menu{animation:slideDown .22s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 44px #0a162829;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:2000}.export-option{background:#fff;border:none;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#334155;color:var(--text-mid);cursor:pointer;display:block;font-family:inherit;font-size:13.5px;font-weight:500;padding:12px 18px;text-align:left;transition:all .18s ease;width:100%}.export-option:last-child{border-bottom:none}.export-option:hover{background:#1572a10d;color:#1572a1;color:var(--royal);padding-left:24px}.search-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.search-box{flex:1 1;min-width:240px;position:relative}.search-icon{font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);font-family:inherit;font-size:15px;padding:12px 14px 12px 44px;transition:all .25s ease;width:100%}.search-input:focus{border-color:#1572a1;box-shadow:0 0 0 3px #1572a11a;outline:none}.search-input::placeholder{color:#64748b;color:var(--muted)}.status-filter-select{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;min-width:148px;padding:12px 14px}.status-filter-select:focus{border-color:#1572a1;box-shadow:0 0 0 3px #1572a11a;outline:none}.stats-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-top:3px solid var(--royal);box-shadow:0 2px 14px #0a162812;padding:18px 16px;text-align:center;transform-style:preserve-3d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.stat-card:hover{box-shadow:0 16px 36px #0a162824;transform:translateY(-6px) rotateX(3deg)}.stat-card.pending-card{border-top-color:#f59e0b;border-top-color:var(--warning)}.stat-card.confirmed-card{border-top-color:#1572a1;border-top-color:var(--royal)}.stat-card.completed-card{border-top-color:#10b981;border-top-color:var(--success)}.stat-label{color:#64748b;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#0d3d5c;color:var(--navy);font-size:38px;font-weight:900;letter-spacing:-1px}.pending-card .stat-value{color:#f59e0b;color:var(--warning)}.confirmed-card .stat-value{color:#1572a1;color:var(--royal)}.completed-card .stat-value{color:#10b981;color:var(--success)}.appointments-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #0a162814;overflow:hidden}.appointments-section h2{color:#0d3d5c;color:var(--navy);font-size:17px;font-weight:800;margin-bottom:18px;padding:22px 22px 0}.no-data{color:#64748b;color:var(--muted);font-size:15px;padding:60px 20px;text-align:center}.appointments-list{overflow-x:auto}.pagination-controls{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#334155;color:var(--text-mid);display:flex;font-size:14px;gap:8px;justify-content:flex-end;padding:12px 16px}.pagination-controls button{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;font-weight:600;padding:7px 14px;transition:all .2s ease}.pagination-controls button:hover:not(:disabled){background:#1572a1;border-color:#1572a1;color:#fff}.pagination-controls button:disabled{cursor:not-allowed;opacity:.58}.pagination-controls span{color:#0f172a;color:var(--text);font-weight:700}.table-header{background:linear-gradient(135deg,#0d3d5c,#1572a1);color:#ffffffd9;font-size:12px;font-weight:700;letter-spacing:.8px;padding:14px 20px;position:sticky;text-transform:uppercase;top:0;z-index:10}.appointment-row,.table-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:100px 180px 110px 170px 150px 1fr 130px 120px}.appointment-row{align-items:center;border-bottom:1px solid #f1f5f9;min-height:90px;padding:20px;transition:background .15s ease}.appointment-row:nth-child(2n){background:#fafbfc}.appointment-row:hover{background:#1572a10a}.appointment-row:last-child{border-bottom:none}.appointment-id{color:#1572a1;font-size:14px;font-weight:800}.col-patient{gap:10px}.col-patient,.patient-avatar{align-items:center;display:flex}.patient-avatar{background:linear-gradient(135deg,#0d3d5c,#1572a1);border-radius:10px;box-shadow:0 3px 8px #1572a14d;color:#fff;flex-shrink:0;font-size:16px;font-weight:800;height:40px;justify-content:center;width:40px}.patient-info{flex:1 1;min-width:0}.patient-name{color:#0f172a;color:var(--text);font-size:14px;font-weight:700}.patient-email,.patient-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patient-email{color:#64748b;color:var(--muted);font-size:12px;margin-top:2px}.contact-item{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#334155;color:var(--text-mid);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:7px 12px;white-space:nowrap}.col-datetime{display:flex;flex-direction:column;gap:5px}.date-item,.time-item{align-items:center;color:#334155;color:var(--text-mid);display:flex;font-size:13px;gap:5px}.phone-icon{font-size:14px}.date-icon,.time-icon{font-size:13px}.problem-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#334155;color:var(--text-mid);display:-webkit-box;font-size:13.5px;line-height:1.5;overflow:hidden}.status-badge{border:none;border-radius:20px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-align:center;text-transform:uppercase;transition:all .2s ease;width:100%}.status-badge.status-pending{background:#f59e0b26;border:1.5px solid #f59e0b66;color:#b45309}.status-badge.status-confirmed{background:#1572a11a;border:1.5px solid #1572a14d;color:#0d3d5c}.status-badge.status-completed{background:#10b9811f;border:1.5px solid #10b98159;color:#065f46}.status-badge.status-cancelled{background:#ef44441a;border:1.5px solid #ef44444d;color:#7f1d1d}.status-badge:focus{box-shadow:0 0 0 3px #1572a126;outline:none}.action-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;cursor:pointer;display:flex;font-size:15px;height:38px;justify-content:center;transition:all .22s ease;width:38px}.action-btn:hover{background:#1572a112;border-color:#1572a1;border-color:var(--royal);transform:scale(1.1)}.appointments-list .col-actions{align-items:stretch;display:flex;flex-direction:column;gap:6px}.appointments-list .col-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:12.5px;font-weight:700;gap:5px;height:34px;justify-content:center;min-width:100px;padding:0 12px;transition:all .2s ease;white-space:nowrap;width:100%}.appointments-list .col-actions .action-btn.btn-info{background:#10b981;box-shadow:0 2px 8px #10b9814d;color:#fff}.appointments-list .col-actions .action-btn.btn-info:hover{background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.appointments-list .col-actions .action-btn.btn-secondary{background:#f59e0b;box-shadow:0 2px 8px #f59e0b4d;color:#fff}.appointments-list .col-actions .action-btn.btn-secondary:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.appointments-list .col-actions .action-btn.btn-danger{background:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fff}.appointments-list .col-actions .action-btn.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.history-actions{align-items:center;background:#ffffffb3;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px 14px}.history-label{color:#0d3d5c;color:var(--navy);font-weight:700}.history-actions button{min-width:90px}.calendar-content{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr 340px}.calendar-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #0a162817;overflow:hidden}.calendar-month-header{align-items:center;background:linear-gradient(135deg,#0d3d5c,#1572a1);color:#fff;display:flex;justify-content:space-between;padding:16px 20px;position:relative}.cal-header-pickers{align-items:center;display:flex;gap:6px}.cal-picker-wrap{position:relative}.cal-picker-btn{align-items:center;background:#ffffff1a;border:1px solid #f59e0b61;border-radius:9px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;gap:5px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.cal-picker-btn:hover{background:#f59e0b33;border-color:#f59e0ba6}.cal-picker-btn svg{stroke:#fbbf24;stroke:var(--gold-light);flex-shrink:0;opacity:.9}.cal-dropdown{animation:calDropIn .18s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 52px #0a162838;left:50%;max-height:260px;min-width:150px;overflow-y:auto;position:absolute;top:calc(100% + 8px);transform:translateX(-50%);z-index:9999}.cal-dropdown-year{display:grid;grid-template-columns:1fr 1fr;min-width:180px}@keyframes calDropIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.cal-dropdown::-webkit-scrollbar{width:4px}.cal-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-mid);border-radius:2px}.cal-dropdown-item{background:#fff;border:none;border-bottom:1px solid #f1f5f9;color:#334155;color:var(--text-mid);cursor:pointer;display:block;font-family:inherit;font-size:13.5px;font-weight:500;padding:10px 16px;text-align:left;transition:all .15s ease;width:100%}.cal-dropdown-year .cal-dropdown-item{text-align:center}.cal-dropdown-item:last-child{border-bottom:none}.cal-dropdown-item:hover{background:#1572a10f;color:#1572a1;color:var(--royal)}.cal-dropdown-item.active{background:linear-gradient(135deg,#0d3d5c,#1572a1);color:#fff;font-weight:700}.month-nav-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:9px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.month-nav-btn svg{stroke:#fff}.month-nav-btn:hover{background:#f59e0b38;border-color:#f59e0b8c;transform:scale(1.08)}.month-nav-btn:active{transform:scale(.94)}.calendar-weekdays{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.weekday{color:#334155;color:var(--text-mid);font-size:11px;font-weight:700;letter-spacing:.8px;padding:11px 6px;text-align:center;text-transform:uppercase}.weekday-weekend{color:#64748b;color:var(--muted)}.calendar-days{grid-gap:1px;background:#e2e8f0;background:var(--border);display:grid;gap:1px;grid-template-columns:repeat(7,1fr);min-height:480px}.calendar-day{background:#fff;border:2px solid #0000;cursor:pointer;min-height:90px;padding:10px;position:relative;transition:all .2s ease}.calendar-day:hover{background:#1572a10a;border-color:#1572a138}.calendar-day.empty{background:#f8fafc;cursor:default}.calendar-day.empty:hover{background:#f8fafc;border-color:#0000}.calendar-day.selected{background:#1572a112;border-color:#1572a1;border-color:var(--royal);box-shadow:inset 0 0 0 1px #1572a124}.calendar-day.today .day-number{align-items:center;background:linear-gradient(135deg,#0d3d5c,#1572a1);border-radius:8px;box-shadow:0 3px 10px #1572a173;color:#fff;display:flex;font-weight:800;height:30px;justify-content:center;width:30px}.day-number{color:#0f172a;color:var(--text);font-size:14px;font-weight:700;margin-bottom:6px}.appointment-indicators{display:flex;flex-wrap:wrap;gap:3px}.indicator{border-radius:50%;cursor:pointer;height:7px;transition:transform .2s ease;width:7px}.indicator:hover{transform:scale(1.6)}.indicator.status-pending{background:#f59e0b;background:var(--warning)}.indicator.status-confirmed{background:#1572a1;background:var(--royal)}.indicator.status-completed{background:#10b981;background:var(--success)}.indicator.status-cancelled{background:#ef4444;background:var(--danger)}.calendar-details{display:flex;flex-direction:column;gap:16px}.select-date-section,.selected-date-appointments,.summary-section{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 12px #0a162812;padding:20px}.calendar-details h3{color:#0d3d5c;color:var(--navy);font-size:14px;font-weight:700;margin-bottom:14px}.placeholder-message{color:#64748b;color:var(--muted);font-size:13.5px;padding:28px 16px;text-align:center}.summary-stats{display:flex;flex-direction:column;gap:8px}.summary-stat{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:9px 0}.summary-stat:last-child{border-bottom:none}.summary-stat label{color:#334155;color:var(--text-mid);font-size:13px;font-weight:600}.stat-value{color:#1572a1;color:var(--royal);font-size:16px;font-weight:800}.stat-value.pending{color:#f59e0b;color:var(--warning)}.stat-value.confirmed{color:#1572a1;color:var(--royal)}.stat-value.completed{color:#10b981;color:var(--success)}.appointments-list-detail{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding-right:6px}.appointments-list-detail::-webkit-scrollbar{width:4px}.appointments-list-detail::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-mid);border-radius:2px}.appointment-detail-card{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .22s ease}.appointment-detail-card:hover{border-color:#1572a147;box-shadow:0 4px 16px #1572a11a}.apt-header{background:linear-gradient(135deg,#0d3d5c08,#1572a10a);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 14px}.apt-header,.apt-id-time{align-items:center;display:flex}.apt-id-time{font-size:12.5px;gap:10px}.apt-id{color:#0d3d5c;color:var(--navy);font-weight:700}.apt-time{color:#64748b;color:var(--muted)}.apt-body{padding:12px 14px}.apt-patient{display:flex;gap:10px;margin-bottom:10px}.patient-details{flex:1 1}.patient-contact{color:#64748b;color:var(--muted);font-size:11.5px;margin-top:3px}.apt-problem{color:#334155;color:var(--text-mid);font-size:12px}.apt-problem strong{color:#0d3d5c;color:var(--navy);display:block;margin-bottom:4px}.apt-problem p{line-height:1.45;margin:0}.no-appointments{color:#64748b;color:var(--muted);font-size:13.5px;padding:28px 16px;text-align:center}.btn-mark-all-read{background:linear-gradient(135deg,#1572a1,#1a8fd1);border:none;border-radius:10px;box-shadow:0 4px 14px #1572a161;color:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;padding:11px 22px;transition:all .25s ease;white-space:nowrap}.btn-mark-all-read:hover{box-shadow:0 8px 22px #1572a17a;transform:translateY(-2px)}.notification-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:22px}.notification-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;border-top:3px solid #1572a1;border:1px solid var(--border);border-top:3px solid var(--royal);box-shadow:0 2px 14px #0a162812;padding:22px 18px;text-align:center;transform-style:preserve-3d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.notification-stat-card:hover{box-shadow:0 16px 36px #0a16281f;transform:translateY(-6px) rotateX(3deg)}.notification-stat-card.total{border-top-color:#1572a1;border-top-color:var(--royal)}.notification-stat-card.unread{border-top-color:#f59e0b;border-top-color:var(--warning)}.notification-stat-card.high-priority{border-top-color:#ef4444;border-top-color:var(--danger)}.notification-stat-card.this-week{border-top-color:#10b981;border-top-color:var(--success)}.notification-stat-card .stat-label{color:#64748b;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;text-transform:uppercase}.notification-stat-card .stat-value{color:#0d3d5c;color:var(--navy);font-size:36px;font-weight:900;letter-spacing:-1px}.notification-stat-card.unread .stat-value{color:#f59e0b;color:var(--warning)}.notification-stat-card.high-priority .stat-value{color:#ef4444;color:var(--danger)}.notification-stat-card.this-week .stat-value{color:#10b981;color:var(--success)}.notification-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.filter-btn{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;color:#334155;color:var(--text-mid);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;padding:9px 20px;transition:all .22s ease}.filter-btn:hover{border-color:#1572a1;border-color:var(--royal);color:#1572a1;color:var(--royal)}.filter-btn.active{background:linear-gradient(135deg,#0d3d5c,#1572a1);border-color:#0000;box-shadow:0 4px 14px #1572a161;color:#fff}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;border:1px solid var(--border);border-left:4px solid var(--border-mid);border-radius:14px;box-shadow:0 2px 12px #0a162812;display:flex;gap:14px;padding:18px 20px;transition:all .25s ease}.notification-item:hover{box-shadow:0 8px 24px #0a16281c;transform:translateY(-2px)}.notification-item.unread{background:#1572a105;border-left-color:#1572a1;border-left-color:var(--royal)}.notification-item.high-priority{border-left-color:#ef4444;border-left-color:var(--danger)}.notification-item.medium-priority{border-left-color:#f59e0b;border-left-color:var(--warning)}.notification-item.low-priority{border-left-color:#10b981;border-left-color:var(--success)}.notification-icon{align-items:center;background:#1572a112;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:46px;justify-content:center;width:46px}.notification-content{flex:1 1}.notification-title{align-items:center;color:#0d3d5c;color:var(--navy);display:flex;font-size:14.5px;font-weight:700;gap:8px;margin-bottom:6px}.unread-badge{background:#1572a1;border-radius:50%;box-shadow:0 0 6px #1572a1a6;display:inline-block;height:7px;width:7px}.notification-message{color:#64748b;color:var(--muted);font-size:13.5px;line-height:1.5;margin-bottom:10px}.notification-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.priority-badge{border-radius:5px;display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.4px;padding:3px 10px;text-transform:uppercase}.priority-badge.high{background:#ef44441a;color:#7f1d1d}.priority-badge.medium{background:#f59e0b1f;color:#78350f}.priority-badge.low{background:#10b9811a;color:#064e3b}.notification-time{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:11.5px;gap:3px}.notification-actions{align-items:center;display:flex;gap:7px}.notification-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .22s ease;width:34px}.notification-actions .action-btn.accept{background:#10b9811a;color:#10b981;color:var(--success)}.notification-actions .action-btn.accept:hover{background:#10b981;background:var(--success);color:#fff;transform:scale(1.1)}.notification-actions .action-btn.reject{background:#ef44441a;color:#ef4444;color:var(--danger)}.notification-actions .action-btn.reject:hover{background:#ef4444;background:var(--danger);color:#fff;transform:scale(1.1)}.settings-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:4px;margin-bottom:22px;overflow-x:auto;padding-bottom:0;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--muted);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;margin-bottom:-2px;padding:11px 18px;transition:all .22s ease;white-space:nowrap}.tab-btn.active,.tab-btn:hover{color:#0d3d5c;color:var(--navy)}.tab-btn.active{border-bottom-color:#1572a1;border-bottom-color:var(--royal)}.settings-content{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #0a162814;overflow:hidden}.settings-panel{padding:36px}.panel-header{margin-bottom:28px}.panel-header h2{color:#0d3d5c;color:var(--navy);font-size:22px;font-weight:800;margin-bottom:6px}.panel-header p{color:#64748b;color:var(--muted);font-size:13.5px}.form-group,.form-row{margin-bottom:18px}.form-row{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.form-group label{color:#334155;color:var(--text-mid);display:block;font-size:13px;font-weight:700;margin-bottom:7px}.form-input{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text);font-family:inherit;font-size:13.5px;padding:11px 14px;transition:all .25s ease;width:100%}.form-input:focus{border-color:#1572a1;border-color:var(--royal);box-shadow:0 0 0 3px #1572a11a;outline:none}.form-hint,.form-input::placeholder{color:#64748b;color:var(--muted)}.form-hint{display:block;font-size:11.5px;margin-top:4px}textarea.form-input{resize:vertical}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap .form-input{padding-right:46px}.pwd-toggle-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease}.pwd-toggle-btn:hover{color:#1572a1;color:var(--royal)}.alert{animation:slideDown .25s ease;border-radius:10px;font-size:13.5px;font-weight:600;margin-bottom:20px;padding:14px 18px}.alert-error{background:#ef444414;border:1px solid #ef444433;color:#7f1d1d}.alert-success{background:#10b98114;border:1px solid #10b98133;color:#064e3b}.button-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn-primary{background:linear-gradient(135deg,#0d3d5c,#1572a1);border:none;border-radius:10px;box-shadow:0 4px 14px #1572a161;font-family:inherit;font-size:13.5px;padding:12px 28px;transition:all .25s ease}.btn-primary,.btn-secondary{color:#fff;cursor:pointer;font-weight:700}.btn-secondary{background:linear-gradient(135deg,#1572a1,#1a8fd1);border:none;border-radius:8px;box-shadow:0 3px 12px #1572a140;padding:10px 18px;transition:all .2s ease}.btn-secondary:hover{box-shadow:0 8px 22px #1572a166;transform:translateY(-2px)}.btn-primary:hover{box-shadow:0 8px 22px #1572a17a;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;box-shadow:0 4px 14px #ef444452;color:#fff;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;margin-bottom:10px;padding:12px 28px;transition:all .25s ease}.btn-danger:hover{box-shadow:0 8px 22px #ef44446b;transform:translateY(-2px)}.settings-list{display:flex;flex-direction:column;gap:14px}.settings-item{align-items:center;background:rgba(21,114,161,.025);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;padding:18px 20px;transition:all .22s ease}.settings-item:hover{background:rgba(21,114,161,.045);border-color:#1572a138}.settings-info h3{color:#0d3d5c;color:var(--navy);font-size:14.5px;font-weight:700;margin-bottom:3px}.settings-info p{color:#64748b;color:var(--muted);font-size:12.5px}.toggle-switch{display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#cbd5e1;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 6px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}input:checked+.toggle-slider{background:#1572a1}input:checked+.toggle-slider:before{transform:translateX(24px)}.security-actions{align-items:center;border-top:2px solid #e2e8f0;border-top:2px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;padding-top:26px}.security-actions h3{color:#0d3d5c;color:var(--navy);font-size:15px;font-weight:700;margin-bottom:0}.security-actions button{border-radius:10px;font-size:14px;font-weight:700;margin:0;padding:10px 14px}.settings-item-column{align-items:stretch;flex-direction:column;gap:16px}.settings-item-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.session-timeout-display{background:linear-gradient(135deg,#0d3d5c,#1572a1);border-radius:20px;box-shadow:0 4px 12px #1572a161;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;padding:7px 16px;white-space:nowrap}.session-presets{display:flex;flex-wrap:wrap;gap:7px}.preset-btn{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;color:#334155;color:var(--text-mid);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 14px;transition:all .18s ease}.preset-btn:hover{border-color:#1572a1;border-color:var(--royal);color:#1572a1;color:var(--royal)}.preset-btn.active{background:linear-gradient(135deg,#0d3d5c,#1572a1);border-color:#0000;box-shadow:0 3px 10px #1572a161;color:#fff}.session-custom{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;padding-top:4px}.session-custom-label{color:#64748b;color:var(--muted);font-size:12.5px;font-weight:700;white-space:nowrap}.session-custom-inputs{align-items:center;display:flex;gap:7px}.session-input-group{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:9px;display:flex;gap:5px;padding:6px 10px;transition:border-color .2s}.session-input-group:focus-within{border-color:#1572a1;box-shadow:0 0 0 3px #1572a11a}.session-time-input{-moz-appearance:textfield;background:#0000;border:none;color:#0d3d5c;color:var(--navy);font-family:inherit;font-size:15px;font-weight:800;outline:none;text-align:center;width:50px}.session-time-input::-webkit-inner-spin-button,.session-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.session-unit{color:#64748b;color:var(--muted);font-size:11.5px;font-weight:600}.session-separator{color:#64748b;color:var(--muted);font-size:18px;font-weight:800}.session-never-btn{background:#fff;border:1.5px solid #ef4444;border:1.5px solid var(--danger);border-radius:9px;color:#ef4444;color:var(--danger);cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;padding:7px 13px;transition:all .2s ease;white-space:nowrap}.session-never-btn:hover{background:#ef4444;background:var(--danger);color:#fff}.dash-topbar{flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.dash-topbar,.dash-topbar-left{align-items:center;display:flex}.dash-topbar-left{gap:14px}.dash-greeting-icon{align-items:center;background:linear-gradient(135deg,#0d3d5c,#1572a1);border-radius:14px;box-shadow:0 6px 20px #1572a16b,inset 0 1px 0 #ffffff26;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.dash-greeting-icon svg{stroke:#fff;height:24px;width:24px}.dash-title{color:#0d3d5c;color:var(--navy);font-size:26px;font-weight:900;letter-spacing:-.8px;line-height:1;margin:0 0 3px}.dash-subtitle{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:13px;gap:5px;margin:0}.dash-subtitle svg{stroke:#64748b;stroke:var(--muted);flex-shrink:0}.dash-doctor-pill{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:40px;box-shadow:0 4px 16px #0a162814;display:flex;gap:12px;padding:8px 18px 8px 8px;transition:box-shadow .2s ease}.dash-doctor-pill:hover{box-shadow:0 8px 24px #1572a121}.dash-doctor-avatar{align-items:center;background:linear-gradient(135deg,#0d3d5c,#1572a1);border-radius:50%;box-shadow:0 3px 10px #1572a161;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:900;height:36px;justify-content:center;width:36px}.dash-doctor-info{display:flex;flex-direction:column}.dash-doctor-name{color:#0d3d5c;color:var(--navy);font-size:13px;font-weight:700;line-height:1.2}.dash-doctor-role{color:#64748b;color:var(--muted);font-size:11px}.analytics-stats-section{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.analytics-stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 10px #0a16280f;overflow:hidden;padding:20px 18px 16px;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.analytics-stat-card:before{border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.analytics-stat-card:after{border-radius:50%;bottom:-28px;content:"";height:88px;opacity:.05;position:absolute;right:-18px;transition:opacity .3s ease;width:88px}.analytics-stat-card:hover{box-shadow:0 18px 44px #0a162826;transform:translateY(-7px) rotateX(3deg) scale(1.01)}.analytics-stat-card:hover:after{opacity:.11}.card-blue:before{background:linear-gradient(90deg,#1572a1,#1a8fd1)}.card-blue:after{background:#1572a1}.card-orange:before{background:linear-gradient(90deg,#f97316,#fb923c)}.card-orange:after{background:#f97316}.card-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.card-green:after{background:#10b981}.card-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.card-purple:after{background:#8b5cf6}.card-teal:before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.card-teal:after{background:#06b6d4}.asc-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.asc-icon-wrap{align-items:center;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;height:44px;justify-content:center;width:44px}.asc-icon-wrap svg{height:20px;width:20px}.card-blue .asc-icon-wrap{background:linear-gradient(135deg,#1572a124,#1a8fd112)}.card-blue .asc-icon-wrap svg{stroke:#1572a1}.card-orange .asc-icon-wrap{background:linear-gradient(135deg,#f9731624,#f973160f)}.card-orange .asc-icon-wrap svg{stroke:#f97316}.card-green .asc-icon-wrap{background:linear-gradient(135deg,#10b98124,#10b9810f)}.card-green .asc-icon-wrap svg{stroke:#10b981}.card-purple .asc-icon-wrap{background:linear-gradient(135deg,#8b5cf624,#8b5cf60f)}.card-purple .asc-icon-wrap svg{stroke:#8b5cf6}.card-teal .asc-icon-wrap{background:linear-gradient(135deg,#06b6d424,#06b6d40f)}.card-teal .asc-icon-wrap svg{stroke:#06b6d4}.asc-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;gap:3px;padding:3px 8px}.asc-badge-up{background:#10b9811a;color:#065f46}.asc-badge-neutral{background:#f59e0b1f;color:#78350f}.asc-badge svg{flex-shrink:0}.asc-value{color:#0d3d5c;color:var(--navy);font-size:34px;font-weight:900;letter-spacing:-1px;line-height:1;margin-bottom:4px}.asc-label{color:#334155;color:var(--text-mid);font-size:12px;font-weight:700;margin-bottom:2px}.asc-sub{color:#64748b;color:var(--muted);font-size:11px}.analytics-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 370px;margin-bottom:18px}.analytics-chart-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 12px #0a162812;padding:22px 22px 18px;transition:box-shadow .25s ease}.analytics-chart-card:hover{box-shadow:0 8px 28px #0a16281c}.chart-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.chart-card-title{align-items:center;color:#0d3d5c;color:var(--navy);display:flex;font-size:14.5px;font-weight:800;gap:8px}.chart-card-title svg{stroke:#1572a1;flex-shrink:0}.chart-card-badge{background:#1572a114;border:1px solid #1572a12e;border-radius:20px;color:#1572a1;font-size:11px;font-weight:700;padding:3px 10px}.chart-card-link{color:#1572a1;cursor:pointer;font-size:12px;font-weight:700;transition:color .2s}.chart-card-link:hover{color:#0d3d5c;color:var(--navy)}.chart-wrapper{height:220px;position:relative;width:100%}.analytics-recent-table,.recent-apt-list{display:flex;flex-direction:column}.recent-apt-list{gap:2px;max-height:240px;overflow-y:auto}.recent-apt-list::-webkit-scrollbar{width:3px}.recent-apt-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-mid);border-radius:2px}.recent-apt-row{align-items:center;border-radius:10px;display:flex;gap:11px;padding:9px 8px;transition:background .18s}.recent-apt-row:hover{background:#1572a10d}.recent-apt-avatar{align-items:center;border-radius:10px;box-shadow:0 3px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:36px;justify-content:center;width:36px}.recent-apt-info{flex:1 1;min-width:0}.recent-apt-name{color:#0d3d5c;color:var(--navy);font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-apt-time{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:11px;gap:3px;margin-top:2px}.recent-apt-time svg{stroke:#64748b;stroke:var(--muted);flex-shrink:0}@media (max-width:1280px){.dashboard-container{padding:16px}.analytics-charts-row{grid-template-columns:1fr}.calendar-content{display:flex;flex-direction:column;gap:14px}.settings-panel{padding:24px}.form-row{grid-template-columns:1fr}.appointments-section{margin-top:16px}.appointment-row,.table-header{grid-template-columns:80px 1fr 1fr 1fr}}@media (max-width:992px){.dashboard-container{padding:12px}.stats-section{grid-template-columns:repeat(2,minmax(140px,1fr))}.appointment-row,.table-header{grid-template-columns:60px 1fr 1fr}.col-datetime,.col-problem{display:none}}@media (max-width:480px){.dashboard-container{padding:10px}.btn-danger,.btn-export,.btn-primary{width:100%}.form-input,.select,textarea{font-size:14px}.card,.doctor-card,.settings-panel,.stat-card{width:100%}}.section-placeholder{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 20px #0a162814;padding:60px 40px;text-align:center}.section-placeholder h1{color:#0d3d5c;color:var(--navy);font-size:26px;font-weight:800;margin-bottom:8px}.section-placeholder p{color:#64748b;color:var(--muted);font-size:14.5px;margin-bottom:28px}.placeholder-content{background:#1572a108;border:2px dashed #cbd5e1;border:2px dashed var(--border-mid);border-radius:10px;padding:36px 20px}.placeholder-content p{color:#64748b;color:var(--muted);font-size:13.5px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1400px){.analytics-stats-section{grid-template-columns:repeat(3,1fr)}.appointment-row,.table-header{grid-template-columns:70px 150px 150px 130px 200px 110px 70px}.calendar-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.selected-date-appointments{grid-column:1/-1}}@media (max-width:1200px){.sidebar{width:220px}.dashboard{margin-left:220px}.dashboard-container{padding:24px 28px}.analytics-charts-row{grid-template-columns:1fr}.analytics-stats-section{grid-template-columns:repeat(3,1fr)}.appointment-row,.table-header{gap:10px;grid-template-columns:80px 160px 100px 150px 140px 1fr 120px 110px;padding:14px 16px}.form-row{grid-template-columns:1fr}.settings-panel{padding:28px}}@media (max-width:992px){.search-filter-bar{flex-direction:column}.search-box{max-width:100%}.status-filter-select{width:100%}.table-header{display:none}.appointment-row{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px #0a16280f;gap:10px;grid-template-columns:1fr;margin-bottom:14px;padding:18px 20px}.appointment-row>div:before{color:#1572a1;display:block;font-size:11px;font-weight:700;letter-spacing:.6px;margin-bottom:4px;text-transform:uppercase}.appointments-list .col-actions{flex-direction:row;flex-wrap:wrap}.col-id:before{content:"ID"}.col-patient:before{content:"Patient"}.col-age:before{content:"Age/Gender"}.col-contact:before{content:"Contact"}.col-datetime:before{content:"Date & Time"}.col-problem:before{content:"Problem"}.col-status:before{content:"Status"}.col-actions:before{content:"Actions"}.calendar-details{grid-template-columns:1fr}.settings-item{align-items:flex-start;flex-direction:column;gap:12px}}@media (max-width:768px){.mobile-topbar{display:flex}.sidebar-overlay{display:block}.sidebar-close-btn{align-items:center;display:flex;justify-content:center}.sidebar{box-shadow:none;height:100vh;left:-300px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1100}.sidebar.sidebar-open{box-shadow:4px 0 40px #00000080;left:0}.dashboard{margin-left:0;padding-bottom:0;padding-top:60px}.dashboard-container{padding:14px 12px}.appointments-header,.dash-topbar{align-items:flex-start;flex-direction:column}.analytics-stats-section{gap:12px;grid-template-columns:repeat(2,1fr)}.analytics-charts-row{gap:14px}.dash-title{font-size:22px}.btn-export{width:100%}.calendar-content{gap:16px;grid-template-columns:1fr}.settings-tabs{gap:2px;overflow-x:auto}.tab-btn{font-size:12.2px;padding:8px 12px}.settings-panel{padding:20px}.panel-header h2{font-size:20px}.notification-stats{gap:12px;grid-template-columns:repeat(2,1fr)}.notification-item{gap:12px;padding:14px 16px}.notification-icon{font-size:19px;height:40px;width:40px}.notification-title{font-size:13.5px}.filter-btn,.notification-message{font-size:12.5px}.filter-btn{padding:8px 14px}.btn-mark-all-read{font-size:12.5px;padding:10px 16px}.calendar-days{min-height:360px}.calendar-day{min-height:70px;padding:8px}.day-number{font-size:12px}.weekday{font-size:10px;padding:10px 4px}.stats-section{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:30px}.chart-wrapper{height:220px}.appointments-list{overflow-x:auto}.appointment-row,.table-header{gap:8px;grid-template-columns:1fr}.table-header{display:none}}@media (max-width:480px){.dashboard-container{padding:12px 13px}.analytics-stats-section{gap:10px;grid-template-columns:1fr 1fr}.asc-value{font-size:28px}.nav-label{display:flex}.nav-icon{height:20px;width:20px}.nav-icon svg{height:18px;width:18px}.sidebar-nav a{font-size:13px;gap:12px;justify-content:flex-start;padding:11px 14px}.sidebar-nav a.active:after{display:block}.notification-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.notification-stat-card{padding:16px 12px}.notification-stat-card .stat-value{font-size:28px}.stats-section{gap:10px;grid-template-columns:1fr 1fr}.stat-card{padding:16px 13px}.stat-value{font-size:26px}.stat-label{font-size:10px}.settings-panel{padding:14px}.form-row{grid-template-columns:1fr}.button-group{flex-direction:column}.btn-danger,.btn-primary{width:100%}.session-custom{align-items:flex-start;flex-direction:column}.calendar-day{min-height:55px;padding:6px}.day-number{font-size:11px}.indicator{height:5px;width:5px}.chart-wrapper{height:180px}.dash-title{font-size:19px}.appointments-header{gap:10px}.header-left h1{font-size:20px}}.calendar-content{grid-template-columns:1fr}
/*# sourceMappingURL=main.9a9dd481.css.map*/