:root{--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6}.Toastify__toast-container{z-index:999999;width:390px;top:22px;right:22px}.Toastify__toast{-webkit-backdrop-filter:blur(18px);color:#111827;background:#fffffff0;border-radius:18px;min-height:84px;padding:18px;font-family:inherit;transition:all .35s;overflow:hidden;box-shadow:0 15px 45px #0000002e,0 6px 16px #00000014}.Toastify__toast:hover{transform:translateY(-2px)}.Toastify__toast-body{align-items:center;width:100%;margin:0;padding:0;display:flex}.Toastify__close-button{color:#444;opacity:.8}.Toastify__close-button:hover{opacity:1}.Toastify__toast-icon{transform:scale(1.2)}.Toastify__toast--success{border-left:6px solid var(--success)}.Toastify__toast--error{border-left:6px solid var(--error)}.Toastify__toast--warning{border-left:6px solid var(--warning)}.Toastify__toast--info{border-left:6px solid var(--info)}.dark-mode .Toastify__toast{color:#fff;background:#0f172af5}.dark-mode .Toastify__close-button{color:#fff}@media (width<=768px){.Toastify__toast-container{width:calc(100vw - 24px);left:12px;right:12px}.Toastify__toast{border-radius:15px;padding:15px}.Toastify__toast-body{font-size:14px}}.hms-toast-content{align-items:center;gap:16px;width:100%;display:flex}.hms-toast-content h4{margin:0;font-size:16px;font-weight:700}.hms-toast-content p{opacity:.82;margin-top:4px;margin-bottom:0;font-size:13px;line-height:1.5}.hms-toast-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 10px 20px #0000001f}.hms-toast-icon.success{color:#16a34a;background:#dcfce7}.hms-toast-icon.error{color:#dc2626;background:#fee2e2}.hms-toast-icon.warning{color:#d97706;background:#fef3c7}.hms-toast-icon.info{color:#2563eb;background:#dbeafe}.dark-mode .hms-toast-icon.success{color:#4ade80;background:#14532d}.dark-mode .hms-toast-icon.error{color:#f87171;background:#7f1d1d}.dark-mode .hms-toast-icon.warning{color:#fbbf24;background:#78350f}.dark-mode .hms-toast-icon.info{color:#60a5fa;background:#1e3a8a}.Toastify__toast{animation:.45s cubic-bezier(.22,1,.36,1) hmsToastIn}@keyframes hmsToastIn{0%{opacity:0;transform:translate(120%)scale(.9)}70%{opacity:1;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.Toastify__toast--exit{animation:.28s forwards hmsToastOut}@keyframes hmsToastOut{to{opacity:0;transform:translate(120%)}}.Toastify__toast:hover{transition:all .25s;transform:translateY(-3px)scale(1.01)}.Toastify__progress-bar{border-radius:30px}.Toastify__toast{position:relative;overflow:hidden}.Toastify__toast:before{content:"";background:#2563eb;width:4px;height:100%;position:absolute;top:0;left:0}.Toastify__toast--success:before{background:#22c55e}.Toastify__toast--error:before{background:#ef4444}.Toastify__toast--warning:before{background:#f59e0b}.Toastify__toast--info:before{background:#3b82f6}.Toastify__toast:hover{box-shadow:0 24px 60px #0000002e,0 8px 18px #00000014}.Toastify__spinner{width:24px;height:24px}.Toastify__toast--default{border-left:5px solid #3b82f6}.Toastify__toast--default:before{background:#3b82f6}.notification-card{animation:.45s notificationEnter}@keyframes notificationEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-card.unread{background:linear-gradient(90deg,#2563eb0f,#fff);border-left:4px solid #2563eb;position:relative}.notification-card.unread:after{content:"";background:#2563eb;border-radius:50%;width:10px;height:10px;animation:2s infinite notificationPulse;position:absolute;top:20px;right:18px}@keyframes notificationPulse{0%{transform:scale(1);box-shadow:0 0 #ef44444d}50%{transform:scale(1.12);box-shadow:0 0 18px #ef444473}to{transform:scale(1);box-shadow:0 0 #ef44444d}}.notification-icon{transition:all .35s}.notification-card:hover .notification-icon{transform:rotate(-8deg)scale(1.15)}.notification-card.deleting{animation:.35s forwards deleteCard}@keyframes deleteCard{to{opacity:0;height:0;margin:0;padding:0;transform:translate(80px)}}.new-badge{color:#fff;background:#2563eb;border-radius:20px;justify-content:center;align-items:center;margin-left:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.notification-actions button{transition:all .25s}.notification-actions button:hover{transform:translateY(-2px)scale(1.08)}.empty-notification-page{animation:.7s fadeEmpty}@keyframes fadeEmpty{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-search{transition:all .3s}.notification-search:focus{transform:scale(1.01);box-shadow:0 0 0 4px #2563eb26}.notification-card{transition:background .25s,transform .25s,opacity .25s}.notification-card:hover{transform:translateY(-3px)}.privacy-page{box-sizing:border-box;color:#0f172a;background:radial-gradient(circle at 100% 0,#2563eb14,#0000 35%),#f5f7fb;width:100%;min-height:100vh;padding:30px 20px 60px}.privacy-page,.privacy-page *{box-sizing:border-box}.privacy-page .privacy-container{width:100%;max-width:980px;margin:0 auto}.privacy-page .privacy-back{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ed;border-radius:10px;align-items:center;gap:9px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.privacy-page .privacy-back:hover{color:#1d4ed8;background:#f8fbff;border-color:#2563eb;transform:translateY(-1px)}.privacy-page .privacy-hero{text-align:center;padding:55px 20px 34px}.privacy-page .privacy-hero-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:30px;display:flex;box-shadow:0 14px 30px #2563eb38}.privacy-page .privacy-eyebrow{color:#2563eb;letter-spacing:1.5px;margin-bottom:10px;font-size:11px;font-weight:800}.privacy-page .privacy-hero h1{color:#0f172a;letter-spacing:-1px;margin:0;font-size:clamp(32px,5vw,46px);font-weight:800}.privacy-page .privacy-hero-text{color:#64748b;max-width:650px;margin:15px auto 20px;font-size:16px;line-height:1.7}.privacy-page .privacy-meta{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;font-size:13px;display:flex}.privacy-page .privacy-status{color:#15803d;background:#ecfdf5;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:inline-flex}.privacy-page .privacy-trust-card{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:18px;align-items:center;gap:18px;margin-bottom:20px;padding:22px 24px;display:flex}.privacy-page .privacy-trust-icon{color:#2563eb;background:#dbeafe;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex}.privacy-page .privacy-trust-content h2{color:#172033;margin:0 0 4px;font-size:17px}.privacy-page .privacy-trust-content p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.privacy-page .privacy-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #0f172a12}.privacy-page .privacy-intro{border-bottom:1px solid #eef2f7;padding:34px 36px 28px}.privacy-page .privacy-label{color:#2563eb;letter-spacing:1.2px;margin-bottom:9px;font-size:11px;font-weight:800;display:inline-block}.privacy-page .privacy-intro h2{color:#172033;margin:0 0 8px;font-size:23px}.privacy-page .privacy-intro p{color:#64748b;max-width:760px;margin:0;font-size:15px;line-height:1.75}.privacy-page .privacy-section{border-bottom:1px solid #eef2f7;grid-template-columns:34px 48px minmax(0,1fr);gap:18px;padding:30px 36px;display:grid}.privacy-page .privacy-section-number{color:#94a3b8;padding-top:4px;font-size:12px;font-weight:800}.privacy-page .privacy-section-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex}.privacy-page .privacy-section-content h3{color:#172033;margin:2px 0 8px;font-size:18px}.privacy-page .privacy-section-content p{color:#64748b;margin:0;font-size:14px;line-height:1.8}.privacy-page .privacy-points{gap:8px;margin-top:15px;display:grid}.privacy-page .privacy-points div{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.privacy-page .privacy-points svg{color:#16a34a;font-size:12px}.privacy-page .privacy-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:11px;flex-direction:column;gap:3px;margin-top:16px;padding:13px 15px;display:flex}.privacy-page .privacy-warning strong{color:#92400e;font-size:13px}.privacy-page .privacy-warning span{color:#a16207;font-size:12px}.privacy-page .privacy-contact{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:18px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;margin:28px 36px 34px;padding:22px;display:grid}.privacy-page .privacy-contact-icon{color:#fff;background:#2563eb;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;font-size:19px;display:flex}.privacy-page .privacy-contact-content h3{color:#172033;margin:0 0 5px;font-size:17px}.privacy-page .privacy-contact-content p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.privacy-page .privacy-contact-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.privacy-page .privacy-contact-button:hover{background:#1d4ed8;transform:translateY(-1px)}.privacy-page .privacy-footer{color:#94a3b8;justify-content:space-between;align-items:center;padding:22px 4px 0;font-size:12px;display:flex}.privacy-page .privacy-footer button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}@media (width<=768px){.privacy-page{padding:18px 12px 35px}.privacy-page .privacy-hero{padding:42px 10px 28px}.privacy-page .privacy-trust-card{padding:18px}.privacy-page .privacy-intro{padding:26px 22px 24px}.privacy-page .privacy-section{grid-template-columns:28px 42px minmax(0,1fr);gap:12px;padding:24px 22px}.privacy-page .privacy-section-icon{width:42px;height:42px}.privacy-page .privacy-contact{grid-template-columns:44px minmax(0,1fr);margin:22px}.privacy-page .privacy-contact-icon{width:44px;height:44px}.privacy-page .privacy-contact-button{grid-column:2;width:fit-content}.privacy-page .privacy-footer{flex-direction:column;gap:10px}}@media (width<=520px){.privacy-page .privacy-section{grid-template-columns:42px minmax(0,1fr)}.privacy-page .privacy-section-number{display:none}.privacy-page .privacy-contact{grid-template-columns:44px minmax(0,1fr)}.privacy-page .privacy-contact-button{grid-column:1/-1;width:100%}}.hms-privacy-link{color:#2563eb;font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline;transition:color .2s;display:inline}.hms-privacy-link:hover{color:#1d4ed8}.hms-privacy-link:focus{outline-offset:2px;border-radius:3px;outline:2px solid #2563eb40}.privacy-skeleton-page,.privacy-skeleton-page *{box-sizing:border-box}.privacy-skeleton-page .skeleton-shimmer{background:linear-gradient(90deg,#edf1f5 0%,#f8fafc 45%,#edf1f5 90%) 0 0/220% 100%;border-radius:8px;animation:1.35s ease-in-out infinite privacySkeletonShimmer;display:block}@keyframes privacySkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.privacy-skeleton-page .privacy-skeleton-back{border-radius:10px;align-items:center;gap:9px;width:128px;height:40px;padding:0 14px;display:flex}.privacy-skeleton-page .privacy-skeleton-back span:first-child{border-radius:50%;width:14px;height:14px}.privacy-skeleton-page .privacy-skeleton-back span:last-child{width:62px;height:10px}.privacy-skeleton-page .privacy-hero{padding-top:55px}.privacy-skeleton-page .privacy-skeleton-hero-icon{border-radius:20px;width:72px;height:72px;margin:0 auto 20px}.privacy-skeleton-page .privacy-skeleton-eyebrow{width:150px;height:10px;margin:0 auto 15px}.privacy-skeleton-page .privacy-skeleton-title{border-radius:10px;width:300px;max-width:80%;height:40px;margin:0 auto 18px}.privacy-skeleton-page .privacy-skeleton-description{gap:8px;width:100%;max-width:600px;margin:0 auto 20px;display:grid}.privacy-skeleton-page .privacy-skeleton-description span:first-child{width:100%;height:12px}.privacy-skeleton-page .privacy-skeleton-description span:last-child{width:72%;height:12px;margin:0 auto}.privacy-skeleton-page .privacy-skeleton-meta{justify-content:center;align-items:center;gap:18px;display:flex}.privacy-skeleton-page .privacy-skeleton-meta span:first-child{width:130px;height:10px}.privacy-skeleton-page .privacy-skeleton-meta span:last-child{border-radius:999px;width:115px;height:26px}.privacy-skeleton-page .privacy-trust-card{min-height:92px}.privacy-skeleton-page .privacy-skeleton-trust-icon{border-radius:14px;flex:0 0 48px;width:48px;height:48px}.privacy-skeleton-page .privacy-skeleton-trust-content{flex:1;gap:9px;display:grid}.privacy-skeleton-page .privacy-skeleton-trust-content span:first-child{width:180px;height:14px}.privacy-skeleton-page .privacy-skeleton-trust-content span:nth-child(2){width:100%;max-width:610px;height:10px}.privacy-skeleton-page .privacy-skeleton-trust-content span:last-child{width:68%;height:10px}.privacy-skeleton-page .privacy-skeleton-label{width:80px;height:9px;margin-bottom:14px}.privacy-skeleton-page .privacy-skeleton-intro-title{width:220px;height:24px;margin-bottom:16px}.privacy-skeleton-page .privacy-skeleton-text{gap:8px;display:grid}.privacy-skeleton-page .privacy-skeleton-text span{width:100%;height:10px}.privacy-skeleton-page .privacy-skeleton-text span:last-child{width:68%}.privacy-skeleton-page .privacy-skeleton-section{min-height:150px}.privacy-skeleton-page .privacy-skeleton-number{width:22px;height:10px}.privacy-skeleton-page .privacy-skeleton-section-icon{border-radius:14px;width:48px;height:48px}.privacy-skeleton-page .privacy-skeleton-section-content{min-width:0}.privacy-skeleton-page .privacy-skeleton-section-title{width:250px;height:18px;margin-bottom:14px}.privacy-skeleton-page .privacy-skeleton-contact{min-height:105px}.privacy-skeleton-page .privacy-skeleton-contact-icon{border-radius:15px;width:52px;height:52px}.privacy-skeleton-page .privacy-skeleton-contact-content{gap:8px;min-width:0;display:grid}.privacy-skeleton-page .privacy-skeleton-contact-content span:first-child{width:85px;height:8px}.privacy-skeleton-page .privacy-skeleton-contact-content span:nth-child(2){width:235px;max-width:100%;height:16px}.privacy-skeleton-page .privacy-skeleton-contact-content span:last-child{width:330px;max-width:100%;height:10px}.privacy-skeleton-page .privacy-skeleton-contact-button{border-radius:10px;width:118px;height:40px}.privacy-skeleton-page .privacy-skeleton-footer-text{width:210px;height:10px}.privacy-skeleton-page .privacy-skeleton-footer-link{width:75px;height:10px}@media (width<=768px){.privacy-skeleton-page .privacy-hero{padding-top:42px}.privacy-skeleton-page .privacy-skeleton-title{width:240px}.privacy-skeleton-page .privacy-skeleton-meta{gap:10px}.privacy-skeleton-page .privacy-skeleton-section{min-height:145px}}@media (width<=520px){.privacy-skeleton-page .privacy-skeleton-back{width:116px;height:38px}.privacy-skeleton-page .privacy-skeleton-hero-icon{width:62px;height:62px}.privacy-skeleton-page .privacy-skeleton-title{width:210px;height:32px}.privacy-skeleton-page .privacy-skeleton-meta{flex-direction:column}.privacy-skeleton-page .privacy-skeleton-trust-content span:last-child{width:85%}.privacy-skeleton-page .privacy-skeleton-number{display:none}.privacy-skeleton-page .privacy-skeleton-section{grid-template-columns:42px minmax(0,1fr)}.privacy-skeleton-page .privacy-skeleton-contact-button{grid-column:1/-1;width:100%}.privacy-skeleton-page .privacy-skeleton-footer-text{width:170px}}.terms-page,.terms-page *{box-sizing:border-box}.terms-page{color:#0f172a;background:radial-gradient(circle at 100% 0,#2563eb14,#0000 35%),#f5f7fb;width:100%;min-height:100vh;padding:30px 20px 60px}.terms-page .terms-container{width:100%;max-width:980px;margin:0 auto}.terms-page .terms-back{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ed;border-radius:10px;align-items:center;gap:9px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.terms-page .terms-back:hover{color:#1d4ed8;background:#f8fbff;border-color:#2563eb;transform:translateY(-1px)}.terms-page .terms-hero{text-align:center;padding:55px 20px 34px}.terms-page .terms-hero-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:29px;display:flex;box-shadow:0 14px 30px #2563eb38}.terms-page .terms-eyebrow{color:#2563eb;letter-spacing:1.5px;margin-bottom:10px;font-size:11px;font-weight:800}.terms-page .terms-hero h1{color:#0f172a;letter-spacing:-1px;margin:0;font-size:clamp(32px,5vw,46px);font-weight:800}.terms-page .terms-hero-text{color:#64748b;max-width:650px;margin:15px auto 20px;font-size:16px;line-height:1.7}.terms-page .terms-meta{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;font-size:13px;display:flex}.terms-page .terms-status{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:inline-flex}.terms-page .terms-notice{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:18px;align-items:center;gap:18px;margin-bottom:20px;padding:22px 24px;display:flex}.terms-page .terms-notice-icon{color:#2563eb;background:#dbeafe;border-radius:14px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex}.terms-page .terms-notice h2{color:#172033;margin:0 0 4px;font-size:17px}.terms-page .terms-notice p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.terms-page .terms-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #0f172a12}.terms-page .terms-intro{border-bottom:1px solid #eef2f7;padding:34px 36px 28px}.terms-page .terms-label{color:#2563eb;letter-spacing:1.2px;margin-bottom:9px;font-size:11px;font-weight:800;display:inline-block}.terms-page .terms-intro h2{color:#172033;margin:0 0 8px;font-size:23px}.terms-page .terms-intro p{color:#64748b;max-width:760px;margin:0;font-size:15px;line-height:1.75}.terms-page .terms-section{border-bottom:1px solid #eef2f7;grid-template-columns:34px 48px minmax(0,1fr);gap:18px;padding:30px 36px;display:grid}.terms-page .terms-number{color:#94a3b8;padding-top:4px;font-size:12px;font-weight:800}.terms-page .terms-icon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex}.terms-page .terms-content h3{color:#172033;margin:2px 0 8px;font-size:18px}.terms-page .terms-content p{color:#64748b;margin:0;font-size:14px;line-height:1.8}.terms-page .terms-content ul{color:#64748b;margin:15px 0 0;padding-left:18px;font-size:13px;line-height:1.8}.terms-page .terms-content li{margin-bottom:4px}.terms-page .terms-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:11px;flex-direction:column;gap:3px;margin-top:16px;padding:13px 15px;display:flex}.terms-page .terms-warning strong{color:#92400e;font-size:13px}.terms-page .terms-warning span{color:#a16207;font-size:12px}.terms-page .terms-contact{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:18px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:18px;margin:28px 36px 34px;padding:22px;display:grid}.terms-page .terms-contact-icon{color:#fff;background:#2563eb;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;font-size:19px;display:flex}.terms-page .terms-contact-content h3{color:#172033;margin:0 0 5px;font-size:17px}.terms-page .terms-contact-content p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.terms-page .terms-contact-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;padding:11px 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.terms-page .terms-contact-button:hover{background:#1d4ed8;transform:translateY(-1px)}.terms-page .terms-footer{color:#94a3b8;justify-content:space-between;align-items:center;padding:22px 4px 0;font-size:12px;display:flex}.terms-page .terms-footer button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}@media (width<=768px){.terms-page{padding:18px 12px 35px}.terms-page .terms-hero{padding:42px 10px 28px}.terms-page .terms-notice{padding:18px}.terms-page .terms-intro{padding:26px 22px 24px}.terms-page .terms-section{grid-template-columns:28px 42px minmax(0,1fr);gap:12px;padding:24px 22px}.terms-page .terms-icon{width:42px;height:42px}.terms-page .terms-contact{grid-template-columns:44px minmax(0,1fr);margin:22px}.terms-page .terms-contact-icon{width:44px;height:44px}.terms-page .terms-contact-button{grid-column:2;justify-self:start}.terms-page .terms-footer{text-align:center;flex-direction:column;gap:10px}}@media (width<=520px){.terms-page .terms-section{grid-template-columns:42px minmax(0,1fr)}.terms-page .terms-number{display:none}.terms-page .terms-contact{grid-template-columns:44px minmax(0,1fr)}.terms-page .terms-contact-button{grid-column:1/-1;width:100%}}.terms-skeleton-page,.terms-skeleton-page *{box-sizing:border-box}.terms-skeleton-page .skeleton-shimmer{background:linear-gradient(90deg,#edf1f5 0%,#f8fafc 45%,#edf1f5 90%) 0 0/220% 100%;border-radius:8px;animation:1.35s ease-in-out infinite termsSkeletonShimmer;display:block}@keyframes termsSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.terms-skeleton-page .terms-skeleton-back{border-radius:10px;align-items:center;gap:9px;width:128px;height:40px;padding:0 14px;display:flex}.terms-skeleton-page .terms-skeleton-back span:first-child{border-radius:50%;width:14px;height:14px}.terms-skeleton-page .terms-skeleton-back span:last-child{width:62px;height:10px}.terms-skeleton-page .terms-skeleton-hero-icon{border-radius:20px;width:72px;height:72px;margin:0 auto 20px}.terms-skeleton-page .terms-skeleton-eyebrow{width:165px;height:10px;margin:0 auto 15px}.terms-skeleton-page .terms-skeleton-title{width:260px;max-width:80%;height:40px;margin:0 auto 18px}.terms-skeleton-page .terms-skeleton-description{gap:8px;max-width:600px;margin:0 auto 20px;display:grid}.terms-skeleton-page .terms-skeleton-description span:first-child{width:100%;height:12px}.terms-skeleton-page .terms-skeleton-description span:last-child{width:68%;height:12px;margin:0 auto}.terms-skeleton-page .terms-skeleton-meta{justify-content:center;gap:18px;display:flex}.terms-skeleton-page .terms-skeleton-meta span:first-child{width:130px;height:10px}.terms-skeleton-page .terms-skeleton-meta span:last-child{border-radius:999px;width:105px;height:26px}.terms-skeleton-page .terms-skeleton-notice-icon{border-radius:14px;flex:0 0 48px;width:48px;height:48px}.terms-skeleton-page .terms-skeleton-notice-content{flex:1;gap:8px;display:grid}.terms-skeleton-page .terms-skeleton-notice-content span:first-child{width:180px;height:14px}.terms-skeleton-page .terms-skeleton-notice-content span:nth-child(2){width:90%;height:10px}.terms-skeleton-page .terms-skeleton-notice-content span:last-child{width:65%;height:10px}.terms-skeleton-page .terms-skeleton-label{width:80px;height:9px;margin-bottom:14px}.terms-skeleton-page .terms-skeleton-intro-title{width:220px;height:24px;margin-bottom:16px}.terms-skeleton-page .terms-skeleton-text{gap:8px;display:grid}.terms-skeleton-page .terms-skeleton-text span{width:100%;height:10px}.terms-skeleton-page .terms-skeleton-text span:last-child{width:68%}.terms-skeleton-page .terms-skeleton-section{min-height:155px}.terms-skeleton-page .terms-skeleton-number{width:22px;height:10px}.terms-skeleton-page .terms-skeleton-section-icon{border-radius:14px;width:48px;height:48px}.terms-skeleton-page .terms-skeleton-section-content{min-width:0}.terms-skeleton-page .terms-skeleton-section-title{width:240px;height:18px;margin-bottom:14px}.terms-skeleton-page .terms-skeleton-contact-icon{border-radius:15px;width:52px;height:52px}.terms-skeleton-page .terms-skeleton-contact-content{gap:8px;min-width:0;display:grid}.terms-skeleton-page .terms-skeleton-contact-content span:first-child{width:85px;height:8px}.terms-skeleton-page .terms-skeleton-contact-content span:nth-child(2){width:240px;max-width:100%;height:16px}.terms-skeleton-page .terms-skeleton-contact-content span:last-child{width:330px;max-width:100%;height:10px}.terms-skeleton-page .terms-skeleton-contact-button{border-radius:10px;width:118px;height:40px}.terms-skeleton-page .terms-skeleton-footer-text{width:210px;height:10px}.terms-skeleton-page .terms-skeleton-footer-link{width:75px;height:10px}@media (width<=768px){.terms-skeleton-page .terms-skeleton-section{min-height:145px}}@media (width<=520px){.terms-skeleton-page .terms-skeleton-back{width:116px;height:38px}.terms-skeleton-page .terms-skeleton-hero-icon{width:62px;height:62px}.terms-skeleton-page .terms-skeleton-title{width:210px;height:32px}.terms-skeleton-page .terms-skeleton-meta{flex-direction:column;align-items:center}.terms-skeleton-page .terms-skeleton-number{display:none}.terms-skeleton-page .terms-skeleton-section{grid-template-columns:42px minmax(0,1fr)}.terms-skeleton-page .terms-skeleton-contact-button{grid-column:1/-1;width:100%}}.hms-auth-page .hms-auth-card{box-sizing:border-box;background:#fff;border:1px solid #dbe3ed;border-radius:18px;width:min(100%,500px);padding:34px 38px 31px;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a17}.hms-auth-page .hms-auth-card:before{content:"";background:linear-gradient(90deg,#2563eb,#4f46e5,#06b6d4);height:3px;position:absolute;top:0;left:0;right:0}.hms-auth-page .hms-auth-card--otp{width:min(100%,500px);padding:34px 38px 31px}.hms-auth-page .hms-auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:27px;display:flex}.hms-auth-page .hms-logo-icon{background:#2563eb;border-radius:13px;flex:0 0 49px;justify-content:center;align-items:center;width:49px;height:49px;font-size:24px;display:flex;box-shadow:0 7px 15px #2563eb2e}.hms-auth-page .hms-logo-text{flex-direction:column;display:flex}.hms-auth-page .hms-logo-text span{color:#1e3a8a;font-size:21px;font-weight:800;line-height:1.1}.hms-auth-page .hms-logo-text small{color:#64748b;margin-top:4px;font-size:10px}.hms-auth-page .hms-auth-heading{margin-bottom:24px}.hms-auth-page .hms-step-badge{color:#2563eb;letter-spacing:.08em;background:#eff6ff;border-radius:999px;align-items:center;height:23px;margin-bottom:10px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.hms-auth-page .hms-auth-heading h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.25}.hms-auth-page .hms-auth-heading p{color:#64748b;max-width:410px;margin:8px 0 0;font-size:12px;line-height:1.55}.hms-auth-page .hms-otp-section{text-align:center;flex-direction:column;width:100%;padding-top:4px;display:flex}.hms-auth-page .hms-otp-heading{flex-direction:column;align-items:center;margin:0 0 24px;display:flex}.hms-auth-page .hms-otp-heading h2{color:#172033;letter-spacing:-.015em;margin:0;font-size:20px;font-weight:800;line-height:1.3}.hms-auth-page .hms-otp-heading p{color:#94a3b8;margin:8px 0 3px;font-size:12px;line-height:1.45}.hms-auth-page .hms-otp-heading strong{color:#172033;letter-spacing:.01em;font-size:14px;font-weight:800;display:block}.hms-auth-page .hms-otp-status-icon{background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:15px;animation:3s ease-in-out infinite hmsVerifyFloat;display:flex;position:relative}.hms-auth-page .hms-otp-status-icon:before{content:"";border:1.5px solid #22c55e47;border-radius:50%;animation:2.2s ease-out infinite hmsVerifyRing;position:absolute;inset:-5px}.hms-auth-page .hms-otp-status-icon:after{content:"";border:1px solid #22c55e1a;border-radius:50%;animation:2.2s ease-out .5s infinite hmsVerifyRingOuter;position:absolute;inset:-10px}.hms-auth-page .hms-otp-status-icon span{color:#fff;background:linear-gradient(145deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:43px;height:43px;font-size:24px;font-weight:900;animation:2.3s ease-in-out infinite hmsVerifyBeat;display:flex;box-shadow:0 7px 18px #16a34a3d}@keyframes hmsVerifyBeat{0%,to{transform:scale(1)}8%{transform:scale(1.08)}16%{transform:scale(1)}24%{transform:scale(1.05)}32%{transform:scale(1)}}@keyframes hmsVerifyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes hmsVerifyRing{0%{opacity:.72;transform:scale(.88)}70%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}@keyframes hmsVerifyRingOuter{0%{opacity:.45;transform:scale(.84)}70%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}.hms-auth-page .hms-otp-label{color:#334155;text-align:left;margin:0 0 10px;font-size:11px;font-weight:800;display:block}.hms-auth-page .hms-otp-container{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;width:100%;margin:0 0 16px;display:grid}.hms-auth-page .hms-otp-input{box-sizing:border-box;color:#0f172a;text-align:center;caret-color:#2563eb;background:#fff;border:1.5px solid #c5cfdd;border-radius:11px;outline:none;width:100%;height:54px;padding:0;font-family:inherit;font-size:21px;font-weight:800;transition:border-color .2s,box-shadow .2s,transform .18s,background-color .2s}.hms-auth-page .hms-otp-input:hover{border-color:#94a3b8}.hms-auth-page .hms-otp-input:focus{background:#f8fbff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb1a}.hms-auth-page .hms-otp-input.filled{background:#fff;border-width:2px;animation:3s ease-in-out infinite hmsOtpRgb}@keyframes hmsOtpRgb{0%{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14,0 0 12px #2563eb26}16%{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed14,0 0 12px #7c3aed26}33%{border-color:#ec4899;box-shadow:0 0 0 2px #ec489914,0 0 12px #ec489926}50%{border-color:#ef4444;box-shadow:0 0 0 2px #ef444414,0 0 12px #ef444426}66%{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b14,0 0 12px #f59e0b26}83%{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e14,0 0 12px #22c55e26}to{border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d414,0 0 12px #06b6d426}}.hms-auth-page .hms-otp-container.complete .hms-otp-input.filled{box-shadow:0 0 0 2px #2563eb14,0 0 18px #2563eb29}.hms-auth-page .hms-otp-timer{justify-content:center;align-items:center;min-height:32px;margin:0 0 15px;display:flex}.hms-auth-page .hms-otp-timer p{color:#94a3b8;margin:0;font-size:10px;line-height:1.5}.hms-auth-page .hms-otp-timer strong{color:#2563eb;font-weight:800}.hms-auth-page .hms-resend-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;min-height:32px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:800;transition:background .18s,border-color .18s,transform .18s}.hms-auth-page .hms-resend-btn:hover:not(:disabled){background:#dbeafe;border-color:#bfdbfe;transform:translateY(-1px)}.hms-auth-page .hms-resend-btn:disabled{opacity:.55;cursor:not-allowed}.hms-auth-page .hms-otp-section .hms-continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#315fe9);border:0;border-radius:11px;width:100%;height:49px;margin:0;font-family:inherit;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s,opacity .18s;box-shadow:0 6px 16px #2563eb33}.hms-auth-page .hms-otp-section .hms-continue-btn:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 9px 20px #2563eb3d}.hms-auth-page .hms-otp-section .hms-continue-btn:active:not(:disabled){transform:translateY(0)}.hms-auth-page .hms-otp-section .hms-continue-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.hms-auth-page .hms-otp-security-note{color:#94a3b8;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:9px;line-height:1.4;display:flex}.hms-auth-page .hms-otp-section .hms-change-number{color:#dc2626;cursor:pointer;background:0 0;border:0;align-self:center;margin:14px auto 0;padding:4px 7px;font-family:inherit;font-size:10px;font-weight:800;transition:color .18s}.hms-auth-page .hms-otp-section .hms-change-number:hover{color:#b91c1c;text-underline-offset:3px;text-decoration:underline}.hms-auth-page .hms-resend-btn:focus-visible,.hms-auth-page .hms-change-number:focus-visible,.hms-auth-page .hms-continue-btn:focus-visible,.hms-auth-page .hms-otp-input:focus-visible{outline-offset:2px;outline:3px solid #2563eb21}.hms-auth-page .hms-success{text-align:center;flex-direction:column;align-items:center;padding:20px 0 10px;display:flex}.hms-auth-page .hms-success-icon{color:#fff;background:radial-gradient(circle,#22c55e 0%,#16a34a 60%,#15803d 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:17px;font-size:34px;font-weight:900;animation:2.4s ease-in-out infinite hmsSuccessBeat;display:flex;position:relative;box-shadow:0 8px 22px #16a34a47}.hms-auth-page .hms-success-icon:before{content:"";border:2px solid #22c55e40;border-radius:50%;width:72px;height:72px;animation:2.4s ease-out infinite hmsSuccessRing;position:absolute}@keyframes hmsSuccessBeat{0%,to{transform:scale(1)}8%{transform:scale(1.08)}16%{transform:scale(1)}24%{transform:scale(1.045)}32%{transform:scale(1)}}@keyframes hmsSuccessRing{0%{opacity:.75;transform:scale(.9)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}@media (width<=600px){.hms-auth-page{padding:22px 14px}.hms-auth-page .hms-auth-card,.hms-auth-page .hms-auth-card--otp{border-radius:16px;width:100%;padding:28px 23px 25px}.hms-auth-page .hms-auth-logo{margin-bottom:22px}.hms-auth-page .hms-auth-heading h1{font-size:21px}.hms-auth-page .hms-otp-heading h2{font-size:19px}.hms-auth-page .hms-otp-container{gap:7px}.hms-auth-page .hms-otp-input{height:51px;font-size:20px}.hms-auth-page .hms-otp-status-icon{width:58px;height:58px}.hms-auth-page .hms-otp-status-icon span{width:40px;height:40px;font-size:22px}}@media (width<=390px){.hms-auth-page .hms-auth-card,.hms-auth-page .hms-auth-card--otp{padding:24px 17px 22px}.hms-auth-page .hms-otp-container{gap:5px}.hms-auth-page .hms-otp-input{height:48px;font-size:18px}.hms-auth-page .hms-otp-section .hms-continue-btn{height:47px;font-size:13px}}@media (prefers-reduced-motion:reduce){.hms-auth-page .hms-otp-status-icon,.hms-auth-page .hms-otp-status-icon:before,.hms-auth-page .hms-otp-status-icon:after,.hms-auth-page .hms-otp-status-icon span,.hms-auth-page .hms-otp-input.filled,.hms-auth-page .hms-success-icon,.hms-auth-page .hms-success-icon:before,.hms-auth-page .hms-otp-section.shake{animation:none!important}.hms-auth-page .hms-otp-input,.hms-auth-page .hms-resend-btn,.hms-auth-page .hms-change-number,.hms-auth-page .hms-continue-btn{transition:none!important}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.profile-page .profile-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-top:18px;padding:22px;box-shadow:0 8px 24px #0f172a0d}.profile-page .profile-settings-heading{align-items:center;gap:13px;margin-bottom:18px;display:flex}.profile-page .profile-settings-heading-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex}.profile-page .profile-settings-heading span{color:#64748b;letter-spacing:.1em;font-size:9px;font-weight:900;display:block}.profile-page .profile-settings-heading h2{color:#0f172a;margin:3px 0 2px;font-size:17px;font-weight:800}.profile-page .profile-settings-heading p{color:#94a3b8;margin:0;font-size:11px;line-height:1.5}.profile-page .profile-danger-zone{background:#fff8f8;border:1px solid #fecaca;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:17px;display:flex}.profile-page .profile-danger-content{align-items:center;gap:12px;min-width:0;display:flex}.profile-page .profile-danger-icon{color:#dc2626;background:#fee2e2;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;display:flex}.profile-page .profile-danger-content h3{color:#991b1b;margin:0 0 4px;font-size:14px;font-weight:800}.profile-page .profile-danger-content p{color:#7f1d1d;max-width:680px;margin:0;font-size:11px;line-height:1.55}.profile-page .profile-delete-account-btn{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:10px;flex:none;min-width:120px;min-height:40px;padding:0 15px;font-size:11px;font-weight:800;transition:background .2s,color .2s,border-color .2s,transform .2s}.profile-page .profile-delete-account-btn:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.profile-page .profile-delete-account-btn:focus-visible{outline-offset:2px;outline:3px solid #dc262626}.profile-page .profile-delete-overlay{z-index:20000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.profile-page .profile-delete-modal{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:470px;max-height:calc(100vh - 40px);padding:26px;animation:.2s profileDeleteModalIn;overflow-y:auto;box-shadow:0 30px 90px #0f172a40}@keyframes profileDeleteModalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-page .profile-delete-modal-icon{color:#dc2626;background:#fee2e2;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:15px;font-size:18px;display:flex}.profile-page .profile-delete-modal-header span{color:#dc2626;letter-spacing:.12em;font-size:9px;font-weight:900}.profile-page .profile-delete-modal-header h2{color:#0f172a;margin:5px 0 7px;font-size:21px;font-weight:800}.profile-page .profile-delete-modal-header p{color:#64748b;margin:0;font-size:12px;line-height:1.65}.profile-page .profile-delete-warning{background:#fff7ed;border:1px solid #fed7aa;border-radius:11px;flex-direction:column;gap:4px;margin-top:17px;padding:13px 14px;display:flex}.profile-page .profile-delete-warning strong{color:#9a3412;font-size:11px}.profile-page .profile-delete-warning span{color:#c2410c;font-size:10px;line-height:1.5}.profile-page .profile-delete-confirm-label{color:#475569;margin-top:19px;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.profile-page .profile-delete-confirm-label strong{color:#dc2626}.profile-page .profile-delete-modal>input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:44px;padding:0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s}.profile-page .profile-delete-modal>input::placeholder{color:#94a3b8}.profile-page .profile-delete-modal>input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.profile-page .profile-delete-modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.profile-page .profile-delete-modal-actions button{cursor:pointer;border-radius:10px;min-height:40px;padding:0 15px;font-size:11px;font-weight:800;transition:all .2s}.profile-page .profile-delete-cancel{color:#475569;background:#fff;border:1px solid #dbe3ed}.profile-page .profile-delete-cancel:hover{background:#f8fafc}.profile-page .profile-delete-confirm{color:#fff;background:#dc2626;border:0}.profile-page .profile-delete-confirm:hover:not(:disabled){background:#b91c1c}.profile-page .profile-delete-confirm:disabled,.profile-page .profile-delete-cancel:disabled{opacity:.55;cursor:not-allowed}.dark-mode .profile-page .profile-settings-card{background:#111827;border-color:#273449}.dark-mode .profile-page .profile-settings-heading h2{color:#f8fafc}.dark-mode .profile-page .profile-settings-heading p{color:#94a3b8}.dark-mode .profile-page .profile-danger-zone{background:#7f1d1d24;border-color:#f8717140}.dark-mode .profile-page .profile-danger-content h3{color:#fca5a5}.dark-mode .profile-page .profile-danger-content p{color:#fecaca}.dark-mode .profile-page .profile-delete-account-btn{color:#f87171;background:0 0}.dark-mode .profile-page .profile-delete-account-btn:hover{color:#fff;background:#dc2626}.dark-mode .profile-page .profile-delete-modal{background:#111827;border-color:#273449}.dark-mode .profile-page .profile-delete-modal-header h2{color:#f8fafc}.dark-mode .profile-page .profile-delete-modal-header p{color:#94a3b8}.dark-mode .profile-page .profile-delete-confirm-label{color:#cbd5e1}.dark-mode .profile-page .profile-delete-modal>input{color:#f8fafc;background:#182235;border-color:#334155}.dark-mode .profile-page .profile-delete-cancel{color:#cbd5e1;background:#182235;border-color:#334155}@media (width<=650px){.profile-page .profile-danger-zone{flex-direction:column;align-items:stretch}.profile-page .profile-delete-account-btn{width:100%}.profile-page .profile-delete-modal{padding:22px}.profile-page .profile-delete-modal-actions{flex-direction:column-reverse}.profile-page .profile-delete-modal-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.profile-page .profile-delete-modal{animation:none}.profile-page .profile-delete-account-btn,.profile-page .profile-delete-modal-actions button{transition:none}}.premium-patient-appointments{--hms-blue:#2563eb;--hms-blue-dark:#1d4ed8;--hms-navy:#0f172a;--hms-text:#334155;--hms-muted:#64748b;--hms-soft:#f8fafc;--hms-border:#e2e8f0;--hms-success:#16a34a;--hms-danger:#dc2626;width:100%;max-width:1400px;color:var(--hms-navy);margin:0 auto;padding:10px 4px 40px}.premium-patient-appointments>.appointment-header{border-bottom:1px solid var(--hms-border);justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 2px 22px;display:flex}.premium-patient-appointments>.appointment-header h1{color:var(--hms-navy);letter-spacing:-.025em;margin:0;font-size:clamp(25px,2.2vw,31px);font-weight:800;line-height:1.15}.premium-patient-appointments>.appointment-header p{color:var(--hms-muted);margin:8px 0 0;font-size:13px;line-height:1.55}.premium-patient-appointments .appointment-search{box-sizing:border-box;border:1px solid var(--hms-border);width:min(340px,100%);height:44px;color:var(--hms-navy);background:#fff;border-radius:11px;outline:none;padding:0 14px;font-size:12px;transition:border-color .18s,box-shadow .18s;box-shadow:0 3px 12px #0f172a08}.premium-patient-appointments .appointment-search:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.premium-patient-appointments .appointment-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0;display:grid}.premium-patient-appointments .summary-card{box-sizing:border-box;border:1px solid var(--hms-border);background:#fff;border-radius:15px;min-height:92px;padding:17px 18px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 7px 22px #0f172a0b}.premium-patient-appointments .summary-card:after{content:"";background:#2563eb0e;border-radius:50%;width:68px;height:68px;position:absolute;bottom:-20px;right:-14px}.premium-patient-appointments .summary-card:hover{transform:translateY(-2px);box-shadow:0 11px 28px #0f172a12}.premium-patient-appointments .summary-card h4{color:var(--hms-muted);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.premium-patient-appointments .summary-card h2{color:var(--hms-navy);margin:7px 0 0;font-size:27px;font-weight:800;line-height:1}.premium-patient-appointments .summary-card.upcoming{border-color:#bfdbfe}.premium-patient-appointments .summary-card.completed{border-color:#bbf7d0}.premium-patient-appointments .summary-card.cancelled{border-color:#fecaca}.premium-patient-appointments .filter-bar{border:1px solid var(--hms-border);background:#fff;border-radius:11px;align-items:center;gap:7px;width:fit-content;margin-bottom:17px;padding:5px;display:flex}.premium-patient-appointments .filter-bar button{min-height:34px;color:var(--hms-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:11px;font-weight:700;transition:background .18s,color .18s}.premium-patient-appointments .filter-bar button:hover{color:var(--hms-navy);background:#f1f5f9}.premium-patient-appointments .filter-bar button.active-filter{background:var(--hms-blue);color:#fff;box-shadow:0 3px 8px #2563eb2e}.premium-patient-appointments .appointment-card{transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden;border:1px solid var(--hms-border)!important;background:#fff!important;border-radius:18px!important;box-shadow:0 9px 30px #0f172a0e!important}.premium-patient-appointments .appointment-card:hover{transform:translateY(-2px);border-color:#cbd5e1!important;box-shadow:0 14px 34px #0f172a13!important}.premium-patient-appointments .appointment-card .appointment-header{padding:20px 21px 15px}.premium-patient-appointments .doctor-section{min-width:0}.premium-patient-appointments .doctor-avatar{width:48px!important;height:48px!important;color:var(--hms-blue)!important;background:linear-gradient(135deg,#dbeafe,#eff6ff)!important;border-radius:14px!important;font-size:17px!important;font-weight:800!important}.premium-patient-appointments .doctor-section h2{color:var(--hms-navy)}.premium-patient-appointments .doctor-speciality{color:var(--hms-muted)}.premium-patient-appointments .doctor-extra{color:#94a3b8}.premium-patient-appointments .today-badge{letter-spacing:.08em;border-radius:999px!important;font-size:8px!important}.premium-patient-appointments .appointment-progress,.premium-patient-appointments .timeline-wrapper{margin-left:21px;margin-right:21px}.premium-patient-appointments .progress-bar,.premium-patient-appointments .timeline-bar{background:#eef2f7;border-radius:999px;overflow:hidden}.premium-patient-appointments .progress-fill,.premium-patient-appointments .timeline-fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa)}.premium-patient-appointments .appointment-day{background:#fbfdff;border:1px solid #edf2f7;border-radius:11px;margin:0 21px}.premium-patient-appointments .appointment-body{background:#fcfdff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:17px 21px}.premium-patient-appointments .info-card{transition:border-color .18s;background:#fff!important;border:1px solid #edf2f7!important;border-radius:11px!important}.premium-patient-appointments .info-card:hover{border-color:#dbeafe!important}.premium-patient-appointments .info-card small{color:#94a3b8}.premium-patient-appointments .info-card h4{color:var(--hms-navy)}.premium-patient-appointments .appointment-actions{flex-wrap:wrap;gap:8px;padding:15px 21px 19px;display:flex}.premium-patient-appointments .appointment-actions button{min-height:38px;transition:transform .18s,box-shadow .18s;border-radius:9px!important;font-size:10px!important;font-weight:800!important}.premium-patient-appointments .appointment-actions button:hover{transform:translateY(-1px)}.premium-patient-appointments .invoice-btn{color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.premium-patient-appointments .empty-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;margin-top:20px;padding:55px 22px}.premium-patient-appointments .empty-state h1{margin:0 0 9px;font-size:38px}.premium-patient-appointments .empty-state h2{color:var(--hms-navy);margin:0;font-size:19px}.premium-patient-appointments .empty-state p{color:var(--hms-muted);font-size:12px}.invoice-overlay{z-index:50000;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a9e;justify-content:center;align-items:center;padding:26px;animation:.2s hmsInvoiceFade;display:flex;position:fixed;inset:0}@keyframes hmsInvoiceFade{0%{opacity:0}to{opacity:1}}.invoice-container{box-sizing:border-box;scrollbar-width:thin;background:#fff;border:1px solid #dbe3ed;border-radius:20px;width:min(100%,850px);max-height:calc(100vh - 52px);padding:0;position:relative;overflow-y:auto;box-shadow:0 30px 90px #0f172a47}.invoice-close{z-index:3;color:#fff;cursor:pointer;background:#ffffff21;border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;transition:background .18s;display:flex;position:absolute;top:17px;right:17px}.invoice-close:hover{background:#ffffff38}.invoice-header{color:#fff;background:linear-gradient(135deg,#173b9b 0%,#2563eb 55%,#3b82f6 100%);justify-content:space-between;align-items:center;gap:24px;padding:27px 28px 25px;display:flex}.invoice-brand{align-items:center;gap:13px;display:flex}.invoice-brand-mark{background:#ffffff24;border:1px solid #ffffff2e;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:17px;font-weight:900;display:flex}.invoice-brand h1{margin:0;font-size:20px;font-weight:800;line-height:1.25}.invoice-brand p{color:#ffffffc7;margin:5px 0 0;font-size:10px}.invoice-header-meta{text-align:right}.invoice-header-meta span{color:#ffffffad;letter-spacing:.14em;font-size:8px;font-weight:800;display:block}.invoice-header-meta strong{margin-top:4px;font-size:14px;display:block}.invoice-header-meta small{color:#ffffffad;margin-top:4px;font-size:9px;display:block}.invoice-status-row{background:#fff;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:18px;padding:16px 28px;display:flex}.invoice-status-row>div:first-child{align-items:center;gap:10px;display:flex}.invoice-status-row>div:first-child>span{color:#94a3b8;letter-spacing:.1em;font-size:8px;font-weight:800}.invoice-status{border-radius:999px;justify-content:center;align-items:center;min-height:25px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.invoice-status.paid{color:#15803d;background:#dcfce7}.invoice-status.pending{color:#a16207;background:#fef3c7}.invoice-reference{color:#64748b;font-size:10px;font-weight:700}.invoice-party-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 28px 12px;display:grid}.invoice-party-card{background:#fbfdff;border:1px solid #e8edf3;border-radius:13px;padding:15px 16px}.invoice-party-label{color:#94a3b8;letter-spacing:.12em;margin-bottom:7px;font-size:8px;font-weight:900;display:block}.invoice-party-card h3{color:#172033;margin:0;font-size:14px}.invoice-party-card p{color:#64748b;margin:5px 0 0;font-size:10px}.invoice-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:4px 28px 22px;display:grid}.invoice-info-grid>div{background:#fff;border:1px solid #edf2f7;border-radius:11px;min-width:0;padding:12px}.invoice-info-grid span{color:#94a3b8;margin-bottom:5px;font-size:8px;font-weight:700;display:block}.invoice-info-grid strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.invoice-transaction{letter-spacing:.01em}.invoice-section-title{justify-content:space-between;align-items:flex-end;gap:20px;padding:0 28px 12px;display:flex}.invoice-section-title span{color:#2563eb;letter-spacing:.12em;font-size:8px;font-weight:900}.invoice-section-title h2{color:#172033;margin:3px 0 0;font-size:17px;font-weight:800}.invoice-section-title small{color:#94a3b8;font-size:9px}.invoice-table-wrap{padding:0 28px}.invoice-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e7edf4;border-radius:13px;width:100%;overflow:hidden}.invoice-table thead th{color:#64748b;text-align:left;background:#f8fafc;border-bottom:1px solid #e7edf4;padding:12px 13px;font-size:9px;font-weight:800}.invoice-table thead th:nth-child(2){text-align:center;width:70px}.invoice-table thead th:nth-child(3){text-align:right;width:130px}.invoice-table tbody td{color:#334155;vertical-align:top;border-bottom:1px solid #eef2f7;padding:13px;font-size:10px}.invoice-table tbody tr:last-child td{border-bottom:0}.invoice-table tbody td:nth-child(2){text-align:center}.invoice-table tbody td:nth-child(3){text-align:right;color:#172033;font-weight:800}.invoice-table tbody td strong{color:#172033;font-size:10px;display:block}.invoice-table tbody td span{color:#94a3b8;margin-top:3px;font-size:8px;display:block}.invoice-summary{justify-content:space-between;align-items:stretch;gap:20px;padding:18px 28px 21px;display:flex}.invoice-summary-note{align-self:center}.invoice-summary-note span{color:#94a3b8;letter-spacing:.12em;font-size:8px;font-weight:900;display:block}.invoice-summary-note p{color:#64748b;max-width:340px;margin:5px 0 0;font-size:9px;line-height:1.55}.invoice-total{text-align:right;background:linear-gradient(#eff6ff,#f8fbff);border:1px solid #bfdbfe;border-radius:14px;min-width:190px;padding:15px 17px}.invoice-total span{color:#64748b;letter-spacing:.12em;font-size:8px;font-weight:900;display:block}.invoice-total strong{color:#1d4ed8;margin-top:3px;font-size:25px;font-weight:900;display:block}.invoice-footer{background:#fbfdff;border-top:1px solid #eef2f7;justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 28px 24px;display:flex}.invoice-footer-copy{flex-direction:column;gap:4px;display:flex}.invoice-footer-copy strong{color:#172033;font-size:11px}.invoice-footer-copy span{color:#94a3b8;font-size:8px}.invoice-signatures{gap:28px;display:flex}.invoice-signatures>div{text-align:center;min-width:115px}.invoice-signatures span{background:#94a3b8;height:1px;margin-bottom:5px;display:block}.invoice-signatures small{color:#94a3b8;font-size:8px}.invoice-buttons{background:#fff;border-top:1px solid #e7edf4;justify-content:flex-end;gap:8px;padding:14px 28px;display:flex}.invoice-buttons button{cursor:pointer;border-radius:9px;min-height:38px;padding:0 14px;font-size:10px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.invoice-buttons button:hover{transform:translateY(-1px)}.invoice-buttons .print-btn{color:#475569;background:#fff;border:1px solid #dbe3ed}.invoice-buttons .download-btn{color:#fff;background:#2563eb;border:0;box-shadow:0 4px 12px #2563eb29}.invoice-buttons .download-btn:hover{background:#1d4ed8}.invoice-buttons .close-btn{color:#dc2626;background:#fff8f8;border:1px solid #fecaca}@media (width<=1000px){.premium-patient-appointments .appointment-summary,.invoice-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.premium-patient-appointments>.appointment-header{flex-direction:column;align-items:stretch}.premium-patient-appointments .appointment-search{width:100%}.premium-patient-appointments .filter-bar{width:100%;overflow-x:auto}.premium-patient-appointments .filter-bar button{flex:none}.invoice-overlay{padding:10px}.invoice-container{border-radius:15px;max-height:calc(100vh - 20px)}.invoice-header{flex-direction:column;align-items:flex-start}.invoice-header-meta{text-align:left}.invoice-party-grid{grid-template-columns:1fr}.invoice-info-grid{grid-template-columns:1fr 1fr}.invoice-summary{flex-direction:column}.invoice-total{box-sizing:border-box;text-align:left;width:100%}.invoice-footer{flex-direction:column;align-items:stretch}.invoice-signatures{width:100%}.invoice-signatures>div{flex:1}.invoice-buttons{flex-wrap:wrap}.invoice-buttons button{flex:auto}}@media (width<=480px){.premium-patient-appointments .appointment-summary{grid-template-columns:1fr}.premium-patient-appointments .appointment-actions{grid-template-columns:1fr;display:grid}.premium-patient-appointments .appointment-actions button{width:100%}.invoice-header,.invoice-status-row,.invoice-party-grid,.invoice-info-grid,.invoice-section-title,.invoice-table-wrap,.invoice-summary,.invoice-footer,.invoice-buttons{padding-left:16px;padding-right:16px}.invoice-info-grid{grid-template-columns:1fr}.invoice-table thead th:nth-child(2){width:40px}.invoice-table thead th:nth-child(3){width:90px}.invoice-table tbody td{padding:10px 8px}.invoice-brand h1{font-size:17px}.invoice-summary-note p{max-width:none}.invoice-signatures{gap:13px}}.dark-mode .premium-patient-appointments{color:#f8fafc}.dark-mode .premium-patient-appointments .summary-card,.dark-mode .premium-patient-appointments .filter-bar,.dark-mode .premium-patient-appointments .appointment-card,.dark-mode .premium-patient-appointments .appointment-search,.dark-mode .premium-patient-appointments .info-card,.dark-mode .invoice-container,.dark-mode .invoice-table,.dark-mode .invoice-info-grid>div{background:#111827!important;border-color:#273449!important}.dark-mode .premium-patient-appointments>.appointment-header{border-color:#273449}.dark-mode .premium-patient-appointments>.appointment-header h1,.dark-mode .premium-patient-appointments .summary-card h2,.dark-mode .premium-patient-appointments .doctor-section h2,.dark-mode .premium-patient-appointments .info-card h4,.dark-mode .invoice-party-card h3,.dark-mode .invoice-section-title h2,.dark-mode .invoice-table tbody td,.dark-mode .invoice-table tbody td strong,.dark-mode .premium-patient-appointments .appointment-search{color:#f8fafc}.dark-mode .premium-patient-appointments .appointment-search::placeholder{color:#64748b}.dark-mode .premium-patient-appointments .filter-bar button{color:#94a3b8}.dark-mode .premium-patient-appointments .filter-bar button:hover{background:#182235}.dark-mode .invoice-status-row,.dark-mode .invoice-buttons{background:#111827;border-color:#273449}.dark-mode .invoice-party-card,.dark-mode .invoice-info-grid>div{background:#182235;border-color:#334155}.dark-mode .invoice-table thead th{color:#94a3b8;background:#182235;border-color:#334155}.dark-mode .invoice-table tbody td{border-color:#273449}.dark-mode .invoice-table-wrap{background:0 0}.dark-mode .invoice-summary{background:#111827}.dark-mode .invoice-footer{background:#0f172a;border-color:#273449}.dark-mode .invoice-buttons .print-btn{color:#cbd5e1;background:#182235;border-color:#334155}.dark-mode .invoice-buttons .close-btn{background:#7f1d1d26;border-color:#f8717140}@media print{body *{visibility:hidden!important}.invoice-overlay,.invoice-overlay *{visibility:visible!important}.invoice-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important}.invoice-container{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;position:relative!important;overflow:visible!important}.invoice-close,.invoice-buttons{display:none!important}.invoice-header{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (prefers-reduced-motion:reduce){.premium-patient-appointments .summary-card,.premium-patient-appointments .appointment-card,.premium-patient-appointments .appointment-search,.premium-patient-appointments .filter-bar button,.premium-patient-appointments .appointment-actions button,.invoice-overlay,.invoice-buttons button{transition:none!important;animation:none!important}}.premium-patient-appointments .appointments-error-state{background:#fff7f7;border:1px solid #fecaca;border-radius:16px;align-items:flex-start;gap:16px;margin-top:20px;padding:22px;display:flex;box-shadow:0 8px 24px #7f1d1d0d}.premium-patient-appointments .appointments-error-icon{color:#dc2626;background:#fee2e2;border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;font-weight:900;display:flex}.premium-patient-appointments .appointments-error-content{min-width:0}.premium-patient-appointments .appointments-error-content h2{color:#991b1b;margin:0 0 5px;font-size:16px}.premium-patient-appointments .appointments-error-content p{color:#7f1d1d;margin:0;font-size:12px;line-height:1.55}.premium-patient-appointments .appointments-error-content button,.premium-patient-appointments .empty-state-action{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;min-height:38px;margin-top:13px;padding:0 15px;font-size:11px;font-weight:800;transition:background .18s,transform .18s}.premium-patient-appointments .appointments-error-content button:hover,.premium-patient-appointments .empty-state-action:hover{background:#1d4ed8;transform:translateY(-1px)}.dark-mode .premium-patient-appointments .appointments-error-state{background:#7f1d1d26;border-color:#f8717140}.dark-mode .premium-patient-appointments .appointments-error-content h2{color:#fca5a5}.dark-mode .premium-patient-appointments .appointments-error-content p{color:#fecaca}@media (width<=600px){.premium-patient-appointments .appointments-error-state{flex-direction:column}}.pas-loading{width:100%}.pas-loading .pas-skeleton-line,.pas-loading .pas-skeleton-search,.pas-loading .pas-summary-skeleton-icon,.pas-loading .pas-filter-skeleton,.pas-loading .pas-doctor-avatar-skeleton,.pas-loading .pas-status-skeleton,.pas-loading .pas-date-chip-skeleton,.pas-loading .pas-progress-track,.pas-loading .pas-progress-fill,.pas-loading .pas-timeline-line,.pas-loading .pas-timeline-progress,.pas-loading .pas-timeline-point span,.pas-loading .pas-detail-skeleton-card,.pas-loading .pas-notice-skeleton,.pas-loading .pas-notice-icon-skeleton,.pas-loading .pas-action-skeleton{background:linear-gradient(105deg,#edf2f7 0% 34%,#fff 50%,#edf2f7 66% 100%) 0 0/260% 100%;animation:1.55s ease-in-out infinite pasWave;position:relative;overflow:hidden}@keyframes pasWave{0%{background-position:120% 0}to{background-position:-120% 0}}.pas-skeleton-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.pas-header-content{flex:1}.pas-title-wave{border-radius:8px;width:min(310px,70%);height:29px;margin-bottom:11px}.pas-subtitle-wave{border-radius:7px;width:min(400px,85%);height:14px}.pas-skeleton-search{border-radius:12px;flex:none;width:300px;height:46px}.pas-skeleton-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.pas-summary-skeleton-card{box-sizing:border-box;background:#fff;border:1px solid #e6ebf2;border-radius:15px;align-items:center;gap:14px;min-height:112px;padding:18px;display:flex;box-shadow:0 6px 22px #0f172a0a}.pas-summary-skeleton-icon{border-radius:14px;flex:0 0 47px;width:47px;height:47px}.pas-summary-skeleton-copy{flex:1}.pas-summary-label{border-radius:6px;width:72px;height:11px;margin-bottom:10px}.pas-summary-value{border-radius:7px;width:51px;height:22px}.pas-skeleton-filters{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.pas-filter-skeleton{border-radius:22px;width:96px;height:39px}.pas-skeleton-list{flex-direction:column;gap:20px;display:flex}.pas-appointment-skeleton-card{box-sizing:border-box;background:#fff;border:1px solid #e4e9f0;border-radius:18px;padding:25px;box-shadow:0 9px 28px #0f172a0b}.pas-doctor-skeleton{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.pas-doctor-skeleton-main{align-items:center;gap:15px;min-width:0;display:flex}.pas-doctor-avatar-skeleton{border-radius:50%;flex:0 0 67px;width:67px;height:67px}.pas-doctor-skeleton-info{flex:1;min-width:0}.pas-doctor-name{border-radius:7px;width:min(245px,78%);height:20px;margin-bottom:9px}.pas-doctor-department{border-radius:6px;width:155px;height:13px;margin-bottom:9px}.pas-doctor-meta{border-radius:5px;width:118px;height:10px}.pas-status-skeleton{border-radius:20px;flex:none;width:105px;height:34px}.pas-date-skeleton-row{background:#fafbfd;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;padding:11px 14px;display:flex}.pas-date-label{border-radius:6px;width:155px;height:12px}.pas-date-chip-skeleton{border-radius:15px;width:79px;height:24px}.pas-progress-skeleton{margin-bottom:25px}.pas-progress-header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.pas-progress-title{border-radius:6px;width:145px;height:12px}.pas-progress-number{border-radius:6px;width:34px;height:12px}.pas-progress-track{background:#edf1f5;border-radius:20px;width:100%;height:9px;overflow:hidden}.pas-progress-fill{border-radius:inherit;width:57%;height:100%}.pas-timeline-skeleton{margin-bottom:27px}.pas-timeline-line{border-radius:20px;width:100%;height:7px;overflow:hidden}.pas-timeline-progress{border-radius:inherit;width:62%;height:100%}.pas-timeline-points{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:11px;display:grid}.pas-timeline-point{align-items:center;gap:7px;display:flex}.pas-timeline-point.center{justify-content:center}.pas-timeline-point.right{justify-content:flex-end}.pas-timeline-point span{border-radius:50%;flex:0 0 10px;width:10px;height:10px}.pas-timeline-label{border-radius:5px;width:57px;height:9px}.pas-details-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.pas-detail-skeleton-card{box-sizing:border-box;background:#fbfcfd;border:1px solid #edf0f4;border-radius:12px;flex-direction:column;justify-content:center;gap:9px;min-height:73px;padding:13px;animation:none;display:flex}.pas-detail-skeleton-card:after{content:"";background:linear-gradient(105deg,#0000 25%,#ffffffe6 50%,#0000 75%) 0 0/220% 100%;animation:1.55s ease-in-out infinite pasWave;position:absolute;inset:0}.pas-detail-label{border-radius:5px;width:74px;height:9px}.pas-detail-value{border-radius:6px;width:118px;height:13px}.pas-notice-skeleton{box-sizing:border-box;background:linear-gradient(105deg,#edf2f7 0% 35%,#fff 50%,#edf2f7 65% 100%) 0 0/250% 100%;border-radius:12px;align-items:center;gap:12px;min-height:67px;margin-bottom:22px;padding:13px 15px;animation:1.55s ease-in-out infinite pasWave;display:flex}.pas-notice-icon-skeleton{border-radius:10px;flex:0 0 35px;width:35px;height:35px}.pas-notice-copy-skeleton{flex:1}.pas-notice-title{border-radius:6px;width:135px;height:11px;margin-bottom:8px}.pas-notice-text{border-radius:5px;width:min(460px,80%);height:9px}.pas-footer-skeleton-grid{border-top:1px solid #edf0f4;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:21px;padding-top:18px;display:grid}.pas-footer-skeleton-item{min-width:0}.pas-footer-label{border-radius:5px;width:68px;height:8px;margin-bottom:9px}.pas-footer-value{border-radius:6px;width:min(110px,85%);height:11px}.pas-actions-skeleton{border-top:1px solid #edf0f4;flex-wrap:wrap;justify-content:flex-end;gap:9px;padding-top:18px;display:flex}.pas-action-skeleton{border-radius:9px;width:106px;height:41px}@media (width<=950px){.pas-skeleton-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.pas-skeleton-search{width:245px}.pas-details-skeleton-grid,.pas-footer-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.pas-skeleton-header{flex-direction:column}.pas-skeleton-search{width:100%}.pas-skeleton-summary{grid-template-columns:1fr}.pas-appointment-skeleton-card{padding:18px}.pas-doctor-skeleton{flex-direction:column;align-items:flex-start}.pas-status-skeleton{width:98px}.pas-date-skeleton-row{flex-direction:column;align-items:flex-start}.pas-details-skeleton-grid{grid-template-columns:1fr}.pas-footer-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pas-actions-skeleton{justify-content:stretch}.pas-action-skeleton{flex:calc(50% - 9px);width:auto}}@media (width<=390px){.pas-appointment-skeleton-card{padding:15px}.pas-doctor-avatar-skeleton{flex-basis:58px;width:58px;height:58px}.pas-timeline-points{gap:5px}.pas-footer-skeleton-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pas-loading *,.pas-loading :before,.pas-loading :after{animation:none!important}}body{background-color:#f4f6f9;margin:0;font-family:Arial,sans-serif}.navbar{color:#fff;background-color:#1e3a8a;justify-content:space-between;align-items:center;padding:15px 25px;display:flex}.nav-left{font-size:24px;font-weight:700}.nav-right{align-items:center;gap:20px;display:flex}.nav-right a{color:#fff;border-radius:8px;padding:8px 12px;font-weight:700;text-decoration:none;transition:all .3s}.nav-right a:hover{background-color:#2563eb;transform:translateY(-2px)}.nav-right button{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:8px;padding:8px 15px;font-weight:700;transition:all .3s}.nav-right button:hover{background:#b91c1c;transform:scale(1.05)}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:25px;transition:all .3s;box-shadow:0 2px 10px #0000001a}.card h2{margin:0}.card p{font-size:30px;font-weight:700}@media (width<=768px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.layout{min-height:100vh;display:flex;overflow-x:auto}.sidebar{color:#fff;background:#1e3a8a;flex-direction:column;gap:12px;width:240px;max-width:100%;padding:20px;transition:all .3s;display:flex}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:flex-end;margin-bottom:10px;padding:4px 8px;font-size:22px;transition:all .3s}.menu-btn:hover{background:#ffffff26}.logo{text-align:center;margin-bottom:15px;font-size:20px}.sidebar a{color:#fff;border-radius:8px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .3s}.logout-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;margin-top:auto;padding:12px;font-weight:700}.logout-btn:hover{background:#b91c1c}.content{flex:1;min-width:0;padding:20px}.patients-card{border-left:6px solid #3b82f6}.doctors-card{border-left:6px solid #10b981}.appointments-card{border-left:6px solid #f59e0b}.bills-card{border-left:6px solid #ef4444}.card{color:inherit;text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:25px;text-decoration:none;transition:all .3s;box-shadow:0 2px 10px #0000001a}.active-link{background:#2563eb;font-weight:700}.sidebar a{align-items:center;gap:10px;display:flex}.theme-btn{cursor:pointer;color:#fff;background:#475569;border:none;border-radius:10px;margin-top:10px;padding:12px;font-weight:700;transition:all .3s}.theme-btn:hover{background:#334155}.dark-mode{color:#fff;background:#111827}.dark-mode .content{background:#111827}.dark-mode .card{color:#fff;background:#1f2937}.dark-mode input{color:#fff;background:#374151}.dark-mode table{color:#fff;background:#1f2937}.patient-table{border-collapse:collapse;width:100%;min-width:900px}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.patient-table th{color:#fff;background:#1e3a8a;padding:12px}.patient-table td{border-bottom:1px solid #ddd;padding:12px}.edit-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:8px 12px;transition:all .3s}.edit-btn:hover{background:#d97706}.delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 12px;transition:all .3s}input{border:1px solid #ccc;border-radius:8px;width:100%;padding:10px}.Toastify__toast{border-radius:12px;font-weight:600}.Toastify__progress-bar{height:4px}.page h1{color:#1e3a8a;margin-bottom:20px}.card{background:#fff;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 15px #00000014}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001f}.card input,.card select,.card textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:14px;font-size:15px;transition:all .3s}.card input:focus,.card select:focus,.card textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb26}.card textarea{resize:vertical;min-height:120px}.card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #2563eb40}.card button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2563eb59}.action-buttons .edit-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;width:90px;height:40px;padding:0;font-size:14px;font-weight:600;transition:all .3s;display:flex}.action-buttons .delete-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;justify-content:center;align-items:center;width:90px;height:40px;padding:0;font-size:14px;font-weight:600;transition:all .3s;display:flex}.action-buttons .edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #2563eb40}.action-buttons .delete-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #ef444440}.patient-table{border-collapse:collapse;border-radius:12px;width:100%;overflow:hidden}.patient-table th{color:#fff;table-layout:fixed;text-align:center;background:#2563eb;padding:16px;font-weight:600}.patient-table th,.patient-table td{text-align:center;min-width:100px}.patient-table td{text-align:center;border-bottom:1px solid #e5e7eb;padding:16px}.patient-table tr:hover{background:#f8fafc}.card input[type=text]{font-size:15px}@media (width<=768px){.page{padding:15px}.card{padding:16px}.patient-table{font-size:13px}.action-buttons{flex-direction:column}}.login-page{background:linear-gradient(135deg,#edf6ff,#f8fbff);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{-webkit-backdrop-filter:blur(18px);text-align:center;background:#ffffffb8;border:1px solid #ffffff8c;border-radius:32px;width:100%;max-width:470px;padding:42px;animation:.5s fade;position:relative;overflow:hidden;box-shadow:0 25px 70px #2563eb2e}.login-card:before{content:"";filter:blur(25px);background:#2563eb1a;border-radius:50%;width:250px;height:250px;position:absolute;top:-120px;right:-120px}.login-card:after{content:"";filter:blur(30px);background:#22c55e1a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-80px;left:-80px}@keyframes fade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card h1{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#2563eb,#16a34a);-webkit-background-clip:text;background-clip:text}.login-subtitle{color:#64748b;margin-bottom:30px;font-size:16px}.country-code{background:#eef5ff;border:1px solid #dbe8ff;border-radius:16px;padding:15px 18px;font-weight:700}.phone-input-group input{border:1px solid #d7dce5;border-radius:16px;flex:1;height:58px;padding:0 18px;font-size:18px}.phone-input-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 5px #2563eb26}.send-otp-btn,.verify-otp-btn{cursor:pointer;color:#fff;border:none;border-radius:50px;width:100%;height:58px;font-size:18px;font-weight:700;transition:all .3s}.send-otp-btn{background:linear-gradient(90deg,#16c784,#2563eb)}.verify-otp-btn{background:linear-gradient(90deg,#4f46e5,#2563eb);margin-top:25px}.send-otp-btn:hover,.verify-otp-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #2563eb40}.otp-title{margin:25px 0 20px;font-weight:700;display:block}.otp-container{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;width:100%;margin:25px auto;display:flex}.otp-input{color:#1e293b;text-align:center;box-sizing:border-box;background:#fff;outline:none;flex:0 0 54px;min-width:54px;max-width:54px;height:64px;font-size:28px;font-weight:700;transition:all .25s;border:2px solid #dbe2ef!important;border-radius:16px!important;width:54px!important}.otp-input:hover{border-color:#60a5fa!important}.otp-input.verified{background:#f0fdf4;border-color:#22c55e!important}@media (width<=600px){.otp-container{gap:8px}.otp-input{min-width:46px;max-width:46px;height:54px;font-size:22px;border-radius:12px!important;width:46px!important}}.success-box{padding:25px 0;animation:.5s fade}.success-circle{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:auto;font-size:60px;animation:.5s pop;display:flex}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.success-box h2{color:#16a34a;margin-top:20px;font-size:30px}.success-box p{color:#666;font-size:18px}.success-loader{border:5px solid #d1fae5;border-top-color:#22c55e;border-radius:50%;width:50px;height:50px;margin:25px auto 0;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=500px){.login-card{padding:28px}.otp-input{height:56px;font-size:24px;width:46px!important}}.phone-input-group{align-items:stretch;gap:10px;margin-bottom:15px;display:flex}.phone-input-group select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:110px;height:54px;padding:0 12px;font-size:15px}.phone-input-group input{flex:1;height:54px;margin-bottom:0}.card input[type=time]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:12px;font-size:15px}.page-header{align-items:center;margin-bottom:20px;display:flex}.header-actions{gap:10px;margin-left:auto;display:flex}.pdf-btn,.excel-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-weight:600;transition:all .3s}.excel-btn{background:linear-gradient(135deg,#16a34a,#15803d)}.pdf-btn:hover,.excel-btn:hover{transform:translateY(-2px)}.pdf-btn:disabled,.excel-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.form-toggle{justify-content:center;margin-bottom:20px;display:flex}.toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .3s}.toggle-btn:hover{transform:translateY(-2px)}.toast-success{animation:.4s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}button{transition:all .3s}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.success-check{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;animation:.5s scaleUp;display:flex}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}.Toastify__toast{border-radius:12px;font-size:15px;font-weight:600}.Toastify__toast--success{background:#16a34a}.Toastify__toast--error{background:#dc2626}.Toastify__toast--warning{background:#f59e0b}.Toastify__toast-body{padding:6px}.pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;width:90px;height:40px}@media screen and (width<=768px){.layout{flex-direction:column}.sidebar{width:70px;padding:10px}.sidebar.collapsed{width:70px}.logo,.sidebar a span,.theme-btn,.logout-btn{display:none}.content{padding:10px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.page{padding:10px}.card{padding:15px}.patient-table{white-space:nowrap;display:block;overflow-x:auto}.action-buttons{flex-direction:column}.page-header{flex-direction:column;align-items:stretch;gap:10px}.header-actions{flex-direction:column;margin-left:0}input,select,textarea,button{box-sizing:border-box;width:100%}.phone-input-group{flex-direction:column}.phone-input-group select{width:100%}}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}.card{width:100%}.content{margin-left:0;padding:10px}}@media screen and (width<=768px){.patient-table{min-width:900px}.action-buttons{flex-direction:column;gap:5px}.edit-btn,.delete-btn{width:100%}.page-header{flex-direction:column;align-items:stretch}.header-actions,.pdf-btn,.excel-btn{width:100%}}@media screen and (width<=768px){.patient-form{grid-template-columns:1fr}}.patient-form input,.patient-form select,.patient-form textarea{width:100%}.patient-form{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.patient-form h3,.patient-form button{grid-column:1/-1}.patient-form textarea{grid-column:span 2}@media screen and (width<=768px){.patient-form{grid-template-columns:1fr}.patient-form textarea{grid-column:span 1}}.otp-timer{text-align:center;margin-top:20px}.otp-timer p{color:#64748b;font-size:15px}.resend-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:700}.resend-btn:hover{text-decoration:underline}.otp-input{transition:all .25s}.otp-input:focus{transform:translateY(-6px)scale(1.08);box-shadow:0 15px 30px #2563eb40;border-color:#2563eb!important}.shake{animation:.45s shake}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}to{transform:rotate(0)}}.success-circle{animation:.8s bounce}@keyframes bounce{0%{opacity:0;transform:scale(.2)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.otp-container.merge{animation:.8s forwards mergeBoxes}@keyframes mergeBoxes{0%{opacity:1;transform:scale(1)}50%{transform:scale(.95)}to{opacity:0;transform:scale(.2)}}.fade-success{animation:.6s fadeSuccess}@keyframes fadeSuccess{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logging-text{color:#2563eb;margin-top:15px;font-weight:700;animation:1.2s infinite pulseText}@keyframes pulseText{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.loading-btn{pointer-events:none;opacity:.9;position:relative;overflow:hidden}.loading-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:100%;height:100%;animation:1s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{to{left:120%}}.send-otp-btn:disabled,.verify-otp-btn:disabled{cursor:not-allowed}.login-logo{text-align:center;margin-bottom:35px}.logo-circle{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;font-size:42px;animation:3s ease-in-out infinite logoFloat;display:flex;box-shadow:0 15px 40px #2563eb4d}.login-logo h1{color:#1e3a8a;margin-top:18px;font-size:30px}@keyframes logoFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.login-page{position:relative;overflow:hidden}.background-animation{z-index:0;position:absolute;inset:0;overflow:hidden}.background-animation span{background:#2563eb14;border-radius:50%;animation:20s linear infinite floatCircle;display:block;position:absolute}.background-animation span:first-child{width:240px;height:240px;animation-duration:18s;top:100px;left:-60px}.background-animation span:nth-child(2){width:170px;height:170px;animation-duration:23s;top:60px;right:80px}.background-animation span:nth-child(3){width:320px;height:320px;animation-duration:25s;bottom:-120px;left:15%}.background-animation span:nth-child(4){width:120px;height:120px;animation-duration:16s;bottom:100px;right:25%}.background-animation span:nth-child(5){width:80px;height:80px;animation-duration:14s;bottom:40px;right:10%}@keyframes floatCircle{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-40px)rotate(180deg)}to{transform:translateY(0)rotate(360deg)}}.login-card{z-index:5;position:relative}.change-number-btn{color:#2563eb;cursor:pointer;background:#f3f4f6;border:none;border-radius:14px;width:100%;height:48px;margin-top:12px;font-size:16px;font-weight:600;transition:all .3s}.change-number-btn:hover{background:#e5e7eb}.floating-input{margin-bottom:20px;position:relative}.floating-input label{color:#2563eb;background:#fff;padding:0 8px;font-size:14px;font-weight:600;position:absolute;top:-10px;left:18px}.change-number-btn{cursor:pointer;box-shadow:none!important;color:#ef4444!important;background:0 0!important;border:none!important;width:auto!important;margin-top:12px!important;padding:0!important;font-size:15px!important;font-weight:700!important}.change-number-btn{cursor:pointer;margin-top:10px;padding:0;font-size:15px;font-weight:700;box-shadow:none!important;color:#ef4444!important;background:0 0!important;border:none!important;width:auto!important}.change-number-btn:hover{text-decoration:underline;color:#dc2626!important;box-shadow:none!important;background:0 0!important;transform:none!important}.otp-timer{flex-direction:column;align-items:center;gap:12px;margin-top:20px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.back-btn,.dashboard-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.back-btn{background:linear-gradient(135deg,#64748b,#475569)}.dashboard-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.back-btn:hover,.dashboard-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0003}.back-btn:active,.dashboard-btn:active{transform:scale(.97)}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch}.back-btn,.dashboard-btn{width:100%}}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.back-btn,.dashboard-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px}.dashboard-actions{justify-content:flex-end;gap:12px;margin-bottom:20px;display:flex}.dark-btn,.logout-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-weight:600}.dark-btn:hover,.logout-btn:hover{opacity:.9}.edit-btn,.delete-btn,.pdf-btn,.pay-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;min-width:90px;height:40px;font-weight:600;transition:all .3s}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.pdf-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.pay-btn{background:linear-gradient(135deg,#22c55e,#16a34a)}.edit-btn:hover,.delete-btn:hover,.pdf-btn:hover,.pay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0000002e}.pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;width:110px;height:42px;font-weight:600}.pay-btn:hover{transform:translateY(-2px)}.top-navbar{background:#fff;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 25px;display:flex;box-shadow:0 2px 12px #00000014}.navbar-left{align-items:center;gap:20px;display:flex}.navbar-logo{color:#2563eb;margin:0}.navbar-search{background:#f1f5f9;border-radius:12px;align-items:center;gap:10px;width:320px;padding:10px 15px;display:flex}.navbar-search input{background:0 0;border:none;outline:none;width:100%}.navbar-right{align-items:center;gap:18px;display:flex}.icon-btn{cursor:pointer;background:#eef2ff;border:none;border-radius:50%;width:45px;height:45px;font-size:18px;transition:all .3s}.icon-btn:hover{color:#fff;background:#2563eb}.profile-box{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:6px 10px;transition:all .25s;display:flex}.profile-box:hover{background:#f3f6ff}.navbar-profile-image{object-fit:cover;object-position:center;object-fit:cover;object-position:center;border:2px solid #2563eb;border-radius:50%;flex-shrink:0;width:42px;min-width:42px;height:42px;min-height:42px;display:block;overflow:hidden;box-shadow:0 4px 12px #2563eb40}.profile-box p{color:#64748b;margin:0;font-size:12px}@media (width<=768px){.navbar-search{display:none}.profile-box{align-items:center;gap:8px;display:flex}.profile-box .navbar-profile-avatar{border-radius:50%;flex-shrink:0;width:36px;min-width:36px;height:36px;min-height:36px;position:relative;overflow:hidden;display:flex!important}.profile-box .navbar-profile-image{object-fit:cover;object-position:center;border-radius:50%;width:100%;min-width:100%;height:100%;min-height:100%;display:block}.profile-box .navbar-profile-info{display:none}.logout-btn{padding:10px;font-size:0}.logout-btn svg{font-size:18px}}.sidebar a.active{color:#fff;background:#2563eb;font-weight:600}.sidebar a{color:#fff;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;text-decoration:none;transition:all .3s;display:flex}.sidebar a:hover{background:#3b82f6;transform:translate(4px)}.sidebar.collapsed a span{display:none}.sidebar.collapsed{width:75px}.sidebar{transition:all .3s}.layout{background:#f3f6fb;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content{height:100vh;padding:25px;overflow-y:auto}.dark-mode .page-content{background:#111827}@media (width<=768px){.layout{flex-direction:column}.main-content{width:100%}.page-content{padding:15px}}.revenue-card{color:#fff;background:#16a34a}.book-appointment-page{background:#fff;border-radius:18px;max-width:900px;margin:30px auto;padding:30px;box-shadow:0 10px 30px #00000014}.dark-mode .book-appointment-page{color:#fff;background:#1f2937}.book-appointment-page h1{text-align:center;margin-bottom:30px}.form-group{flex-direction:column;display:flex}.form-group label{margin-bottom:8px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:14px;font-size:15px;transition:all .25s}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{color:#fff;background:#111827;border:1px solid #374151}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.appointment-buttons{grid-column:1/-1;justify-content:flex-end;gap:15px;margin-top:10px;display:flex}.book-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:14px 30px;font-size:16px;font-weight:600;transition:all .3s}.book-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.book-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}.clear-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:14px 30px;font-size:16px;font-weight:600;transition:all .3s}.clear-btn:hover{background:#dc2626;transform:translateY(-2px)}@media (width<=768px){.book-appointment-page{margin:15px;padding:20px}.appointment-form{grid-template-columns:1fr}.appointment-buttons{flex-direction:column}.book-btn,.clear-btn{width:100%}}.appointment-form{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;width:100%}.appointment-buttons{grid-column:1/-1;justify-content:flex-end;gap:12px;display:flex}input[type=time]{appearance:auto}input[type=time]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}.appointment-popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.3s popupFade;display:flex;position:fixed;inset:0}.appointment-popup{text-align:center;background:#fff;border-radius:20px;width:430px;max-width:90%;padding:35px;animation:.35s popupScale;box-shadow:0 20px 60px #00000040}.popup-icon{margin-bottom:15px;font-size:70px;animation:.6s shake}.appointment-popup h2{color:#d32f2f;margin-bottom:15px}.appointment-popup p{color:#555;line-height:1.6}.popup-primary,.popup-secondary{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:15px;transition:all .3s}.popup-primary{color:#fff;background:#1976d2}.popup-primary:hover{transform:translateY(-2px)}.popup-secondary{background:#efefef}.popup-secondary:hover{background:#ddd}@keyframes popupFade{0%{opacity:0}to{opacity:1}}@keyframes popupScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.payment-success-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.payment-success-card{text-align:center;background:#fff;border-radius:20px;width:420px;max-width:90%;padding:40px;animation:.35s popupScale}.success-check{color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto auto 20px;font-size:50px;display:flex}.payment-success-card h2{color:#16a34a}.payment-success-card p{color:#666;margin-top:15px}.appointment-actions{margin-top:15px}.patient-appointments h1{color:#1e3a8a;margin-bottom:25px;font-size:32px;font-weight:700}.appointment-card{background:#fff;border:1px solid #edf2f7;border-radius:18px;margin-bottom:25px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.appointment-card:before{content:"";background:#2563eb;width:8px;height:100%;position:absolute;top:0;left:0}.appointment-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #0000001f}.appointment-card h2{color:#2563eb;margin-bottom:10px;font-size:22px}.appointment-card p{color:#555;margin:8px 0;font-size:15px}.appointment-card strong{color:#111827}.status-chip{color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:110px;padding:8px 18px;font-size:13px;font-weight:700;animation:2s infinite statusGlow;display:inline-flex;box-shadow:0 6px 18px #00000026}@keyframes statusGlow{0%{box-shadow:0 0 #2563eb33}50%{box-shadow:0 0 20px #2563eb66}to{box-shadow:0 0 #2563eb33}}.loading-text,.empty-state{text-align:center;color:#6b7280;margin-top:60px}.empty-state h2{color:#1f2937;margin-top:20px}.empty-state p{color:#6b7280;margin-top:10px}@media (width<=768px){.patient-appointments{padding:15px}.appointment-card{padding:18px}.appointment-actions{flex-direction:column}.cancel-btn{width:100%}}.page-title{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-title h1{color:#1e3a8a;font-size:34px;font-weight:700}.page-title p{color:#6b7280;margin-top:6px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:35px;display:grid}.summary-card{background:#fff;border-radius:16px;padding:22px;transition:all .25s;box-shadow:0 10px 30px #00000014}.summary-card h3{color:#6b7280;margin-bottom:12px;font-size:15px}.summary-card h1{color:#2563eb;font-size:34px}.appointment-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.appointment-header h1{color:#1e3a8a;font-size:34px;font-weight:700}.appointment-header p{color:#6b7280;margin-top:6px}.appointment-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px;display:grid}.summary-card.pending:before{background:#f59e0b}.summary-card:hover{transform:translateY(-5px)}.summary-card h4{color:#6b7280;margin-bottom:10px;font-size:15px}@media (width<=768px){.appointment-header{flex-direction:column;align-items:flex-start}.appointment-search{width:100%}}.appointment-card{background:#fff;border-radius:18px;margin-bottom:25px;padding:24px;transition:all .3s;box-shadow:0 10px 30px #00000014}.appointment-card:hover{transform:translateY(-6px)}.appointment-top{align-items:center;gap:18px;margin-bottom:25px;display:flex}.doctor-avatar{background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;display:flex}.doctor-info{flex:1}.doctor-info h2{color:#1e3a8a;margin:0;font-size:24px}.doctor-info p{color:#6b7280;margin-top:6px}.status-badge{text-transform:uppercase;letter-spacing:1px;border-radius:30px;padding:10px 24px;font-weight:700}.appointment-details{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-bottom:20px;display:grid}.detail-box{background:#f8fafc;border-radius:12px;padding:14px}.detail-box label{color:#6b7280;margin-bottom:6px;font-size:13px;display:block}.detail-box span{color:#111827;font-size:17px;font-weight:600}.appointment-actions{justify-content:flex-end;margin-top:20px;display:flex}.cancel-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;padding:12px 18px;font-weight:600;transition:all .25s}@media (width<=768px){.appointment-top{flex-direction:column;align-items:flex-start}.appointment-actions{justify-content:center}.cancel-btn{width:100%}}.filter-bar button:hover{background:#d1d5db}.active-filter{color:#fff;box-shadow:0 8px 18px #2563eb4d;background:#2563eb!important}.skeleton{background:linear-gradient(90deg,#ececec 25%,#f7f7f7 50%,#ececec 75%) 0 0/400% 100%;animation:1.4s infinite skeleton-loading}@keyframes skeleton-loading{to{transform:translate(100%)}}.appointment-summary-skeleton{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px;display:grid}.summary-card-skeleton{border-radius:18px;height:110px}.appointment-card-skeleton{background:#fff;border-radius:20px;margin-bottom:25px;padding:24px;box-shadow:0 10px 30px #00000014}.appointment-top-skeleton{align-items:center;gap:18px;margin-bottom:25px;display:flex}.avatar-skeleton{border-radius:50%;width:70px;height:70px}.doctor-info-skeleton{flex:1}.line{border-radius:8px;margin-bottom:12px}.large{width:220px;height:22px}.medium{width:150px;height:16px}.badge-skeleton{border-radius:30px;width:120px;height:38px}.appointment-grid-skeleton{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin-bottom:25px;display:grid}.grid-box{border-radius:12px;height:80px}.button-skeleton{border-radius:10px;width:180px;height:44px;margin-left:auto}@media (width<=768px){.button-skeleton{width:100%}.large{width:150px}}.premium-card{background:#fff;border:1px solid #edf2f7;border-radius:22px;margin-bottom:28px;padding:28px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000014}.doctor-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:30px;font-weight:700;display:flex;box-shadow:0 10px 25px #2563eb59}.doctor-section p{color:#64748b;margin-top:6px;font-size:15px}.status-chip{color:#fff;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;box-shadow:0 8px 18px #00000026}.appointment-body{grid-template-columns:repeat(5,minmax(180px,1fr));align-items:stretch;gap:18px;display:grid}.info-card small{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.info-card h4{color:#1e293b;margin:0;font-size:18px;font-weight:700}.appointment-actions{flex-wrap:wrap;justify-content:flex-end;gap:14px;display:flex}.appointment-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.appointment-modal{background:#fff;border-radius:22px;width:100%;max-width:700px;padding:30px;animation:.25s popup;position:relative}@keyframes popup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-modal{cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:20px;right:20px}.modal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:30px 0;display:grid}.modal-grid div{background:#f8fafc;border-radius:14px;padding:18px}.modal-grid strong{color:#2563eb;margin-bottom:8px;display:block}.close-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700}.close-btn:hover{background:#1d4ed8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.premium-card{overflow:hidden}.view-btn,.invoice-btn,.cancel-btn,.rebook-btn{transition:all .3s}.view-btn:hover,.invoice-btn:hover,.cancel-btn:hover,.rebook-btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000002e}.status-chip{animation:2.5s infinite pulseStatus}@keyframes pulseStatus{0%{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 18px #2563eb59}to{box-shadow:0 0 #2563eb66}}.payment-paid{color:#fff;background:#16a34a;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.payment-pending{color:#fff;background:#f59e0b;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.payment-failed{color:#fff;background:#dc2626;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.doctor-speciality{color:#64748b;margin-top:4px;font-size:15px}.appointment-id{color:#94a3b8;margin-top:6px;font-size:12px;display:block}.reason-card{background:#f8fafc;border:1px solid #e2e8f0;border-left:6px solid #2563eb;border-radius:14px;grid-column:1/-1;margin-top:18px;padding:20px 24px}.reason-card small{color:#475569;margin:18px 20px 8px;font-size:17px;font-weight:700;display:block}.reason-card p{color:#1e293b;margin:0 20px;font-size:19px;font-weight:600;line-height:1.6}.calendar-btn,.share-btn{cursor:pointer;border:none;border-radius:10px;padding:11px 18px;font-weight:700;transition:all .3s}.calendar-btn:hover{transform:translateY(-2px)}.share-btn:hover{transform:translateY(-2px)}.view-btn,.rebook-btn,.invoice-btn,.cancel-btn,.calendar-btn,.share-btn{cursor:pointer;border:none;border-radius:10px;outline:none;padding:12px 18px;font-size:14px;font-weight:600;transition:all .3s}.view-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.rebook-btn:hover{background:#15803d;transform:translateY(-2px)}.invoice-btn:hover{background:#6d28d9;transform:translateY(-2px)}.cancel-btn:hover{background:#b91c1c;transform:translateY(-2px)}.appointment-actions button{min-width:140px}.timeline-wrapper{width:100%;margin-top:18px}.timeline-bar{background:#e5e7eb;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.timeline-fill{background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:999px;height:100%;transition:all .5s}.timeline-labels{justify-content:space-between;margin-top:10px;font-size:13px;font-weight:600;display:flex}.timeline-labels span{color:#94a3b8;font-size:13px;font-weight:600;transition:all .3s}.active-step{color:#2563eb!important;font-weight:700!important}.today-badge{color:#fff;letter-spacing:.6px;background:#ef4444;border-radius:999px;margin-left:12px;padding:4px 10px;font-size:11px;animation:1.8s infinite todayPulse}@keyframes todayPulse{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 18px #ef444459}to{transform:scale(1)}}.appointment-footer{grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0;display:grid}.appointment-footer div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:16px;transition:all .3s}.appointment-footer div:hover{background:#eff6ff;transform:translateY(-3px)}.appointment-footer small{color:#64748b;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.appointment-footer h4{color:#1e293b;margin:0;font-size:18px}.doctor-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:28px;font-weight:700;transition:all .35s;display:flex;box-shadow:0 12px 24px #2563eb59}.doctor-avatar:hover{transform:scale(1.08)rotate(8deg)}.premium-card{transition:all .35s;position:relative;overflow:hidden}.premium-card:after{content:"";background:#ffffff2e;width:60%;height:320%;transition:all .9s;position:absolute;top:-120%;left:-80%;transform:rotate(28deg)}.premium-card:hover:after{left:180%}.appointment-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.appointment-header h1{margin-bottom:6px;font-size:34px;font-weight:800}.appointment-header p{color:#64748b}.appointment-search{border:1px solid #dbe4ee;border-radius:12px;outline:none;width:340px;padding:14px 18px;font-size:15px;transition:all .3s}.appointment-search:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.appointment-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin:30px 0;display:grid}.summary-card{background:#fff;border:1px solid #edf2f7;border-radius:18px;padding:24px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014}.summary-card:before{content:"";background:#2563eb;width:6px;height:100%;position:absolute;top:0;left:0}.summary-card.upcoming:before{background:#f59e0b}.summary-card.completed:before{background:#16a34a}.summary-card.cancelled:before{background:#dc2626}.summary-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.summary-card h4{color:#64748b;margin:0;font-size:15px}.summary-card h2{color:#1e293b;margin-top:12px;font-size:34px;font-weight:700}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:30px;display:flex}.filter-bar button{cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;padding:12px 20px;font-weight:600;transition:all .3s}.filter-bar button:hover{color:#fff;background:#2563eb;transform:translateY(-2px)}.active-filter{box-shadow:0 8px 20px #2563eb40;color:#fff!important;background:#2563eb!important}.appointment-actions button{cursor:pointer;border:none;border-radius:12px;min-width:145px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .3s}.empty-state{text-align:center;background:#fff;border-radius:20px;padding:80px 20px;box-shadow:0 10px 25px #00000014}.empty-state h1{margin-bottom:15px;font-size:70px}.empty-state h2{color:#1e293b;margin-bottom:10px}.empty-state p{color:#64748b}.appointment-search{width:350px;max-width:100%}@media (width<=992px){.appointment-header{flex-direction:column;align-items:flex-start}.appointment-summary{grid-template-columns:repeat(2,1fr)}.appointment-footer{grid-template-columns:1fr}}@media (width<=768px){.patient-appointments{padding:15px}.appointment-summary,.appointment-body{grid-template-columns:1fr}.appointment-actions{flex-direction:column}.appointment-actions button{width:100%}.timeline-labels{font-size:12px}.status-chip{justify-content:center;width:100%}.doctor-section{flex-direction:column;align-items:flex-start}.doctor-avatar{width:60px;height:60px;font-size:22px}.appointment-search{width:100%}}@media (width<=480px){.appointment-header h1{font-size:26px}.summary-card h2{font-size:28px}.timeline-labels{flex-direction:column;gap:6px}}.urgency-chip{color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-width:110px;padding:8px 16px;font-size:12px;font-weight:1000;animation:1.4s infinite urgencyPulse;display:inline-flex;box-shadow:0 8px 18px #0000002e}@keyframes urgencyPulse{0%{transform:scale(1);box-shadow:0 0 #22c55e00}50%{transform:scale(1.06);box-shadow:0 0 18px #22c55e73}to{transform:scale(1);box-shadow:0 0 #22c55e00}}.appointment-day{align-items:center;width:100%;display:flex}.day-left{flex:1;align-items:center;display:flex}.day-right{flex:0 0 160px;justify-content:flex-end;align-items:center;display:flex}.urgency-badge{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:140px;height:42px;font-weight:700;display:flex}.patient-appointments{max-width:1450px;margin:auto;padding:25px}.premium-card{background:#fff;border:1px solid #edf2f7;border-radius:24px;transition:all .35s;position:relative;overflow:hidden}.premium-card:before{content:"";background:linear-gradient(90deg,#2563eb,#06b6d4,#16a34a);width:100%;height:5px;position:absolute;top:0;left:0}.premium-card:hover{transform:translateY(-10px);box-shadow:0 24px 50px #0000001f}.doctor-section{align-items:center;gap:20px;display:flex}.doctor-avatar{flex-shrink:0}.doctor-section h2{color:#1e293b;margin:0;font-size:25px;font-weight:700}.doctor-speciality{color:#64748b;margin-top:6px}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px;transition:all .3s}.info-card:hover{background:#eff6ff;transform:translateY(-4px)}.info-card small{color:#64748b;margin-bottom:6px;display:block}.info-card h4{color:#1e293b;margin:0;font-size:19px}.reason-card{background:#f8fafc;border-left:6px solid #2563eb;border-radius:16px;margin-top:20px;padding:18px}.appointment-note{box-sizing:border-box;width:100%;padding:14px 18px;padding:16px 20 px;background:#fff8db;border:1px solid #ffe58f;border-radius:12px;align-items:center;gap:10px;margin:0;display:flex}.appointment-actions{flex-wrap:wrap;gap:15px;margin-top:25px;display:flex}.appointment-actions button{cursor:pointer;border:none;border-radius:12px;min-width:150px;padding:13px 20px;font-weight:700;transition:all .3s}.appointment-actions button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000002e}.invoice-btn{color:#fff;background:#7c3aed}.calendar-btn{color:#fff;background:#0891b2}.share-btn{color:#fff;background:#059669}.rebook-btn{color:#fff;background:#16a34a}.cancel-btn{color:#fff;background:#dc2626}.appointment-modal{border-radius:24px;box-shadow:0 25px 60px #00000038}.modal-grid div{transition:all .3s}.modal-grid div:hover{background:#eff6ff;transform:translateY(-3px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes skeletonLoading{to{transform:translate(100%)}}@media (width<=768px){.appointment-header,.doctor-section{flex-direction:column;align-items:flex-start}.appointment-actions{flex-direction:column}.appointment-actions button{width:100%}.appointment-footer,.appointment-body{grid-template-columns:1fr}}body.dark-mode .premium-card{background:#1e293b;border-color:#334155}body.dark-mode .info-card{color:#fff;background:#273449}body.dark-mode .info-card h4{color:#fff}body.dark-mode .reason-card{color:#fff;background:#273449}body.dark-mode .appointment-footer div{background:#273449}body.dark-mode .appointment-modal{color:#fff;background:#1e293b}.invoice-overlay{z-index:99999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;padding:30px;animation:.3s fadeInvoice;display:flex;position:fixed;inset:0}@keyframes fadeInvoice{0%{opacity:0}to{opacity:1}}.invoice-container{background:#fff;border-radius:24px;width:100%;max-width:980px;padding:35px;animation:.35s invoicePopup;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000040}@keyframes invoicePopup{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.invoice-container:before{content:"";background:linear-gradient(90deg,#2563eb,#0ea5e9,#16a34a);width:100%;height:8px;position:absolute;top:0;left:0}.invoice-close{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;width:42px;height:42px;font-size:20px;transition:all .3s;position:absolute;top:20px;right:25px}.invoice-close:hover{transform:rotate(180deg)}.invoice-header{text-align:center;margin-bottom:35px}.invoice-header h1{color:#1e293b;margin-bottom:8px;font-size:38px}.invoice-header p{color:#64748b;font-size:15px}.invoice-section{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:28px 0;display:grid}.invoice-section div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px;transition:all .3s}.invoice-section div:hover{background:#eff6ff;transform:translateY(-3px)}.invoice-section h4{color:#2563eb;margin-bottom:8px;font-size:14px}.invoice-section p{color:#1e293b;margin:0;font-size:16px;font-weight:600}.invoice-table{border-collapse:collapse;border-radius:18px;width:100%;margin-top:35px;overflow:hidden}.invoice-table thead{color:#fff;background:#2563eb}.invoice-table th{padding:18px;font-size:15px}.invoice-table td{text-align:center;border-bottom:1px solid #edf2f7;padding:18px}.invoice-table tbody tr:nth-child(2n){background:#f8fafc}.invoice-table tbody tr:hover{background:#eff6ff}.invoice-total{justify-content:flex-end;align-items:center;gap:25px;margin-top:30px;display:flex}.invoice-total h2{color:#475569;margin:0}.invoice-total h1{color:#16a34a;margin:0;font-size:42px;font-weight:800}.invoice-footer{border-top:2px dashed #dbe4ee;justify-content:space-between;margin-top:50px;padding-top:30px;display:flex}.invoice-footer div{text-align:center;color:#334155;border-top:2px solid #1e293b;width:220px;padding-top:12px;font-weight:700}.invoice-buttons{flex-wrap:wrap;justify-content:flex-end;gap:18px;margin-top:40px;display:flex}.print-btn,.download-btn,.close-btn{cursor:pointer;border:none;border-radius:20px;padding:14px 26px;font-size:15px;font-weight:700;transition:all .3s}.print-btn{color:#fff;background:#2563eb}.close-btn{color:#fff;background:#ef4444}.print-btn:hover,.download-btn:hover,.close-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0003}.invoice-container hr{border:none;border-top:1px dashed #dbe4ee;margin:28px 0}@media (width<=768px){.invoice-container{padding:20px}.invoice-section{grid-template-columns:1fr}.invoice-footer{flex-direction:column;align-items:center;gap:30px}.invoice-buttons{flex-direction:column}.invoice-buttons button{width:100%}.invoice-total{justify-content:space-between}.invoice-header h1{font-size:30px}}@media print{html,body{background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:hidden!important}body *{visibility:hidden!important}.invoice-overlay,.invoice-overlay *{visibility:visible!important}.invoice-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;inset:0!important}.invoice-container{width:100%!important;max-width:100%!important;box-shadow:none!important;page-break-before:avoid!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-before:avoid-page!important;break-after:avoid-page!important;break-inside:avoid-page!important;border-radius:0!important;margin:0!important;padding:20px!important;position:static!important;overflow:visible!important}.invoice-buttons,.invoice-close{display:none!important}}body.dark-mode .invoice-container{color:#fff;background:#1e293b}body.dark-mode .invoice-section div{background:#273449;border-color:#334155}body.dark-mode .invoice-section p{color:#fff}body.dark-mode .invoice-table tbody tr:nth-child(2n){background:#273449}body.dark-mode .invoice-table td{color:#fff}body.dark-mode .invoice-footer div{color:#fff;border-color:#fff}.appointment-progress{width:100%;margin:25px 0}.progress-top{color:#334155;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;display:flex}.progress-bar{background:#e5e7eb;border-radius:50px;width:100%;height:10px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:999px;height:100%;transition:width .5s}.appointment-timeline{justify-content:space-between;align-items:flex-start;width:100%;margin-top:20px;display:flex;position:relative}.appointment-timeline:before{content:"";z-index:0;background:#dbeafe;border-radius:50px;height:4px;position:absolute;top:18px;left:40px;right:40px}.timeline-step{z-index:2;text-align:center;flex-direction:column;align-items:center;width:33.33%;display:flex;position:relative}.timeline-step small{color:#64748b;margin-top:10px;font-size:13px;font-weight:600}.timeline-labels{justify-content:space-between;width:100%;margin-top:10px;display:flex}.timeline-labels span{flex:1}.timeline-labels span:first-child{text-align:left}.timeline-labels span:nth-child(2){text-align:center}.timeline-labels span:last-child{text-align:right}.circle{color:#fff;background:#cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;transition:all .3s;display:flex}.timeline-step.active .circle{background:#2563eb;box-shadow:0 0 15px #2563eb59}.timeline-step.active small{color:#2563eb}.progress-top span:last-child{text-align:right;min-width:50px}.cf-turnstile{justify-content:center;align-items:center;width:100%;margin:18px auto 12px;display:flex;overflow:hidden}.cf-turnstile iframe{transform-origin:50%;transform:scale(.92)}@media (width<=768px){.cf-turnstile iframe{transform:scale(.82)}}.login-card{z-index:10;border-radius:24px;width:520px;max-width:95%;padding:34px;position:relative;overflow:visible}.send-otp-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#22c55e,#2563eb);border:none;border-radius:30px;width:100%;height:54px;margin-top:16px;font-size:17px;font-weight:700;transition:all .3s}.send-otp-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #2563eb47}.send-otp-btn:disabled{opacity:.65;cursor:not-allowed}.phone-input-group input{border-radius:14px;height:52px;font-size:16px}.logo-circle{width:82px;height:82px;font-size:38px}.patient-dashboard{flex-direction:column;gap:28px;padding:28px;animation:.45s fadeDashboard;display:flex}@keyframes fadeDashboard{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.patient-dashboard-header{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border-radius:24px;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px;display:flex;box-shadow:0 20px 45px #2563eb40}.patient-dashboard-header h1{margin:0;font-size:34px;font-weight:700}.patient-dashboard-header p{opacity:.92;margin-top:10px;font-size:15px}.patient-name{color:#fde68a}.primary-btn{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:14px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .3s}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0000002e}.health-score-card{background:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;padding:30px;display:flex;box-shadow:0 12px 35px #00000014}.health-score-card small{color:#64748b;font-size:15px}.health-score-card h2{color:#2563eb;margin:10px 0;font-size:42px}.health-score-card p{color:#16a34a;margin:0;font-weight:700}.health-circle{width:120px;height:120px;position:relative}.health-circle svg{width:120px;height:120px}.health-percent{color:#2563eb;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;display:grid}.dashboard-card{background:#fff;border-radius:20px;align-items:center;gap:18px;padding:24px;transition:all .3s;display:flex;box-shadow:0 12px 30px #00000012}.dashboard-card:hover{transform:translateY(-8px);box-shadow:0 22px 40px #0000001f}.dashboard-card-icon{color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:30px;display:flex}.dashboard-card small{color:#64748b;margin-bottom:8px;display:block}.dashboard-card h2{color:#1e293b;margin:0;font-size:30px}.next-appointment-card{color:#fff;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:24px;justify-content:space-between;align-items:center;gap:30px;padding:30px;display:flex;position:relative;overflow:hidden}.next-appointment-card:after{content:"";background:#ffffff0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.next-appointment-card h2{opacity:.9;margin:0;font-size:18px}.next-appointment-card h3{margin:14px 0 10px;font-size:28px}.next-appointment-card p{opacity:.9;margin:6px 0}.appointment-countdown{text-align:center}.appointment-countdown small{opacity:.85}.appointment-countdown h1{color:#fde68a;margin-top:10px;font-size:40px}.section-title{color:#1e3a8a;margin:0;font-size:28px;font-weight:700}.dashboard-two-column{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.dashboard-panel{background:#fff;border-radius:22px;padding:24px;transition:all .3s;box-shadow:0 12px 30px #00000014}.dashboard-panel:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f}.panel-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.panel-header h2{color:#1e3a8a;margin:0;font-size:22px}.quick-action-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.quick-action-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #edf2f7;border-radius:20px;padding:28px 20px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000014}.quick-action-card:before{content:"";opacity:0;background:linear-gradient(135deg,#2563eb,#60a5fa);transition:all .35s;position:absolute;inset:0}.quick-action-card:hover:before{opacity:.08}.quick-action-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #2563eb2e}.quick-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:18px;justify-content:center;align-items:center;width:74px;height:74px;margin:auto auto 18px;font-size:34px;display:flex}.quick-action-card h3{color:#1e293b;margin:0;font-size:18px}.activity-item{border-bottom:1px solid #eef2f7;align-items:center;gap:18px;padding:16px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 6px #2563eb1f}.activity-content{flex:1}.activity-content h4{color:#1e293b;margin:0;font-size:16px}.activity-content small{color:#64748b;margin-top:5px;display:block}.status-chip{color:#fff;white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700}.medicine-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:18px;transition:all .3s;display:flex}.medicine-card:last-child{margin-bottom:0}.medicine-card:hover{background:#eff6ff;transform:translate(6px)}.medicine-card h4{color:#1e293b;margin:0}.medicine-card small{color:#64748b}.medicine-time{color:#fff;text-align:center;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:12px;min-width:90px;padding:10px 16px;font-weight:700}.empty-panel{text-align:center;color:#94a3b8;padding:50px 20px;font-size:15px}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.tip-card{color:#334155;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:18px;padding:20px;font-weight:600;line-height:1.7;transition:all .3s;position:relative;overflow:hidden}.tip-card:before{content:"";background:linear-gradient(#22c55e,#16a34a);width:6px;height:100%;position:absolute;top:0;left:0}.tip-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px #0000001a}.dashboard-footer{text-align:center;color:#64748b;padding:35px 20px}.dashboard-footer p{color:#334155;margin:0;font-weight:700}.dashboard-footer small{margin-top:8px;display:block}.dashboard-card,.quick-action-card,.dashboard-panel,.next-appointment-card,.health-score-card{animation:.45s dashboardFade}@keyframes dashboardFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.dashboard-panel:hover,.health-score-card:hover,.next-appointment-card:hover{transition:all .3s;transform:translateY(-4px)}.dashboard-card:hover h2,.quick-action-card:hover h3{color:#2563eb}@media (width<=992px){.dashboard-two-column{grid-template-columns:1fr}}@media (width<=768px){.patient-dashboard{gap:20px;padding:16px}.patient-dashboard-header{flex-direction:column;align-items:flex-start;padding:22px}.patient-dashboard-header h1{font-size:28px}.health-score-card{text-align:center;flex-direction:column}.next-appointment-card{flex-direction:column;align-items:flex-start}.dashboard-summary-grid{grid-template-columns:1fr}.quick-action-grid{grid-template-columns:repeat(2,1fr)}.tips-grid{grid-template-columns:1fr}.primary-btn{width:100%}}@media (width<=480px){.quick-action-grid{grid-template-columns:1fr}.dashboard-card{padding:18px}.dashboard-card h2{font-size:24px}.health-score-card h2{font-size:34px}.appointment-countdown h1{font-size:30px}}.patient-billing-page{background:#f8fafc;min-height:100vh;padding:24px}.billing-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.billing-header h1{color:#0f172a;margin-bottom:6px;font-size:30px;font-weight:700}.billing-header p{color:#64748b;font-size:15px}.billing-summary-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px;display:grid}.billing-summary-card{background:#fff;border-radius:16px;padding:22px;transition:all .25s;box-shadow:0 8px 25px #0000000f}.billing-summary-card:hover{transform:translateY(-4px)}.billing-summary-card h3{color:#64748b;margin-bottom:10px;font-size:15px}.billing-summary-card h2{color:#2563eb;font-size:32px;font-weight:700}.billing-search{margin-bottom:22px}.billing-search input{background:#fff;border:1px solid #dbe4ee;border-radius:12px;outline:none;width:100%;padding:15px 18px;font-size:15px;transition:all .3s}.billing-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.billing-table-wrapper{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000012}.billing-table{border-collapse:collapse;width:100%}.billing-table thead{background:#2563eb}.billing-table th{color:#fff;text-align:left;padding:18px;font-size:14px;font-weight:600}.billing-table td{color:#334155;border-bottom:1px solid #edf2f7;padding:18px;font-size:14px}.billing-table tbody tr{transition:all .25s}.billing-table tbody tr:hover{background:#f8fbff}.paid{color:#15803d;background:#dcfce7;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.pending{color:#b45309;background:#fef3c7;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.view-bill-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .25s}.view-bill-btn:hover{background:#1d4ed8}.empty-bills{text-align:center;color:#64748b;background:#fff;border-radius:16px;padding:80px 20px;box-shadow:0 8px 25px #0000000d}@media (width<=1100px){.billing-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.patient-billing-page{padding:15px}.billing-header{flex-direction:column;align-items:flex-start;gap:12px}.billing-summary-grid{grid-template-columns:1fr}.billing-table-wrapper{overflow-x:auto}.billing-table{min-width:900px}}.skeleton{background:#e2e8f0;border-radius:12px;position:relative;overflow:hidden}.skeleton-number{width:60px;height:35px}.skeleton-line{width:100%;height:20px}.dashboard-banner{border-radius:24px;height:170px;margin-bottom:30px}.dashboard-icon{border-radius:18px;width:70px;height:70px;margin-right:18px}.dashboard-title{width:130px;height:18px;margin-bottom:10px}.dashboard-value{width:80px;height:34px}.dashboard-health{border-radius:24px;height:220px;margin:30px 0}.panel-title{width:160px;height:22px;margin-bottom:25px}.panel-item{height:60px;margin-bottom:15px}.dashboard-skeleton{background:#fff;border-radius:20px;margin-bottom:25px}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:150%;height:100%;animation:1.3s infinite loading;position:absolute;top:0;left:-150%}@keyframes loading{to{left:150%}}.header{height:120px}.health{height:150px}.appointment{height:160px}.skeleton-card{background:#fff}.line{background:#e5e7eb;border-radius:8px;width:100%;height:16px;margin-bottom:12px}.short{width:60%}.tiny{width:70px;height:18px}.title{width:220px;height:22px;margin-bottom:25px}.circle{background:#e5e7eb;border-radius:50%;width:55px;height:55px;margin-bottom:15px}.dashboard-card.skeleton-card{align-items:center;gap:18px;padding:24px;display:flex}.quick-action-card.skeleton-card{flex-direction:column;align-items:center;padding:30px;display:flex}.quick-action-card .circle{margin-bottom:18px}.activity-item{padding:18px 0}.tip-card.skeleton-card{padding:20px}.progress-bar{background:#e5e7eb;border-radius:999px;height:12px;overflow:hidden}.premium-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:22px!important;box-shadow:0 15px 35px #0000001a!important}.info-card{background:#f8fafc!important;border:1px solid #dbeafe!important}.appointment-body{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:18px!important;display:grid!important}.progress-bar{background:#e5e7eb!important;border-radius:999px!important;width:100%!important;height:10px!important}.progress-fill{background:linear-gradient(90deg,#2563eb,#22c55e)!important;height:100%!important}.status-chip{color:#fff!important;border-radius:999px!important;padding:10px 18px!important}.doctor-avatar{color:#fff!important;background:linear-gradient(135deg,#2563eb,#60a5fa)!important;border-radius:50%!important;width:72px!important;height:72px!important}.appointment-footer{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:18px!important;display:grid!important}.appointment-footer div{background:#f8fafc!important;border:1px solid #e2e8f0!important}.notification-wrapper{position:relative}.notification-count{color:#fff;z-index:10;background:#ef4444;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;animation:1.8s infinite notificationPulse;display:flex;position:absolute;top:-6px;right:-4px}.notification-dropdown{z-index:99999;background:#fff;border:1px solid #edf2f7;border-radius:20px;width:380px;animation:.25s notificationPopup;position:absolute;top:58px;right:0;overflow:hidden;box-shadow:0 25px 60px #0000002e}@keyframes notificationPopup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-header{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.notification-header h3{margin:0;font-size:20px;font-weight:700}.mark-read-btn{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .3s}.mark-read-btn:hover{transform:translateY(-2px)}.notification-item{cursor:pointer;border-bottom:1px solid #f1f5f9;gap:15px;padding:18px 20px;transition:all .25s;display:flex}.notification-item:hover{background:#eff6ff}.notification-item.unread{background:#f8fbff}.notification-item.unread:before{content:"";background:#2563eb;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.notification-icon{background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.notification-content{flex:1}.notification-content h4{color:#1e293b;margin:0;font-size:15px;font-weight:700}.notification-content p{color:#64748b;margin:6px 0;font-size:13px;line-height:1.5}.notification-content small{color:#94a3b8;font-size:12px}.empty-notification{text-align:center;color:#64748b;padding:45px 20px;font-size:15px}.view-all-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;width:100%;padding:16px;font-weight:700;transition:all .3s}.view-all-btn:hover{background:#1d4ed8}.notification-dropdown{max-height:500px;overflow-y:auto}.notification-dropdown::-webkit-scrollbar{width:7px}.notification-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:30px}body.dark-mode .notification-dropdown{background:#1e293b;border-color:#334155}body.dark-mode .notification-item{border-bottom:1px solid #334155}body.dark-mode .notification-item:hover{background:#273449}body.dark-mode .notification-content p{color:#cbd5e1}body.dark-mode .notification-content small{color:#94a3b8}body.dark-mode .notification-icon{background:#334155}body.dark-mode .mark-read-btn{color:#fff;background:#334155}body.dark-mode .view-all-btn{background:#2563eb}@media (width<=768px){.notification-dropdown{width:320px;right:-40px}}@media (width<=480px){.notification-dropdown{width:auto;position:fixed;top:75px;left:12px;right:12px}}.notifications-page{background:var(--page-bg,#f5f7fb);min-height:100vh;padding:32px}.notifications-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;display:flex}.notifications-header h1{color:#1f2937;margin:0;font-size:32px;font-weight:800}.notifications-header p{color:#6b7280;margin-top:8px;font-size:15px}.mark-all-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;padding:13px 24px;font-weight:700;transition:all .25s;box-shadow:0 10px 25px #2563eb40}.mark-all-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px #2563eb59}.notification-card{background:#fff;border:1px solid #0000000f;border-radius:18px;align-items:flex-start;gap:18px;margin-bottom:18px;padding:22px;transition:all .25s;display:flex;position:relative;box-shadow:0 8px 25px #0000000d}.notification-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #0000001a}.notification-icon{color:#2563eb;background:#eef4ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;font-size:26px;display:flex}.notification-body{flex:1}.notification-body h3{color:#111827;margin:0;font-size:19px;font-weight:700}.notification-body p{color:#4b5563;margin:10px 0;font-size:15px;line-height:1.6}.notification-body span{color:#9ca3af;font-size:13px}.notification-dot{background:#2563eb;border-radius:50%;width:14px;height:14px;margin-top:8px;box-shadow:0 0 0 6px #2563eb26}.empty-notification-page{text-align:center;background:#fff;border-radius:22px;padding:90px 30px;box-shadow:0 10px 35px #0000000d}.empty-notification-page svg{color:#3b82f6;margin-bottom:20px}.empty-notification-page h2{color:#111827;margin:0}.empty-notification-page p{color:#6b7280;margin-top:10px}.skeleton{background:#e5e7eb;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.2s infinite skeleton-loading;position:absolute;inset:0;transform:translate(-100%)}body.dark-mode .notifications-page{background:#0f172a}body.dark-mode .notification-card{background:#1e293b;border-color:#334155}body.dark-mode .notification-card.unread{background:#172554}body.dark-mode .notification-body h3{color:#fff}body.dark-mode .notification-body p{color:#cbd5e1}body.dark-mode .notification-body span{color:#94a3b8}body.dark-mode .notifications-header h1{color:#fff}body.dark-mode .notifications-header p{color:#cbd5e1}body.dark-mode .notification-icon{color:#fff;background:#1d4ed8}body.dark-mode .empty-notification-page{background:#1e293b}body.dark-mode .empty-notification-page h2{color:#fff}body.dark-mode .empty-notification-page p{color:#cbd5e1}@media (width<=768px){.notifications-page{padding:18px}.notifications-header{flex-direction:column;align-items:flex-start}.notification-card{padding:18px}.notification-icon{width:50px;height:50px;font-size:22px}.notification-body h3{font-size:17px}.mark-all-btn{width:100%}}.notification-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:28px 0;display:flex}.notification-search{border:1px solid #d1d5db;border-radius:12px;outline:none;flex:1;min-width:280px;padding:14px 18px;font-size:15px;transition:all .25s}.notification-search:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.notification-filters{flex-wrap:wrap;gap:10px;display:flex}.notification-filters button{cursor:pointer;background:#eef2ff;border:none;border-radius:30px;padding:10px 18px;font-weight:600;transition:all .25s}.notification-filters button:hover{background:#dbeafe}.notification-filters .active{color:#fff;background:#2563eb;box-shadow:0 8px 18px #2563eb40}body.dark-mode .notification-search{color:#fff;background:#1e293b;border-color:#334155}body.dark-mode .notification-filters button{color:#fff;background:#334155}body.dark-mode .notification-filters .active{background:#2563eb}.notification-actions{align-items:center;gap:10px;display:flex}.read-btn,.delete-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;transition:all .25s;display:flex}.read-btn:hover{color:#fff;background:#16a34a;transform:scale(1.08)}.delete-btn:hover{color:#fff;background:#dc2626;transform:scale(1.08)}body.dark-mode .read-btn{color:#86efac;background:#14532d}body.dark-mode .delete-btn{color:#fca5a5;background:#450a0a}.navbar-bell{position:relative}.notification-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:11px;font-weight:700;animation:.3s badgePop;display:flex;position:absolute;top:-6px;right:-6px}.ring{animation:.6s ringBell}@keyframes ringBell{0%{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-18deg)}45%{transform:rotate(15deg)}60%{transform:rotate(-10deg)}to{transform:rotate(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.profile-card{background:#fff;border-radius:20px;align-items:center;gap:40px;padding:40px;display:flex;box-shadow:0 10px 30px #00000014}.profile-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:60px;font-weight:700;display:flex;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-upload{color:#fff;cursor:pointer;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 10px 20px #0003}.upload-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:block}.profile-photo-actions{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:18px;display:flex}.change-photo-btn,.delete-photo-btn{cursor:pointer;border:none;border-radius:10px;width:180px;height:42px;font-size:14px;font-weight:600;transition:all .3s}.change-photo-btn,.delete-photo-btn{width:100%;height:42px}.change-photo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.delete-photo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #dc26264d}.change-photo-btn:disabled,.delete-photo-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.photo-upload-loading{justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:14px;font-weight:500;display:flex}.spinner{border:3px solid #0000001f;border-top-color:#2563eb;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite profileSpin}@keyframes profileSpin{to{transform:rotate(360deg)}}@media (width<=768px){.profile-photo-actions{flex-direction:column;width:100%}.change-photo-btn,.delete-photo-btn{width:100%}}.profile-details{flex:1}.profile-details h2{margin:0}.role-badge{color:#2563eb;background:#eef2ff;border-radius:999px;margin-top:8px;padding:6px 14px;font-weight:600;display:inline-block}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:35px;display:grid}.profile-item{background:#f8fbff;border:1px solid #e5eef9;border-radius:14px;padding:18px}.profile-item label{color:#7b8794;margin-bottom:6px;font-size:13px;display:block}.profile-item p{color:#1f2937;font-size:17px;font-weight:600}.profile-section h3{color:#1e3a8a;margin-bottom:12px}.status-active{color:#16a34a;font-weight:700}.profile-item p{margin:0;font-size:17px;font-weight:600}.edit-profile-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 22px;font-weight:600;display:flex}.profile-modal{z-index:9999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.profile-modal-content{background:#fff;border-radius:20px;flex-direction:column;gap:15px;width:700px;max-width:95%;padding:44px;display:flex}.profile-modal-header{justify-content:space-between;align-items:center;display:flex}.profile-modal-header button{cursor:pointer;background:0 0;border:none;font-size:22px}.profile-modal-content input,.profile-modal-content textarea{border:1px solid #ddd;border-radius:10px;padding:14px;font-size:15px}.profile-modal-footer{justify-content:flex-end;gap:15px;display:flex}.cancel-btn{cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:12px 22px}.save-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 22px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.skeleton-edit{width:140px;height:40px}.skeleton-role{width:80px;height:26px;margin-top:20px}.skeleton-small{width:140px;height:16px;margin-top:14px}.skeleton-label{width:80px;height:14px;margin-bottom:10px}.skeleton-text{width:160px;height:22px}.profile-section{margin-top:28px}.skeleton-section-title{width:180px;height:24px;margin-bottom:15px}.skeleton-box{width:100%;height:70px}.skeleton-box.large{height:120px}@media (width<=768px){.profile-page{padding:12px}.profile-page .page-header{flex-direction:column;align-items:stretch;gap:12px}.profile-page .page-header h1{text-align:center;font-size:28px}.profile-page .profile-actions,.profile-page .edit-profile-btn,.profile-page .back-btn{width:100%}.profile-page .profile-card{flex-direction:column;gap:20px;padding:20px}.profile-page .profile-avatar{margin:0 auto}.profile-page .profile-grid{grid-template-columns:1fr;gap:14px}.profile-page .profile-item{width:100%}.profile-page .profile-modal-content{width:95%;max-height:90vh;padding:20px;overflow-y:auto}.profile-page .profile-modal-content input,.profile-page .profile-modal-content textarea{width:100%}.profile-page .profile-modal-footer{flex-direction:column;gap:10px}.profile-page .profile-modal-footer button{width:100%}.sidebar{z-index:1000;width:260px;height:100vh;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.collapsed{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0)}.main-content,.content,.dashboard-content{width:100%!important;margin-left:0!important}}.prescription-page{background:#f5f7fb;min-height:100vh;padding:24px}.prescription-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.prescription-header h1{color:#1f2937;margin-bottom:6px;font-size:34px}.prescription-header p{color:#6b7280}.prescription-search{border:1px solid #d1d5db;border-radius:12px;outline:none;width:320px;max-width:100%;padding:14px 18px;font-size:15px;transition:all .25s}.prescription-search:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.prescription-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:22px;display:grid}.prescription-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0000001f}.prescription-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.prescription-top h2{color:#111827;font-size:22px}.status-badge{color:#15803d;background:#dcfce7;border-radius:30px;padding:6px 14px;font-size:13px;font-weight:600}.prescription-row{border-bottom:1px solid #ececec;justify-content:space-between;gap:20px;padding:12px 0;display:flex}.prescription-row strong{color:#374151}.prescription-row span{text-align:right;color:#4b5563}.notes-box{background:#f8fafc;border-radius:12px;margin-top:18px;padding:16px}.notes-box strong{margin-bottom:8px;display:block}.notes-box p{color:#4b5563;line-height:1.6}.prescription-buttons{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.prescription-buttons button{cursor:pointer;border:none;border-radius:10px;flex:1;min-width:150px;padding:13px;font-size:15px;font-weight:600;transition:all .25s}.prescription-buttons button:hover{transform:translateY(-2px)}.empty-prescription{text-align:center;background:#fff;border-radius:18px;padding:60px 20px;box-shadow:0 8px 20px #00000014}.empty-prescription h2{color:#1f2937;margin-bottom:12px}.empty-prescription p{color:#6b7280}.skeleton-card{padding:22px}.skeleton-line{height:18px;margin:16px 0}@keyframes pulse{0%{opacity:.45}50%{opacity:1}to{opacity:.45}}body.dark-mode .prescription-page{background:#0f172a}body.dark-mode .prescription-card,body.dark-mode .empty-prescription{color:#fff;background:#1e293b;border-color:#334155}body.dark-mode .notes-box{background:#0f172a}body.dark-mode .prescription-row{border-color:#334155}body.dark-mode .prescription-search{color:#fff;background:#1e293b;border-color:#334155}@media (width<=768px){.prescription-page{padding:16px}.prescription-header{flex-direction:column;align-items:stretch}.prescription-header h1{font-size:28px}.prescription-grid{grid-template-columns:1fr}.prescription-card{padding:18px}.prescription-row{flex-direction:column;gap:6px}.prescription-row span{text-align:left}.prescription-buttons{flex-direction:column}.prescription-buttons button{width:100%}}.doctor-card{align-items:center;gap:15px;margin:20px 0;display:flex}.doctor-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;display:flex}.doctor-card h3{margin:0;font-size:18px}.doctor-card p{color:#6b7280;margin-top:4px}.medicine-section{margin-top:18px}.medicine-chip{color:#1e40af;background:#eef2ff;border-radius:30px;margin-top:10px;padding:10px 16px;font-weight:600;display:inline-block}.dosage-section{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.dosage-box,.duration-box{background:#f3f4f6;border-radius:10px;padding:12px 16px;font-weight:600}body.dark-mode .medicine-chip{color:#fff;background:#312e81}body.dark-mode .dosage-box,body.dark-mode .duration-box{color:#fff;background:#334155}.prescription-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;display:flex}.medicine-time{flex-wrap:wrap;gap:10px;display:flex}.time-pill{border-radius:30px;padding:8px 14px;font-size:13px;font-weight:600}.morning{color:#a16207;background:#fff7cc}.afternoon{color:#1d4ed8;background:#dbeafe}.night{color:#6d28d9;background:#ede9fe}.prescription-buttons{flex-wrap:wrap;gap:12px;display:flex}.prescription-buttons button{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:600;transition:all .25s}.prescription-buttons button:first-child{color:#fff;background:#2563eb}.prescription-buttons button:last-child{color:#fff;background:#10b981}.prescription-buttons button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000026}body.dark-mode .morning{color:#fde68a;background:#78350f}body.dark-mode .afternoon{color:#fff;background:#1e3a8a}body.dark-mode .night{color:#fff;background:#4c1d95}@media (width<=768px){.prescription-footer{flex-direction:column;align-items:stretch}.medicine-time{justify-content:center}.prescription-buttons{flex-direction:column;width:100%}.prescription-buttons button{width:100%}}.stat-card{text-align:center;background:#fff;border-radius:18px;padding:22px;transition:all .3s;box-shadow:0 10px 25px #00000014}.stat-card h2{color:#2563eb;margin-bottom:8px;font-size:34px}.stat-card p{color:#6b7280;font-weight:600}body.dark-mode .stat-card{color:#fff;background:#1e293b}body.dark-mode .stat-card p{color:#cbd5e1}@media (width<=768px){.prescription-stats{grid-template-columns:1fr}}.info-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin:22px 0;display:grid}.info-box{background:#f8fafc;border-radius:12px;flex-direction:column;padding:15px;display:flex}.info-box strong{color:#6b7280;margin-bottom:6px;font-size:13px}.info-box span{font-weight:600}.medicine-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.followup-card{background:#ecfeff;border-left:5px solid #06b6d4;border-radius:14px;margin-top:20px;padding:18px}.followup-card h4{margin-bottom:8px}.status-badge.active{color:#15803d;background:#dcfce7}.status-badge.completed{color:#1d4ed8;background:#dbeafe}.status-badge.expired{color:#dc2626;background:#fee2e2}body.dark-mode .info-box{background:#334155}body.dark-mode .followup-card{color:#fff;background:#164e63}@media (width<=768px){.info-grid{grid-template-columns:1fr}}.patient-prescriptions-skeleton{width:100%;padding:24px}.mt-10{margin-top:10px}.mb-20{margin-bottom:20px}.prescription-skeleton-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.prescription-skeleton-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.prescription-skeleton-stat,.prescription-skeleton-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 6px 20px #0000000f}.prescription-skeleton-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.prescription-skeleton-doctor{align-items:center;gap:16px;margin-bottom:24px;display:flex}.prescription-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:24px;display:grid}.prescription-skeleton-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.prescription-skeleton-chips,.prescription-skeleton-buttons{flex-wrap:wrap;gap:12px;display:flex}@media (width<=992px){.prescription-skeleton-stats,.prescription-skeleton-grid{grid-template-columns:1fr}}@media (width<=768px){.prescription-skeleton-header,.prescription-skeleton-top,.prescription-skeleton-bottom{flex-direction:column;align-items:stretch}.prescription-skeleton-doctor{flex-direction:column;align-items:flex-start}}.navbar-profile-skeleton{background:linear-gradient(90deg,#ececec 25%,#f7f7f7 50%,#ececec 75%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:34px;height:34px;animation:1.2s linear infinite navbarSkeleton}@keyframes navbarSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px;display:grid}.report-card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:all .25s}.report-card:hover{transform:translateY(-4px)}.report-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.report-icon{color:#2563eb;background:#eff6ff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:24px;display:grid}.report-header h3{margin:0;font-size:18px}.report-header p{color:#777;margin-top:4px;font-size:14px}.report-info{margin-bottom:18px}.report-actions{flex-wrap:wrap;gap:10px;display:flex}.report-actions a,.report-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-weight:600;text-decoration:none;display:flex}.view-btn{color:#fff;background:#2563eb}.download-btn{color:#fff;background:#16a34a}.skeleton-btn{width:120px;height:40px}.skeleton-title{width:220px;height:32px}.skeleton-input{width:100%;height:44px}.skeleton-avatar{border-radius:50%;width:56px;height:56px}.skeleton-text{width:100%;height:16px;margin-top:12px}.skeleton-text.short{width:60%}.skeleton-action{flex:1;height:40px}@media (width<=768px){.report-actions{flex-direction:column}.reports-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:20px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);text-align:center;border-radius:16px;padding:24px;transition:all .25s}.stat-card:hover{transform:translateY(-4px)}.stat-card h3{color:#2563eb;margin:0 0 8px;font-size:34px}.stat-card p{color:#666;margin:0}.modal-overlay{z-index:9999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.delete-modal{background:var(--card-bg);text-align:center;width:420px;max-width:90%;box-shadow:var(--shadow);border-radius:18px;padding:28px}.delete-icon{margin-bottom:14px;font-size:56px}.delete-actions{gap:14px;margin-top:24px;display:flex}.cancel-btn,.delete-actions .delete-btn{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-weight:600}.cancel-btn{background:#e5e7eb}.page{padding:24px}.page-header{margin-bottom:24px}.page-header h1{font-size:32px;font-weight:700}.card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:16px;padding:24px}.card h2{margin-bottom:12px}.card p{color:#666;line-height:1.6}.medical-history-page{flex-direction:column;gap:24px;padding:24px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.page-header h1{align-items:center;gap:10px;font-size:30px;font-weight:700;display:flex}.page-header p{color:#666;margin-top:8px}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.primary-btn:hover{transform:translateY(-2px)}.history-toolbar{flex-wrap:wrap;gap:16px;display:flex}.search-box,.patient-select{background:#fff;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:260px;padding:14px 16px;display:flex;box-shadow:0 2px 10px #00000014}.search-box input,.patient-select select{background:0 0;border:none;outline:none;width:100%;font-size:15px}.history-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.history-card{background:#fff;border-radius:16px;padding:22px;transition:all .25s;box-shadow:0 8px 25px #00000014}.history-card:hover{transform:translateY(-5px)}.history-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.history-icon{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;font-size:22px;display:flex}.history-actions{gap:10px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:10px;width:42px;height:42px;transition:all .25s}.edit-btn{background:#facc15}.edit-btn:hover,.delete-btn:hover{transform:scale(1.08)}.history-body{flex-direction:column;gap:18px;display:flex}.history-item{align-items:flex-start;gap:14px;display:flex}.history-item svg{color:#2563eb;margin-top:4px}.history-item h4{margin-bottom:5px;font-size:15px}.history-item p{color:#666;line-height:1.5}.empty-history{text-align:center;color:#666;background:#fff;border-radius:15px;padding:60px;font-size:18px;box-shadow:0 8px 25px #00000014}.skeleton-card{pointer-events:none}.skeleton{background:linear-gradient(90deg,#f2f2f2,#e8e8e8,#f2f2f2);border-radius:8px;animation:1.3s infinite pulse}.skeleton-icon{border-radius:50%;width:55px;height:55px;margin-bottom:20px}.skeleton-title{width:70%;height:18px;margin-bottom:18px}.skeleton-line{width:100%;height:12px;margin-bottom:12px}.skeleton-line.short{width:60%}@media (width<=768px){.medical-history-page{padding:15px}.page-header{flex-direction:column;align-items:stretch}.primary-btn{justify-content:center}.history-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.history-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;padding:28px;animation:.25s modalPop;box-shadow:0 20px 60px #0000002e}.history-modal h2{margin-bottom:20px;font-size:28px;font-weight:700}.history-modal form{flex-direction:column;gap:16px;display:flex}.history-modal textarea{resize:vertical;border:1px solid #d9d9d9;border-radius:12px;outline:none;width:100%;min-height:90px;padding:14px;font-family:inherit;font-size:15px;transition:all .25s}.history-modal textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.modal-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.cancel-btn{cursor:pointer;background:#e5e7eb;border:none;border-radius:10px;padding:12px 20px;font-weight:600;transition:all .25s}.cancel-btn:hover{background:#d1d5db}@keyframes modalPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.history-modal{border-radius:16px;padding:20px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}.profile-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:150px;min-width:150px;height:150px;min-height:150px;font-size:58px;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001f}.profile-avatar-overlay{background:#0006;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.change-photo-btn,.delete-photo-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.change-photo-btn:hover:not(:disabled),.delete-photo-btn:hover:not(:disabled){transform:translateY(-1px)}@keyframes profilePhotoSpin{to{transform:rotate(360deg)}}@keyframes navbarProfileSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.profile-avatar-section{width:100%}.profile-avatar{width:130px;min-width:130px;height:130px;min-height:130px;font-size:48px}.profile-photo-actions{width:200px;max-width:100%}.navbar-profile-info{display:none}}.profile-avatar-section{flex-direction:column;flex-shrink:0;align-items:center;width:220px;display:flex}.profile-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:150px;min-width:150px;height:150px;min-height:150px;font-size:58px;font-weight:700;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001f}.profile-avatar:hover{transform:translateY(-2px);box-shadow:0 14px 35px #00000026}.profile-avatar-image{object-fit:cover;object-position:center;border-radius:50%;width:100%;min-width:100%;height:100%;min-height:100%;display:block}.profile-avatar-initial{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-avatar-uploading{transform:scale(.98)}.profile-avatar-overlay{z-index:2;background:#0000006b;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-spinner{border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite profilePhotoSpin}.profile-photo-actions{flex-direction:column;gap:10px;width:100%;margin-top:18px;display:flex}.change-photo-btn,.delete-photo-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 14px;font-size:14px;font-weight:600;transition:transform .2s,opacity .2s,box-shadow .2s;display:flex}.change-photo-btn{color:#fff;background:#2563eb}.delete-photo-btn{color:#fff;background:#ef4444}.change-photo-btn:hover:not(:disabled),.delete-photo-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 15px #0000001f}.change-photo-btn:disabled,.delete-photo-btn:disabled{opacity:.6;cursor:not-allowed}.profile-photo-status{color:#64748b;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.status-spinner{border:2px solid #cbd5e1;border-top-color:#2563eb;border-radius:50%;width:13px;height:13px;animation:.75s linear infinite profilePhotoSpin}.photo-crop-modal{z-index:10000;background:#000000c7;justify-content:center;align-items:center;padding:20px;animation:.2s cropOverlayIn;display:flex;position:fixed;inset:0}@keyframes cropOverlayIn{0%{opacity:0}to{opacity:1}}.photo-crop-container{background:#fff;border-radius:20px;width:100%;max-width:520px;animation:.22s cropContainerIn;overflow:hidden;box-shadow:0 30px 80px #00000059}@keyframes cropContainerIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.photo-crop-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:64px;padding:0 20px;display:flex}.photo-crop-header h2{color:#111827;margin:0;font-size:18px;font-weight:700}.photo-crop-header button{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .2s;display:flex}.photo-crop-header button:hover:not(:disabled){background:#e5e7eb;transform:rotate(3deg)}.photo-crop-header button:disabled{opacity:.5;cursor:not-allowed}.photo-crop-area{background:#111827;width:100%;height:420px;position:relative}.crop-controls{background:#fff;align-items:center;gap:14px;padding:18px 22px;display:flex}.crop-controls span{color:#374151;min-width:42px;font-size:14px;font-weight:600}.crop-controls input[type=range]{cursor:pointer;flex:1;width:100%}.photo-crop-actions{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.crop-cancel-btn,.crop-save-btn{cursor:pointer;border:none;border-radius:10px;min-width:100px;min-height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s}.crop-cancel-btn{color:#334155;background:#f1f5f9}.crop-save-btn{color:#fff;background:#2563eb;box-shadow:0 4px 12px #2563eb33}.crop-cancel-btn:hover:not(:disabled),.crop-save-btn:hover:not(:disabled){transform:translateY(-1px)}.crop-save-btn:hover:not(:disabled){box-shadow:0 7px 18px #2563eb47}.crop-cancel-btn:disabled,.crop-save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.profile-avatar-section{width:100%}.profile-avatar{width:130px;min-width:130px;height:130px;min-height:130px;font-size:48px}.profile-photo-actions{width:200px;max-width:100%}.photo-crop-modal{padding:12px}.photo-crop-area{height:350px}.photo-crop-container{max-width:100%}.navbar-profile-info{display:none}}.navbar-profile-avatar{background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;min-height:36px;display:flex;position:relative;overflow:hidden}.navbar-profile-image{object-fit:cover;object-position:center;border-radius:50%;width:100%;min-width:100%;height:100%;min-height:100%;display:block}.navbar-default-avatar{flex-shrink:0;width:34px;height:34px}.navbar-profile-info strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.navbar-profile-info p{opacity:.7;margin:2px 0 0;font-size:11px;font-weight:600}.navbar-profile-skeleton{background:linear-gradient(90deg,#ececec 25%,#f7f7f7 50%,#ececec 75%) 0 0/200% 100%;border-radius:50%;width:36px;height:36px;animation:1.2s linear infinite navbarProfileSkeleton;position:absolute;inset:0}.history-modal{background:var(--card-bg,#fff);border-radius:18px;width:min(760px,94vw);max-height:90vh;padding:24px;animation:.2s medicalHistoryModalIn;overflow-y:auto;box-shadow:0 25px 70px #00000040}@keyframes medicalHistoryModalIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.history-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.history-modal-header h2{color:#111827;margin:0;font-size:22px;font-weight:700}.history-modal-header p{color:#64748b;margin:6px 0 0;font-size:14px}.modal-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:24px;line-height:1;transition:background .2s,transform .2s;display:flex}.modal-close-btn:hover:not(:disabled){background:#e2e8f0;transform:rotate(3deg)}.modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.history-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.history-form-field{flex-direction:column;gap:8px;display:flex}.history-form-field label{color:#334155;font-size:13px;font-weight:700}.history-form-field textarea{resize:vertical;color:#0f172a;background:#fff;border:1px solid #dbe2ea;border-radius:12px;outline:none;width:100%;min-height:110px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .2s,box-shadow .2s}.history-form-field textarea::placeholder{color:#94a3b8}.history-form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.history-form-field textarea:disabled{cursor:not-allowed;background:#f8fafc}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:18px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;transition:transform .2s,opacity .2s;display:inline-flex}.modal-actions button:hover:not(:disabled){transform:translateY(-1px)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.modal-actions .cancel-btn{color:#334155;background:#f1f5f9}.modal-actions .primary-btn{color:#fff;background:#2563eb}.modal-btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite medicalHistorySpinner}@keyframes medicalHistorySpinner{to{transform:rotate(360deg)}}@media (width<=700px){.history-modal{border-radius:14px;padding:18px}.history-form-grid{grid-template-columns:1fr}.history-modal-header h2{font-size:19px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.patient-doctors-page{box-sizing:border-box;width:100%;padding:24px}.patient-doctors-header h1{margin:0;font-size:28px;font-weight:700}.patient-doctors-header p{color:#64748b;margin:6px 0 0;font-size:14px}.patient-doctors-filters{grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-bottom:18px;display:grid}.doctor-search{background:#fff;border:1px solid #dbe2ea;border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.doctor-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.doctor-search svg{color:#64748b;flex-shrink:0}.doctor-search input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:13px 0;font-size:14px}.doctor-search input::placeholder{color:#94a3b8}.patient-doctors-filters select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:12px;outline:none;width:100%;min-height:48px;padding:0 13px;transition:border-color .2s,box-shadow .2s}.patient-doctors-filters select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.doctor-results-info{color:#64748b;margin-bottom:18px;font-size:14px}.doctor-results-info strong{color:#0f172a}.patient-doctor-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;box-shadow:0 8px 25px #0f172a0f}.patient-doctor-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.patient-doctor-avatar{color:#2563eb;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;font-size:24px;display:flex}.doctor-availability{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.doctor-availability.available{color:#15803d;background:#dcfce7}.doctor-availability.unavailable{color:#b45309;background:#fef3c7}.patient-doctor-info{margin-top:18px}.patient-doctor-info h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.doctor-specialization{color:#2563eb;margin:6px 0 0;font-size:14px;font-weight:600}.patient-doctor-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.patient-doctor-stats>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:12px}.patient-doctor-stats strong{color:#0f172a;font-size:17px;font-weight:700;display:block}.patient-doctor-stats span{color:#64748b;margin-top:4px;font-size:12px;display:block}.patient-doctor-contact{color:#64748b;flex-direction:column;gap:7px;margin-top:16px;font-size:13px;display:flex}.patient-doctor-contact div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-doctor-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:11px;width:100%;margin-top:18px;padding:12px 14px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.book-doctor-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 7px 16px #2563eb38}.book-doctor-btn:active{transform:translateY(0)}.patient-doctors-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:70px 20px;box-shadow:0 6px 20px #0f172a0a}.patient-doctors-empty .empty-icon{margin-bottom:12px;font-size:52px}.patient-doctors-empty h2{color:#0f172a;margin:0 0 8px;font-size:21px}.patient-doctors-empty p{color:#64748b;margin:0 0 20px}@media (width<=768px){.patient-doctors-page{padding:16px}.patient-doctors-header{align-items:flex-start;gap:12px}.patient-doctors-header h1{font-size:23px}.patient-doctors-header p{font-size:13px}.patient-doctors-filters,.patient-doctors-grid{grid-template-columns:1fr}}@media (width<=480px){.patient-doctors-header{flex-direction:column}.patient-doctors-header .back-btn{align-self:flex-start}.patient-doctor-card{border-radius:15px;padding:16px}.patient-doctor-avatar{border-radius:14px;width:50px;min-width:50px;height:50px;font-size:21px}.patient-doctor-info h2{font-size:18px}.doctor-availability{padding:5px 8px;font-size:11px}}.book-appointment-page{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:28px}.book-appointment-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.booking-eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:800;display:inline-block}.book-appointment-header h1{color:#0f172a;margin:0;font-size:30px;font-weight:800}.book-appointment-header p{color:#64748b;margin:7px 0 0;font-size:14px}.booking-back-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbe3ee;border-radius:11px;justify-content:center;align-items:center;padding:10px 15px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.booking-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.selected-doctor-banner{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:15px;margin-bottom:18px;padding:16px 18px;display:flex;box-shadow:0 6px 20px #2563eb12}.selected-doctor-icon{background:#dbeafe;border-radius:14px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:21px;display:flex}.selected-doctor-info{flex-direction:column;flex:1;min-width:0;display:flex}.selected-doctor-info span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.selected-doctor-info strong{color:#0f172a;margin-top:2px;font-size:17px}.selected-doctor-info small{color:#2563eb;margin-top:2px;font-size:12px;font-weight:600}.selected-doctor-meta{gap:10px;display:flex}.selected-doctor-meta div{background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:100px;padding:9px 11px}.selected-doctor-meta span{color:#64748b;font-size:10px;display:block}.selected-doctor-meta strong{color:#0f172a;margin-top:3px;font-size:13px;display:block}.appointment-form{background:#fff;border:1px solid #e5eaf1;border-radius:19px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px;display:grid;box-shadow:0 10px 35px #0f172a0f}.appointment-form-title{border-bottom:1px solid #eef2f7;grid-column:1/-1;padding-bottom:6px}.appointment-form-title h2{color:#0f172a;margin:0;font-size:19px}.appointment-form-title p{color:#64748b;margin:5px 0 0;font-size:13px}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:#334155;font-size:13px;font-weight:700}.form-group input,.form-group select,.form-group textarea,.form-control{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe3ee;border-radius:11px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group textarea{resize:vertical;min-height:105px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.form-group input[readonly]{color:#475569;background:#f8fafc}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.65;cursor:not-allowed}.appointment-buttons{border-top:1px solid #eef2f7;grid-column:1/-1;justify-content:flex-end;gap:11px;padding-top:6px;display:flex}.clear-btn,.book-btn{cursor:pointer;border:none;border-radius:11px;min-height:45px;padding:0 19px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.clear-btn{color:#b91c1c;background:#fee2e2}.clear-btn:hover:not(:disabled){background:#fecaca;transform:translateY(-1px)}.book-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);min-width:190px;box-shadow:0 8px 18px #2563eb2e}.book-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 25px #2563eb40}.clear-btn:disabled,.book-btn:disabled{opacity:.6;cursor:not-allowed}.appointment-popup-overlay,.payment-success-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.appointment-popup,.payment-success-card{text-align:center;background:#fff;border-radius:20px;width:min(460px,100%);padding:30px;animation:.2s appointmentPopupIn;box-shadow:0 25px 70px #0f172a38}@keyframes appointmentPopupIn{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.popup-icon{margin-bottom:10px;font-size:46px}.appointment-popup h2,.payment-success-card h2{color:#0f172a;margin:0;font-size:21px}.appointment-popup p,.payment-success-card p{color:#64748b;margin:10px 0 0;font-size:14px;line-height:1.6}.popup-buttons{justify-content:center;gap:10px;margin-top:22px;display:flex}.popup-primary,.popup-secondary{cursor:pointer;border-radius:10px;min-height:42px;padding:0 16px;font-weight:700}.popup-primary{color:#fff;background:#2563eb;border:none}.popup-secondary{color:#475569;background:#fff;border:1px solid #dbe3ee}.success-check{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin:0 auto 16px;font-size:32px;font-weight:800;animation:.35s successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.book-appointment-page{padding:18px 15px}.book-appointment-header{flex-direction:column}.booking-back-btn{align-self:flex-start}.selected-doctor-banner{flex-wrap:wrap;align-items:flex-start}.selected-doctor-info{min-width:calc(100% - 75px)}.selected-doctor-meta{width:100%}.selected-doctor-meta div{flex:1}.appointment-form{grid-template-columns:1fr;padding:19px}.appointment-form-title{grid-column:1}.appointment-buttons{flex-direction:column-reverse;grid-column:1}.clear-btn,.book-btn{width:100%}}@media (width<=480px){.book-appointment-header h1{font-size:25px}.selected-doctor-meta{gap:7px}.selected-doctor-meta div{min-width:0;padding:9px}}.patient-doctors-page{box-sizing:border-box;width:100%;min-height:100%;padding:28px}.doctor-back-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7e0eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:13px;font-weight:700;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.doctor-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.patient-doctors-title{min-width:0}.doctor-eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.patient-doctors-title h1{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800}.patient-doctors-title p{color:#64748b;max-width:650px;margin:7px 0 0;font-size:14px;line-height:1.6}.doctor-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.doctor-summary-card{background:#fff;border:1px solid #e5eaf1;border-radius:15px;align-items:center;gap:12px;min-height:82px;padding:14px 16px;display:flex;box-shadow:0 5px 18px #0f172a0a}.doctor-summary-icon{border-radius:13px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:18px;display:flex}.doctor-summary-icon.blue{color:#2563eb;background:#eff6ff}.doctor-summary-icon.green{color:#059669;background:#ecfdf5}.doctor-summary-icon.purple{color:#7c3aed;background:#f5f3ff}.doctor-summary-card strong{color:#0f172a;font-size:21px;font-weight:800;display:block}.doctor-summary-card span{color:#64748b;margin-top:2px;font-size:12px;display:block}.doctor-filter-panel{background:#fff;border:1px solid #e5eaf1;border-radius:15px;grid-template-columns:minmax(0,1fr) 220px 190px auto;gap:10px;margin-bottom:14px;padding:12px;display:grid;box-shadow:0 5px 18px #0f172a0a}.doctor-search-box{background:#f8fafc;border:1px solid #dbe3ee;border-radius:11px;align-items:center;min-width:0;min-height:46px;padding:0 13px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.doctor-search-box:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.doctor-search-box>svg{color:#64748b;flex-shrink:0;margin-right:9px;font-size:13px}.doctor-search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;font-size:13px}.doctor-search-box input::placeholder{color:#94a3b8}.doctor-clear-search{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;width:25px;min-width:25px;height:25px;font-size:17px;line-height:1}.doctor-filter-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ee;border-radius:11px;outline:none;width:100%;min-height:46px;padding:0 11px;font-size:13px}.doctor-filter-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.doctor-clear-all{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbe3ee;border-radius:11px;min-height:46px;padding:0 14px;font-size:12px;font-weight:700;transition:background .2s,border-color .2s}.doctor-clear-all:hover{background:#f8fafc;border-color:#cbd5e1}.doctor-results-bar{color:#64748b;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font-size:13px;display:flex}.doctor-results-bar strong{color:#0f172a;font-size:15px}.doctor-active-filters{flex-wrap:wrap;gap:7px;display:flex}.doctor-active-filters span{color:#2563eb;background:#eff6ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.patient-doctors-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));align-items:stretch;gap:17px;display:grid}.patient-doctor-card{background:#fff;border:1px solid #e5eaf1;border-radius:17px;flex-direction:column;min-width:0;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 6px 22px #0f172a0d}.patient-doctor-card:hover{border-color:#cdddf8;transform:translateY(-4px);box-shadow:0 14px 32px #0f172a17}.doctor-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.doctor-avatar-wrap{align-items:center;display:flex}.doctor-avatar{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:15px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:22px;display:flex}.doctor-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.doctor-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.doctor-status.available{color:#15803d;background:#ecfdf5}.doctor-status.busy{color:#c2410c;background:#fff7ed}.doctor-status.leave{color:#dc2626;background:#fef2f2}.doctor-status.unknown{color:#64748b;background:#f8fafc}.doctor-card-heading{margin-top:15px}.doctor-card-heading h2{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.doctor-card-heading p{color:#2563eb;align-items:center;gap:6px;margin:5px 0 0;font-size:12px;font-weight:700;display:flex}.doctor-card-heading p svg{font-size:10px}.doctor-trust-row{margin-top:9px}.doctor-trust-row span{color:#64748b;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.doctor-trust-row svg{color:#f59e0b}.doctor-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px;display:grid}.doctor-stat{background:#f8fafc;border:1px solid #edf1f5;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:10px;display:flex}.doctor-stat-icon{color:#2563eb;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:11px;display:flex}.doctor-stat strong{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;min-width:0;font-size:13px;font-weight:800;display:block;overflow:hidden}.doctor-stat span{color:#64748b;margin-top:2px;font-size:9px;display:block}.doctor-contact-section{flex-direction:column;gap:6px;min-height:42px;margin-top:13px;display:flex}.doctor-contact-item{color:#64748b;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.doctor-contact-item>span{background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:10px;display:inline-flex}.doctor-contact-item p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.doctor-book-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:42px;margin-top:15px;padding:0 13px;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 6px 16px #2563eb29}.doctor-book-btn:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 9px 20px #2563eb38}.doctor-book-btn:active{transform:translateY(0)}.doctor-empty-state,.doctor-error-state{text-align:center;background:#fff;border:1px solid #e5eaf1;border-radius:17px;padding:65px 20px;box-shadow:0 6px 20px #0f172a0a}.doctor-empty-icon{margin-bottom:12px;font-size:48px}.doctor-empty-state h2,.doctor-error-state h2{color:#0f172a;margin:0;font-size:20px}.doctor-empty-state p,.doctor-error-state p{color:#64748b;margin:7px 0 18px;font-size:13px}.doctor-primary-btn,.doctor-secondary-btn{cursor:pointer;border-radius:10px;min-height:40px;padding:0 15px;font-size:12px;font-weight:700}.doctor-primary-btn{color:#fff;background:#2563eb;border:none}.doctor-secondary-btn{color:#475569;background:#fff;border:1px solid #dbe3ee}@media (width<=1050px){.doctor-filter-panel{grid-template-columns:minmax(0,1fr) 200px 180px}.doctor-clear-all{grid-column:1/-1;width:fit-content}.doctor-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.patient-doctors-page{padding:20px 16px}.doctor-summary-grid,.doctor-filter-panel{grid-template-columns:1fr}.doctor-clear-all{width:100%}}@media (width<=600px){.patient-doctors-header{flex-direction:column}.doctor-back-btn{align-self:flex-start}.patient-doctors-title h1{font-size:26px}.patient-doctors-grid{grid-template-columns:1fr}.doctor-results-bar{flex-direction:column;align-items:flex-start}}@media (width<=420px){.patient-doctors-page{padding:16px 12px}.patient-doctor-card{padding:16px}.doctor-avatar{width:48px;min-width:48px;height:48px}.doctor-card-heading h2{font-size:17px}}.patient-appointments,.patient-appointments *,.appointment-card-skeleton,.appointment-card-skeleton *,.appointment-summary-skeleton,.appointment-summary-skeleton *{box-sizing:border-box}.patient-appointments{width:100%;min-width:0;max-width:100%;padding:24px;overflow-x:hidden}.appointment-header{justify-content:space-between;align-items:center;gap:20px;width:100%;min-width:0;margin-bottom:24px;display:flex}.appointment-header-info{flex:1;min-width:0}.appointment-header-skeleton{border-radius:8px;width:min(280px,80%);height:30px;margin-bottom:10px}.appointment-header-info .line.medium{width:min(230px,70%);max-width:100%}.appointment-summary-skeleton{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;min-width:0;margin-bottom:24px;display:grid}.summary-card-skeleton{border-radius:15px;min-width:0;padding:18px;overflow:hidden}.summary-icon-skeleton{border-radius:50%;width:52px;max-width:100%;height:52px;margin-bottom:14px}.summary-card-skeleton .line{max-width:100%}.appointment-filters-skeleton{flex-wrap:wrap;align-items:center;gap:10px;width:100%;min-width:0;margin-bottom:24px;display:flex}.filter-pill-skeleton{border-radius:999px;width:100px;max-width:100%;height:40px}.appointment-card-skeleton{border-radius:18px;width:100%;min-width:0;max-width:100%;margin-bottom:22px;padding:22px;overflow:hidden}.doctor-info-skeleton .line{max-width:100%}.doctor-small-line{width:min(170px,65%);max-width:100%}.today-skeleton{border-radius:999px;width:110px;max-width:45%;height:22px;margin:18px 0}.progress-heading-skeleton{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;margin-bottom:10px;display:flex}.progress-heading-skeleton .line{max-width:100%}.progress-percent-skeleton{width:45px;min-width:45px}.progress-skeleton{border-radius:999px;width:100%;max-width:100%;height:9px;margin-bottom:10px}.progress-labels-skeleton{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-width:0;margin-bottom:20px;display:grid}.progress-labels-skeleton .line:nth-child(2){justify-self:center}.progress-labels-skeleton .line:nth-child(3){justify-self:end}.tiny{width:60px;max-width:100%}.appointment-grid-skeleton{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;width:100%;min-width:0;margin-bottom:22px;display:grid}.grid-box{border-radius:12px;min-width:0;padding:14px;overflow:hidden}.grid-box .line{max-width:100%}.grid-box .line.small{width:80px;max-width:75%;margin-bottom:10px}.grid-box .line.medium{width:120px;max-width:100%}.appointment-alert-skeleton{border-radius:13px;width:100%;max-width:100%;min-height:64px;margin-bottom:22px}.appointment-footer-grid-skeleton{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;min-width:0;margin-bottom:22px;display:grid}.appointment-actions-skeleton{flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%;min-width:0;display:flex}.appointment-action-skeleton{border-radius:10px;width:115px;max-width:100%;height:42px}.skeleton{min-width:0;max-width:100%}.line,.patient-appointments img,.patient-appointments svg,.patient-appointments input,.patient-appointments select,.patient-appointments textarea,.patient-appointments button{max-width:100%}@media (width<=1100px){.appointment-summary-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-grid-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))}.appointment-footer-grid-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.patient-appointments{padding:16px}.appointment-header{flex-direction:column;align-items:flex-start}.appointment-header-action{width:100%;max-width:100%}.appointment-summary-skeleton{grid-template-columns:1fr}.appointment-card-skeleton{border-radius:15px;padding:16px}.appointment-top-skeleton{align-items:flex-start}.avatar-skeleton{width:52px;min-width:52px;height:52px}.badge-skeleton{width:90px;max-width:35%}.appointment-grid-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-footer-grid-skeleton{grid-template-columns:1fr}.appointment-actions-skeleton{justify-content:stretch}.appointment-action-skeleton{flex:120px}}@media (width<=430px){.patient-appointments{padding:12px}.appointment-card-skeleton{padding:13px}.appointment-top-skeleton{gap:10px}.avatar-skeleton{width:45px;min-width:45px;height:45px}.badge-skeleton{width:75px;max-width:34%;height:30px}.appointment-grid-skeleton{grid-template-columns:1fr}.progress-labels-skeleton{gap:6px}.appointment-action-skeleton{flex:100%;width:100%}}.patient-appointments,.patient-appointments>*,.patient-appointments .appointment-card,.patient-appointments .appointment-card *,.patient-appointments .appointment-details,.patient-appointments .appointment-info,.patient-appointments .appointment-grid,.patient-appointments .appointment-actions{box-sizing:border-box;min-width:0;max-width:100%}.patient-appointments .appointment-card{width:100%;overflow:hidden}.patient-appointments .appointment-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.patient-appointments .appointment-actions{flex-wrap:wrap;gap:10px;display:flex}.patient-appointments .appointment-actions button,.patient-appointments .appointment-actions a{min-width:0;max-width:100%}@media (width<=1100px){.patient-appointments .appointment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.patient-appointments .appointment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.patient-appointments .appointment-grid{grid-template-columns:1fr}}.appointment-skeleton-page{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.appointment-skeleton-page *,.appointment-skeleton-page :before,.appointment-skeleton-page :after{box-sizing:border-box;min-width:0;max-width:100%}.appointment-skeleton-page .appointment-header{gap:16px;width:100%;display:flex}.appointment-skeleton-page .appointment-header-info{flex:1;min-width:0}.appointment-header-action{border-radius:10px;flex-shrink:1;width:220px;max-width:30%;height:44px}.appointment-summary-skeleton{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.summary-card-skeleton{min-width:0;overflow:hidden}.appointment-filters-skeleton{flex-wrap:wrap;gap:10px;width:100%;display:flex}.filter-pill-skeleton{border-radius:999px;flex:none;width:90px;height:38px}.appointment-card-skeleton{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}.appointment-top-skeleton{align-items:center;gap:14px;width:100%;min-width:0;display:flex}.avatar-skeleton{border-radius:50%;width:58px;min-width:58px;height:58px}.doctor-info-skeleton{flex:1;min-width:0;overflow:hidden}.badge-skeleton{border-radius:999px;flex-shrink:1;width:100px;max-width:28%;height:32px}.progress-heading-skeleton{justify-content:space-between;gap:10px;width:100%;display:flex}.progress-skeleton{border-radius:999px;width:100%;height:9px}.progress-labels-skeleton{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.appointment-grid-skeleton{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:100%;display:grid}.appointment-grid-skeleton .grid-box{min-width:0;overflow:hidden}.appointment-alert-skeleton{border-radius:12px;width:100%;min-height:62px}.appointment-footer-grid-skeleton{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.appointment-actions-skeleton{flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%;display:flex}.appointment-action-skeleton{border-radius:9px;flex:0 105px;width:105px;height:40px}@media (width<=1100px){.appointment-summary-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-grid-skeleton{grid-template-columns:repeat(3,minmax(0,1fr))}.appointment-footer-grid-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.appointment-skeleton-page{padding:16px}.appointment-skeleton-page .appointment-header{flex-direction:column;align-items:stretch}.appointment-header-action{width:100%;max-width:100%}.appointment-summary-skeleton{grid-template-columns:1fr}.appointment-top-skeleton{align-items:flex-start}.appointment-grid-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.appointment-footer-grid-skeleton{grid-template-columns:1fr}.appointment-actions-skeleton{justify-content:stretch}.appointment-action-skeleton{flex:calc(50% - 5px);width:auto}}@media (width<=430px){.appointment-skeleton-page{padding:12px}.appointment-card-skeleton{padding:14px}.avatar-skeleton{width:46px;min-width:46px;height:46px}.badge-skeleton{width:76px;max-width:32%}.appointment-grid-skeleton{grid-template-columns:1fr}.appointment-action-skeleton{flex:100%;width:100%}}.patient-appointments .cancel-btn,.patient-appointments .appointment-cancel-btn{border-radius:9px!important;flex:none!important;width:auto!important;min-width:96px!important;max-width:130px!important;height:40px!important;min-height:40px!important;padding:0 14px!important;font-size:12px!important;font-weight:700!important}@media (width<=700px){.patient-appointments .cancel-btn,.patient-appointments .appointment-cancel-btn{flex:0 0 110px!important;width:auto!important;max-width:130px!important}}.appointments-skeleton-page{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:24px;overflow-x:hidden}.appointments-skeleton-page *,.appointments-skeleton-page :before,.appointments-skeleton-page :after{box-sizing:border-box;min-width:0;max-width:100%}.appointments-skeleton-header{justify-content:space-between;align-items:center;gap:18px;width:100%;margin-bottom:24px;display:flex}.appointments-skeleton-title{flex-direction:column;gap:8px;min-width:0;display:flex}.appointments-skeleton-title span{max-width:100%}.appointments-skeleton-header>span{flex-shrink:1}.appointments-skeleton-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;margin-bottom:22px;display:grid}.appointments-skeleton-summary-card{background:#fff;border:1px solid #e5eaf1;border-radius:15px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex;overflow:hidden;box-shadow:0 5px 20px #0f172a0d}.appointments-skeleton-summary-content{flex-direction:column;gap:5px;min-width:0;display:flex}.appointments-skeleton-filters{flex-wrap:wrap;align-items:center;gap:9px;width:100%;margin-bottom:22px;display:flex}.appointments-skeleton-card{background:#fff;border:1px solid #e4eaf2;border-radius:17px;width:100%;min-width:0;margin-bottom:20px;padding:20px;overflow:hidden;box-shadow:0 8px 25px #0f172a0d}.appointments-skeleton-card-header{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}.appointments-skeleton-doctor{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.appointments-skeleton-doctor-info{flex-direction:column;gap:5px;min-width:0;display:flex}.appointments-skeleton-today{margin:17px 0;display:block}.appointments-skeleton-progress-title{justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:8px;display:flex}.appointments-skeleton-progress-labels{justify-content:space-between;gap:12px;width:100%;margin-top:8px;margin-bottom:18px;display:flex}.appointments-skeleton-details{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;width:100%;margin-top:18px;display:grid}.appointments-skeleton-detail{background:#f8fafc;border:1px solid #edf1f5;border-radius:11px;flex-direction:column;gap:7px;min-width:0;padding:13px;display:flex;overflow:hidden}.appointments-skeleton-reason{background:#f8fafc;border-left:4px solid #dbeafe;border-radius:11px;width:100%;margin-top:20px;padding:12px;overflow:hidden}.appointments-skeleton-reason-text{flex-direction:column;gap:7px;padding:9px 3px 3px;display:flex}.appointments-skeleton-bottom{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;width:100%;margin-top:18px;display:grid}.appointments-skeleton-bottom-card{background:#f8fafc;border:1px solid #edf1f5;border-radius:11px;flex-direction:column;gap:7px;min-width:0;padding:12px;display:flex;overflow:hidden}.appointments-skeleton-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;width:100%;margin-top:18px;display:flex}@media (width<=1100px){.appointments-skeleton-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.appointments-skeleton-details{grid-template-columns:repeat(3,minmax(0,1fr))}.appointments-skeleton-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.appointments-skeleton-page{padding:16px}.appointments-skeleton-header{flex-direction:column;align-items:stretch}.appointments-skeleton-summary{grid-template-columns:1fr}.appointments-skeleton-card{padding:16px}.appointments-skeleton-card-header{align-items:flex-start}.appointments-skeleton-details{grid-template-columns:repeat(2,minmax(0,1fr))}.appointments-skeleton-bottom{grid-template-columns:1fr}.appointments-skeleton-actions{justify-content:stretch}.appointments-skeleton-actions>span{flex:calc(50% - 5px);width:auto!important}}@media (width<=430px){.appointments-skeleton-page{padding:12px}.appointments-skeleton-card{padding:13px}.appointments-skeleton-details{grid-template-columns:1fr}.appointments-skeleton-actions>span{flex:100%;width:100%!important}}.profile-box{color:inherit;cursor:pointer;z-index:9999;pointer-events:auto;border-radius:10px;align-items:center;gap:9px;padding:4px 7px;text-decoration:none;display:flex;position:relative}.profile-box:hover{opacity:.9;text-decoration:none}.navbar-profile-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.navbar-profile-image{object-fit:cover;border-radius:50%;width:100%;height:100%}.navbar-default-avatar{width:34px;height:34px}.navbar-profile-info{min-width:0}.navbar-profile-info strong{text-overflow:ellipsis;white-space:nowrap;max-width:110px;font-size:14px;font-weight:700;display:block;overflow:hidden}.navbar-profile-info p{text-transform:uppercase;margin:2px 0 0;font-size:10px;font-weight:600}.navbar-profile-skeleton{background:linear-gradient(90deg,#e8edf3 25%,#f5f7fa 50%,#e8edf3 75%) 0 0/200% 100%;border-radius:50%;width:100%;height:100%;animation:1.4s infinite navbarProfileSkeleton}@media (width<=700px){.navbar-profile-info{display:none}.profile-box{padding:2px}}.top-navbar .profile-box{appearance:none;cursor:pointer;z-index:20;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:9px;position:relative;width:auto!important;min-width:0!important;max-width:none!important;color:inherit!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:4px 7px!important;text-decoration:none!important;display:flex!important;transform:none!important}.top-navbar .profile-box:hover{color:inherit!important;box-shadow:none!important;background:#2563eb0f!important;transform:none!important}.top-navbar .profile-box:focus,.top-navbar .profile-box:focus-visible,.top-navbar .profile-box:active{box-shadow:none!important;border:none!important;outline:none!important;transform:none!important}.top-navbar .navbar-profile-avatar{pointer-events:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;overflow:hidden;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;display:flex!important}.top-navbar .navbar-profile-image{object-fit:cover;border-radius:50%;display:block;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;box-shadow:none!important;border:none!important}.top-navbar .navbar-default-avatar{color:#111827;width:34px;height:34px;display:block}.top-navbar .navbar-profile-info{pointer-events:none;flex-direction:column;min-width:0;margin:0!important;padding:0!important;display:flex!important}.top-navbar .navbar-profile-info strong{text-overflow:ellipsis;white-space:nowrap;color:#111827;max-width:110px;font-size:13px;font-weight:800;line-height:1.2;display:block;overflow:hidden;margin:0!important;padding:0!important}.top-navbar .navbar-profile-info>span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1.1;display:block;margin:2px 0 0!important;padding:0!important}@media (width<=768px){.top-navbar .profile-box{width:auto!important;padding:2px!important}.top-navbar .navbar-profile-avatar{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}.top-navbar .navbar-profile-info{display:none!important}}.top-navbar .profile-box{width:auto!important;min-width:0!important;color:inherit!important;box-shadow:none!important;cursor:pointer!important;pointer-events:auto!important;z-index:99999!important;background:0 0!important;border:none!important;outline:none!important;align-items:center!important;gap:9px!important;margin:0!important;padding:4px 7px!important;text-decoration:none!important;display:flex!important;position:relative!important;transform:none!important}.top-navbar .profile-box:hover,.top-navbar .profile-box:focus,.top-navbar .profile-box:focus-visible,.top-navbar .profile-box:active{color:inherit!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;transform:none!important}.top-navbar .profile-box .navbar-profile-image{display:block;object-fit:cover!important;width:100%!important;height:100%!important;box-shadow:none!important;border:none!important;border-radius:50%!important}.top-navbar .profile-box .navbar-default-avatar{color:#111827!important;width:34px!important;height:34px!important;display:block!important}.top-navbar .profile-box .navbar-profile-info{pointer-events:none!important;flex-direction:column!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.top-navbar .profile-box .navbar-profile-skeleton{pointer-events:none!important;border-radius:50%!important;width:100%!important;height:100%!important}@media (width<=768px){.top-navbar .profile-box{padding:2px!important}.top-navbar .profile-box .navbar-profile-info{display:none!important}.top-navbar .profile-box .navbar-profile-avatar{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}}.top-navbar .profile-box{appearance:none!important;width:auto!important;min-width:0!important;color:inherit!important;font:inherit!important;box-shadow:none!important;cursor:pointer!important;z-index:99999!important;pointer-events:auto!important;background:0 0!important;border:0!important;outline:0!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:9px!important;margin:0!important;padding:4px 8px!important;text-decoration:none!important;display:flex!important;position:relative!important}.top-navbar .profile-box:hover,.top-navbar .profile-box:focus,.top-navbar .profile-box:focus-visible,.top-navbar .profile-box:active{box-shadow:none!important;color:inherit!important;background:0 0!important;border:0!important;outline:0!important;transform:none!important}.top-navbar .profile-box .navbar-profile-avatar{pointer-events:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;display:flex!important;overflow:hidden!important}.top-navbar .profile-box .navbar-profile-image{display:block;object-fit:cover!important;width:100%!important;height:100%!important;box-shadow:none!important;pointer-events:none!important;border:0!important;border-radius:50%!important}.top-navbar .profile-box .navbar-default-avatar{color:#111827!important;pointer-events:none!important;width:34px!important;height:34px!important}.top-navbar .profile-box .navbar-profile-info{pointer-events:none!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.top-navbar .profile-box .navbar-profile-info strong{text-overflow:ellipsis!important;white-space:nowrap!important;color:#111827!important;max-width:120px!important;margin:0!important;padding:0!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.top-navbar .profile-box .navbar-profile-info span{color:#64748b!important;text-transform:uppercase!important;margin:2px 0 0!important;padding:0!important;font-size:9px!important;font-weight:700!important;line-height:1.1!important;display:block!important}.top-navbar .profile-box .navbar-profile-skeleton{pointer-events:none!important;border-radius:50%!important;width:100%!important;height:100%!important;display:block!important}@media (width<=768px){.top-navbar .profile-box{padding:2px!important}.top-navbar .profile-box .navbar-profile-info{display:none!important}.top-navbar .profile-box .navbar-profile-avatar{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}}.prescription-page{box-sizing:border-box;width:100%;min-height:calc(100vh - 90px);padding:28px 32px 40px}.prescription-page .empty-prescription{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #e5eaf1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:min(720px,100%);min-height:280px;margin:60px auto 0;padding:48px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #0f172a14}.prescription-page .empty-prescription:before{content:"";background:linear-gradient(90deg,#2563eb,#3b82f6,#06b6d4);height:4px;position:absolute;top:0;left:0;right:0}.prescription-page .empty-prescription>div:first-child{background:#fff7ed;border:1px solid #fed7aa;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;line-height:1;display:flex;box-shadow:0 8px 20px #f59e0b1f;margin:0 0 20px!important;font-size:34px!important}.prescription-page .empty-prescription h2{color:#172033;margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.3}.prescription-page .empty-prescription p{color:#64748b;max-width:500px;margin:0 0 24px;font-size:14px;font-weight:500;line-height:1.6}.prescription-page .empty-prescription button{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;width:auto;min-width:125px;height:44px;margin:0;padding:0 20px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 8px 18px #2563eb38}.prescription-page .empty-prescription button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2563eb47}.prescription-page .empty-prescription button:active{transform:translateY(0);box-shadow:0 5px 12px #2563eb33}@media (width<=768px){.prescription-page{padding:20px 16px 30px}.prescription-page .empty-prescription{border-radius:16px;min-height:250px;margin-top:30px;padding:38px 22px}.prescription-page .empty-prescription h2{font-size:20px}.prescription-page .empty-prescription p{font-size:13px}}body.dark-mode .prescription-page .empty-prescription{background:#111827;border-color:#263244;box-shadow:0 12px 35px #00000040}body.dark-mode .prescription-page .empty-prescription h2{color:#f8fafc}body.dark-mode .prescription-page .empty-prescription p{color:#94a3b8}body.dark-mode .prescription-page .empty-prescription>div:first-child{background:#f59e0b1a;border-color:#f59e0b40}.patient-doctors-skeleton{background:linear-gradient(90deg,#e9eef5 25%,#f8fafc 50%,#e9eef5 75%) 0 0/200% 100%;border-radius:10px;animation:1.45s ease-in-out infinite patientDoctorsShimmer;display:block}@keyframes patientDoctorsShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.patient-doctors-header{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.patient-doctors-header-content{flex:1;min-width:0}.back-button-skeleton{border-radius:9px;flex-shrink:0;width:64px;height:36px}.eyebrow-skeleton{border-radius:5px;width:145px;height:10px;margin-bottom:8px}.title-skeleton{border-radius:8px;width:245px;height:32px;margin-bottom:10px}.subtitle-skeleton{border-radius:6px;width:390px;max-width:90%;height:12px}.patient-doctors-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.patient-doctors-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e5eaf1;border-radius:16px;align-items:center;gap:14px;min-height:88px;padding:20px;display:flex;box-shadow:0 8px 22px #0f172a0f}.summary-icon-skeleton{border-radius:12px;flex-shrink:0;width:42px;height:42px}.summary-content-skeleton{flex:1}.summary-number-skeleton{width:45px;height:22px;margin-bottom:8px}.summary-label-skeleton{width:105px;height:10px}.patient-doctors-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e1e7ef;border-radius:14px;grid-template-columns:minmax(0,1fr) 175px 175px;gap:10px;margin-bottom:16px;padding:10px;display:grid;box-shadow:0 6px 18px #0f172a0a}.doctor-search-skeleton,.doctor-filter-skeleton{border-radius:10px;height:42px}.doctor-result-count-skeleton{border-radius:6px;width:105px;height:12px;margin:15px 0 14px}.patient-doctors-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.patient-doctor-card-skeleton{box-sizing:border-box;background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:20px;box-shadow:0 10px 25px #0f172a0f}.doctor-card-top-skeleton{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.doctor-avatar-skeleton{border-radius:50%;width:58px;height:58px}.doctor-status-skeleton{border-radius:999px;width:82px;height:22px}.doctor-name-skeleton{border-radius:7px;width:135px;height:19px;margin-bottom:9px}.doctor-specialization-skeleton{border-radius:6px;width:110px;height:12px;margin-bottom:9px}.doctor-trusted-skeleton{border-radius:5px;width:145px;height:10px;margin-bottom:19px}.doctor-stats-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.doctor-stat-skeleton{border:1px solid #e8edf4;border-radius:11px;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}.stat-icon-small-skeleton{border-radius:9px;flex-shrink:0;width:30px;height:30px}.stat-value-skeleton{width:44px;height:13px;margin-bottom:5px}.stat-label-small-skeleton{width:65px;height:8px}.doctor-phone-skeleton{border-radius:6px;width:125px;height:11px;margin-bottom:18px}.doctor-book-button-skeleton{border-radius:10px;width:100%;height:40px}@media (width<=1100px){.patient-doctors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.patient-doctors-header{gap:10px}.subtitle-skeleton{width:250px}.patient-doctors-summary,.patient-doctors-filter-card,.patient-doctors-grid{grid-template-columns:1fr}}@media (width<=480px){.patient-doctors-header{flex-direction:column}.back-button-skeleton{width:72px}.title-skeleton{width:210px}.subtitle-skeleton{width:220px}.patient-doctors-summary-card,.patient-doctor-card-skeleton{padding:16px}}.book-appointment-skeleton-page{box-sizing:border-box;justify-content:center;width:100%;min-height:100vh;padding:40px 24px;display:flex}.book-appointment-skeleton-container{box-sizing:border-box;background:#fff;border-radius:18px;width:min(960px,100%);padding:28px 26px 26px;box-shadow:0 10px 30px #0f172a12}.skeleton-shimmer{background:linear-gradient(90deg,#e8edf4 20%,#f8fafc 50%,#e8edf4 80%) 0 0/200% 100%;animation:1.4s ease-in-out infinite bookAppointmentShimmer}@keyframes bookAppointmentShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.book-skeleton-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.book-skeleton-title-area{min-width:0}.book-skeleton-eyebrow{border-radius:5px;width:92px;height:9px;margin-bottom:7px}.book-skeleton-title{border-radius:7px;width:275px;height:30px;margin-bottom:8px}.book-skeleton-subtitle{border-radius:6px;width:310px;max-width:100%;height:11px}.book-skeleton-back{border-radius:11px;flex-shrink:0;width:118px;height:38px}.book-skeleton-doctor-card{box-sizing:border-box;background:#f5f9ff;border:1px solid #cfe2ff;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:76px;margin-bottom:18px;padding:14px 16px;display:flex}.book-skeleton-doctor-left{align-items:center;gap:12px;min-width:0;display:flex}.book-skeleton-doctor-icon{border-radius:12px;width:46px;min-width:46px;height:46px}.book-skeleton-doctor-info{min-width:0}.book-skeleton-selected-label{width:88px;height:8px;margin-bottom:6px}.book-skeleton-doctor-name{width:115px;height:16px;margin-bottom:5px}.book-skeleton-doctor-specialization{width:92px;height:9px}.book-skeleton-doctor-meta{flex-shrink:0;gap:10px;display:flex}.book-skeleton-meta{box-sizing:border-box;background:#fff;border:1px solid #e3eaf3;border-radius:10px;width:108px;padding:9px 10px}.book-skeleton-meta-label{width:30px;height:7px;margin-bottom:5px}.book-skeleton-meta-value{width:58px;height:11px}.book-skeleton-details-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:24px}.book-skeleton-details-heading{margin-bottom:12px}.book-skeleton-details-title{width:165px;height:20px;margin-bottom:7px}.book-skeleton-details-subtitle{width:235px;height:10px}.book-skeleton-divider{background:#e8edf3;width:100%;height:1px;margin-bottom:17px}.book-skeleton-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.book-skeleton-field{min-width:0}.book-skeleton-field-label{border-radius:5px;width:105px;height:10px;margin-bottom:7px}.book-skeleton-field-label.reason{width:115px}.book-skeleton-field-input{border-radius:9px;width:100%;height:40px}.book-skeleton-textarea{border-radius:9px;width:100%;height:88px}.book-skeleton-bottom-divider{background:#e8edf3;width:100%;height:1px;margin:20px 0 14px}.book-skeleton-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.book-skeleton-clear{border-radius:10px;width:70px;height:40px}.book-skeleton-pay{border-radius:10px;width:175px;height:40px}@media (width<=850px){.book-appointment-skeleton-page{padding:24px 16px}.book-skeleton-doctor-card{flex-direction:column;align-items:flex-start}.book-skeleton-doctor-meta{width:100%}.book-skeleton-meta{flex:1}}@media (width<=680px){.book-appointment-skeleton-container{padding:20px 16px}.book-skeleton-header{flex-direction:column}.book-skeleton-back{align-self:flex-start}.book-skeleton-title{width:220px}.book-skeleton-subtitle{width:250px}.book-skeleton-doctor-meta{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.book-skeleton-meta{width:100%}.book-skeleton-details-card{padding:18px 14px}.book-skeleton-form-grid{grid-template-columns:1fr}.book-skeleton-actions{justify-content:stretch}.book-skeleton-clear,.book-skeleton-pay{flex:1}}@media (width<=420px){.book-skeleton-doctor-meta{grid-template-columns:1fr}.book-skeleton-actions{flex-direction:column}.book-skeleton-clear,.book-skeleton-pay{width:100%}}.navbar-search-wrapper{z-index:10000;width:330px;max-width:100%;position:relative}.navbar-search{box-sizing:border-box;color:#64748b;background:#f5f7fb;border:1px solid #e5eaf1;border-radius:12px;align-items:center;gap:10px;width:100%;height:44px;padding:0 12px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:flex}.navbar-search:hover{background:#f8fafc;border-color:#d7dfeb}.navbar-search.is-open,.navbar-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61c}.navbar-search-icon{color:#64748b;flex-shrink:0;width:14px;font-size:13px}.navbar-search input{color:#172033;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;height:100%;padding:0;font-size:13px;font-weight:500}.navbar-search input::placeholder{color:#94a3b8;font-weight:500}.navbar-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s,color .15s;display:flex}.navbar-search-clear:hover{color:#ef4444;background:#f1f5f9}.navbar-search-dropdown{z-index:999999;background:#fff;border:1px solid #e3e8f0;border-radius:14px;animation:.18s ease-out navbarSearchDropIn;position:absolute;top:calc(100% + 9px);left:0;right:0;overflow:hidden;box-shadow:0 18px 45px #0f172a24}@keyframes navbarSearchDropIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.navbar-search-dropdown-header{box-sizing:border-box;background:#fbfcfe;border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;min-height:40px;padding:10px 13px;display:flex}.navbar-search-dropdown-header span{color:#334155;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800}.navbar-search-dropdown-header small{color:#94a3b8;font-size:10px;font-weight:600}.navbar-search-results{padding:6px}.navbar-search-result{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:54px;padding:8px 9px;transition:background .15s,transform .15s;display:flex}.navbar-search-result:hover{background:#f5f8fd;transform:translate(2px)}.navbar-search-result:active{transform:translate(1px)}.navbar-search-result-icon{color:#2563eb;background:#eff6ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;display:flex}.navbar-search-result-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.navbar-search-result-content strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.navbar-search-result-content small{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.navbar-search-result-arrow{color:#cbd5e1;flex-shrink:0;font-size:10px;transition:color .15s,transform .15s}.navbar-search-result:hover .navbar-search-result-arrow{color:#2563eb;transform:translate(2px)}.navbar-search-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:155px;padding:24px 18px;display:flex}.navbar-search-empty-icon{background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:5px;font-size:17px;display:flex}.navbar-search-empty strong{color:#334155;font-size:12px}.navbar-search-empty small{color:#94a3b8;font-size:10px}body.dark-mode .navbar-search:hover,body.dark-mode .navbar-search.is-open,body.dark-mode .navbar-search:focus-within{background:#111827;border-color:#3b82f6}body.dark-mode .navbar-search input{color:#f8fafc}body.dark-mode .navbar-search-dropdown-header{background:#151e2e;border-color:#293548}body.dark-mode .navbar-search-dropdown-header span{color:#e2e8f0}body.dark-mode .navbar-search-empty-icon{background:#1e293b}body.dark-mode .navbar-search-empty strong{color:#e2e8f0}@media (width<=1100px){.navbar-search-wrapper{width:280px}}@media (width<=850px){.navbar-search-wrapper{width:230px}}@media (width<=700px){.navbar-search-wrapper{width:200px}.navbar-search{height:41px}}@media (width<=560px){.navbar-search-wrapper{width:175px}.navbar-search{padding:0 10px}.navbar-search input{font-size:11px}.navbar-search-dropdown{width:275px;max-width:90vw;left:-25px;right:-25px}}.patient-dashboard{box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:8px 0 40px}.patient-welcome-card{background:linear-gradient(135deg,#eff6ff 0%,#fff 58%,#f0fdf4 100%);border:1px solid #dbeafe;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:30px 32px;display:flex;box-shadow:0 12px 35px #0f172a0f}.patient-welcome-label{color:#2563eb;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.patient-welcome-card h1{color:#172033;margin:0;font-size:30px;line-height:1.2}.patient-welcome-card h1 strong{color:#2563eb}.patient-welcome-card p{color:#64748b;margin:8px 0 5px;font-size:12px}.patient-welcome-helper{color:#94a3b8;font-size:11px}.patient-welcome-action{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:11px;flex-shrink:0;align-items:center;gap:8px;height:44px;padding:0 17px;font-size:11px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 9px 20px #2563eb33}.patient-welcome-action:hover{background:#1d4ed8;transform:translateY(-1px)}.patient-health-card{background:#fff;border:1px solid #e5eaf1;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:24px 28px;display:flex;box-shadow:0 8px 25px #0f172a0d}.patient-health-info span{color:#64748b;font-size:11px;display:block}.patient-health-info strong{color:#172033;margin-top:4px;font-size:34px;line-height:1;display:block}.patient-health-info small{color:#15803d;background:#ecfdf5;border-radius:999px;margin-top:8px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.patient-health-info p{color:#94a3b8;margin:9px 0 0;font-size:10px}.patient-health-circle{flex-shrink:0;width:105px;height:105px;position:relative}.patient-health-circle svg{width:100%;height:100%}.patient-health-circle circle{fill:none;stroke-width:10px}.health-track{stroke:#e8edf4}.health-progress{stroke:#2563eb;stroke-linecap:round;transform-origin:50%;transform:rotate(-90deg)}.patient-health-circle>div{color:#172033;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:absolute;inset:0}.patient-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.patient-summary-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5eaf1;border-radius:15px;align-items:center;gap:10px;min-width:0;padding:15px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.patient-summary-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 10px 24px #0f172a14}.patient-summary-icon{border-radius:11px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:13px;display:flex}.patient-summary-icon.blue{color:#2563eb;background:#eff6ff}.patient-summary-icon.green{color:#16a34a;background:#ecfdf5}.patient-summary-icon.orange{color:#ea580c;background:#fff7ed}.patient-summary-icon.red{color:#dc2626;background:#fef2f2}.patient-summary-icon.purple{color:#7c3aed;background:#f5f3ff}.patient-summary-icon.cyan{color:#0891b2;background:#ecfeff}.patient-summary-copy{flex-direction:column;min-width:0;display:flex}.patient-summary-copy small{color:#64748b;white-space:nowrap;font-size:9px}.patient-summary-copy strong{color:#172033;margin-top:3px;font-size:20px}.patient-next-appointment{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:24px 28px;display:flex;box-shadow:0 12px 30px #2563eb2e}.patient-next-appointment.empty{color:#172033;box-shadow:none;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0}.section-kicker{letter-spacing:.08em;text-transform:uppercase;opacity:.78;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.patient-next-appointment h2{margin:0;font-size:21px}.patient-next-appointment.empty h2{color:#172033}.next-appointment-department{opacity:.8;margin:5px 0 12px;font-size:11px}.next-appointment-details{flex-wrap:wrap;gap:13px;display:flex}.next-appointment-details span{align-items:center;gap:6px;font-size:10px;display:inline-flex}.next-appointment-side{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.next-appointment-side>span{text-transform:uppercase;opacity:.75;font-size:9px;font-weight:700}.next-appointment-side strong{margin:4px 0 9px;font-size:25px}.next-appointment-side button,.patient-next-appointment.empty>button{color:#fff;cursor:pointer;background:#ffffff29;border:0;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex}.patient-next-appointment.empty>button{background:#2563eb;flex-shrink:0}.patient-section-heading span,.patient-panel-header span{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.patient-section-heading h2,.patient-panel-header h2{color:#172033;margin:0;font-size:17px}.patient-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.patient-quick-action{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5eaf1;border-radius:14px;align-items:center;gap:10px;min-height:67px;padding:13px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.patient-quick-action:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 10px 23px #0f172a12}.quick-action-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:13px;display:flex}.quick-action-copy{flex-direction:column;flex:1;min-width:0;display:flex}.quick-action-copy strong{color:#334155;font-size:11px}.quick-action-copy small{color:#94a3b8;margin-top:3px;font-size:9px}.quick-action-arrow{color:#cbd5e1;font-size:9px}.patient-dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.patient-panel{background:#fff;border:1px solid #e5eaf1;border-radius:17px;margin-bottom:18px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.patient-panel-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px;display:flex}.patient-panel-header button{color:#2563eb;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:9px;font-weight:700;display:inline-flex}.patient-activity-list,.patient-medicine-list{flex-direction:column;gap:0;display:flex}.patient-activity-item,.patient-medicine-item{border-bottom:1px solid #eef2f6;align-items:center;gap:10px;padding:10px 0;display:flex}.patient-activity-item:last-child,.patient-medicine-item:last-child{border-bottom:0}.activity-icon,.medicine-icon{color:#2563eb;background:#eff6ff;border-radius:9px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:10px;display:flex}.patient-activity-item>div,.patient-medicine-item>div{flex:1;min-width:0}.patient-activity-item strong,.patient-medicine-item strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.patient-activity-item small,.patient-medicine-item small{color:#94a3b8;margin-top:3px;font-size:8px;display:block}.activity-status{color:#2563eb;text-transform:uppercase;background:#eff6ff;border-radius:999px;padding:4px 7px;font-size:7px;font-weight:800}.activity-status.completed{color:#15803d;background:#ecfdf5}.activity-status.cancelled{color:#dc2626;background:#fef2f2}.medicine-time{color:#475569;background:#f8fafc;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:700}.patient-empty-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:145px;display:flex}.patient-empty-panel svg{color:#94a3b8;margin-bottom:4px;font-size:19px}.patient-empty-panel strong{color:#475569;font-size:11px}.patient-empty-panel span{color:#94a3b8;font-size:9px}.patient-health-tips{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.patient-health-tip{background:#f8fafc;border:1px solid #edf1f5;border-radius:11px;gap:9px;padding:13px;display:flex}.patient-health-tip>span{color:#16a34a;background:#ecfdf5;border-radius:8px;justify-content:center;align-items:center;width:29px;min-width:29px;height:29px;font-size:11px;display:flex}.patient-health-tip strong{color:#334155;font-size:10px;display:block}.patient-health-tip p{color:#94a3b8;margin:4px 0 0;font-size:8px;line-height:1.5}.progress-percentage{color:#2563eb;font-size:17px}.patient-progress-track{background:#e9eef5;border-radius:999px;width:100%;height:8px;overflow:hidden}.patient-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#3b82f6);height:100%;transition:width .5s}.patient-progress-labels{color:#94a3b8;justify-content:space-between;margin-top:7px;font-size:8px;display:flex}.patient-dashboard-footer{color:#94a3b8;justify-content:space-between;padding-top:5px;font-size:9px;display:flex}.patient-dashboard-footer strong{color:#64748b}.dashboard-loading{overflow:hidden}.dashboard-loading .skeleton{background:linear-gradient(90deg,#e8edf4 20%,#f8fafc 50%,#e8edf4 80%) 0 0/200% 100%;animation:1.35s ease-in-out infinite patientDashboardShimmer}@keyframes patientDashboardShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pds-welcome{box-sizing:border-box;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;min-height:150px;margin-bottom:20px;padding:28px;display:flex}.pds-welcome-content{flex:1}.pds-line{border-radius:6px}.pds-eyebrow{width:110px;height:9px;margin-bottom:10px}.pds-welcome-title{width:270px;height:28px;margin-bottom:9px}.pds-welcome-date{width:170px;height:10px;margin-bottom:10px}.pds-welcome-text{width:310px;max-width:100%;height:9px}.pds-welcome-button{border-radius:10px;flex-shrink:0;width:125px;height:42px}.pds-health{box-sizing:border-box;border-radius:18px;justify-content:space-between;align-items:center;min-height:145px;margin-bottom:20px;padding:25px 28px;display:flex}.pds-health-value{width:75px;height:30px;margin-top:8px}.pds-health-status{width:75px;height:18px;margin-top:7px}.pds-health-text{width:210px;height:9px;margin-top:10px}.pds-health-circle{border-radius:50%;flex-shrink:0;width:100px;height:100px}.pds-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.pds-summary-card{box-sizing:border-box;border-radius:15px;align-items:center;gap:10px;height:82px;padding:14px;display:flex}.pds-summary-icon{border-radius:10px;width:38px;min-width:38px;height:38px}.pds-summary-copy{flex:1}.pds-value{width:45px;height:18px;margin-top:7px}.pds-next-appointment{box-sizing:border-box;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:145px;margin-bottom:28px;padding:24px 28px;display:flex}.pds-next-content{flex:1}.pds-doctor{width:170px;height:19px;margin-top:9px}.pds-department{width:125px;height:10px;margin-top:7px}.pds-next-meta{gap:12px;margin-top:14px;display:flex}.pds-meta{width:105px;height:10px}.pds-next-side{flex-direction:column;align-items:flex-end;display:flex}.pds-countdown-label{width:65px;height:8px}.pds-countdown{width:85px;height:22px;margin-top:6px}.pds-next-button{border-radius:9px;width:130px;height:35px;margin-top:10px}.pds-section-heading{margin-bottom:12px}.pds-section-title{width:125px;height:18px}.pds-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:28px;display:grid}.pds-action-card{box-sizing:border-box;border-radius:14px;align-items:center;gap:10px;height:67px;padding:13px;display:flex}.pds-action-icon{border-radius:10px;flex-shrink:0;width:38px;height:38px}.pds-action-copy{flex:1}.pds-action-title{width:100px;height:10px}.pds-action-text{width:75px;height:8px;margin-top:6px}.pds-action-arrow{border-radius:50%;width:9px;height:9px}.pds-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.pds-panel{box-sizing:border-box;border-radius:17px;min-height:235px;margin-bottom:18px;padding:20px}.pds-panel-heading{justify-content:space-between;margin-bottom:18px;display:flex}.pds-panel-title{width:145px;height:17px}.pds-panel-action{width:55px;height:9px}.pds-list-item{align-items:center;gap:10px;padding:10px 0;display:flex}.pds-item-icon{border-radius:9px;flex-shrink:0;width:34px;height:34px}.pds-item-copy{flex:1}.pds-item-title{width:145px;height:9px}.pds-item-subtitle{width:75px;height:7px;margin-top:6px}.pds-item-status{border-radius:999px;width:52px;height:17px}.pds-medicine-time{border-radius:7px;width:55px;height:20px}.pds-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.pds-tip-card{border-radius:11px;gap:9px;min-height:70px;padding:12px;display:flex}.pds-tip-icon{border-radius:8px;flex-shrink:0;width:30px;height:30px}.pds-tip-copy{flex:1}.pds-tip-title{width:90px;height:9px}.pds-tip-text{width:125px;height:7px;margin-top:7px}.pds-tip-text-short{width:90px;height:7px;margin-top:5px}.pds-progress-title{width:180px;height:17px}.pds-progress-value{width:35px;height:16px}.pds-progress-bar{border-radius:999px;width:100%;height:9px;margin-top:5px}.pds-progress-footer{justify-content:space-between;margin-top:10px;display:flex}.pds-progress-label{width:75px;height:8px}@media (width<=1100px){.patient-summary-grid,.pds-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.patient-health-tips,.pds-tips-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=850px){.patient-welcome-card,.patient-next-appointment,.pds-welcome,.pds-next-appointment{flex-direction:column;align-items:flex-start}.patient-welcome-action{width:100%}.next-appointment-side,.pds-next-side{align-items:flex-start}.patient-quick-actions,.pds-actions-grid,.patient-dashboard-columns,.pds-two-column{grid-template-columns:1fr}}@media (width<=600px){.patient-dashboard{padding-bottom:24px}.patient-welcome-card{padding:22px}.patient-welcome-card h1{font-size:24px}.patient-summary-grid,.pds-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.patient-health-card{padding:20px}.patient-health-circle{width:86px;height:86px}.patient-health-tips,.pds-tips-grid{grid-template-columns:1fr}.patient-dashboard-footer{flex-direction:column;align-items:flex-start;gap:5px}}@media (width<=420px){.patient-summary-grid,.pds-summary-grid{grid-template-columns:1fr}.patient-next-appointment{padding:20px}.patient-health-circle{width:75px;height:75px}}.patient-dashboard{padding-top:0!important;padding-bottom:24px!important}.patient-welcome-card,.patient-health-card,.patient-summary-grid{margin-bottom:16px!important}.patient-next-appointment{margin-bottom:20px!important}.patient-section-heading{margin-bottom:10px!important}.patient-quick-actions{margin-bottom:20px!important}.patient-dashboard-columns,.patient-panel{margin-bottom:14px!important}.patient-health-tip{margin:0!important}.patient-progress-panel{margin-top:0!important;margin-bottom:14px!important}.patient-dashboard>section,.patient-dashboard>div{margin-top:0!important}.patient-dashboard-footer{margin-top:4px!important;padding-top:6px!important}@media (width>=769px){.patient-welcome-card,.patient-health-card,.patient-summary-grid{margin-bottom:16px!important}.patient-next-appointment,.patient-quick-actions{margin-bottom:18px!important}.patient-dashboard-columns{gap:14px!important;margin-bottom:14px!important}}@media (width<=768px){.patient-welcome-card,.patient-health-card,.patient-summary-grid,.patient-next-appointment{margin-bottom:14px!important}.patient-quick-actions{margin-bottom:16px!important}.patient-dashboard-columns{gap:12px!important;margin-bottom:12px!important}.patient-panel{margin-bottom:12px!important}}.patient-dashboard{font-size:14px!important}.patient-welcome-card h1{font-size:30px!important;font-weight:800!important;line-height:1.2!important}.patient-welcome-label{font-size:11px!important;font-weight:800!important}.patient-welcome-card p{font-size:13px!important}.patient-welcome-helper{font-size:12px!important}.patient-health-info span{font-size:13px!important}.patient-health-info strong{font-size:34px!important;font-weight:800!important}.patient-health-info small{font-size:10px!important}.patient-health-info p{font-size:11px!important}.patient-health-circle>div{font-size:20px!important;font-weight:800!important}.patient-summary-copy small{font-size:11px!important}.patient-summary-copy strong{font-size:22px!important;font-weight:800!important}.patient-summary-icon{font-size:14px!important}.section-kicker{font-size:10px!important;font-weight:800!important}.patient-next-appointment h2{font-size:24px!important;font-weight:800!important}.next-appointment-department{font-size:13px!important}.next-appointment-details span{font-size:12px!important}.next-appointment-side>span{font-size:10px!important}.next-appointment-side strong{font-size:28px!important}.next-appointment-side button,.patient-next-appointment.empty>button{font-size:12px!important;font-weight:700!important}.patient-section-heading span,.patient-panel-header span{font-size:10px!important;font-weight:800!important}.patient-section-heading h2,.patient-panel-header h2{font-size:20px!important;font-weight:800!important}.quick-action-copy strong{font-size:13px!important;font-weight:700!important}.quick-action-copy small,.quick-action-arrow{font-size:11px!important}.patient-activity-item strong,.patient-medicine-item strong{font-size:12px!important;font-weight:700!important}.patient-activity-item small,.patient-medicine-item small{font-size:10px!important}.activity-status{font-size:9px!important;font-weight:800!important}.medicine-time{font-size:10px!important}.patient-empty-panel strong{font-size:13px!important}.patient-empty-panel span{font-size:11px!important}.patient-health-tip strong{font-size:12px!important;font-weight:700!important}.patient-health-tip p{font-size:10px!important}.progress-percentage{font-size:20px!important;font-weight:800!important}.patient-progress-labels,.patient-dashboard-footer{font-size:10px!important}.patient-welcome-action,.patient-quick-action{font-size:12px!important}@media (width<=768px){.patient-welcome-card h1{font-size:25px!important}.patient-next-appointment h2{font-size:21px!important}.patient-section-heading h2,.patient-panel-header h2{font-size:18px!important}.patient-summary-copy strong{font-size:20px!important}}:root{--sidebar-collapsed-width:76px;--sidebar-expanded-width:245px}.sidebar{width:var(--sidebar-expanded-width);min-width:var(--sidebar-expanded-width);z-index:2000;box-sizing:border-box;color:#fff;background:linear-gradient(#183c8f 0%,#2148a2 55%,#183c8f 100%);flex-direction:column;height:100vh;transition:width .25s,min-width .25s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:8px 0 28px #0f172a1a}.sidebar.collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}body.sidebar-collapsed .layout{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width));transition:margin-left .25s,width .25s}body.sidebar-expanded .layout{margin-left:var(--sidebar-expanded-width);width:calc(100% - var(--sidebar-expanded-width));transition:margin-left .25s,width .25s}body.sidebar-collapsed .layout,body.sidebar-expanded .layout,body.sidebar-collapsed .content,body.sidebar-expanded .content{box-sizing:border-box}body.sidebar-collapsed .top-navbar,body.sidebar-expanded .top-navbar{box-sizing:border-box;width:100%!important}.sidebar-header{box-sizing:border-box;border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;min-height:78px;padding:14px 12px;display:flex}.menu-btn{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:13px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;padding:0;font-size:18px;transition:background .2s,transform .2s;display:flex}.menu-btn:hover{background:#ffffff26;transform:translateY(-1px)}.sidebar-brand{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-brand-icon{font-size:24px}.sidebar-brand strong{font-size:18px;line-height:1.1;display:block}.sidebar-brand small{color:#ffffffa6;margin-top:3px;font-size:9px;display:block}.sidebar-role{color:#ffffffc7;background:#ffffff12;border-radius:9px;align-items:center;gap:7px;margin:12px 12px 6px;padding:8px 11px;font-size:10px;font-weight:600;display:flex}.sidebar-role-dot{background:#4ade80;border-radius:50%;width:7px;height:7px}.sidebar-nav{flex:1;padding:12px 10px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:99px}.sidebar-link{box-sizing:border-box;color:#ffffffc2;border-radius:11px;align-items:center;gap:13px;width:100%;min-height:48px;margin-bottom:5px;padding:0 13px;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff17;transform:translate(2px)}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,#3171f5,#2563eb);box-shadow:0 8px 18px #2563eb47}.sidebar-link.active:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:3px;position:absolute;top:9px;bottom:9px;left:0}.sidebar-link-icon{justify-content:center;align-items:center;width:22px;min-width:22px;font-size:14px;display:flex}.sidebar-link-text{white-space:nowrap;flex:1;font-size:12px;font-weight:600}.sidebar-link-arrow{opacity:.35;font-size:8px}.sidebar.collapsed .sidebar-link{justify-content:center;padding:0}.sidebar.collapsed .sidebar-link:hover{transform:none}.sidebar.collapsed .sidebar-link-icon{width:auto;min-width:auto;font-size:16px}.sidebar.collapsed .sidebar-link.active:before{left:0}.sidebar-divider{background:#ffffff1c;height:1px;margin:12px 8px}@media (width<=900px){:root{--sidebar-collapsed-width:68px;--sidebar-expanded-width:225px}}@media (width<=650px){:root{--sidebar-collapsed-width:64px;--sidebar-expanded-width:220px}}.layout{box-sizing:border-box!important;width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;display:block!important;overflow-x:hidden!important}.sidebar{width:var(--hms-sidebar-collapsed)!important;min-width:var(--hms-sidebar-collapsed)!important;max-width:var(--hms-sidebar-collapsed)!important;z-index:5000!important;box-sizing:border-box!important;height:100vh!important;margin:0!important;padding:0!important;transition:width .25s,min-width .25s,max-width .25s!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden auto!important}.sidebar.collapsed{width:var(--hms-sidebar-collapsed)!important;min-width:var(--hms-sidebar-collapsed)!important;max-width:var(--hms-sidebar-collapsed)!important}.sidebar.expanded{width:var(--hms-sidebar-expanded)!important;min-width:var(--hms-sidebar-expanded)!important;max-width:var(--hms-sidebar-expanded)!important}.content{width:calc(100% - var(--hms-sidebar-collapsed))!important;min-width:0!important;margin-left:var(--hms-sidebar-collapsed)!important;box-sizing:border-box!important;padding:0!important;transition:width .25s,margin-left .25s!important;overflow-x:hidden!important}body.sidebar-expanded .content{width:calc(100% - var(--hms-sidebar-expanded))!important;margin-left:var(--hms-sidebar-expanded)!important}.top-navbar{box-sizing:border-box!important;z-index:100!important;width:100%!important;max-width:none!important;margin:0!important;position:sticky!important;top:0!important;left:auto!important}.top-navbar.fixed,.navbar.fixed{width:100%!important;position:sticky!important;left:auto!important;right:auto!important}body.sidebar-collapsed .layout,body.sidebar-expanded .layout{width:100%!important;margin-left:0!important}body.sidebar-collapsed .content{margin-left:var(--hms-sidebar-collapsed)!important}body.sidebar-expanded .content{margin-left:var(--hms-sidebar-expanded)!important}.sidebar.collapsed .sidebar-header{box-sizing:border-box!important;justify-content:center!important;width:100%!important;padding-left:8px!important;padding-right:8px!important;display:flex!important}.sidebar.collapsed .menu-btn{flex-shrink:0!important;margin:0 auto!important}.sidebar.collapsed .sidebar-nav{box-sizing:border-box!important;width:100%!important;padding:12px 8px!important}.sidebar.collapsed .sidebar-link{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:54px!important;min-width:54px!important;max-width:54px!important;height:48px!important;min-height:48px!important;margin:0 auto 6px!important;padding:0!important;display:flex!important}.sidebar.collapsed .sidebar-link-icon{color:#fff!important;visibility:visible!important;justify-content:center!important;align-items:center!important;width:54px!important;min-width:54px!important;height:48px!important;display:flex!important}.sidebar.collapsed .sidebar-link-icon svg{color:#fff!important;fill:currentColor!important;visibility:visible!important;width:17px!important;height:17px!important;display:block!important}.sidebar.expanded .sidebar-link-icon{justify-content:center!important;align-items:center!important;width:22px!important;min-width:22px!important;display:flex!important}.sidebar.expanded .sidebar-link-icon svg{color:#fff!important;width:14px!important;height:14px!important;display:block!important}.patient-dashboard{box-sizing:border-box!important;width:100%!important;max-width:1400px!important;margin:0 auto!important}@media (width<=768px){:root{--hms-sidebar-collapsed:64px;--hms-sidebar-expanded:220px}.content{width:calc(100% - var(--hms-sidebar-collapsed))!important;margin-left:var(--hms-sidebar-collapsed)!important}body.sidebar-expanded .content{width:calc(100% - var(--hms-sidebar-expanded))!important;margin-left:var(--hms-sidebar-expanded)!important}.sidebar.collapsed{width:64px!important;min-width:64px!important;max-width:64px!important}.sidebar.expanded{width:220px!important;min-width:220px!important;max-width:220px!important}}:root{--hms-sidebar-collapsed:72px;--hms-sidebar-expanded:245px}.hms-shell{background:#f3f6fb;box-sizing:border-box!important;flex-direction:row!important;width:100%!important;min-height:100vh!important;margin:0!important;padding:0!important;display:flex!important;overflow-x:hidden!important}.hms-shell>.sidebar{flex:0 0 var(--hms-sidebar-collapsed)!important;width:var(--hms-sidebar-collapsed)!important;min-width:var(--hms-sidebar-collapsed)!important;max-width:var(--hms-sidebar-collapsed)!important;z-index:1000!important;box-sizing:border-box!important;height:100vh!important;margin:0!important;padding:0!important;transition:flex-basis .25s,width .25s,min-width .25s,max-width .25s!important;position:sticky!important;top:0!important;left:auto!important;overflow:hidden auto!important}.hms-shell>.sidebar.expanded{flex-basis:var(--hms-sidebar-expanded)!important;width:var(--hms-sidebar-expanded)!important;min-width:var(--hms-sidebar-expanded)!important;max-width:var(--hms-sidebar-expanded)!important}.hms-shell>.sidebar.collapsed{flex-basis:var(--hms-sidebar-collapsed)!important;width:var(--hms-sidebar-collapsed)!important;min-width:var(--hms-sidebar-collapsed)!important;max-width:var(--hms-sidebar-collapsed)!important}.hms-main{box-sizing:border-box!important;flex-direction:column!important;flex:auto!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:100vh!important;margin:0!important;padding:0!important;display:flex!important;overflow-x:hidden!important}.hms-main>.top-navbar{box-sizing:border-box!important;z-index:900!important;border-radius:0!important;flex-shrink:0!important;width:100%!important;max-width:none!important;height:72px!important;min-height:72px!important;margin:0!important;padding:0 24px!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important;overflow:visible!important}.hms-page{box-sizing:border-box!important;flex:auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:26px 32px 40px!important;overflow-x:hidden!important}.hms-page>.page,.hms-page>.patient-dashboard{box-sizing:border-box!important;width:100%!important;max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}.hms-page .page{max-width:1400px!important;margin-left:auto!important;margin-right:auto!important}.layout{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important}.layout>.content{width:auto!important;min-width:0!important;margin:0!important;padding:0!important}body.sidebar-collapsed .layout,body.sidebar-expanded .layout,body.sidebar-collapsed .content,body.sidebar-expanded .content{width:100%!important;margin-left:0!important;padding-left:0!important}.hms-main .top-navbar{justify-content:space-between!important;align-items:center!important;gap:20px!important;display:flex!important}.hms-main .navbar-left{flex:auto!important;align-items:center!important;gap:20px!important;min-width:0!important;display:flex!important}.hms-main .navbar-search{flex-shrink:1!important;width:285px!important;min-width:180px!important;max-width:285px!important}.hms-main .navbar-right{flex:none!important;align-items:center!important;gap:10px!important;display:flex!important}.hms-page .patient-dashboard{box-sizing:border-box!important;width:100%!important;max-width:1400px!important;margin:0 auto!important}@media (width<=1000px){.hms-page{padding-left:22px!important;padding-right:22px!important}.hms-main .top-navbar{padding-left:18px!important;padding-right:18px!important}}@media (width<=768px){:root{--hms-sidebar-collapsed:64px;--hms-sidebar-expanded:220px}.hms-page{padding:20px 16px 30px!important}.hms-main .top-navbar{height:64px!important;min-height:64px!important;padding-left:14px!important;padding-right:14px!important}.hms-main .navbar-search{width:220px!important;max-width:220px!important}}@media (width<=560px){.hms-page{padding:16px 12px 24px!important}.hms-main .navbar-search{width:170px!important;min-width:120px!important;max-width:170px!important}}body.dark-mode,body.dark-mode #root,body.dark-mode .layout,body.dark-mode .hms-shell,body.dark-mode .hms-main,body.dark-mode .content{background:#0f172a!important}body.dark-mode .top-navbar{color:#f8fafc!important;background:#111827!important;border-bottom:1px solid #1f2937!important;box-shadow:0 5px 20px #0003!important}body.dark-mode .navbar-search{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}body.dark-mode .navbar-search input::placeholder,body.dark-mode .navbar-search-icon{color:#94a3b8!important}body.dark-mode .icon-btn:hover{background:#334155!important}body.dark-mode .navbar-search-dropdown{background:#111827!important;border-color:#334155!important;box-shadow:0 18px 40px #00000059!important}body.dark-mode .navbar-search-dropdown-header{color:#f8fafc!important;border-bottom-color:#1f2937!important}body.dark-mode .navbar-search-result{color:#e5e7eb!important;background:0 0!important}body.dark-mode .navbar-search-result:hover{background:#1e293b!important}body.dark-mode .navbar-search-result-content strong{color:#f8fafc!important}body.dark-mode .navbar-search-result-content small{color:#94a3b8!important}body.dark-mode .navbar-search-result-icon{color:#60a5fa!important;background:#1e3a8a!important}body.dark-mode .navbar-search-empty{color:#e5e7eb!important}body.dark-mode .profile-box{color:#f8fafc!important;background:0 0!important}body.dark-mode .navbar-default-avatar{color:#f8fafc!important}body.dark-mode .logout-btn{color:#fff!important;background:#dc2626!important}body.dark-mode .card,body.dark-mode .panel,body.dark-mode .content-card,body.dark-mode .patient-panel,body.dark-mode .patient-summary-card,body.dark-mode .patient-health-card,body.dark-mode .patient-next-appointment.empty,body.dark-mode .patient-quick-action,body.dark-mode .patient-dashboard .grid-box{color:#e5e7eb!important;background:#111827!important;border-color:#263449!important;box-shadow:0 10px 28px #00000029!important}body.dark-mode .patient-dashboard{color:#e5e7eb!important}body.dark-mode .patient-welcome-card{background:linear-gradient(135deg,#172554,#111827,#052e16)!important;border-color:#263449!important}body.dark-mode .patient-welcome-card h1{color:#f8fafc!important}body.dark-mode .patient-welcome-card p,body.dark-mode .patient-welcome-helper,body.dark-mode .patient-summary-copy small{color:#94a3b8!important}body.dark-mode .patient-summary-copy strong{color:#f8fafc!important}body.dark-mode .patient-health-info span{color:#94a3b8!important}body.dark-mode .patient-health-info strong{color:#f8fafc!important}body.dark-mode .patient-health-info p{color:#94a3b8!important}body.dark-mode .patient-section-heading h2,body.dark-mode .patient-panel-header h2{color:#f8fafc!important}body.dark-mode .patient-section-heading span,body.dark-mode .patient-panel-header span{color:#60a5fa!important}body.dark-mode .quick-action-copy strong{color:#f8fafc!important}body.dark-mode .quick-action-copy small{color:#94a3b8!important}body.dark-mode .quick-action-icon{color:#60a5fa!important;background:#172554!important}body.dark-mode .quick-action-arrow{color:#64748b!important}body.dark-mode .patient-activity-item,body.dark-mode .patient-medicine-item{border-bottom-color:#1f2937!important}body.dark-mode .patient-activity-item strong,body.dark-mode .patient-medicine-item strong{color:#e5e7eb!important}body.dark-mode .patient-activity-item small,body.dark-mode .patient-medicine-item small{color:#94a3b8!important}body.dark-mode .activity-icon,body.dark-mode .medicine-icon{color:#60a5fa!important;background:#172554!important}body.dark-mode .medicine-time{color:#cbd5e1!important;background:#1e293b!important}body.dark-mode .patient-health-tip{background:#17202f!important;border-color:#263449!important}body.dark-mode .patient-health-tip strong{color:#f8fafc!important}body.dark-mode .patient-health-tip p{color:#94a3b8!important}body.dark-mode .patient-progress-track{background:#263449!important}body.dark-mode .patient-progress-labels{color:#94a3b8!important}body.dark-mode .page,body.dark-mode .book-appointment,body.dark-mode .appointment-details,body.dark-mode .appointment-form,body.dark-mode .selected-doctor,body.dark-mode .booking-card{color:#e5e7eb!important}body.dark-mode .page h1,body.dark-mode .page h2,body.dark-mode .page h3{color:#f8fafc!important}body.dark-mode .page p,body.dark-mode .page label{color:#cbd5e1!important}body.dark-mode table{color:#e5e7eb!important;background:#111827!important}body.dark-mode th{color:#f8fafc!important;background:#1e293b!important}body.dark-mode td{border-color:#263449!important}body.dark-mode .modal,body.dark-mode .modal-content,body.dark-mode .dropdown,body.dark-mode .notification-dropdown{color:#e5e7eb!important;background:#111827!important;border-color:#334155!important}body.dark-mode .notification-header{border-bottom-color:#263449!important}body.dark-mode .notification-header h3{color:#f8fafc!important}body.dark-mode .notification-item{border-bottom-color:#263449!important}body.dark-mode .notification-content h4{color:#f8fafc!important}body.dark-mode .notification-content p,body.dark-mode .notification-content small{color:#94a3b8!important}body.dark-mode .skeleton{background:linear-gradient(90deg,#1e293b 20%,#334155 50%,#1e293b 80%) 0 0/200% 100%!important}body.dark-mode{scrollbar-color:#475569 #0f172a}body.dark-mode::-webkit-scrollbar{width:8px}body.dark-mode::-webkit-scrollbar-track{background:#0f172a}body.dark-mode::-webkit-scrollbar-thumb{background:#475569;border-radius:999px}.navbar-profile-avatar{box-sizing:border-box!important;background:#eef2f7!important;border-radius:50%!important;flex:0 0 40px!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;display:flex!important;position:relative!important;overflow:hidden!important}.navbar-profile-skeleton{z-index:2!important;pointer-events:none!important;background:linear-gradient(90deg,#e2e8f0 20%,#fff 50%,#e2e8f0 80%) 0 0/200% 100%!important;border-radius:50%!important;width:100%!important;height:100%!important;animation:1.1s linear infinite navbarAvatarShimmer!important;position:absolute!important;inset:0!important}@keyframes navbarAvatarShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.navbar-profile-image{z-index:3!important;object-fit:cover!important;opacity:1!important;border-radius:50%!important;width:100%!important;min-width:100%!important;height:100%!important;min-height:100%!important;display:block!important;position:absolute!important;inset:0!important}.navbar-avatar-fallback{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;font-size:15px!important;font-weight:800!important;line-height:1!important;display:flex!important}.profile-box{cursor:pointer!important;background:0 0!important;border:0!important;align-items:center!important;gap:9px!important;min-width:0!important;padding:3px 7px!important;display:flex!important}.profile-box:hover{background:#2563eb0f!important;border-radius:10px!important}.navbar-profile-info{flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;display:flex!important}.navbar-profile-info strong{color:#172033!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:120px!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;overflow:hidden!important}.navbar-profile-info span{color:#7c8aa0!important;letter-spacing:.03em!important;margin-top:3px!important;font-size:8px!important;font-weight:700!important;line-height:1!important}html.dark-mode,body.dark-mode,body.dark-mode #root,body.dark-mode .layout,body.dark-mode .hms-shell,body.dark-mode .hms-main,body.dark-mode .content,body.dark-mode .hms-page{color:#e5e7eb!important;background:#0f172a!important}body.dark-mode .top-navbar{color:#f8fafc!important;background:#111827!important;border-bottom:1px solid #1f2937!important}body.dark-mode .navbar-logo{color:#f8fafc!important}body.dark-mode .navbar-search{background:#1e293b!important;border-color:#334155!important}body.dark-mode .navbar-search input{color:#f8fafc!important;background:0 0!important}body.dark-mode .navbar-search input::placeholder,body.dark-mode .navbar-search-icon{color:#94a3b8!important}body.dark-mode .icon-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}body.dark-mode .profile-box:hover{background:#1e293b!important}body.dark-mode .navbar-profile-info strong{color:#f8fafc!important}body.dark-mode .navbar-profile-info span{color:#94a3b8!important}body.dark-mode .navbar-profile-avatar{background:#1e293b!important}body.dark-mode .navbar-avatar-fallback{color:#fff!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important}body.dark-mode .navbar-profile-skeleton{background:linear-gradient(90deg,#1e293b 20%,#334155 50%,#1e293b 80%) 0 0/200% 100%!important}body.dark-mode .card,body.dark-mode .panel,body.dark-mode .content-card,body.dark-mode .patient-panel,body.dark-mode .patient-health-card,body.dark-mode .patient-summary-card,body.dark-mode .patient-quick-action,body.dark-mode .booking-card,body.dark-mode .appointment-card,body.dark-mode .modal-content{color:#e5e7eb!important;background:#111827!important;border-color:#263449!important}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{color:#e5e7eb!important;background:#111827!important;border-color:#334155!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#64748b!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f8fafc!important}body.dark-mode p,body.dark-mode label,body.dark-mode small{color:#cbd5e1!important}@media (width<=700px){.navbar-profile-info{display:none!important}.profile-box{padding:2px!important}.navbar-profile-avatar,.navbar-avatar-fallback,.navbar-profile-image{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}}.reschedule-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reschedule-modal{background:#fff;border-radius:20px;width:min(100%,480px);padding:26px;box-shadow:0 25px 70px #0f172a38}.reschedule-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.reschedule-modal-header span{color:#64748b;font-size:12px;font-weight:700}.reschedule-modal-header h2{color:#172033;margin:4px 0 0;font-size:22px}.reschedule-close-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:10px;width:34px;height:34px;font-size:22px}.reschedule-doctor{background:#f8fafc;border-radius:14px;flex-direction:column;gap:4px;margin-bottom:20px;padding:15px;display:flex}.reschedule-doctor strong{color:#172033;font-size:15px}.reschedule-doctor span{color:#64748b;font-size:13px}.reschedule-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.reschedule-field{flex-direction:column;gap:7px;display:flex}.reschedule-field label{color:#334155;font-size:13px;font-weight:700}.reschedule-field input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #dbe3ee;border-radius:11px;outline:none;width:100%;padding:12px 13px}.reschedule-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.reschedule-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.reschedule-cancel-btn,.reschedule-confirm-btn{cursor:pointer;border-radius:10px;min-height:44px;padding:0 18px;font-size:13px;font-weight:700}.reschedule-cancel-btn{color:#475569;background:#fff;border:1px solid #dbe3ee}.reschedule-confirm-btn{color:#fff;background:#2563eb;border:0}.reschedule-confirm-btn:disabled,.reschedule-cancel-btn:disabled{opacity:.55;cursor:not-allowed}body.dark-mode .reschedule-modal{background:#111827}body.dark-mode .reschedule-modal-header h2,body.dark-mode .reschedule-doctor strong{color:#f8fafc}body.dark-mode .reschedule-doctor{background:#1e293b}body.dark-mode .reschedule-doctor span,body.dark-mode .reschedule-modal-header span{color:#94a3b8}body.dark-mode .reschedule-field label{color:#cbd5e1}body.dark-mode .reschedule-field input{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode .reschedule-close-btn,body.dark-mode .reschedule-cancel-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}@media (width<=600px){.reschedule-form{grid-template-columns:1fr}.reschedule-actions{flex-direction:column-reverse}.reschedule-cancel-btn,.reschedule-confirm-btn{width:100%}}.notifications-page{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:28px 30px 48px}.notifications-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.notifications-header-content{min-width:0}.notifications-title-row{align-items:center;gap:16px;display:flex}.notifications-page-icon{background:var(--primary-color,#2563eb);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;display:flex;box-shadow:0 10px 24px #2563eb2e}.notifications-eyebrow{letter-spacing:.11em;text-transform:uppercase;color:#64748b;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.notifications-header h1{color:var(--text-primary,#0f172a);margin:0;font-size:34px;font-weight:800;line-height:1.1}.notifications-header p{color:var(--text-secondary,#64748b);margin:8px 0 0;font-size:15px;line-height:1.6}.mark-all-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 18px #2563eb29}.mark-all-btn:hover:not(:disabled){transform:translateY(-1px)}.mark-all-btn:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.notification-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.notification-summary-card{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);border-radius:16px;align-items:center;gap:14px;min-width:0;padding:19px;display:flex;box-shadow:0 7px 22px #0f172a0b}.notification-summary-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex}.notification-summary-icon.total{color:#2563eb;background:#2563eb1c}.notification-summary-icon.unread{color:#d97706;background:#f59e0b1f}.notification-summary-icon.appointment{color:#059669;background:#10b9811f}.notification-summary-icon.payment{color:#7c3aed;background:#8b5cf61f}.notification-summary-card span{color:#64748b;font-size:12px;font-weight:700;display:block}.notification-summary-card strong{color:var(--text-primary,#0f172a);margin-top:2px;font-size:26px;font-weight:800;line-height:1.05;display:block}.notification-summary-card small{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.notification-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.notification-search-wrapper{flex:1;max-width:430px;position:relative}.notification-search-wrapper>svg{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.notification-search-wrapper input{box-sizing:border-box;border:1px solid var(--border-color,#dbe3ed);background:var(--card-bg,#fff);width:100%;height:46px;color:var(--text-primary,#0f172a);border-radius:12px;outline:none;padding:0 42px;font-size:14px}.notification-search-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.notification-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.notification-search-clear:hover{color:#334155;background:#f1f5f9}.notification-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.notification-filters button{border:1px solid var(--border-color,#dbe3ed);background:var(--card-bg,#fff);color:#475569;cursor:pointer;border-radius:10px;min-height:38px;padding:0 13px;font-size:12px;font-weight:700;transition:all .18s}.notification-filters button:hover{border-color:#94a3b8}.notification-filters button.active{color:#fff;background:#2563eb;border-color:#2563eb}.notification-filters button span{background:#ffffff2e;border-radius:999px;margin-left:5px;padding:2px 6px;font-size:10px}.notifications-result-bar{justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:10px;display:flex}.notifications-result-bar span{color:#64748b;font-size:12px;font-weight:700}.notifications-result-bar button{color:#2563eb;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.notification-list{flex-direction:column;gap:11px;display:flex}.notification-card{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);cursor:pointer;border-radius:16px;align-items:flex-start;gap:16px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s,opacity .2s;display:flex;position:relative;box-shadow:0 6px 22px #0f172a09}.notification-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 12px 28px #0f172a12}.notification-card.unread{background:linear-gradient(90deg, #2563eb09, transparent 30%), var(--card-bg,#fff);border-left:4px solid #2563eb}.notification-card.deleting{opacity:0;transform:translate(18px)}.notification-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;display:flex}.notification-icon.appointment{color:#059669;background:#10b9811c}.notification-icon.payment{color:#7c3aed;background:#8b5cf61c}.notification-icon.prescription{color:#2563eb;background:#3b82f61c}.notification-icon.report{color:#d97706;background:#f59e0b1c}.notification-icon.general{color:#475569;background:#64748b1c}.notification-body{flex:1;min-width:0}.notification-meta-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.notification-type-label{letter-spacing:.05em;text-transform:uppercase;color:#64748b;font-size:10px;font-weight:800}.notification-time{color:#94a3b8;flex-shrink:0;font-size:11px}.notification-body h3{color:var(--text-primary,#0f172a);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;line-height:1.4;display:flex}.notification-body p{color:#64748b;max-width:850px;margin:6px 0 0;font-size:13px;line-height:1.65}.new-badge{color:#1d4ed8;letter-spacing:.04em;background:#dbeafe;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:9px;font-weight:900;display:inline-flex}.notification-action-hint{color:#2563eb;align-items:center;gap:6px;margin-top:9px;font-size:11px;font-weight:800;display:inline-flex}.notification-action-hint svg{font-size:9px}.notification-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.notification-actions button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex}.read-btn{color:#059669;background:#ecfdf5}.read-btn:hover{background:#d1fae5}.delete-btn{color:#dc2626;background:#fef2f2}.delete-btn:hover{background:#fee2e2}.notification-actions button:disabled{opacity:.45;cursor:not-allowed}.empty-notification-page{text-align:center;background:var(--card-bg,#fff);border:1px dashed #cbd5e1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:35px;display:flex}.empty-notification-icon{color:#2563eb;background:#eff6ff;border-radius:24px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:16px;font-size:28px;display:flex}.empty-notification-page h2{color:var(--text-primary,#0f172a);margin:0;font-size:20px;font-weight:800}.empty-notification-page p{color:#64748b;margin:8px 0 0;font-size:13px}.empty-reset-btn{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;min-height:40px;margin-top:17px;padding:0 15px;font-weight:700}.notifications-skeleton .skeleton{background:#e9eef5;position:relative;overflow:hidden}.notifications-skeleton .skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.4s infinite notificationSkeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes notificationSkeletonShimmer{to{transform:translate(100%)}}.notifications-skeleton-icon{border-radius:16px;flex-shrink:0;width:58px;height:58px}.notifications-skeleton-eyebrow{border-radius:5px;width:170px;height:11px;margin-bottom:9px}.notifications-skeleton-title{border-radius:8px;width:250px;height:33px;margin-bottom:10px}.notifications-skeleton-description{border-radius:6px;width:410px;max-width:100%;height:15px}.notifications-skeleton-button{border-radius:12px;flex-shrink:0;width:140px;height:44px}.notification-skeleton-summary-icon{border-radius:13px;flex-shrink:0;width:48px;height:48px}.notification-skeleton-summary-content{flex:1}.notification-skeleton-line{border-radius:6px}.notification-skeleton-line.small{width:60px;height:11px}.notification-skeleton-line.medium{width:105px;height:10px;margin-top:7px}.notification-skeleton-number{border-radius:6px;width:48px;height:26px;margin-top:7px}.notification-skeleton-search{border-radius:12px;width:430px;max-width:100%;height:46px}.notification-skeleton-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.notification-skeleton-filter{border-radius:10px;width:82px;height:38px}.notification-skeleton-result{align-items:center;min-height:30px;margin-bottom:10px;display:flex}.notification-skeleton-result-count{border-radius:5px;width:100px;height:12px}.notification-skeleton-card-icon{border-radius:14px;flex-shrink:0;width:50px;height:50px}.notification-skeleton-card-body{flex:1;min-width:0}.notification-skeleton-card-meta{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.notification-skeleton-type{border-radius:4px;width:95px;height:10px}.notification-skeleton-time{border-radius:4px;width:125px;height:10px}.notification-skeleton-card-title{border-radius:6px;width:38%;height:17px;margin-bottom:10px}.notification-skeleton-card-line{border-radius:5px;height:12px;margin-bottom:7px}.notification-skeleton-card-line.wide{width:87%}.notification-skeleton-card-line.medium{width:62%}.notification-skeleton-action{border-radius:5px;width:105px;height:11px;margin-top:8px}.notification-skeleton-actions{gap:7px;display:flex}.notification-skeleton-action-button{border-radius:10px;width:36px;height:36px}.dark-mode .notifications-page{color:#e2e8f0}.dark-mode .notifications-header h1,.dark-mode .notification-summary-card strong,.dark-mode .notification-body h3,.dark-mode .empty-notification-page h2{color:#f8fafc}.dark-mode .notifications-header p,.dark-mode .notification-summary-card span,.dark-mode .notification-summary-card small,.dark-mode .notification-body p,.dark-mode .notification-time,.dark-mode .notifications-result-bar span{color:#94a3b8}.dark-mode .notification-summary-card,.dark-mode .notification-card,.dark-mode .notification-search-wrapper input,.dark-mode .notification-filters button,.dark-mode .empty-notification-page{background:#111827;border-color:#243041}.dark-mode .notification-filters button{color:#cbd5e1}.dark-mode .notification-search-clear:hover{color:#e2e8f0;background:#1e293b}.dark-mode .notification-card:hover{border-color:#334155}.dark-mode .notification-card.unread{background:linear-gradient(90deg,#2563eb14,#0000 30%),#111827}.dark-mode .new-badge{color:#93c5fd;background:#2563eb2e}.dark-mode .empty-notification-icon{background:#2563eb1f}.dark-mode .notifications-skeleton .skeleton{background:#1e293b}@media (width<=1100px){.notification-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-toolbar{flex-direction:column;align-items:flex-start}.notification-search-wrapper{width:100%;max-width:none}}@media (width<=700px){.notifications-page{padding:20px 15px 35px}.notifications-header{flex-direction:column;align-items:flex-start}.mark-all-btn{width:100%}.notifications-header h1{font-size:28px}.notifications-header p{font-size:13px}.notification-summary-grid{grid-template-columns:1fr}.notification-filters{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.notification-filters button{flex-shrink:0}.notification-card{gap:12px;padding:15px}.notification-icon{border-radius:12px;width:44px;height:44px;font-size:16px}.notification-meta-row{flex-direction:column;align-items:flex-start;gap:4px}.notification-actions{flex-direction:column}.notifications-skeleton-button{width:100%}.notifications-skeleton-description{width:260px}}.prescription-page{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:28px 30px 48px}.prescription-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.prescription-title-area{align-items:center;gap:16px;min-width:0;display:flex}.prescription-page-icon{color:#fff;background:#2563eb;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;display:flex;box-shadow:0 10px 24px #2563eb2e}.prescription-eyebrow{color:#64748b;letter-spacing:.11em;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.prescription-header h1{color:#0f172a;margin:0;font-size:34px;font-weight:800}.prescription-header p{color:#64748b;margin:8px 0 0;font-size:14px}.prescription-search-wrapper{width:430px;max-width:100%;position:relative}.prescription-search-wrapper>svg{color:#94a3b8;pointer-events:none;font-size:14px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.prescription-search-wrapper input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe3ed;border-radius:12px;outline:none;width:100%;height:46px;padding:0 42px;font-size:13px}.prescription-search-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.prescription-search-wrapper button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:8px;width:28px;height:28px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.prescription-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.prescription-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;min-width:0;padding:19px;display:flex;box-shadow:0 7px 22px #0f172a0a}.prescription-stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex}.prescription-stat-icon.blue{color:#2563eb;background:#2563eb1c}.prescription-stat-icon.green{color:#059669;background:#10b9811c}.prescription-stat-icon.purple{color:#7c3aed;background:#8b5cf61c}.prescription-stat-icon.orange{color:#d97706;background:#f59e0b1f}.prescription-stat-card span{color:#64748b;font-size:12px;font-weight:700;display:block}.prescription-stat-card strong{color:#0f172a;margin-top:2px;font-size:26px;line-height:1.05;display:block}.prescription-stat-card small{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.prescription-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.prescription-filter-group{flex-wrap:wrap;gap:7px;display:flex}.prescription-filter-group button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ed;border-radius:10px;min-height:38px;padding:0 14px;font-size:12px;font-weight:700}.prescription-filter-group button.active{color:#fff;background:#2563eb;border-color:#2563eb}.prescription-result-count{color:#64748b;font-size:12px;font-weight:700}.prescription-list{flex-direction:column;gap:14px;display:flex}.prescription-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:20px;transition:all .2s;box-shadow:0 7px 24px #0f172a0a}.prescription-card:hover{border-color:#cbd5e1;box-shadow:0 12px 30px #0f172a12}.prescription-card.status-active{border-left:4px solid #10b981}.prescription-card.status-completed{border-left:4px solid #2563eb}.prescription-card.status-expired,.prescription-card.status-cancelled{border-left:4px solid #94a3b8}.prescription-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.prescription-card-title{align-items:center;gap:13px;min-width:0;display:flex}.prescription-card-icon{color:#2563eb;background:#eff6ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.prescription-number{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.prescription-card-title h2{color:#0f172a;margin:0;font-size:17px;font-weight:800}.prescription-card-title p{color:#64748b;margin:4px 0 0;font-size:12px}.prescription-status{border-radius:999px;flex-shrink:0;align-items:center;min-height:28px;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.prescription-status.active{color:#059669;background:#ecfdf5}.prescription-status.completed{color:#2563eb;background:#eff6ff}.prescription-status.expired,.prescription-status.cancelled{color:#64748b;background:#f1f5f9}.prescription-meta{border-top:1px solid #eef2f7;flex-wrap:wrap;align-items:center;gap:15px;margin:16px 0;padding-top:14px;display:flex}.prescription-meta span{color:#64748b;align-items:center;gap:7px;font-size:12px;display:inline-flex}.prescription-meta svg{color:#94a3b8}.prescription-medicines-section{margin-top:4px}.prescription-section-label{color:#475569;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.prescription-section-label svg{color:#2563eb}.medicine-chips{flex-wrap:wrap;gap:7px;display:flex}.medicine-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.prescription-muted{color:#94a3b8;margin:0;font-size:12px}.prescription-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.prescription-details-grid>div{background:#f8fafc;border-radius:12px;padding:13px}.prescription-details-grid span{color:#94a3b8;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.prescription-details-grid strong{color:#334155;font-size:13px}.prescription-expanded{border-top:1px solid #eef2f7;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;padding-top:14px;display:grid}.prescription-detail-block{background:#f8fafc;border-radius:13px;padding:15px}.prescription-detail-block p{color:#334155;margin:0;font-size:13px;line-height:1.6}.prescription-detail-block small{color:#94a3b8;margin-top:4px;font-size:11px;display:block}.prescription-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:9px;margin-top:17px;padding-top:15px;display:flex}.prescription-actions button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.prescription-secondary-btn{color:#475569;background:#fff;border:1px solid #dbe3ed}.prescription-primary-btn{color:#fff;background:#2563eb;border:1px solid #2563eb}.prescription-primary-btn:disabled{opacity:.55;cursor:not-allowed}.empty-prescription,.prescription-error{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:40px;display:flex}.empty-prescription-icon,.prescription-error-icon{border-radius:24px;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:16px;font-size:28px;display:flex}.empty-prescription-icon{color:#2563eb;background:#eff6ff}.prescription-error-icon{color:#dc2626;background:#fef2f2}.empty-prescription h2,.prescription-error h2{color:#0f172a;margin:0;font-size:20px}.empty-prescription p,.prescription-error p{color:#64748b;max-width:500px;margin:8px 0 0;font-size:13px;line-height:1.6}.empty-prescription button,.prescription-error button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;min-height:40px;margin-top:16px;padding:0 16px;font-size:12px;font-weight:700}.prescription-skeleton .skeleton{background:#e9eef5;position:relative;overflow:hidden}.prescription-skeleton .skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.4s infinite prescriptionSkeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes prescriptionSkeletonShimmer{to{transform:translate(100%)}}.prescription-skeleton-icon{border-radius:16px;width:58px;height:58px}.skeleton-eyebrow{border-radius:5px;width:170px;height:11px;margin-bottom:9px}.skeleton-title{border-radius:8px;width:245px;height:33px;margin-bottom:10px}.skeleton-description{border-radius:6px;width:380px;max-width:100%;height:15px}.skeleton-search{border-radius:12px;width:430px;max-width:100%;height:46px}.skeleton-stat-icon{border-radius:13px;flex-shrink:0;width:48px;height:48px}.skeleton-stat-copy{flex:1}.skeleton-small-line{border-radius:5px;width:55px;height:10px;margin-bottom:7px}.skeleton-number{border-radius:6px;width:45px;height:25px;margin-bottom:7px}.skeleton-medium-line{border-radius:5px;width:105px;height:9px}.prescription-filter-skeleton{border-radius:10px;width:280px;max-width:100%;height:38px}.prescription-count-skeleton{border-radius:5px;width:100px;height:12px}.prescription-card-skeleton-icon{border-radius:13px;width:48px;height:48px}.skeleton-number-line{border-radius:4px;width:100px;height:9px;margin-bottom:7px}.skeleton-doctor-line{border-radius:5px;width:160px;height:17px;margin-bottom:6px}.skeleton-specialization-line{border-radius:4px;width:120px;height:11px}.prescription-status-skeleton{border-radius:999px;width:65px;height:28px}.skeleton-meta-line{border-radius:5px;width:105px;height:11px}.skeleton-meta-line.short{width:75px}.medicine-label-skeleton{border-radius:5px;width:80px;height:11px;margin-bottom:10px}.medicine-skeleton-row{gap:7px;display:flex}.medicine-chip-skeleton{border-radius:9px;width:85px;height:30px}.medicine-chip-skeleton.wide{width:125px}.skeleton-detail-label{border-radius:4px;width:55px;height:9px;margin-bottom:7px}.skeleton-detail-value{border-radius:5px;width:110px;height:13px}.skeleton-action-button{border-radius:10px;width:120px;height:40px}.skeleton-action-button.primary{width:135px}.dark-mode .prescription-header h1,.dark-mode .prescription-card-title h2,.dark-mode .prescription-stat-card strong,.dark-mode .empty-prescription h2,.dark-mode .prescription-error h2{color:#f8fafc}.dark-mode .prescription-header p,.dark-mode .prescription-stat-card span,.dark-mode .prescription-stat-card small,.dark-mode .prescription-card-title p,.dark-mode .prescription-result-count,.dark-mode .prescription-meta span,.dark-mode .prescription-muted,.dark-mode .empty-prescription p,.dark-mode .prescription-error p{color:#94a3b8}.dark-mode .prescription-stat-card,.dark-mode .prescription-card,.dark-mode .prescription-search-wrapper input,.dark-mode .prescription-filter-group button,.dark-mode .empty-prescription,.dark-mode .prescription-error{background:#111827;border-color:#243041}.dark-mode .prescription-filter-group button{color:#cbd5e1}.dark-mode .medicine-chip,.dark-mode .prescription-details-grid>div,.dark-mode .prescription-detail-block{background:#182235;border-color:#2d3a4c}.dark-mode .medicine-chip,.dark-mode .prescription-details-grid strong,.dark-mode .prescription-detail-block p{color:#e2e8f0}.dark-mode .prescription-secondary-btn{color:#cbd5e1;background:#111827;border-color:#334155}.dark-mode .prescription-skeleton .skeleton{background:#1e293b}@media (width<=1100px){.prescription-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.prescription-header{flex-direction:column;align-items:flex-start}.prescription-search-wrapper{width:100%}}@media (width<=700px){.prescription-page{padding:20px 15px 35px}.prescription-stats{grid-template-columns:1fr}.prescription-toolbar{flex-direction:column;align-items:flex-start}.prescription-filter-group{flex-wrap:nowrap;width:100%;padding-bottom:3px;overflow-x:auto}.prescription-filter-group button{flex-shrink:0}.prescription-card{padding:15px}.prescription-card-header{align-items:flex-start}.prescription-expanded,.prescription-details-grid{grid-template-columns:1fr}.prescription-actions{flex-direction:column}.prescription-actions button{width:100%}.skeleton-description{width:260px}.skeleton-search{width:100%}}.medical-reports-skeleton{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:28px 30px 48px}.medical-reports-skeleton .react-loading-skeleton{--base-color:#e8edf3;--highlight-color:#f7f9fb}.skeleton-gap-5{height:5px}.skeleton-gap-6{height:6px}.skeleton-gap-7{height:7px}.skeleton-gap-8{height:8px}.skeleton-gap-18{height:18px}.medical-reports-skeleton-header{margin-bottom:26px}.medical-reports-skeleton-title{align-items:center;gap:16px;display:flex}.medical-reports-skeleton-heading{min-width:0}.medical-reports-skeleton-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.medical-reports-skeleton-stat{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;min-height:88px;padding:20px;display:flex}.medical-reports-skeleton-search{margin-bottom:18px}.medical-reports-skeleton-upload{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:22px}.medical-reports-skeleton-upload-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 145px;gap:10px;display:grid}.medical-reports-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.medical-reports-skeleton-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:17px;min-width:0;padding:20px}.medical-reports-skeleton-card-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.medical-reports-skeleton-report-heading{align-items:center;gap:13px;min-width:0;display:flex}.medical-reports-skeleton-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.medical-reports-skeleton-details>div{background:#f8fafc;border-radius:11px;padding:12px}.medical-reports-skeleton-file{background:#f8fafc;border-radius:12px;margin-top:14px;padding:14px}.medical-reports-skeleton-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:14px;display:flex}.dark-mode .medical-reports-skeleton-stat,.dark-mode .medical-reports-skeleton-upload,.dark-mode .medical-reports-skeleton-card{background:#111827;border-color:#243041}.dark-mode .medical-reports-skeleton-details>div,.dark-mode .medical-reports-skeleton-file{background:#182235}.dark-mode .medical-reports-skeleton-actions{border-color:#243041}.dark-mode .medical-reports-skeleton .react-loading-skeleton{--base-color:#1e293b;--highlight-color:#334155}@media (width<=1100px){.medical-reports-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.medical-reports-skeleton-stats,.medical-reports-skeleton-upload-row{grid-template-columns:1fr}.medical-reports-skeleton-upload-row .react-loading-skeleton:last-child{width:100%!important}}@media (width<=650px){.medical-reports-skeleton{padding:20px 15px 35px}.medical-reports-skeleton-grid{grid-template-columns:1fr}.medical-reports-skeleton-title{flex-direction:column;align-items:flex-start}.medical-reports-skeleton-details{grid-template-columns:1fr}.medical-reports-skeleton-actions{flex-wrap:wrap}.medical-reports-skeleton-actions .react-loading-skeleton{flex:1;min-width:80px}}.medical-reports-page{box-sizing:border-box;color:#0f172a;width:100%;max-width:1500px;margin:0 auto;padding:28px 30px 50px}.medical-reports-page .page-header{justify-content:flex-start;align-items:center;gap:18px;width:100%;margin-bottom:28px;display:flex}.medical-reports-page .page-header>div:last-child{flex:1;min-width:0}.medical-reports-page .page-header h1{color:#163b82;margin:0;font-size:32px;font-weight:800;line-height:1.2}.medical-reports-page .page-header p{color:#64748b;margin:7px 0 0;font-size:14px;line-height:1.5}.medical-reports-page .back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:72px;height:40px;padding:0 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.medical-reports-page .back-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a29}.medical-reports-page .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-bottom:22px;display:grid}.medical-reports-page .stat-card{box-sizing:border-box;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-height:112px;padding:22px;transition:all .2s;box-shadow:0 6px 20px #0f172a0d}.medical-reports-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0f172a14}.medical-reports-page .stat-card h3{color:#2563eb;margin:0;font-size:30px;font-weight:800;line-height:1}.medical-reports-page .stat-card p{color:#64748b;margin:9px 0 0;font-size:13px;font-weight:700}.medical-reports-page>.card:not(.upload-card){box-sizing:border-box;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;margin:0 0 20px;padding:0;box-shadow:0 5px 18px #0f172a0a}.medical-reports-page>.card:not(.upload-card) input{box-sizing:border-box;color:#0f172a;background:0 0;border:none;border-radius:14px;outline:none;width:100%;height:48px;margin:0;padding:0 16px;font-size:13px}.medical-reports-page>.card:not(.upload-card) input::placeholder{color:#94a3b8}.medical-reports-page>.card:not(.upload-card) input:focus{box-shadow:0 0 0 3px #2563eb1a}.medical-reports-page .upload-card{box-sizing:border-box;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;margin:0 0 24px;padding:22px;box-shadow:0 6px 22px #0f172a0d}.medical-reports-page .upload-card h2{color:#0f172a;margin:0;font-size:19px;font-weight:800}.medical-reports-page .report-upload-info{color:#64748b;margin:7px 0 18px;font-size:13px;line-height:1.6}.medical-reports-page .upload-form{grid-template-columns:minmax(220px,1fr) minmax(280px,2fr) auto;align-items:center;gap:12px;display:grid}.medical-reports-page .upload-form select{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #dbe3ed;border-radius:10px;outline:none;width:100%;height:44px;padding:0 12px;font-size:13px}.medical-reports-page .upload-form input[type=file]{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;width:100%;min-height:44px;padding:9px 11px;font-size:12px}.medical-reports-page .upload-form input[type=file]:hover{background:#f8fbff;border-color:#93c5fd}.medical-reports-page .save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;min-width:135px;height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s}.medical-reports-page .save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #2563eb38}.medical-reports-page .save-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.medical-reports-page .selected-report-file{box-sizing:border-box;color:#1d4ed8;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border-radius:9px;grid-column:1/-1;align-items:center;min-height:36px;padding:8px 11px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.medical-reports-page .reports-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;width:100%;display:grid}.medical-reports-page .reports-grid>.report-card{min-width:0}.medical-reports-page .empty-reports{box-sizing:border-box;text-align:center;background:linear-gradient(#fff,#f8fafc);border:1px dashed #cbd5e1;border-radius:18px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}.medical-reports-page .empty-reports-icon{color:#2563eb;background:#eff6ff;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:15px;font-size:28px;display:flex}.medical-reports-page .empty-reports h2{color:#0f172a;margin:0;font-size:20px;font-weight:800}.medical-reports-page .empty-reports p{color:#64748b;max-width:430px;margin:8px 0 0;font-size:13px;line-height:1.6}.medical-reports-page .secondary-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe3ed;border-radius:10px;min-height:40px;margin-top:16px;padding:0 15px;font-size:12px;font-weight:700}.medical-reports-page .secondary-btn:hover{background:#eff6ff}.medical-reports-page .report-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;height:100%;padding:20px;box-shadow:0 6px 20px #0f172a0b}.medical-reports-page .report-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 12px 26px #0f172a14}.dark-mode .medical-reports-page{color:#e2e8f0}.dark-mode .medical-reports-page .page-header h1{color:#dbeafe}.dark-mode .medical-reports-page .page-header p,.dark-mode .medical-reports-page .stat-card p,.dark-mode .medical-reports-page .report-upload-info{color:#94a3b8}.dark-mode .medical-reports-page .stat-card,.dark-mode .medical-reports-page>.card:not(.upload-card),.dark-mode .medical-reports-page .upload-card,.dark-mode .medical-reports-page .report-card,.dark-mode .medical-reports-page .empty-reports{background:#111827;border-color:#273449}.dark-mode .medical-reports-page .stat-card h3{color:#60a5fa}.dark-mode .medical-reports-page .upload-card h2,.dark-mode .medical-reports-page .empty-reports h2{color:#f8fafc}.dark-mode .medical-reports-page>.card:not(.upload-card) input,.dark-mode .medical-reports-page .upload-form select{color:#f8fafc;background:#111827}.dark-mode .medical-reports-page .upload-form select,.dark-mode .medical-reports-page .upload-form input[type=file]{border-color:#334155}.dark-mode .medical-reports-page .upload-form input[type=file]{color:#cbd5e1;background:#182235}.dark-mode .medical-reports-page .selected-report-file{color:#93c5fd;background:#2563eb24}.dark-mode .medical-reports-page .empty-reports p{color:#94a3b8}.dark-mode .medical-reports-page .empty-reports-icon{background:#2563eb21}.dark-mode .medical-reports-page .secondary-btn{color:#93c5fd;background:#111827;border-color:#334155}@media (width<=1100px){.medical-reports-page .reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.medical-reports-page .upload-form{grid-template-columns:1fr 1fr}.medical-reports-page .save-btn{width:100%}}@media (width<=760px){.medical-reports-page{padding:20px 15px 35px}.medical-reports-page .page-header{align-items:flex-start}.medical-reports-page .page-header h1{font-size:27px}.medical-reports-page .stats-grid,.medical-reports-page .upload-form,.medical-reports-page .reports-grid{grid-template-columns:1fr}.medical-reports-page .back-btn{align-self:flex-start}.medical-reports-page .empty-reports{min-height:250px;padding:25px}}.patient-billing-page{box-sizing:border-box;width:100%;max-width:1450px;margin:0 auto;padding:28px 30px 50px}.patient-billing-header{margin-bottom:24px}.billing-eyebrow{color:#64748b;letter-spacing:.12em;margin-bottom:5px;font-size:10px;font-weight:900;display:block}.patient-billing-header h1{color:#0f172a;margin:0;font-size:32px;font-weight:850}.patient-billing-header p{color:#64748b;margin:7px 0 0;font-size:13px}.patient-billing-page .billing-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:16px;display:grid}.patient-billing-page .billing-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:19px;position:relative;overflow:hidden;box-shadow:0 7px 22px #0f172a0b}.patient-billing-page .billing-summary-card:after{content:"";background:#2563eb0e;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-35px;right:-30px}.patient-billing-page .billing-summary-card span,.patient-billing-page .billing-summary-card strong,.patient-billing-page .billing-summary-card small{z-index:1;display:block;position:relative}.patient-billing-page .billing-summary-card span{color:#64748b;font-size:11px;font-weight:750}.patient-billing-page .billing-summary-card strong{color:#0f172a;margin-top:5px;font-size:28px;line-height:1}.patient-billing-page .billing-summary-card small{color:#94a3b8;margin-top:7px;font-size:10px}.patient-billing-page .paid-summary:after{background:#10b98112}.patient-billing-page .pending-summary:after{background:#f59e0b14}.patient-billing-page .refunded-summary:after{background:#8b5cf614}.patient-billing-page .billing-total-banner{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;min-height:86px;margin-bottom:20px;padding:17px 20px;display:flex}.billing-total-banner span{color:#64748b;font-size:11px;font-weight:700;display:block}.billing-total-banner strong{color:#1d4ed8;margin-top:3px;font-size:25px;font-weight:850;display:block}.billing-total-note{color:#64748b;font-size:11px}.patient-billing-page .billing-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.patient-billing-page .billing-search{flex:1;max-width:490px;position:relative}.patient-billing-page .billing-search>span{pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.patient-billing-page .billing-search input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe3ed;border-radius:11px;outline:none;width:100%;height:44px;padding:0 40px;font-size:12px}.patient-billing-page .billing-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.billing-clear-search{color:#94a3b8;cursor:pointer;border:0;border-radius:8px;height:27px;position:absolute;top:50%;right:8px;transform:translateY(-50%);background:0 0!important;width:27px!important;padding:0!important}.patient-billing-page .billing-filters{flex-wrap:wrap;gap:7px;display:flex}.patient-billing-page .billing-filters button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ed;border-radius:9px;min-height:37px;padding:0 13px;font-size:11px;font-weight:750}.patient-billing-page .billing-filters button.active{color:#fff;background:#2563eb;border-color:#2563eb}.billing-result-bar{justify-content:space-between;align-items:center;min-height:29px;margin-bottom:8px;display:flex}.billing-result-bar span{color:#64748b;font-size:11px}.billing-result-bar button{color:#2563eb;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:750}.patient-billing-page .billing-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px #0f172a0a}.billing-table-header{border-bottom:1px solid #eef2f7;padding:17px 19px}.billing-table-header h2{color:#0f172a;margin:0;font-size:16px;font-weight:800}.billing-table-header p{color:#94a3b8;margin:4px 0 0;font-size:11px}.patient-billing-page .billing-table-wrapper{width:100%;overflow-x:auto}.patient-billing-page .billing-table{border-collapse:collapse;width:100%;min-width:900px}.patient-billing-page .billing-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;padding:13px 15px;font-size:10px;font-weight:850}.patient-billing-page .billing-table td{vertical-align:middle;border-top:1px solid #eef2f7;padding:15px}.patient-billing-page .billing-table tbody tr:hover{background:#fbfdff}.billing-bill-cell,.billing-doctor-cell,.billing-appointment-cell{flex-direction:column;gap:4px;display:flex}.billing-bill-cell strong,.billing-doctor-cell strong,.billing-appointment-cell strong{color:#1e293b;font-size:12px}.billing-bill-cell span,.billing-doctor-cell span,.billing-appointment-cell span{color:#94a3b8;font-size:10px}.billing-amount{color:#0f172a;font-size:13px}.billing-date{color:#64748b;font-size:11px}.billing-status{border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.billing-status.paid{color:#059669;background:#ecfdf5}.billing-status.pending{color:#d97706;background:#fffbeb}.billing-status.refunded{color:#7c3aed;background:#f5f3ff}.patient-billing-page .view-bill-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;min-width:72px;height:34px;padding:0 11px;font-size:11px;font-weight:750}.patient-billing-page .view-bill-btn:hover{background:#dbeafe}.patient-billing-page .empty-bills{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:35px;display:flex}.empty-bills-icon{background:#eff6ff;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:14px;font-size:28px;display:flex}.empty-bills h2{color:#0f172a;margin:0;font-size:19px}.empty-bills p{color:#64748b;margin:7px 0 0;font-size:12px}.empty-bills button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbe3ed;border-radius:9px;min-height:38px;margin-top:15px;padding:0 15px;font-size:11px;font-weight:750}.patient-billing-page .invoice-overlay{z-index:9999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.patient-billing-page .invoice-container{background:#fff;border-radius:20px;width:100%;max-width:720px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 25px 70px #00000047}.patient-billing-page .invoice-close{color:#475569;cursor:pointer;border:0;border-radius:9px;height:34px;font-size:20px;position:absolute;top:14px;right:14px;background:#f1f5f9!important;width:34px!important;padding:0!important}.invoice-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.invoice-header>div:first-child span{color:#64748b;letter-spacing:.08em;font-size:9px;font-weight:850}.invoice-header h1{color:#0f172a;margin:6px 0 0;font-size:25px}.invoice-header p{color:#64748b;margin:5px 0 0;font-size:11px}.invoice-payment-badge{border-radius:999px;align-items:center;min-height:29px;padding:0 11px;font-size:10px;font-weight:850;display:inline-flex}.invoice-payment-badge.paid{color:#059669;background:#ecfdf5}.invoice-payment-badge.pending{color:#d97706;background:#fffbeb}.invoice-payment-badge.refunded{color:#7c3aed;background:#f5f3ff}.invoice-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 0;display:grid}.invoice-details-grid>div{background:#f8fafc;border-radius:11px;padding:13px}.invoice-details-grid span{color:#94a3b8;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.invoice-details-grid strong{color:#334155;font-size:12px}.invoice-amount-section{background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;border-radius:13px;justify-content:space-between;gap:20px;padding:17px;display:flex}.invoice-amount-section span,.invoice-transaction span{color:#64748b;font-size:10px;font-weight:700;display:block}.invoice-amount-section strong{color:#1d4ed8;margin-top:4px;font-size:21px;display:block}.invoice-amount-section>div:last-child strong{color:#334155;font-size:13px}.invoice-transaction{background:#f8fafc;border-radius:11px;margin-top:12px;padding:13px}.invoice-transaction strong{color:#334155;word-break:break-all;margin-top:4px;font-size:11px;display:block}.invoice-buttons{border-top:1px solid #eef2f7;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;display:flex}.invoice-buttons button{cursor:pointer;border-radius:10px;min-height:40px;padding:0 15px;font-size:11px;font-weight:750}.patient-billing-page .print-btn{color:#fff;background:#2563eb;border:0}.patient-billing-page .close-btn{color:#475569;background:#fff;border:1px solid #dbe3ed}.dark-mode .patient-billing-page{color:#e2e8f0}.dark-mode .patient-billing-header h1,.dark-mode .billing-table-header h2,.dark-mode .invoice-header h1,.dark-mode .patient-billing-page .billing-summary-card strong,.dark-mode .billing-amount,.dark-mode .billing-bill-cell strong,.dark-mode .billing-doctor-cell strong,.dark-mode .billing-appointment-cell strong{color:#f8fafc}.dark-mode .billing-eyebrow,.dark-mode .patient-billing-header p,.dark-mode .patient-billing-page .billing-summary-card span,.dark-mode .patient-billing-page .billing-summary-card small,.dark-mode .billing-table-header p,.dark-mode .billing-doctor-cell span,.dark-mode .billing-bill-cell span,.dark-mode .billing-appointment-cell span,.dark-mode .billing-date{color:#94a3b8}.dark-mode .patient-billing-page .billing-summary-card,.dark-mode .patient-billing-page .billing-table-section,.dark-mode .patient-billing-page .billing-search input,.dark-mode .patient-billing-page .billing-filters button,.dark-mode .patient-billing-page .empty-bills,.dark-mode .patient-billing-page .invoice-container,.dark-mode .patient-billing-page .billing-clear-search,.dark-mode .patient-billing-page .close-btn{background:#111827;border-color:#273449}.dark-mode .patient-billing-page .billing-total-banner,.dark-mode .invoice-amount-section{background:#162033;border-color:#263c62}.dark-mode .patient-billing-page .billing-search input{color:#f8fafc}.dark-mode .patient-billing-page .billing-filters button{color:#cbd5e1}.dark-mode .patient-billing-page .billing-table th{color:#94a3b8;background:#182235}.dark-mode .patient-billing-page .billing-table td{border-color:#243041}.dark-mode .patient-billing-page .billing-table tbody tr:hover{background:#141f31}.dark-mode .invoice-details-grid>div,.dark-mode .invoice-transaction{background:#182235}.dark-mode .invoice-details-grid strong,.dark-mode .invoice-transaction strong{color:#e2e8f0}@media print{body *{visibility:hidden!important}.patient-billing-page .invoice-container,.patient-billing-page .invoice-container *{visibility:visible!important}.patient-billing-page .invoice-overlay{background:#fff!important;padding:0!important;position:static!important}.patient-billing-page .invoice-container{width:100%!important;max-width:none!important;max-height:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.patient-billing-page .invoice-close,.patient-billing-page .invoice-buttons{display:none!important}}@media (width<=1050px){.patient-billing-page .billing-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.patient-billing-page .billing-toolbar{flex-direction:column;align-items:flex-start}.patient-billing-page .billing-search{width:100%;max-width:none}}@media (width<=700px){.patient-billing-page{padding:20px 15px 35px}.patient-billing-page .billing-summary-grid{grid-template-columns:1fr}.patient-billing-page .billing-total-banner{flex-direction:column;align-items:flex-start}.patient-billing-page .billing-filters{flex-wrap:nowrap;width:100%;padding-bottom:3px;overflow-x:auto}.patient-billing-page .billing-filters button{flex-shrink:0}.invoice-details-grid{grid-template-columns:1fr}.invoice-amount-section{flex-direction:column;align-items:flex-start}.invoice-buttons{flex-direction:column}.invoice-buttons button{width:100%}}.profile-page{box-sizing:border-box;color:#0f172a;width:100%;max-width:1050px;margin:0 auto;padding:24px 24px 55px}.profile-page .profile-topbar{align-items:center;gap:14px;margin-bottom:20px;display:flex}.profile-page .profile-topbar>div{flex:1}.profile-page .profile-topbar>div>span{color:#94a3b8;letter-spacing:.12em;font-size:9px;font-weight:900;display:block}.profile-page .profile-topbar h1{color:#0f172a;margin:2px 0 0;font-size:25px;font-weight:850}.profile-page .profile-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:11px;height:40px;font-size:20px;width:40px!important;padding:0!important}.profile-page .profile-top-edit-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:7px;min-height:39px;font-size:11px;font-weight:800;display:inline-flex;width:auto!important;padding:0 14px!important}.profile-page .profile-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;margin-bottom:16px;padding:26px 26px 24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0f}.profile-page .profile-hero-bg{background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 45%,#ecfdf5 100%);height:125px;position:absolute;inset:0 0 auto}.profile-page .profile-hero-content{z-index:1;align-items:center;gap:22px;padding-top:44px;display:flex;position:relative}.profile-page .profile-avatar-wrapper{flex-shrink:0;position:relative}.profile-page .profile-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:128px;height:128px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0f172a29}.profile-page .profile-avatar-image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.profile-page .profile-avatar-initial{font-size:47px;font-weight:850}.profile-page .profile-camera-btn{color:#fff;cursor:pointer;background:#2563eb;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;height:37px;display:flex;position:absolute;bottom:5px;right:2px;box-shadow:0 6px 15px #2563eb47;width:37px!important;padding:0!important}.profile-page .profile-camera-btn:disabled{opacity:.6;cursor:not-allowed}.profile-page .profile-identity{flex:1;min-width:0}.profile-page .profile-identity h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:27px;font-weight:850}.profile-page .profile-identity p{color:#64748b;margin:5px 0 0;font-size:13px}.profile-page .profile-identity-tags{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.profile-page .profile-identity-tags>span{color:#475569;text-transform:uppercase;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;min-height:25px;padding:0 9px;font-size:9px;font-weight:850;display:inline-flex}.profile-page .profile-identity-tags .profile-active-pill{color:#059669;text-transform:none;background:#ecfdf5}.profile-page .profile-hero-actions{align-items:center;gap:8px;display:flex}.profile-page .profile-hero-actions>button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:11px;font-weight:800;display:inline-flex;padding:0 14px!important}.profile-page .profile-hero-actions .profile-remove-photo{color:#dc2626;background:#fef2f2;width:39px!important;padding:0!important}.profile-page .profile-avatar-overlay{background:#0000006b;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:5px}.profile-page .profile-completion-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:18px 20px}.profile-page .profile-completion-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-page .profile-completion-header>div{align-items:baseline;gap:9px;display:flex}.profile-page .profile-completion-header span{color:#64748b;font-size:11px;font-weight:750}.profile-page .profile-completion-header strong{color:#2563eb;font-size:16px}.profile-page .profile-completion-header>svg{color:#10b981;font-size:17px}.profile-page .profile-progress-track{background:#e2e8f0;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.profile-page .profile-progress-value{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#4f46e5);height:100%;transition:width .4s}.profile-page .profile-completion-card p{color:#94a3b8;margin:8px 0 0;font-size:10px}.profile-page .profile-info-section{background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:16px;padding:20px;box-shadow:0 7px 22px #0f172a09}.profile-page .profile-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.profile-page .profile-section-heading>div>span{color:#94a3b8;letter-spacing:.12em;font-size:9px;font-weight:900;display:block}.profile-page .profile-section-heading h2{color:#0f172a;margin:3px 0 0;font-size:18px;font-weight:800}.profile-page .profile-section-heading>svg{color:#2563eb;font-size:18px}.profile-page .profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-page .profile-info-item{background:#f8fafc;border-radius:13px;align-items:center;gap:11px;min-width:0;padding:13px;display:flex}.profile-page .profile-info-icon,.profile-page .profile-medical-icon{color:#2563eb;background:#eff6ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:13px;display:flex}.profile-page .profile-info-item>div:last-child{min-width:0}.profile-page .profile-info-item span,.profile-page .profile-medical-card span,.profile-page .profile-medical-wide-heading span{color:#94a3b8;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.profile-page .profile-info-item strong,.profile-page .profile-medical-card strong,.profile-page .profile-medical-wide-heading strong{color:#334155;word-break:break-word;margin-top:3px;font-size:12px;display:block}.profile-page .profile-medical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-page .profile-medical-card,.profile-page .profile-medical-wide-card{background:#f8fafc;border-radius:13px;padding:14px}.profile-page .profile-medical-card{align-items:center;gap:11px;display:flex}.profile-page .profile-medical-icon.blood{color:#dc2626;background:#fef2f2}.profile-page .profile-medical-icon.emergency{color:#ea580c;background:#fff7ed}.profile-page .profile-medical-icon.allergy{color:#ca8a04;background:#fefce8}.profile-page .profile-medical-icon.history{color:#16a34a;background:#f0fdf4}.profile-page .profile-medical-wide-card{grid-column:1/-1}.profile-page .profile-medical-wide-heading{align-items:center;gap:10px;display:flex}.profile-page .profile-medical-wide-card p{color:#64748b;white-space:pre-wrap;border-top:1px solid #e5e7eb;margin:11px 0 0;padding-top:11px;font-size:12px;line-height:1.6}.profile-page .profile-account-card{background:#f0fdf4;border:1px solid #d1fae5;border-radius:16px;align-items:center;gap:13px;padding:17px 19px;display:flex}.profile-page .profile-account-icon{color:#16a34a;background:#dcfce7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.profile-page .profile-account-card>div:nth-child(2){flex:1}.profile-page .profile-account-card span{color:#64748b;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.profile-page .profile-account-card strong{color:#166534;margin-top:3px;font-size:12px;display:block}.profile-page .profile-account-card p{color:#64748b;margin:3px 0 0;font-size:10px}.profile-page .profile-account-check{color:#16a34a}.profile-page .profile-edit-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a8c;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.profile-page .profile-edit-sheet{background:#fff;border-radius:22px 22px 14px 14px;width:100%;max-width:720px;max-height:90vh;padding:22px;animation:.25s profileSheetUp;overflow-y:auto;box-shadow:0 25px 70px #00000047}@keyframes profileSheetUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-page .profile-edit-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.profile-page .profile-edit-header span{color:#94a3b8;letter-spacing:.1em;font-size:9px;font-weight:900}.profile-page .profile-edit-header h2{color:#0f172a;margin:3px 0 0;font-size:21px}.profile-page .profile-edit-header button{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:9px;justify-content:center;align-items:center;height:34px;display:flex;width:34px!important;padding:0!important}.profile-page .profile-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-page .profile-edit-grid label{color:#475569;flex-direction:column;gap:6px;font-size:10px;font-weight:800;display:flex}.profile-page .profile-edit-grid input,.profile-page .profile-edit-grid select,.profile-page .profile-edit-grid textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe3ed;border-radius:10px;outline:none;width:100%;padding:11px 12px;font-size:12px}.profile-page .profile-edit-grid input,.profile-page .profile-edit-grid select{height:43px}.profile-page .profile-edit-grid textarea{resize:vertical}.profile-page .profile-edit-grid input:focus,.profile-page .profile-edit-grid select:focus,.profile-page .profile-edit-grid textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.profile-page .profile-edit-full{grid-column:1/-1}.profile-page .profile-edit-footer{border-top:1px solid #eef2f7;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:15px;display:flex}.profile-page .profile-edit-footer button{cursor:pointer;border-radius:10px;min-height:40px;font-size:11px;font-weight:800;padding:0 15px!important}.profile-page .profile-edit-cancel{color:#475569;background:#fff;border:1px solid #dbe3ed}.profile-page .profile-edit-save{color:#fff;background:#2563eb;border:0}.profile-page .photo-crop-modal{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.profile-page .photo-crop-container{background:#111827;border-radius:20px;width:100%;max-width:620px;overflow:hidden;box-shadow:0 30px 80px #0006}.profile-page .photo-crop-header{color:#fff;background:#111827;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.profile-page .photo-crop-header span{color:#94a3b8;letter-spacing:.1em;font-size:9px;font-weight:800;display:block}.profile-page .photo-crop-header h2{margin:3px 0 0;font-size:18px}.profile-page .photo-crop-header button{color:#fff;cursor:pointer;background:#1e293b;border:0;border-radius:9px;height:34px;width:34px!important;padding:0!important}.profile-page .photo-crop-area{background:#020617;height:440px;position:relative}.profile-page .crop-controls{color:#cbd5e1;background:#111827;align-items:center;gap:12px;padding:14px 18px;font-size:11px;font-weight:700;display:flex}.profile-page .crop-controls input{flex:1}.profile-page .photo-crop-actions{background:#111827;justify-content:flex-end;gap:9px;padding:13px 18px 17px;display:flex}.profile-page .photo-crop-actions button{cursor:pointer;border-radius:10px;min-height:39px;font-size:11px;font-weight:800;padding:0 15px!important}.profile-page .crop-cancel-btn{color:#cbd5e1;background:#1e293b;border:1px solid #334155}.profile-page .crop-save-btn{color:#fff;background:#2563eb;border:0}.dark-mode .profile-page .profile-topbar h1,.dark-mode .profile-page .profile-identity h2,.dark-mode .profile-page .profile-section-heading h2,.dark-mode .profile-page .profile-info-item strong,.dark-mode .profile-page .profile-medical-card strong,.dark-mode .profile-page .profile-medical-wide-heading strong,.dark-mode .profile-page .profile-edit-header h2{color:#f8fafc}.dark-mode .profile-page .profile-topbar>div>span,.dark-mode .profile-page .profile-identity p,.dark-mode .profile-page .profile-info-item span,.dark-mode .profile-page .profile-medical-card span,.dark-mode .profile-page .profile-medical-wide-heading span,.dark-mode .profile-page .profile-medical-wide-card p,.dark-mode .profile-page .profile-completion-card p{color:#94a3b8}.dark-mode .profile-page .profile-back-btn,.dark-mode .profile-page .profile-info-section,.dark-mode .profile-page .profile-completion-card,.dark-mode .profile-page .profile-hero-card,.dark-mode .profile-page .profile-edit-sheet,.dark-mode .profile-page .profile-edit-grid input,.dark-mode .profile-page .profile-edit-grid select,.dark-mode .profile-page .profile-edit-grid textarea,.dark-mode .profile-page .profile-edit-cancel{background:#111827;border-color:#273449}.dark-mode .profile-page .profile-info-item,.dark-mode .profile-page .profile-medical-card,.dark-mode .profile-page .profile-medical-wide-card{background:#182235}.dark-mode .profile-page .profile-medical-wide-card p{border-color:#2d3a4c}.dark-mode .profile-page .profile-edit-grid label{color:#cbd5e1}.dark-mode .profile-page .profile-edit-grid input,.dark-mode .profile-page .profile-edit-grid select,.dark-mode .profile-page .profile-edit-grid textarea{color:#f8fafc}.dark-mode .profile-page .profile-progress-track{background:#334155}.dark-mode .profile-page .profile-top-edit-btn{background:#2563eb1f}.dark-mode .profile-page .profile-account-card{background:#16653424;border-color:#22c55e40}@media (width<=800px){.profile-page{padding:18px 14px 40px}.profile-page .profile-hero-content{text-align:center;flex-direction:column;padding-top:32px}.profile-page .profile-identity-tags{justify-content:center}.profile-page .profile-hero-actions{justify-content:center;width:100%}.profile-page .profile-info-grid,.profile-page .profile-medical-grid,.profile-page .profile-edit-grid{grid-template-columns:1fr}.profile-page .profile-edit-full{grid-column:auto}.profile-page .profile-info-item{min-height:59px}.profile-page .profile-account-card{align-items:flex-start}}@media (width<=520px){.profile-page .profile-topbar{gap:9px}.profile-page .profile-topbar h1{font-size:21px}.profile-page .profile-top-edit-btn{padding:0 10px!important}.profile-page .profile-hero-card{padding:19px 15px}.profile-page .profile-avatar{width:108px;height:108px}.profile-page .profile-avatar-initial{font-size:40px}.profile-page .profile-identity h2{font-size:23px}.profile-page .profile-hero-actions{flex-direction:column}.profile-page .profile-hero-actions>button{width:100%!important}.profile-page .profile-hero-actions .profile-remove-photo{width:42px!important}.profile-page .profile-edit-footer{flex-direction:column-reverse}.profile-page .profile-edit-footer button{width:100%}.profile-page .photo-crop-area{height:360px}.profile-page .photo-crop-actions{flex-direction:column-reverse}.profile-page .photo-crop-actions button{width:100%}}.profile-skeleton-page .react-loading-skeleton{--base-color:#e8edf3;--highlight-color:#f8fafc}.profile-skeleton-page .profile-skeleton-tags{gap:7px;display:flex}.profile-skeleton-page .profile-skeleton-account-copy{flex:1}.dark-mode .profile-skeleton-page .profile-skeleton-wide-text{border-color:#2d3a4c}@media (width<=800px){.profile-skeleton-page .profile-hero-content{text-align:center;flex-direction:column}.profile-skeleton-page .profile-identity{width:100%}.profile-skeleton-page .profile-skeleton-tags{justify-content:center}.profile-skeleton-page .profile-hero-actions{width:100%}.profile-skeleton-page .profile-hero-actions .react-loading-skeleton{width:125px!important}.profile-skeleton-page .profile-info-grid,.profile-skeleton-page .profile-medical-grid{grid-template-columns:1fr}}.profile-skeleton-page{box-sizing:border-box;width:100%;max-width:1050px;margin:0 auto;padding:24px}.profile-skeleton-page .react-loading-skeleton{--base-color:#e5e7eb;--highlight-color:#f8fafc;border-radius:8px}.profile-skeleton-page .profile-topbar{align-items:center;gap:14px;margin-bottom:20px;display:flex}.profile-skeleton-page .profile-skeleton-top-title{flex:1}.profile-skeleton-page .profile-skeleton-gap-5{height:5px}.profile-skeleton-page .profile-skeleton-gap-7{height:7px}.profile-skeleton-page .profile-skeleton-gap-10{height:10px}.profile-skeleton-page .profile-hero-card,.profile-skeleton-page .profile-completion-card,.profile-skeleton-page .profile-info-section,.profile-skeleton-page .profile-account-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:16px;padding:20px;position:relative;overflow:hidden}.profile-skeleton-page .profile-hero-bg{background:#edf3fb;height:125px;position:absolute;inset:0 0 auto}.profile-skeleton-page .profile-hero-content{z-index:1;align-items:center;gap:22px;padding-top:45px;display:flex;position:relative}.profile-skeleton-page .profile-avatar-wrapper{flex-shrink:0}.profile-skeleton-page .profile-identity{flex:1;min-width:0}.profile-skeleton-page .profile-skeleton-tags{flex-wrap:wrap;gap:7px;display:flex}.profile-skeleton-page .profile-hero-actions{flex-shrink:0}.profile-skeleton-page .profile-completion-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-skeleton-page .profile-skeleton-progress{width:100%;margin-top:10px}.profile-skeleton-page .profile-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-skeleton-page .profile-info-item{box-sizing:border-box;background:#f8fafc;border-radius:13px;align-items:center;gap:11px;min-height:63px;padding:13px;display:flex}.profile-skeleton-page .profile-medical-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-skeleton-page .profile-medical-card{box-sizing:border-box;background:#f8fafc;border-radius:13px;align-items:center;gap:11px;min-height:65px;padding:14px;display:flex}.profile-skeleton-page .profile-medical-wide-card{box-sizing:border-box;background:#f8fafc;border-radius:13px;grid-column:1/-1;padding:14px}.profile-skeleton-page .profile-medical-wide-heading{align-items:center;gap:10px;display:flex}.profile-skeleton-page .profile-skeleton-wide-text{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:11px}.profile-skeleton-page .profile-skeleton-account-copy{flex:1;min-width:0}@media (width<=800px){.profile-skeleton-page{padding:18px 14px 40px}.profile-skeleton-page .profile-hero-content{text-align:center;flex-direction:column}.profile-skeleton-page .profile-identity{width:100%}.profile-skeleton-page .profile-skeleton-tags{justify-content:center}.profile-skeleton-page .profile-hero-actions{justify-content:center;width:100%;display:flex}.profile-skeleton-page .profile-info-grid,.profile-skeleton-page .profile-medical-grid{grid-template-columns:1fr}}.dark-mode .profile-skeleton-page .profile-hero-card,.dark-mode .profile-skeleton-page .profile-completion-card,.dark-mode .profile-skeleton-page .profile-info-section,.dark-mode .profile-skeleton-page .profile-account-card{background:#111827;border-color:#273449}.dark-mode .profile-skeleton-page .profile-info-item,.dark-mode .profile-skeleton-page .profile-medical-card,.dark-mode .profile-skeleton-page .profile-medical-wide-card{background:#182235}.dark-mode .profile-skeleton-page .profile-medical-wide-card{border-color:#2d3a4c}.dark-mode .profile-skeleton-page .profile-hero-bg{background:#1a2538}.dark-mode .profile-skeleton-page .react-loading-skeleton{--base-color:#1e293b;--highlight-color:#334155}.profile-page .profile-avatar{position:relative;overflow:hidden}.profile-page .profile-default-avatar{color:#334155;background:#f1f5f9;width:100%;height:100%}.profile-page .profile-avatar-fallback{background:#f1f5f9}.profile-page .profile-avatar-fallback .profile-default-avatar{display:flex}.dark-mode .profile-page .profile-avatar-fallback{background:#1e293b}.profile-page .profile-avatar{background:#f1f5f9;border-radius:50%;width:150px;height:150px;position:relative;overflow:hidden}.profile-page .profile-avatar-image{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.profile-page .profile-default-avatar{color:#374151;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-page .profile-default-avatar svg{width:78%;height:78%;display:block}.dark-mode .profile-page .profile-default-avatar{color:#cbd5e1;background:#1e293b}.dark-mode .profile-page .profile-avatar{background:#1e293b}.action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}.action-buttons .edit-btn,.action-buttons .delete-btn{box-sizing:border-box;flex:0 0 90px!important;width:90px!important;min-width:90px!important;max-width:90px!important;height:40px!important;padding:0!important}.action-buttons .edit-btn{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.action-buttons .delete-btn{color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important}.action-buttons{flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:10px!important;display:flex!important}.action-buttons .edit-btn,.action-buttons .delete-btn,.action-buttons .pay-btn{box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:90px!important;min-width:90px!important;max-width:90px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important}.action-buttons .edit-btn:hover,.action-buttons .delete-btn:hover,.action-buttons .pay-btn:hover{transform:translateY(-2px)!important;box-shadow:0 6px 14px #2563eb40!important}.hms-auth-page{box-sizing:border-box;background:#f7f8fa;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:30px 20px;display:flex}.hms-auth-card{box-sizing:border-box;background:#fff;border:1px solid #d5d9d9;border-radius:10px;width:100%;max-width:430px;padding:30px 32px;box-shadow:0 2px 8px #0000000f}.hms-auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:28px;display:flex}.hms-logo-icon{background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px;display:flex}.hms-logo-text{flex-direction:column;line-height:1.1;display:flex}.hms-logo-text span{color:#1e3a8a;font-size:25px;font-weight:800}.hms-logo-text small{color:#64748b;margin-top:4px;font-size:11px}.hms-auth-heading{margin-bottom:25px}.hms-auth-heading h1{color:#111827;margin:0 0 10px;font-size:28px;font-weight:500;line-height:1.2}.hms-auth-heading p{color:#5f6b7a;margin:0;font-size:14px;line-height:1.5}.hms-input-section{margin-bottom:18px}.hms-input-section label{color:#111827;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.hms-phone-input{box-sizing:border-box;background:#fff;border:1px solid #888c8c;border-radius:6px;width:100%;transition:all .2s;display:flex;overflow:hidden}.hms-phone-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.hms-country{color:#374151;background:#f7f7f7;border-right:1px solid #d5d9d9;justify-content:center;align-items:center;min-width:78px;font-size:14px;font-weight:600;display:flex}.hms-phone-input input{box-sizing:border-box;color:#111827;background:#fff;width:100%;height:48px;padding:0 13px;font-size:16px;box-shadow:none!important;border:none!important;outline:none!important}.hms-phone-input input::placeholder{color:#8a929a}.hms-turnstile{justify-content:center;align-items:center;min-height:65px;margin:8px 0 12px;display:flex}.hms-continue-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:24px;width:100%;height:48px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 2px 5px #2563eb40}.hms-continue-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 5px 12px #2563eb40}.hms-continue-btn:active:not(:disabled){transform:translateY(0)}.hms-continue-btn:disabled{opacity:.65;cursor:not-allowed}.hms-terms{color:#374151;margin:18px 0 25px;font-size:12px;line-height:1.55}.hms-terms a{color:#2563eb;text-decoration:underline}.hms-create-section{padding-top:18px;border-top:none!important}.hms-divider{justify-content:center;align-items:center;margin-bottom:14px;display:flex}.hms-divider span{display:none!important}.hms-divider p{color:#6b7280;text-align:center;margin:0;font-size:12px}.hms-create-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #9ca3af;border-radius:7px;width:100%;height:44px;font-size:14px;font-weight:600;transition:all .2s}.hms-create-btn:hover{background:#f8fafc;border-color:#64748b}.hms-otp-section{text-align:center}.hms-otp-heading h2{color:#111827;margin:0 0 10px;font-size:21px;font-weight:600}.hms-otp-heading p{color:#64748b;margin:0 0 6px;font-size:13px}.hms-otp-heading strong{color:#111827;font-size:15px}.hms-otp-label{color:#111827;margin:25px 0 12px;font-size:14px;font-weight:700;display:block}.hms-otp-container{justify-content:center;gap:8px;width:100%;margin-bottom:20px;display:flex}.hms-otp-input{text-align:center;font-weight:700;transition:all .2s;box-sizing:border-box!important;color:#111827!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:52px!important;box-shadow:none!important;background:#fff!important;border:1px solid #9ca3af!important;border-radius:7px!important;outline:none!important;padding:0!important;font-size:22px!important}.hms-otp-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb26!important}.hms-otp-input.verified{background:#f0fdf4!important;border-color:#22c55e!important}.hms-otp-timer{margin-top:10px}.hms-otp-timer p{color:#64748b;margin:0;font-size:13px}.hms-otp-timer strong{color:#2563eb}.hms-resend-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700}.hms-resend-btn:hover{text-decoration:underline}.hms-change-number{color:#dc2626;cursor:pointer;background:0 0;border:none;margin-top:20px;font-size:13px;font-weight:600}.hms-change-number:hover{text-decoration:underline}.hms-success{text-align:center;padding:25px 0 10px}.hms-success-icon{color:#fff;background:#16a34a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:38px;font-weight:700;display:flex}.hms-success h2{color:#111827;margin:0 0 10px;font-size:22px}.hms-success p{color:#64748b;margin:0 0 12px;font-size:14px}.hms-success span{color:#2563eb;font-size:13px;font-weight:600}.hms-success-loader{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:28px;height:28px;margin:20px auto 0;animation:.8s linear infinite hmsAuthSpin}@keyframes hmsAuthSpin{to{transform:rotate(360deg)}}.hms-auth-footer{color:#6b7280;text-align:center;margin-top:25px;font-size:11px}@media (width<=500px){.hms-auth-page{padding:20px 12px}.hms-auth-card{padding:25px 20px}.hms-auth-heading h1{font-size:24px}.hms-otp-container{gap:5px}.hms-otp-input{width:43px!important;min-width:43px!important;max-width:43px!important;height:48px!important;font-size:20px!important}}.hms-step-badge{color:#2563eb;letter-spacing:.8px;background:#eff6ff;border-radius:999px;align-items:center;margin-bottom:10px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.hms-profile-icon{background:#eff6ff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:27px;display:flex}.hms-profile-setup{width:100%}.hms-setup-field{margin-bottom:17px}.hms-setup-field label{color:#172033;align-items:center;gap:5px;margin-bottom:7px;font-size:13px;font-weight:700;display:flex}.hms-setup-field input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:48px;padding:0 13px;font-size:15px;transition:border-color .2s,box-shadow .2s}.hms-setup-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.required-mark{color:#dc2626}.optional-mark{color:#94a3b8;margin-left:auto;font-size:11px;font-weight:500}.hms-footer-separator{color:#cbd5e1;margin:0 7px}.hms-auth-footer a{color:#2563eb;font-weight:600;text-decoration:none}.hms-auth-footer a:hover{text-decoration:underline}.hms-phone-input input::placeholder,.hms-setup-field input::placeholder{color:#94a3b8}@media (width<=500px){.hms-profile-icon{width:58px;height:58px}.hms-setup-field input{height:50px}}.hms-terms{color:#64748b;text-align:left;width:100%;margin:14px 0 0;font-size:11px;line-height:1.5;display:block}.hms-terms .hms-inline-link,.hms-terms .hms-privacy-link{color:#2563eb;font:inherit;font-size:inherit;font-weight:600;line-height:inherit;vertical-align:baseline;white-space:nowrap;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline;display:inline!important}.hms-terms .hms-inline-link:hover,.hms-terms .hms-privacy-link:hover{color:#1d4ed8}.hms-terms .hms-privacy-link{appearance:none}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}