@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";:root{color:#0f172a;direction:rtl;background:#f4fbfc;font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}main{min-height:100vh}.hero{background:radial-gradient(circle at 12% 15%,#c8f7f3,#0000 32%),linear-gradient(135deg,#e7fbff 0%,#f8fffe 52%,#eefdf8 100%);padding:22px clamp(18px,5vw,72px) 48px}.nav{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto 44px;display:flex}.brand{color:#0e7490;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:inline-flex}.nav a{color:#0f766e;font-weight:700;text-decoration:none}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:32px;max-width:1180px;margin:0 auto;display:grid}.eyebrow{color:#0891b2;margin:0 0 12px;font-weight:800}h1{letter-spacing:-.04em;color:#083344;margin:0;font-size:clamp(2.1rem,5vw,4.6rem);line-height:1.02}.lead{color:#31535d;max-width:760px;font-size:1.22rem;line-height:1.85}.trust-row{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.trust-row span{color:#0f766e;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:10px 14px;font-weight:700;display:inline-flex;box-shadow:0 8px 26px #0f766e17}.search-card{background:#ffffffeb;border:1px solid #0e749024;border-radius:28px;gap:10px;padding:24px;display:grid;box-shadow:0 24px 80px #08334421}label{color:#164e63;font-weight:800}select,input,textarea{color:#0f172a;background:#f8ffff;border:1px solid #cde8eb;border-radius:16px;outline:none;width:100%;padding:13px 14px}textarea{resize:vertical;min-height:86px}select:focus,input:focus,textarea:focus{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d421}.input-icon{position:relative}.input-icon svg{color:#0891b2;position:absolute;top:13px;right:13px}.input-icon input{padding-right:42px}.section{max-width:1180px;margin:0 auto;padding:46px clamp(18px,4vw,26px)}.section-title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;display:flex}.section-title h2{color:#083344;margin:0;font-size:clamp(1.7rem,3vw,2.35rem)}.section-title p{color:#64748b;margin:0;font-weight:600}.content-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:24px;display:grid}.value-section{padding-top:34px}.value-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.value-card{background:#fff;border:1px solid #d8eef1;border-radius:24px;padding:20px;box-shadow:0 10px 32px #0833440f}.value-card svg{color:#0891b2;width:30px;height:30px;margin-bottom:10px}.value-card h3{color:#083344;font-size:1.25rem}.value-card p{color:#64748b;margin-bottom:0;font-weight:600;line-height:1.65}.results{gap:14px;display:grid}.doctor-card{text-align:right;width:100%;color:inherit;background:#fff;border:1px solid #d8eef1;border-radius:24px;padding:18px;box-shadow:0 10px 32px #08334412}.doctor-card.active{border-color:#0891b2;box-shadow:0 16px 42px #0891b22b}.card-top,.profile-header{align-items:center;gap:14px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#06b6d4,#10b981);border-radius:18px;flex:none;place-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:900;display:grid}.avatar.large{border-radius:24px;width:68px;height:68px;font-size:1.8rem}h3,h2{margin:0}.doctor-card p,.profile-header p{color:#64748b;margin:4px 0 0;font-weight:600}.meta{color:#475569;align-items:center;gap:7px;margin-top:12px;display:flex}.badges{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.badge{color:#334155;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:.88rem;font-weight:800}.badge.good{color:#166534;background:#dcfce7}.badge.warn{color:#92400e;background:#fef3c7}.badge.info{color:#075985;background:#e0f2fe}.profile-panel{background:#fff;border:1px solid #d8eef1;border-radius:30px;padding:24px;position:sticky;top:18px;box-shadow:0 18px 52px #08334417}.bio{color:#475569;font-weight:600;line-height:1.75}.profile-list{gap:10px;margin:18px 0;display:grid}.profile-list span{color:#164e63;align-items:center;gap:8px;font-weight:700;display:flex}.slots{flex-wrap:wrap;gap:10px;margin:12px 0 22px;display:flex}.slot{color:#0f766e;background:#f8ffff;border:1px solid #cde8eb;border-radius:14px;padding:10px 12px;font-weight:800}.slot.active{color:#fff;background:#0f766e;border-color:#0f766e}.booking-form{background:#f8ffff;border:1px solid #d8eef1;border-radius:22px;gap:12px;padding:18px;display:grid}.checkbox{color:#475569;align-items:flex-start;gap:9px;font-weight:700;line-height:1.55;display:flex}.checkbox input{width:auto;margin-top:6px}.primary{color:#fff;background:linear-gradient(135deg,#0891b2,#0f766e);border:0;border-radius:16px;padding:13px 16px;font-weight:900;box-shadow:0 12px 28px #0891b23d}.confirmation{color:#166534;background:#dcfce7;border-radius:18px;align-items:center;gap:8px;margin-top:14px;padding:14px;font-weight:800;display:flex}.empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:22px;padding:24px}.admin-section{padding-top:20px}.clinic-panel{color:#ecfeff;background:linear-gradient(135deg,#083344,#0f766e);border-radius:32px;grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;padding:clamp(22px,5vw,38px);display:grid;box-shadow:0 22px 70px #0833442e}.clinic-panel h2{color:#fff;margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.18}.clinic-panel p{color:#cffafe;font-size:1.08rem;line-height:1.8}.clinic-panel .eyebrow{color:#67e8f9}.clinic-checks{gap:10px;display:grid}.clinic-checks span{background:#ffffff1a;border:1px solid #ffffff29;border-radius:18px;align-items:center;gap:9px;padding:12px 14px;font-weight:800;display:flex}.admin-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-card{color:#ecfeff;background:#083344;border-radius:24px;gap:8px;padding:20px;display:grid}.admin-card strong{font-size:2.1rem}.admin-card span{color:#a5f3fc;font-weight:700}.booking-table{gap:10px;margin-top:18px;display:grid}.booking-row{background:#fff;border:1px solid #d8eef1;border-radius:18px;grid-template-columns:1fr 1.4fr .8fr .9fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.booking-row span{color:#64748b;margin-top:3px;font-size:.9rem;display:block}.status{text-align:center;background:#fef3c7;border-radius:999px;padding:8px 10px;font-weight:900;color:#92400e!important;margin:0!important;display:inline-block!important}.status.confirmed{background:#dcfce7;color:#166534!important}footer{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;max-width:1180px;margin:10px auto 36px;padding:18px 24px;line-height:1.7}@media (width<=860px){.hero-grid,.content-grid,.clinic-panel{grid-template-columns:1fr}.value-grid{grid-template-columns:1fr 1fr}.section-title{display:block}.profile-panel{position:static}.admin-grid,.booking-row{grid-template-columns:1fr}.nav{margin-bottom:26px}}@media (width<=520px){.value-grid{grid-template-columns:1fr}.trust-row span{justify-content:center;width:100%}.hero,.section{padding-inline:14px}.search-card,.profile-panel,.clinic-panel{border-radius:22px}}.badge.action{color:#fff;background:#0f766e}.policy-box,.review-card{color:#155e75;background:#ecfeff;border:1px solid #bae6fd;border-radius:18px;gap:7px;margin:14px 0;padding:14px;font-weight:700;display:grid}.policy-box strong,.review-card strong{color:#083344;font-size:1.02rem}.policy-box span,.review-card span,.review-card small{line-height:1.55}.sticky-cta{z-index:5;position:sticky;bottom:12px}.confirmation-card{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:22px;margin-top:16px;padding:18px;box-shadow:0 14px 34px #14532d1c}.confirmation-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.confirmation-head strong{font-size:1.15rem;display:block}.confirmation-head span{color:#166534;font-weight:800}.confirmation-grid{background:#fff;border-radius:16px;grid-template-columns:.8fr 1.2fr;gap:8px 12px;margin-bottom:12px;padding:12px;display:grid}.confirmation-grid span{color:#64748b;font-weight:800}.confirmation-grid strong{color:#0f172a}.timeline{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.timeline span{color:#475569;background:#e2e8f0;border-radius:999px;padding:7px 10px;font-size:.9rem;font-weight:800}.timeline span.done{color:#fff;background:#16a34a}.footer-links{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.footer-links a{color:#0f766e;font-weight:900;text-decoration:none}@media (width<=520px){h1{font-size:2rem}.lead{font-size:1.02rem}.confirmation-grid{grid-template-columns:1fr}}.brand small{color:#0f766e;background:#ecfeff;border:1px solid #bae6fd;border-radius:999px;padding:3px 8px;font-size:.82rem}.backend-mode{color:#0f766e;font-weight:800;line-height:1.55}.form-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:10px 12px;font-weight:800}.primary:disabled{opacity:.7;cursor:wait}
