@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{background:#fff}#root{width:100%}.badge{color:#6366f1;letter-spacing:.7px;background:#eef0ff;border:1px solid #e2e5ff;border-radius:9px;margin-bottom:10px;padding:7px 14px;font-size:.8rem;font-weight:700}section[id]{scroll-margin-top:40px}.find-clinics{background:#fff;width:100%;min-height:100vh;padding:80px 7% 100px}.find-clinics-header{text-align:center;flex-direction:column;align-items:center;max-width:820px;margin:0 auto 58px;display:flex}.find-clinics-title{flex-direction:column;align-items:center;gap:10px;display:flex}.find-clinics-title h2{color:#111827;letter-spacing:-1px;margin:0;font-size:2.8rem;font-weight:800;line-height:1.15}.find-clinics-title p{color:#64748b;max-width:650px;margin:0;font-size:1.05rem;line-height:1.6}.clinics-container{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1250px;margin:0 auto;display:grid}.clinic-card{background:#fff;border:1px solid #e2e5ea;border-radius:18px;flex-direction:column;min-height:315px;padding:26px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 10px #0f172a06,0 12px 28px #0f172a09}.clinic-card:before{content:"";opacity:0;background:linear-gradient(90deg,#6366f1,#818cf8);width:100%;height:3px;transition:opacity .25s;position:absolute;top:0;left:0}.clinic-card:hover{border-color:#d9dcff;transform:translateY(-5px);box-shadow:0 12px 25px #0f172a0f,0 20px 40px #6366f114}.clinic-card:hover:before{opacity:1}.clinic-title{align-items:center;gap:16px;display:flex}.clinic-title img{background:#eefbf4;border:1px solid #d9f4e4;border-radius:14px;flex-shrink:0;width:58px;height:58px;padding:12px;transition:transform .25s,background .25s}.clinic-card:hover .clinic-title img{background:#e7f9ef;transform:scale(1.04)}.doctor-details{flex-direction:column;gap:5px;min-width:0;display:flex}.doctor-details h3{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;font-weight:750;line-height:1.3;overflow:hidden}.doctor-details p{color:#64748b;margin:0;font-size:.92rem;font-weight:500}.queue-status{background:#f8fafc;border:1px solid #edf0f4;border-radius:13px;flex-direction:column;gap:9px;margin-top:28px;padding:16px 17px;transition:background .25s,border-color .25s;display:flex}.clinic-card:hover .queue-status{background:#fafbff;border-color:#e6e8f7}.queue-status-title{color:#15803d;align-items:center;gap:9px;font-size:.87rem;font-weight:650;display:flex}.dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #dcfce7}.queue-status strong{color:#334155;font-size:.9rem;font-weight:600}.join-queue-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;width:100%;margin-top:auto;padding:14px 18px;font-family:inherit;font-size:.95rem;font-weight:650;transition:background .2s,transform .2s,box-shadow .2s}.join-queue-btn:hover{background:#5558e8;transform:translateY(-2px);box-shadow:0 8px 18px #6366f138}.join-queue-btn:active{box-shadow:none;transform:translateY(0)}@media (width<=1050px){.find-clinics{padding:75px 6% 90px}.clinics-container{grid-template-columns:repeat(2,1fr)}.find-clinics-title h2{font-size:2.5rem}}@media (width<=700px){.find-clinics{padding:60px 5% 80px}.find-clinics-header{margin-bottom:42px}.find-clinics-title h2{letter-spacing:-.6px;font-size:2.1rem}.find-clinics-title p{font-size:.95rem}.clinics-container{grid-template-columns:1fr;gap:18px}.clinic-card{min-height:300px;padding:22px}}@media (width<=420px){.find-clinics-title h2{font-size:1.85rem}.clinic-title img{width:54px;height:54px;padding:11px}.doctor-details h3{font-size:1.08rem}}.hero{background:#fff;width:100%;overflow:hidden}.hero-container{justify-content:space-between;align-items:center;gap:70px;max-width:1340px;min-height:680px;margin:0 auto;padding:70px 40px 80px;display:flex}.hero-left{flex-direction:column;flex:0 0 52%;align-items:flex-start;gap:0;display:flex}.hero-content{margin:0}.hero-content h1{color:#111827;letter-spacing:-2px;margin:0;font-size:clamp(3.4rem,4.2vw,4.5rem);font-weight:800;line-height:1.08}.hero-description{color:#64748b;max-width:650px;margin:32px 0 0;font-size:19px;font-weight:400;line-height:1.7}.hero-buttons{align-items:center;gap:14px;margin-top:38px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#6366f1;border:2px solid #6366f1;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-width:174px;padding:16px 25px;font-size:16px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.primary-btn:hover{background:#5558e8;transform:translateY(-2px);box-shadow:0 8px 20px #6366f133}.secondary-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:168px;padding:16px 25px;font-size:16px;font-weight:600;transition:border-color .2s,background .2s,transform .2s;display:flex}.secondary-btn img{width:17px;height:17px}.secondary-btn:hover{background:#f8faff;border-color:#c7d2fe;transform:translateY(-2px)}.trust-points{align-items:center;gap:27px;margin:46px 0 0;padding:0;list-style:none;display:flex}.trust-points li{color:#64748b;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.trust-points li span{color:#6366f1;font-size:15px}.trust-points li p{margin:0}.hero-right{flex:0 0 48%;justify-content:center;align-items:center;min-width:0;padding-right:35px;display:flex;position:relative}.dashboard-preview{z-index:1;background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;gap:22px;width:100%;max-width:500px;padding:27px;display:flex;position:relative;box-shadow:0 15px 35px #0f172a12,0 3px 8px #0f172a0a}.preview-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.preview-header h3{color:#111827;text-transform:uppercase;letter-spacing:.2px;margin:0;font-size:16px;font-weight:700}.live-status{color:#16a34a;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.live-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric-card{text-align:center;background:#f8fafc;border-radius:11px;min-width:0;padding:16px 10px}.metric-card p{color:#64748b;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:700}.metric-card h2{color:#6366f1;margin:0;font-size:25px;font-weight:700;line-height:1.15}#avg-wait h2{font-size:20px}.current-queue{flex-direction:column;gap:9px;display:flex}.current-queue h4{color:#64748b;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.current-queue ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.current-queue li{color:#64748b;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;min-height:40px;padding:8px 10px;font-size:14px;display:flex}.current-queue li:first-child{color:#111827;background:#fafbff;border-radius:7px;font-weight:600}.current-queue li:last-child{border-bottom:none}.current-queue li span{color:#6366f1;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:700;display:flex}.next button{color:#fff;cursor:default;background:#6366f1;border:none;border-radius:10px;width:100%;padding:15px;font-size:14px;font-weight:700}.patient-preview{z-index:2;background:#fff;border:1px solid #e5e7eb;border-top:4px solid #6366f1;border-radius:19px;flex-direction:column;gap:14px;width:228px;padding:19px;display:flex;position:absolute;bottom:-20px;right:45px;box-shadow:0 15px 30px #0f172a1f,0 4px 10px #0f172a0d}.patient-preview h3{color:#111827;text-align:center;border-bottom:1px solid #edf0f4;margin:0;padding-bottom:13px;font-size:14px;font-weight:700}.token-box{text-align:center;background:#f8fafc;border-radius:11px;padding:15px}.token-box p{color:#64748b;margin:0 0 4px;font-size:10px}.token-box h1{color:#6366f1;margin:0;font-size:29px;font-weight:700;line-height:1}.patient-info{flex-direction:column;gap:11px;display:flex}.patient-info>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.patient-info span{color:#64748b;font-size:11px}.patient-info strong{color:#111827;font-size:11px;font-weight:700}.patient-info strong.open{color:#16a34a;align-items:center;gap:5px;display:flex}.patient-info strong.open .live-dot{width:6px;height:6px}@media (width<=1100px){.hero-container{gap:35px;padding-left:30px;padding-right:30px}.hero-content h1{font-size:3.4rem}.hero-description{font-size:17px}.hero-right{padding-right:25px}.dashboard-preview{max-width:500px}.patient-preview{right:-15px}.trust-points{gap:15px}.trust-points li{font-size:12px}}@media (width<=850px){.hero-container{flex-direction:column;gap:70px;min-height:auto;padding:55px 22px 100px}.hero-left{width:100%}.hero-content h1{letter-spacing:-1.3px;font-size:3rem}.hero-description{max-width:650px;font-size:17px}.hero-right{width:100%;padding:0 15px 70px}.dashboard-preview{max-width:600px}.patient-preview{bottom:-35px;right:-5px}.trust-points{flex-wrap:wrap}}@media (width<=560px){.hero-container{padding:40px 18px 80px}.badge{margin-bottom:23px;padding:6px 11px;font-size:11px}.hero-content h1{font-size:2.45rem;line-height:1.1}.hero-description{margin-top:23px;font-size:16px;line-height:1.6}.hero-buttons{flex-direction:column;width:100%;margin-top:28px}.primary-btn,.secondary-btn{width:100%}.trust-points{flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin-top:30px}.hero-right{padding:0 5px 70px}.dashboard-preview{border-radius:15px;padding:18px}.metrics{gap:6px}.metric-card{padding:13px 5px}.metric-card p{font-size:8px}.metric-card h2{font-size:19px}.current-queue li{font-size:12px}.patient-preview{width:195px;padding:15px;bottom:-45px;right:-5px}}.workflow{background:#f8fafc;flex-direction:column;align-items:center;width:100%;padding:70px 8% 75px;display:flex}.workflow-title{text-align:center;margin-top:14px}.workflow-title h2{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:750}.workflow-title p{color:#64748b;margin-top:10px;font-size:1rem;line-height:1.6}.workflow-info{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1120px;margin-top:50px;display:grid}.workflow-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;min-height:215px;padding:35px 30px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 3px 10px #0f172a0a}.workflow-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0f172a12}.card-title{flex-direction:column;align-items:center;gap:20px;display:flex}.card-title>div{color:#6366f1;background:#eef0ff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.card-title h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.card-info{color:#64748b;max-width:330px;margin-top:13px;font-size:.9rem;line-height:1.65}@media (width<=900px){.workflow{padding:60px 6%}.workflow-info{grid-template-columns:1fr;gap:18px;max-width:600px;margin-top:40px}.workflow-card{min-height:auto;padding:28px 30px}}@media (width<=600px){.workflow{padding:50px 20px 60px}.workflow-title{margin-top:12px}.workflow-title h2{font-size:1.65rem}.workflow-title p{max-width:350px;font-size:.92rem}.workflow-info{margin-top:32px}.workflow-card{padding:26px 22px}.card-title{gap:15px}.card-title>div{width:40px;height:40px}.card-title h3{font-size:1rem}.card-info{font-size:.88rem}}.benefits{background:#fff;flex-direction:column;align-items:center;width:100%;padding:75px 8% 90px;display:flex}.benefits-title{text-align:center;margin-top:14px}.benefits-title h2{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:750}.benefits-title p{color:#64748b;margin:10px 0 0;font-size:1rem;line-height:1.6}.benefits-info{grid-template-columns:repeat(2,1fr);gap:40px;width:100%;max-width:1120px;margin-top:52px;display:grid}.benefits-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:40px 42px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 3px 10px #0f172a09}.benefits-card:hover{border-color:#d8dcff;transform:translateY(-3px);box-shadow:0 12px 28px #0f172a12}.benefits-card-title{align-items:center;gap:14px;margin-bottom:28px;display:flex}.benefits-icon{color:#6366f1;background:#eef0ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.15rem;display:flex}.benefits-card-title h3{color:#0f172a;margin:0;font-size:1.35rem;font-weight:750}.benefits-list{flex-direction:column;gap:19px;margin:0;padding:0;list-style:none;display:flex}.benefits-list li{grid-template-columns:22px 1fr;align-items:flex-start;gap:10px;display:grid}.benefits-list li>span{color:#6366f1;padding-top:1px;font-size:1.15rem;font-weight:700;line-height:1.5}.benefits-list p{color:#334155;margin:0;font-size:.92rem;line-height:1.55}.benefits-list strong{color:#0f172a;font-weight:700}@media (width<=950px){.benefits{padding:65px 6% 75px}.benefits-info{gap:24px}.benefits-card{padding:32px 28px}.benefits-card-title h3{font-size:1.2rem}.benefits-list p{font-size:.9rem}}@media (width<=700px){.benefits{padding:55px 20px 65px}.benefits-title h2{font-size:1.65rem}.benefits-title p{max-width:360px;font-size:.92rem}.benefits-info{grid-template-columns:1fr;gap:18px;margin-top:35px}.benefits-card{padding:28px 24px}.benefits-card-title{margin-bottom:24px}.benefits-list{gap:17px}}@media (width<=400px){.benefits{padding:45px 15px 55px}.benefits-card{padding:24px 20px}.benefits-icon{width:40px;height:40px;font-size:1rem}.benefits-card-title h3{font-size:1.1rem}.benefits-list{gap:15px}.benefits-list p{font-size:.86rem}}.pricing{background:#fff;flex-direction:column;align-items:center;width:100%;padding:75px 8% 90px;display:flex}.pricing-header{text-align:center;flex-direction:column;align-items:center;max-width:650px;display:flex}.pricing-header h2{color:#0f172a;letter-spacing:-.5px;margin:14px 0 0;font-size:2rem;font-weight:750}.pricing-header>p{color:#64748b;max-width:600px;margin:9px 0 0;font-size:1rem;line-height:1.6}.pricing-card{background:#fff;border:2px solid #c7c9ff;border-radius:20px;grid-template-columns:1fr 1px 1.55fr;gap:52px;width:100%;max-width:950px;margin-top:30px;padding:40px;display:grid;position:relative;box-shadow:0 12px 28px #0f172a12}.founding-badge{color:#fff;letter-spacing:.7px;background:#6366f1;border-radius:0 18px;padding:8px 20px;font-size:.7rem;font-weight:800;position:absolute;top:-2px;right:-2px}.pricing-offer{flex-direction:column;justify-content:center;padding:5px 0;display:flex}.limited-badge{color:#6366f1;letter-spacing:.8px;background:#eef0ff;border-radius:5px;width:max-content;padding:5px 11px;font-size:.7rem;font-weight:800}.pricing-offer h3{color:#0f172a;margin:16px 0 8px;font-size:1.55rem;font-weight:750}.offer-description{color:#64748b;max-width:360px;margin:0;font-size:.9rem;line-height:1.55}.price{align-items:baseline;gap:8px;margin-top:27px;display:flex}.price-value{color:#0f172a;letter-spacing:-1.5px;font-size:3rem;font-weight:800}.price-period{color:#64748b;font-size:.95rem}.billing-info{color:#059669;margin:2px 0 0;font-size:.8rem;font-weight:650}.pricing-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;max-width:310px;margin-top:27px;padding:15px 20px;font-size:.95rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.pricing-btn span{font-size:1.25rem;line-height:1}.pricing-btn:hover{background:#5558e8;transform:translateY(-2px);box-shadow:0 8px 18px #6366f133}.pricing-divider{background:#e2e8f0;align-self:stretch;width:1px}.pricing-features{flex-direction:column;padding-top:2px;display:flex}.pricing-features h4{color:#0f172a;letter-spacing:.2px;margin:0 0 16px;font-size:.85rem;font-weight:800}.features-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.feature-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;grid-template-columns:18px 1fr;align-items:start;gap:8px;min-height:80px;padding:13px;display:grid}.feature-check{color:#6366f1;font-size:1.05rem;font-weight:700;line-height:1.3}.feature-item strong{color:#0f172a;font-size:.78rem;font-weight:750;line-height:1.35;display:block}.feature-item p{color:#64748b;margin:3px 0 0;font-size:.72rem;line-height:1.4}@media (width<=950px){.pricing{padding:65px 6% 75px}.pricing-card{grid-template-columns:1fr;gap:35px;padding:42px}.pricing-divider{width:100%;height:1px}.pricing-offer{text-align:center;align-items:center}.offer-description{max-width:500px}.pricing-btn{max-width:320px}.pricing-features{padding:0}}@media (width<=650px){.pricing{padding:55px 20px 65px}.pricing-header h2{font-size:1.7rem}.pricing-header>p{font-size:.9rem}.pricing-card{border-radius:16px;margin-top:38px;padding:38px 22px 25px}.founding-badge{border-radius:0 14px;padding:7px 12px;font-size:.6rem}.pricing-offer h3{font-size:1.35rem}.offer-description{font-size:.86rem}.price{margin-top:23px}.price-value{font-size:2.6rem}.features-grid{grid-template-columns:1fr;gap:10px}.feature-item{min-height:auto;padding:13px}}@media (width<=400px){.pricing{padding-left:15px;padding-right:15px}.pricing-card{padding-left:18px;padding-right:18px}.pricing-header h2{font-size:1.5rem}.pricing-header>p{font-size:.85rem}.price-value{font-size:2.4rem}}.footer-cta{color:#fff;text-align:center;background:#6366f1;justify-content:center;width:100%;padding:85px 8%;display:flex}.footer-cta-content{flex-direction:column;align-items:center;max-width:760px;display:flex}.footer-cta-badge{color:#fff;letter-spacing:.7px;background:#ffffff24;border:1px solid #ffffff38;border-radius:999px;padding:7px 14px;font-size:.75rem;font-weight:700}.footer-cta h2{color:#fff;letter-spacing:-.7px;margin:22px 0 0;font-size:2.5rem;font-weight:800;line-height:1.15}.footer-cta p{color:#ffffffd1;max-width:650px;margin:20px 0 0;font-size:1rem;line-height:1.7}.footer-cta-buttons{align-items:center;gap:14px;margin-top:30px;display:flex}.cta-primary{color:#6366f1;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-width:155px;padding:14px 22px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.cta-primary span{font-size:1.15rem}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.cta-secondary{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffffbf;border-radius:10px;min-width:145px;padding:13px 22px;font-size:.9rem;font-weight:700;transition:all .2s}.cta-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.footer{color:#fff;background:#0f172a;width:100%;padding:65px 8% 25px}.footer-main{grid-template-columns:2fr 1fr 1fr 1fr;gap:70px;max-width:1250px;margin:0 auto;display:grid}.footer-brand{max-width:350px}.footer-brand .logo{align-items:center;gap:10px;display:flex}.footer-brand .logo h2{color:#fff;margin:0;font-size:1.45rem;font-weight:750}.footer-brand .logo img{width:36px;height:36px}.footer-brand>p{color:#94a3b8;margin:20px 0 0;font-size:.88rem;line-height:1.7}.social-links{gap:10px;margin-top:22px;display:flex}.social-links a{color:#94a3b8;border:1px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.social-links a:hover{color:#fff;background:#6366f11f;border-color:#6366f1}.footer-column{flex-direction:column;gap:12px;display:flex}.footer-column h3{color:#fff;letter-spacing:.7px;margin:0 0 8px;font-size:.78rem;font-weight:750}.footer-column a{color:#94a3b8;width:max-content;font-size:.87rem;text-decoration:none;transition:all .2s}.footer-column a:hover{color:#fff;transform:translate(2px)}.footer-bottom{border-top:1px solid #1e293b;justify-content:space-between;align-items:center;gap:20px;max-width:1250px;margin:55px auto 0;padding-top:22px;display:flex}.footer-bottom p{color:#64748b;margin:0;font-size:.78rem}@media (width<=900px){.footer-cta{padding:75px 6%}.footer-cta h2{font-size:2.2rem}.footer{padding:55px 6% 25px}.footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:45px}.footer-brand{grid-column:1/-1;max-width:500px}}@media (width<=650px){.footer-cta{padding:65px 20px}.footer-cta h2{letter-spacing:-.4px;font-size:1.85rem}.footer-cta h2 br{display:none}.footer-cta p{font-size:.9rem}.footer-cta-buttons{flex-direction:column;gap:10px;width:100%}.cta-primary,.cta-secondary{width:100%;max-width:280px}.footer{padding:50px 22px 22px}.footer-main{grid-template-columns:1fr 1fr;gap:40px 25px}.footer-brand{grid-column:1/-1;max-width:100%}.footer-brand .logo h2{font-size:1.3rem}.footer-brand>p{max-width:400px;font-size:.84rem}.footer-column h3{font-size:.75rem}.footer-column a{font-size:.83rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:7px;margin-top:40px}}@media (width<=400px){.footer-cta h2{font-size:1.65rem}.footer-main{grid-template-columns:1fr}.footer-column{gap:10px}}.logo{align-items:center;gap:12px;display:flex}.logo img{width:40px;height:40px}.logo h2{color:#2b2d34;font-size:1.6rem;font-weight:700}*{box-sizing:border-box}.patient-dashboard-container{color:#0f172a;background:#fff;flex-direction:column;gap:24px;width:min(94%,1200px);margin:40px auto 60px;padding:32px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.dashboard-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.header-title-group{align-items:center;gap:14px;display:flex}.logo-icon{object-fit:contain;width:46px;height:46px}.dashboard-header h2{letter-spacing:-.4px;color:#0f172a;margin:0;font-size:1.65rem;font-weight:750}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:box-shadow .2s,border-color .2s;box-shadow:0 4px 14px #0f172a0a}.form-card{border-color:#dbe4f0;border-radius:14px;padding:28px 30px;position:relative;overflow:hidden}.form-card:before{content:"";background:#6366f1;border-bottom-right-radius:8px;width:15px;height:15px;position:absolute;top:0;left:0}.form-header{align-items:center;gap:10px;margin-bottom:24px;display:flex}.form-header .icon{width:22px;height:22px}.form-header h3{text-transform:uppercase;letter-spacing:.6px;color:#0f172a;margin:0;font-size:1.05rem;font-weight:750}.input-group{align-items:stretch;gap:14px;display:flex}.input-group input{color:#0f172a;background:#fff;border:1px solid #d8e0ea;border-radius:10px;outline:none;flex:1;min-width:0;height:60px;padding:0 20px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input::placeholder{color:#94a3b8}.input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.join-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:175px;height:60px;padding:0 24px;font-size:.95rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.join-btn .icon{width:18px;height:18px}.join-btn:hover{background:#5558e8;transform:translateY(-1px);box-shadow:0 7px 16px #6366f133}.join-btn:active{transform:translateY(0)}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.current-patient-card,.waiting-count-card{min-height:190px;padding:30px;position:relative;overflow:hidden}.current-patient-card:before,.waiting-count-card:before{content:"";background:#6366f1;border-bottom-right-radius:7px;width:14px;height:14px;position:absolute;top:0;left:0}.current-patient-card{border-color:#dfe5ee}.current-patient-card .card-body-row{align-items:center;gap:26px;height:100%;display:flex}.avatar{object-fit:contain;background:#f8fafc;border:1px solid #dfe5ec;border-radius:50%;flex-shrink:0;width:80px;height:80px;padding:20px}.patient-details{flex-direction:column;gap:6px;display:flex}.card-accent-header{text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin-bottom:2px;font-size:.78rem;font-weight:750}.active-token{color:#6366f1;font-size:2.15rem;font-weight:800;line-height:1}.active-name{color:#334155;font-size:1.1rem;font-weight:700}.current-patient-card .active-name:only-child{color:#94a3b8;font-style:italic}.waiting-count-card .card-body-row{align-items:center;gap:26px;margin-top:18px;display:flex}.waiting-count-card .card-accent-header{color:#64748b}.blue-bg{background:#f8fafc}.waiting-number-details{flex-direction:column;display:flex}.waiting-count{color:#0f172a;font-size:2.5rem;font-weight:800;line-height:1}.waiting-label{text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-top:7px;font-size:.85rem;font-weight:700}.queue-card{padding:26px 30px;position:relative;overflow:hidden}.queue-card:before{content:"";background:#6366f1;border-bottom-right-radius:8px;width:15px;height:15px;position:absolute;top:0;left:0}.queue-title{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding-bottom:18px;display:flex}.queue-title img{object-fit:contain;width:23px;height:23px}.queue-title .title{text-transform:uppercase;letter-spacing:.5px;color:#0f172a;font-size:1rem;font-weight:750}.queue-card ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.queue-card li{color:#334155;border-bottom:1px solid #eef2f6;align-items:center;gap:18px;min-height:58px;padding:12px 8px;font-size:.98rem;display:flex}.queue-card li:last-child{border-bottom:none}.token-no{color:#16a34a;background:#ecfdf5;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:30px;font-size:.88rem;font-weight:750;display:flex}.patient-name{color:#334155;font-size:.98rem;font-weight:600}.queue-card>h4{color:#94a3b8;border:1px dashed #dbe2ea;border-radius:10px;justify-content:center;align-items:center;min-height:100px;margin:20px 0;font-size:.95rem;font-style:italic;font-weight:500;display:flex}@media (width<=900px){.patient-dashboard-container{width:94%;margin-top:24px;padding:24px}.dashboard-grid{grid-template-columns:1fr}.input-group{flex-direction:column}.join-btn{width:100%}}@media (width<=600px){.patient-dashboard-container{gap:16px;width:100%;margin:0;padding:16px}.dashboard-header{padding-bottom:16px}.header-title-group{gap:10px}.logo-icon{width:40px;height:40px}.dashboard-header h2{font-size:1.3rem}.form-card{padding:22px 18px}.form-header{margin-bottom:18px}.input-group input{height:54px;font-size:.95rem}.join-btn{height:54px}.current-patient-card,.waiting-count-card{min-height:160px;padding:24px 20px}.current-patient-card .card-body-row,.waiting-count-card .card-body-row{gap:18px}.avatar{width:64px;height:64px;padding:16px}.active-token{font-size:1.8rem}.active-name{font-size:1rem}.waiting-count{font-size:2.2rem}.queue-card{padding:22px 18px}.queue-card li{gap:14px;min-height:54px;padding:10px 4px}.token-no{width:34px;height:28px}.patient-name{font-size:.92rem}}@media (width<=400px){.patient-dashboard-container{padding:12px}.dashboard-header h2{font-size:1.15rem}.form-card{padding:20px 15px}.current-patient-card,.waiting-count-card{padding:22px 16px}.avatar{width:58px;height:58px;padding:14px}.active-token{font-size:1.6rem}.waiting-count{font-size:2rem}}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;width:100%;height:85px;padding:0 8%;display:flex;position:sticky;top:0}.navbar nav{flex:1;justify-content:center;display:flex}.navbar nav ul{align-items:center;gap:48px;list-style:none;display:flex}.navbar a{color:inherit;text-decoration:none}.navbar nav ul li{cursor:pointer;color:#555;font-size:17px;font-weight:500;transition:all .25s}.navbar nav ul li:hover{color:#5b5ef7}.login-btn{color:#6366f1;cursor:pointer;background:#fff;border:2px solid #6366f1;border-radius:14px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .25s}.login-btn:hover{color:#fff;background:#6366f1;transform:translateY(-2px);box-shadow:0 10px 20px #6366f126}@media (width<=1250px){.navbar{height:75px;padding:0 5%}.navbar nav ul{gap:25px}.navbar nav ul li{font-size:15px}.login-btn{padding:11px 18px;font-size:14px}}@media (width<=850px){.navbar nav{display:none}}