@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{margin:0;padding:0;--otp-bg-1: #0f172a;--otp-bg-2: #1e293b;--otp-card: rgba(15, 23, 42, .78);--otp-border: rgba(148, 163, 184, .24);--otp-text: #e2e8f0;--otp-muted: #a5b4cf;--otp-accent: #22c55e;--otp-accent-strong: #16a34a;--otp-input-bg: rgba(255, 255, 255, .08);--otp-input-border: rgba(148, 163, 184, .26);--otp-error: #f87171}.get-otp{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:radial-gradient(circle at top,rgba(34,197,94,.18),transparent 25%),linear-gradient(180deg,#0f172a,#111827 38%,#0f172a);color:var(--otp-text)}.get-otp section{width:min(100%,390px);background:var(--otp-card);border:1px solid var(--otp-border);border-radius:28px;padding:24px 18px 20px;box-shadow:0 18px 45px #0f172a6b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.get-otp .text-center.app-img{display:flex;align-items:center;justify-content:center;margin:0}.get-otp img{width:142px;height:142px;object-fit:cover;margin-top:4px;filter:drop-shadow(0 18px 30px rgba(34,197,94,.26))}.get-otp .app-name{margin-top:8px}.get-otp h1{margin:0;font-size:clamp(1.8rem,5vw,2.5rem);letter-spacing:.07em;text-align:center;font-weight:800;color:#f8fafc}.get-otp .mobile{margin-top:28px}.get-otp form{width:100%}.get-otp form label{display:block;margin:0 0 10px;font-size:.96rem;color:var(--otp-muted);font-weight:600;letter-spacing:.01em}.get-otp .input-wrapper{width:100%}.get-otp form input{width:100%;padding:16px;font-size:1.05rem;border-radius:16px;border:1px solid var(--otp-input-border);background:var(--otp-input-bg);color:#f8fafc;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.get-otp form input::placeholder{color:#e2e8f09e}.get-otp form input:focus{border-color:#22c55ee6;box-shadow:0 0 0 4px #22c55e29}.get-otp form input[type=tel]{-moz-appearance:textfield}.get-otp form input[type=tel]::-webkit-inner-spin-button,.get-otp form input[type=tel]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.error-message{color:var(--otp-error);font-size:.77rem;margin-top:8px;line-height:1.4}.is-invalid{border-color:#f87171eb!important;box-shadow:0 0 0 4px #f871711f!important}.get-otp form .submit-btn{margin-top:22px}.get-otp form .submit-btn .btn{display:block;width:100%;border:none;border-radius:16px;background:linear-gradient(135deg,var(--otp-accent) 0%,var(--otp-accent-strong) 100%);color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.04em;padding:16px 18px;cursor:pointer;box-shadow:0 14px 26px #22c55e59;transition:transform .2s ease,box-shadow .2s ease}.get-otp form .submit-btn .btn:active{transform:translateY(1px) scale(.99)}.get-otp form .submit-btn .btn:hover{box-shadow:0 18px 30px #22c55e66}.get-otp form a{color:#7dd3fc;text-decoration:none;font-weight:600}.get-otp form a:hover{text-decoration:underline}.get-otp form>br+a,.get-otp form a[style*="color: red"]{color:#fca5a5}.get-otp form .submit-btn+br+a,.get-otp form .submit-btn+a,.get-otp form br+a{display:inline-block;margin-top:16px;color:#cbd5e1;font-size:.74rem;text-align:center;width:100%;opacity:.9}@media (max-width: 390px){.get-otp section{border-radius:22px;padding:20px 14px 16px}.get-otp h1{letter-spacing:.04em}.get-otp form input,.get-otp form .submit-btn .btn{border-radius:14px}}:root{--otp-bg-1: #0f172a;--otp-bg-2: #111827;--otp-card: rgba(15, 23, 42, .78);--otp-border: rgba(148, 163, 184, .24);--otp-text: #e2e8f0;--otp-muted: #a5b4cf;--otp-accent: #22c55e;--otp-accent-strong: #16a34a;--otp-input-bg: rgba(255, 255, 255, .08);--otp-input-border: rgba(148, 163, 184, .26);--otp-error: #f87171}html,body,#root{margin:0;min-height:100%;background:var(--otp-bg-1)}.otp{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:22px 16px;background:radial-gradient(circle at top,rgba(34,197,94,.18),transparent 25%),linear-gradient(180deg,#0f172a,#111827 38%,#0f172a);color:var(--otp-text)}.otp section{width:min(100%,390px);background:var(--otp-card);border:1px solid var(--otp-border);border-radius:28px;padding:24px 18px 20px;box-shadow:0 18px 45px #0f172a6b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.otp .text-center.app-img{display:flex;align-items:center;justify-content:center;margin:0}.otp img{width:148px;height:148px;object-fit:cover;margin-top:4px;filter:drop-shadow(0 18px 30px rgba(34,197,94,.26))}.otp .app-name{margin-top:8px}.otp h1{margin:0;font-size:clamp(1.8rem,5vw,2.6rem);text-align:center;font-weight:800;letter-spacing:.07em;color:#f8fafc}.otp .mobile{margin-top:28px}.otp form{width:100%}.otp form label{display:block;margin:0 0 10px;font-size:.96rem;color:var(--otp-muted);font-weight:600;letter-spacing:.01em}.otp .form-control{width:100%;padding:15px 16px;margin:0;border-radius:16px;background:var(--otp-input-bg);border:1px solid var(--otp-input-border);color:#f8fafc;font-size:1.05rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.otp .form-control::placeholder{color:#e2e8f09e}.otp .form-control:focus{border-color:#22c55ee6;box-shadow:0 0 0 4px #22c55e29}.otp .readonly-field{background:#0f766e1f;color:#dbeafe;border-color:#94a3b82e}.otp form input[type=tel]{-moz-appearance:textfield}.otp form input[type=tel]::-webkit-inner-spin-button,.otp form input[type=tel]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.otp .submit-btn{margin-top:24px}.otp form .submit-btn .btn{display:block;width:100%;border:none;border-radius:16px;background:linear-gradient(135deg,var(--otp-accent) 0%,var(--otp-accent-strong) 100%);color:#fff;font-size:1.06rem;font-weight:700;letter-spacing:.04em;padding:16px 18px;cursor:pointer;box-shadow:0 14px 26px #22c55e59;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.otp form .submit-btn .btn:disabled{opacity:.7;cursor:not-allowed}.otp form .submit-btn .btn:active{transform:translateY(1px) scale(.99)}.otp .error-message{color:var(--otp-error);font-size:.77rem;margin-top:8px;line-height:1.4}.otp .is-invalid{border-color:#f87171eb!important;box-shadow:0 0 0 4px #f871711f!important}@media (max-width: 390px){.otp section{border-radius:22px;padding:20px 14px 16px}.otp h1{letter-spacing:.04em}.otp .form-control,.otp form .submit-btn .btn{border-radius:14px}}:root{--find-bg-1: #0f172a;--find-bg-2: #111827;--find-card: rgba(15, 23, 42, .78);--find-border: rgba(148, 163, 184, .24);--find-text: #e2e8f0;--find-muted: #a5b4cf;--find-accent: #22c55e;--find-accent-strong: #16a34a;--find-input-bg: rgba(255, 255, 255, .08);--find-input-border: rgba(148, 163, 184, .26);--find-error: #f87171}html,body,#root{margin:0;min-height:100%;background:var(--find-bg-1)}.find-hospital{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(circle at top,rgba(34,197,94,.18),transparent 25%),linear-gradient(180deg,#0f172a,#111827 38%,#0f172a);color:var(--find-text)}.find-hospital section{width:min(100%,390px);background:var(--find-card);border:1px solid var(--find-border);border-radius:28px;padding:28px 18px 22px;box-shadow:0 18px 45px #0f172a6b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.find-hospital .app-name{margin-bottom:10px}.find-hospital h1{margin:0;font-size:clamp(1.9rem,5vw,2.5rem);text-align:center;font-weight:800;letter-spacing:.07em;color:#f8fafc}.find-hospital .mobile{margin-top:28px}.find-hospital form{width:100%}.find-hospital form label{display:block;margin:0 0 10px;font-size:.97rem;color:var(--find-muted);font-weight:600;letter-spacing:.01em}.find-hospital .input-wrapper{width:100%}.find-hospital form input{width:100%;padding:15px 16px;margin:0;border-radius:16px;border:1px solid var(--find-input-border);background:var(--find-input-bg);color:#f8fafc;font-size:1.02rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.find-hospital form input::placeholder{color:#e2e8f09e}.find-hospital form input:focus{border-color:#22c55ee6;box-shadow:0 0 0 4px #22c55e29}.find-hospital form input[type=tel]{-moz-appearance:textfield}.find-hospital form input[type=tel]::-webkit-inner-spin-button,.find-hospital form input[type=tel]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.find-hospital .error-message{color:var(--find-error);font-size:.77rem;margin-top:8px;line-height:1.4}.find-hospital .is-invalid{border-color:#f87171eb!important;box-shadow:0 0 0 4px #f871711f!important}.find-hospital form .submit-btn{margin-top:22px}.find-hospital form .submit-btn .btn{display:block;width:100%;border:none;border-radius:16px;background:linear-gradient(135deg,var(--find-accent) 0%,var(--find-accent-strong) 100%);color:#fff;font-size:1.04rem;font-weight:700;letter-spacing:.04em;padding:16px 18px;box-shadow:0 14px 26px #22c55e59;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.find-hospital form .submit-btn .btn:active{transform:translateY(1px) scale(.99)}.find-hospital form .submit-btn .btn:hover{box-shadow:0 18px 30px #22c55e66}@media (max-width: 390px){.find-hospital section{border-radius:22px;padding:22px 14px 18px}.find-hospital h1{letter-spacing:.04em}.find-hospital form input,.find-hospital form .submit-btn .btn{border-radius:14px}}.header{position:sticky;top:0;z-index:20;background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.18);box-shadow:0 8px 24px #0f172a29}.mobile-header{max-width:420px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.app-name{display:flex;align-items:center}.brand-wrap{display:flex;align-items:center;gap:8px}.brand-mark{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:.8rem;font-weight:800;box-shadow:0 6px 14px #22c55e4d}.app-name h2{margin:0;font-size:1rem;font-weight:800;letter-spacing:.08em;color:#f8fafc}.header-actions{display:flex;align-items:center;gap:6px}.icon-chip{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.home-chip{background:#22c55e1f;border:1px solid rgba(34,197,94,.24);color:#bbf7d0}.icon-chip i{font-size:.92rem}.icon-chip:active{transform:translateY(1px) scale(.98)}.mobile-footer-shell{position:fixed;left:0;right:0;bottom:0;z-index:2000;padding:0 12px 10px;pointer-events:none}.mobile-footer{position:relative;z-index:1500;max-width:220px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;pointer-events:auto}.views-count-footer{display:inline-flex;align-items:center;justify-content:center;color:#f8fafc;font-size:.64rem;font-weight:700;letter-spacing:.03em;background:linear-gradient(135deg,#7dd3fc,#a78bfa,#f9a8d4,#fbbf24,#34d399);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 12px;box-shadow:0 8px 18px #0f172a33;opacity:1;visibility:visible}@media (max-width: 390px){.mobile-footer-shell{padding-left:10px;padding-right:10px;padding-bottom:8px}.mobile-footer{max-width:200px}.views-count-footer{font-size:.62rem;padding:5px 10px}}:root{--hospital-bg-1: #07111f;--hospital-bg-2: #0b1728;--hospital-card: rgba(15, 23, 42, .72);--hospital-border: rgba(148, 163, 184, .18);--hospital-text: #e2e8f0;--hospital-muted: #a5b4cf;--hospital-accent: #22c55e;--hospital-accent-strong: #16a34a;--hospital-soft: rgba(34, 197, 94, .12);--hospital-surface: rgba(255, 255, 255, .05);--hospital-danger: #f87171;--hospital-highlight: #7dd3fc}html,body,#root{margin:0;min-height:100%;background:var(--hospital-bg-1)}body{font-family:Inter,sans-serif}.hospital-page{min-height:100vh;background:radial-gradient(circle at top,rgba(34,197,94,.14),transparent 24%),radial-gradient(circle at bottom right,rgba(125,211,252,.12),transparent 28%),linear-gradient(180deg,#07111f,#0b1728 38%,#07111f);color:var(--hospital-text)}.hospital-panel{width:min(100%,420px);margin:0 auto;padding:18px 14px 44px}.hospital-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#0f172acc,#0f172ab3);border:1px solid var(--hospital-border);border-radius:26px;padding:18px 16px 16px;box-shadow:0 22px 45px #0206176b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hospital-hero:before{content:"";position:absolute;inset:0 auto auto 0;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(125,211,252,.22),transparent 65%);transform:translate(-18%,-28%)}.hero-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.hospital-badge{display:inline-flex;align-items:center;background:#22c55e24;color:#bbf7d0;border:1px solid rgba(34,197,94,.28);border-radius:999px;padding:6px 10px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.hospital-status{display:inline-flex;align-items:center;gap:6px;color:#dbeafe;background:#3b82f61f;border:1px solid rgba(96,165,250,.24);border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:700}.hospital-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39926}.hospital-name{position:relative;z-index:1;margin-top:16px}.hospital-name h2{margin:0;color:#f8fafc;font-size:clamp(1.8rem,5vw,2.45rem);font-weight:800;line-height:1.1;letter-spacing:-.04em}.hospital-address{position:relative;z-index:1;margin-top:12px}.hospital-address p{margin:0;color:var(--hospital-muted);font-size:.9rem;line-height:1.65}.hospital-meta{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}.meta-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;color:#e2e8f0;border:1px solid rgba(148,163,184,.14);border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:700}.meta-pill i{font-size:.78rem;color:#7dd3fc}.doctor-section{margin-top:22px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.section-header h3{margin:0;font-size:.88rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1}.doctor-count{min-width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#22c55e24;border:1px solid rgba(34,197,94,.24);color:#bbf7d0;font-size:.72rem;font-weight:800}.message-banner{background:linear-gradient(135deg,#3b82f61f,#60a5fa0f);color:#dbeafe;border:1px solid rgba(96,165,250,.2);border-radius:16px;padding:12px 14px;margin-bottom:18px;font-size:.83rem;line-height:1.5}.doctor-card{background:linear-gradient(180deg,#0f172acc,#0f172ab3);border:1px solid var(--hospital-border);border-radius:22px;padding:14px 14px 12px;margin-bottom:14px;box-shadow:0 16px 30px #0f172a33}.doctor-link{display:block;text-decoration:none;color:inherit}.doctor-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.doctor-name-block{flex:1}.doctor-name-block h2{margin:0;font-size:1.08rem;color:#f8fafc;font-weight:800;line-height:1.35}.doctor-name-block h2 small{color:#cbd5e1;font-weight:600}.doctor-name-block p{margin:6px 0 0;color:#a7f3d0;font-size:.78rem;font-weight:700;letter-spacing:.03em}.doctor-arrow{width:36px;height:36px;border-radius:50%;background:#22c55e24;border:1px solid rgba(34,197,94,.25);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#bbf7d0;font-weight:700}.doctor-actions{margin-top:12px;display:flex;gap:8px}.tracker-btn,.book-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;text-decoration:none;font-size:.75rem;font-weight:800;letter-spacing:.01em;transition:transform .2s ease,opacity .2s ease}.tracker-btn{background:#f871711a;color:#fecaca;border:1px solid rgba(248,113,113,.22)}.book-btn{background:linear-gradient(135deg,var(--hospital-accent) 0%,var(--hospital-accent-strong) 100%);color:#fff;box-shadow:0 12px 22px #22c55e3d}.tracker-btn:active,.book-btn:active{transform:translateY(1px) scale(.99)}.no-doctors-message{background:#ffffff0a;border:1px solid var(--hospital-border);border-radius:18px;padding:18px 14px;text-align:center;color:var(--hospital-muted)}.no-doctors-message p{margin:0;font-size:.92rem}@media (max-width: 390px){.hospital-panel{padding-left:12px;padding-right:12px}.hospital-hero,.doctor-card{border-radius:18px}.doctor-actions{flex-direction:column}}.book-date{min-height:100vh;background:radial-gradient(circle at top,rgba(34,197,94,.12),transparent 25%),radial-gradient(circle at bottom right,rgba(125,211,252,.12),transparent 28%),linear-gradient(180deg,#07111f,#0b1728 36%,#07111f);color:#e2e8f0;font-family:Inter,sans-serif}.date-mobile-shell{width:min(100%,420px);margin:0 auto;padding:18px 14px 54px}.doctor-summary-card{background:linear-gradient(180deg,#0f172ad6,#0f172ab8);border:1px solid rgba(148,163,184,.18);border-radius:26px;padding:16px 16px 14px;box-shadow:0 18px 32px #02061747;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.summary-header{display:flex;justify-content:flex-end}.change-doctor-link{color:#fca5a5;font-size:.76rem;font-weight:700;text-decoration:none}.doctor-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.doctor-summary-text{flex:1}.mini-label{display:inline-block;color:#7dd3fc;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:6px}.doctor-summary-text h2{margin:0;color:#f8fafc;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800;line-height:1.2}.doctor-summary-text p{margin:6px 0 0;color:#a7f3d0;font-size:.8rem;font-weight:700;letter-spacing:.03em}.doctor-summary-badge{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e26,#7dd3fc1f);border:1px solid rgba(125,211,252,.2);color:#7dd3fc;font-size:1.2rem}.hospital-summary{margin-top:16px;display:flex;flex-direction:column;gap:4px;color:#cbd5e1;background:#ffffff08;border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:10px 12px}.hospital-summary strong{color:#f8fafc;font-size:.86rem}.hospital-summary span{color:#a5b4cf;font-size:.75rem;line-height:1.5}.date-picker-panel{margin-top:22px}.panel-header{margin-bottom:12px}.panel-header h2{margin:0;color:#f8fafc;font-size:1.1rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.message-wrap{margin-bottom:14px}.info-alert{background:linear-gradient(135deg,#3b82f61f,#7dd3fc0f);border:1px solid rgba(96,165,250,.22);border-radius:14px;color:#dbeafe;padding:12px 14px;font-size:.8rem;line-height:1.5}.date-list{display:flex;flex-direction:column;gap:12px}.date-card{border:1px solid rgba(148,163,184,.16);border-radius:18px;background:linear-gradient(180deg,#0f172acc,#0f172ab8);box-shadow:0 14px 28px #02061738;overflow:hidden}.date-card-link,.date-card-body{display:block;text-decoration:none;color:inherit}.date-card-body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.date-card-body.muted{opacity:.8}.date-title-block{flex:1}.date{margin:0;font-size:1.06rem;color:#f8fafc;font-weight:800}.date-title-block p{margin:5px 0 0;color:#cbd5e1;font-size:.76rem;font-weight:600}.date-status-block{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.availability-count{color:#dbeafe;font-size:.72rem;font-weight:700}.book-pill{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:999px;padding:5px 9px;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 18px #22c55e3d}.not-available{color:#fca5a5;font-size:.72rem;font-weight:700}.state-text{margin:0;text-align:center;color:#e2e8f0;font-size:1rem;font-weight:700;padding:18px 12px}.state-text.heavy{font-size:1.15rem;line-height:1.6}@media (max-width: 390px){.date-mobile-shell{padding-left:12px;padding-right:12px}.doctor-summary-card{border-radius:22px}.date-card-body{padding:12px}.date-status-block{align-items:flex-end}}.book-time{overflow:hidden;padding-bottom:24px}.book-time-mobile-shell{width:min(100%,420px);margin:0 auto;padding:16px 14px 72px}.booking-summary-card,.booking-date-card,.legend-panel,.time-panel{background:linear-gradient(180deg,#0f172ad1,#0f172ab3);border:1px solid rgba(148,163,184,.18);border-radius:24px;box-shadow:0 18px 34px #02061747;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.booking-top-row,.date-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.booking-date-card{margin-top:18px;padding:14px 16px}.date-row h3{margin:6px 0 0;color:#f8fafc;font-size:1.04rem;font-weight:800}.legend-panel{margin-top:18px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:6px}.legend-item{display:flex;align-items:center;gap:6px;color:#dbeafe;font-size:.72rem;font-weight:700}.legend-dot{width:12px;height:12px;display:inline-block;border-radius:50%}.legend-dot.green{background:#34d399}.legend-dot.pink{background:#f472b6}.legend-dot.yellow{background:#facc15}.time-panel{margin-top:18px;padding:16px 12px}.time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.time-slot-item{min-width:0}.time-slot-item .btn{width:100%;border:none;padding:0;margin:0;text-decoration:none;display:block}.time-slot-item .time-yellow,.time-slot-item .time-pink,.time-slot-item .time-green{display:flex;align-items:center;justify-content:center;min-height:54px;width:100%;border-radius:14px;font-size:.9rem;font-weight:800;text-align:center;letter-spacing:.02em;box-shadow:inset 0 1px #fff3,0 10px 18px #0f172a2e;border:1px solid rgba(255,255,255,.14);padding:10px 8px;color:#0f172a}.time-slot-item .time-yellow{background:linear-gradient(135deg,#fef3c7,#facc15,#f59e0b);color:#431407}.time-slot-item .time-pink{background:linear-gradient(135deg,#fbcfe8,#f472b6,#ec4899);color:#fff7fb}.time-slot-item .time-green{background:linear-gradient(135deg,#bbf7d0,#4ade80,#22c55e);color:#052e16}.state-box{display:flex;align-items:center;justify-content:center;min-height:120px;text-align:center;color:#dbeafe;font-size:.92rem;font-weight:700}@media (max-width: 370px){.legend-panel{gap:4px;padding:10px 8px}.legend-item{font-size:.62rem}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.screen-shell{background:linear-gradient(180deg,#07111f,#0b1728 36%,#07111f);min-height:100vh;color:#e2e8f0;font-family:Inter,sans-serif}.booking{overflow:hidden;padding-bottom:24px}.booking-mobile-shell{width:min(100%,420px);margin:0 auto;padding:16px 14px 70px}.booking-summary-card,.booking-meta-card,.timer-card,.patient-form{background:linear-gradient(180deg,#0f172ad1,#0f172ab3);border:1px solid rgba(148,163,184,.18);border-radius:24px;box-shadow:0 18px 32px #02061747;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.booking-summary-card{padding:16px}.booking-top-row,.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-label{display:inline-block;color:#7dd3fc;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.mini-label.muted{color:#a7f3d0}.action-link{color:#fca5a5;font-size:.76rem;font-weight:700;text-decoration:none}.booking-main-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.booking-main-copy{flex:1}.booking-main-copy h2{margin:0;color:#f8fafc;font-size:clamp(1.3rem,4vw,1.8rem);font-weight:800;line-height:1.25}.booking-main-copy p{margin:6px 0 0;color:#a7f3d0;font-size:.8rem;font-weight:700}.booking-main-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#22c55e33,#7dd3fc1f);border:1px solid rgba(125,211,252,.2);color:#7dd3fc;font-size:1.2rem}.hospital-block{margin-top:16px;display:flex;flex-direction:column;gap:4px;background:#ffffff08;border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:10px 12px}.hospital-block strong{color:#f8fafc;font-size:.85rem}.hospital-block span{font-size:.75rem;line-height:1.5;color:#a5b4cf}.booking-meta-card{margin-top:18px;padding:14px 16px}.meta-row+.meta-row{margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.12)}.meta-row h3{margin:6px 0 0;color:#f8fafc;font-size:1.04rem;font-weight:800}.timer-card{margin-top:18px;padding:12px 14px;text-align:center}.timer-card p{margin:0;color:#dbeafe;font-size:.9rem;font-weight:700}.timer-card strong{color:#f8fafc}.patient-form{margin-top:18px;padding:18px 14px 16px}.patient-form h3{margin:0 0 16px;color:#f8fafc;font-size:1.05rem;font-weight:800}.form-label{display:block;margin-bottom:8px;color:#dbeafe;font-size:.78rem;font-weight:700}.form-control,.form-select{width:100%;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#0f172acc;color:#f8fafc;padding:12px;font-size:.92rem;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease}.form-control::placeholder{color:#7dd3fc}.form-control:focus,.form-select:focus{outline:none;border-color:#7dd3fccc;box-shadow:0 0 0 3px #7dd3fc2e}.mb-3{margin-bottom:1rem}.row.mb-3{display:flex;margin-left:-8px;margin-right:-8px}.row.mb-3 .col-6{padding-left:8px;padding-right:8px}.error-message{color:#fca5a5;font-size:.72rem;margin-top:6px}.amount{margin-top:18px;margin-bottom:18px}.fee-breakdown{background:#ffffff08;border-radius:16px;border:1px solid rgba(148,163,184,.14);padding:12px 14px}.fee-breakdown p{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:.8rem;color:#dbeafe;font-weight:600}.fee-breakdown .total-fees{margin-top:12px;padding-top:10px;font-size:1rem;color:#f8fafc;font-weight:800}.fee-divider{height:1px;background:#94a3b82e;margin:10px 0 6px}.confirm-btn{margin-top:10px}.confirm-btn button{width:100%;border:none;border-radius:16px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:1rem;font-weight:800;padding:15px 18px;box-shadow:0 16px 26px #22c55e40}@media (max-width: 360px){.booking-mobile-shell{padding-left:12px;padding-right:12px}.form-control,.form-select{padding:10px 11px}.confirm-btn button{font-size:.9rem}}.billslip-page{min-height:100vh;background:linear-gradient(180deg,#f3f7ff,#eef4ff)}.billslip-shell{width:100%;display:flex;justify-content:center;padding:10px 10px 20px}.billslip-card{width:min(720px,100%);background:#fff;border-radius:18px;box-shadow:0 12px 28px #283c6414;padding:14px 12px 12px}.clinic-header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid #e8edf6}.clinic-logo{width:52px;height:52px;border-radius:14px;background:#edf3ff;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.clinic-logo img{width:100%;height:100%;object-fit:cover}.clinic-details{flex:1}.clinic-details h2{margin:0;color:#1d2f52;font-size:clamp(1rem,3vw,1.45rem);font-weight:700}.clinic-details p{margin:4px 0 0;color:#59739b;font-size:.72rem;line-height:1.4}.confirmation-box{margin-top:12px;background:#f8faff;border:1px solid #e5ebf7;border-radius:14px;padding:12px 10px}.success-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.success-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#1dbf73;color:#fff;font-size:.9rem;font-weight:700}.eyebrow{display:inline-block;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#2f6e4b;font-weight:700}.confirmation-box h3{margin:8px 0 12px;font-size:clamp(1.2rem,4vw,1.7rem);color:#1c2e4f;text-align:center;font-weight:700}.date-time-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #e7edf8;border-radius:10px;background:transparent;color:#233a5d;padding:10px 12px;font-weight:600;font-size:.9rem}.simple-date-time strong{font-weight:700}.ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.ref-item{background:#fff;border:1px solid #e7edf8;border-radius:10px;padding:8px 10px}.ref-item small{display:block;color:#7187b1;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.ref-item strong{color:#233a5d;font-size:.8rem;word-break:break-word}.support-box{margin-top:12px;background:#eef5ff;border-radius:12px;padding:10px 12px;color:#314b79;text-align:center;font-size:.74rem;line-height:1.5}.support-box p{margin:0}.support-box p+p{margin-top:6px}.thank-para{margin:12px 0 0;color:#2d446c;text-align:center;line-height:1.6;font-size:.78rem;font-weight:500}.tracking-link{margin-top:12px;text-align:center}.track-btn{display:inline-block;background:linear-gradient(135deg,#214b95,#4c7ae8);color:#fff;border-radius:999px;padding:10px 18px;font-size:.84rem;font-weight:600;text-decoration:none;box-shadow:0 8px 16px #4c7ae838;width:100%;max-width:220px}.track-btn:hover{text-decoration:none;color:#fff}@media (max-width: 575px){.billslip-card{padding:12px 10px 10px;border-radius:14px}.ref-grid{grid-template-columns:1fr}.date-time-row{flex-direction:column;text-align:center}}.livetracker-page{background:radial-gradient(circle at top,rgba(76,122,232,.14),transparent 25%),linear-gradient(180deg,#070d16,#0b1320);min-height:100vh}.live-tracker{max-width:430px;margin:0 auto;padding-bottom:20px;color:#edf3ff}.tracker-content{padding:12px 14px 18px}.tracker-header{display:flex;align-items:center;gap:12px;background:#0f1723d1;border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:12px 14px;box-shadow:0 18px 35px #03081247;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clinic-head-copy{flex:1;min-width:0}.doctor-status-compact{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:90px}.mini-label{display:inline-block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#93a9d8;font-weight:700}.clinic-head-copy h2{margin:5px 0 2px;font-size:clamp(1.14rem,2.8vw,1.5rem);color:#f8fbff;line-height:1.25;letter-spacing:-.02em}.clinic-head-copy p{margin:0;color:#b5c3de;font-size:.72rem;line-height:1.45}.reception-panel{margin-top:14px;background:#0c121cd6;border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:14px 12px;box-shadow:0 12px 22px #02061733}.reception-head h3{margin:4px 0 0;font-size:1.08rem;color:#eff5ff;font-weight:700}.status-badge-wrap{display:flex;align-items:center;justify-content:flex-end;gap:8px}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:6px 8px;border-radius:999px;font-weight:800;font-size:.66rem;letter-spacing:.12em;border:1px solid transparent}.status-in{background:#22c55e24;color:#8bf0b4;border-color:#34d3993d}.status-date{color:#dce7fb;font-size:.7rem;font-weight:600}.status-legend{display:flex;justify-content:center;gap:16px;margin-top:14px;margin-bottom:8px;color:#dbe5fb;font-size:.7rem;font-weight:600}.legend-item{display:flex;align-items:center;opacity:.9}.status-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px}.available-dot{background-color:#34c759;box-shadow:0 0 0 3px #34c7591f}.reserved-dot{background-color:#f7c948;box-shadow:0 0 0 3px #f7c9481f}.appointments-container{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding:0 6px}.patient-card{background:#0f1723e6;border:1px solid rgba(148,163,184,.14);border-radius:14px;padding:10px 12px;margin:0 6px;box-shadow:0 10px 18px #02061724;transition:transform .2s ease,border-color .2s ease}.patient-card:hover{transform:translateY(-1px)}.current-user-card{background:linear-gradient(135deg,#14624af5,#0f4c3df5);border-color:#82e6bd42;color:#f8fffb}.arrived-card{background:#0f1f1be0;border-color:#4ca58038}.pending-card{background:#161f2de6;border-color:#7d98bf33}.patient-row{display:flex;align-items:center}.patient-info-block{display:flex;flex-direction:column;gap:6px;width:100%}.patient-line-top{display:flex;align-items:center;gap:12px;min-width:0}.patient-time{min-width:48px;font-size:.7rem;font-weight:700;color:#edf4ff;opacity:.9}.patient-line-top h2{margin:0;font-size:.88rem;font-weight:700;color:inherit;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patient-line-bottom{display:flex;align-items:center}.status-inline{display:inline-flex;align-items:center;background:transparent;border:none;padding:0;font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:capitalize;opacity:.9}.status-arrived{color:#8bf0b4}.status-pending{color:#c9d8f5}.current-user-card .status-inline{color:#f3fff8}.empty-state{padding:16px 12px;border-radius:14px;text-align:center;background:#111827b8;color:#dbe9ff;font-weight:600;border:1px solid rgba(148,163,184,.12)}.error-content{background:#0f1723f5;border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:18px 16px;width:min(360px,100%);box-shadow:0 18px 30px #02061766}.error-content h3{margin:0 0 8px;color:#eff5ff}.error-content p{margin:0 0 12px;color:#bdd0ef}.error-content button{width:100%;border:none;border-radius:10px;background:linear-gradient(135deg,#214b95,#4c7ae8);color:#fff;padding:10px 12px;font-weight:700}@media (max-width: 420px){.tracker-content{padding-left:10px;padding-right:10px}.patient-row{align-items:flex-start;flex-direction:column;gap:8px}.status-badge-wrap{flex-wrap:wrap}}.settings-page{position:relative;width:100%;min-height:100vh;background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.settings-container{padding:16px 16px 80px}.settings-header{display:flex;align-items:center;margin-bottom:20px}.settings-header h1{font-size:24px;font-weight:600;margin:0}.section-title{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;margin-bottom:16px;letter-spacing:.5px}.settings-options{display:flex;flex-direction:column;gap:8px}.settings-link{text-decoration:none;color:inherit}.settings-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f1f3f5;border-radius:8px;transition:background-color .2s ease}.settings-card:hover{background-color:#e9ecef}.option-content{display:flex;align-items:center;gap:12px}.option-content i{font-size:18px;color:#495057}.option-content span{font-size:14px;color:#212529}.option-icon i{font-size:16px;color:#adb5bd}@media screen and (max-width: 576px){.settings-container{padding-top:40px}}.edit-profile-page{position:relative;width:100%;min-height:100vh;background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.profile-container{padding:16px 16px 80px}.profile-header{display:flex;align-items:center;margin-bottom:24px}.profile-header h1{font-size:20px;font-weight:600;margin:0}.profile-avatar{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.avatar-circle{width:100px;height:100px;border-radius:50%;background-color:#6c5ce7;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.avatar-text{font-size:40px;color:#fff;font-weight:700}.change-photo-btn{background:none;border:none;color:#6c5ce7;font-size:14px;cursor:pointer}.change-photo-btn i{margin-right:5px}.profile-form{display:flex;flex-direction:column;gap:16px}.form-control{padding:12px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;height:46px;background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.update-btn1{width:80%;padding:14px;background-color:#283c64;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-left:30px}.update-btn1:hover{background-color:#5a4ad1}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background-color:#fff;padding:12px 0;border-top:1px solid #dee2e6;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center}.nav-item i{font-size:20px;color:#495057}@media screen and (min-width: 768px){.profile-container{max-width:600px;margin:0 auto}}.update-password-page{position:relative;width:100%;min-height:100vh;background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.password-container{padding:16px 16px 80px}.password-header{display:flex;align-items:center;margin-bottom:24px}.back-link i{font-size:20px}.password-header h1{font-size:20px;font-weight:600;margin:0}.password-info{display:flex;align-items:center;background-color:#e3f2fd;padding:16px;border-radius:8px;margin-bottom:24px}.info-icon{margin-right:12px}.info-icon i{font-size:18px;color:#1976d2}.password-info p{font-size:14px;color:#0d47a1;margin:0;line-height:1.4}.password-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;color:#495057;margin-bottom:6px;font-weight:500}.password-input-container{position:relative}.form-control{padding:12px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;width:100%;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:#6c5ce7}.alert{padding:12px;border-radius:8px;font-size:14px}.alert-danger{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.alert-success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.form-actions{margin-top:10px}.update-btn{width:80%;padding:14px;background-color:#283c64;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;margin-left:30px}.update-btn:hover{background-color:#5a4ad1}@media screen and (min-width: 768px){.password-container{max-width:600px;margin:0 auto}}.terms-conditions-page{position:relative;width:100%;min-height:100vh;background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.terms-container{padding:16px 16px 80px}.terms-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e1e1e1}.back-link{margin-right:15px;font-size:1.2rem;color:#333;text-decoration:none}.terms-header h1{margin:0;font-size:1.8rem;color:#333}.terms-logo{display:flex;justify-content:center;margin:20px 0 30px}.terms-logo-img{max-height:120px;max-width:100%;border-radius:8px;box-shadow:0 2px 10px #0000001a}.terms-content{margin-bottom:30px}.terms-intro{text-align:justify;line-height:1.6;margin-bottom:20px}.terms-list{padding-left:20px}.m-t{margin-bottom:30px!important}.terms-list li{margin-bottom:15px;line-height:1.5;text-align:justify}@media (max-width: 768px){.terms-container{margin:10px;padding:15px}.terms-header h1{font-size:1.5rem}.terms-logo-img{max-height:200px}}.contact-us-page{position:relative;width:100%;min-height:100vh;background-color:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-container{padding:16px 16px 80px}.contact-header{display:flex;align-items:center;margin-bottom:24px}.back-link{margin-right:15px;color:#212529;text-decoration:none}.contact-card{width:100%;max-width:400px;overflow:hidden;border-radius:10px;box-shadow:0 4px 15px #0000001a;background-color:#fff}.contact-info{background-color:#2c3e50;color:#fff;padding:20px}.contact-info h2{margin:0 0 5px;font-size:24px;font-weight:500}.response-time{margin:0 0 20px;font-size:14px;opacity:.9}.contact-details{margin-top:20px}.contact-item{display:flex;align-items:center;margin-bottom:12px}.contact-item i{margin-right:10px;font-size:16px}.contact-form{padding:20px;background-color:#ecf0f1}.contact-form input,.contact-form textarea{width:100%;padding:12px;margin-bottom:10px;border:none;border-radius:3px;background-color:#dfe6e9;color:#2c3e50;font-size:14px}.contact-form textarea{resize:none;height:100px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7f8c8d}.contact-form input:focus,.contact-form textarea:focus{outline:none;background-color:#d6dce0}.submit-btn{width:100%;padding:12px;border:none;border-radius:3px;background-color:#283c64;color:#fff;font-weight:500;cursor:pointer;transition:background-color .3s}@media (max-width: 480px){.contact-card{max-width:100%}}.mybooking-service-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border-bottom:1px solid #e1e4e8;position:sticky;top:0;z-index:10}.overall-tracker-page{background:linear-gradient(180deg,#070d16,#0d1420);min-height:100vh}.live-tracker{max-width:430px;margin:0 auto;color:#edf5ff}.tracker-content{padding:10px 14px 18px}.doctor-summary-card{background:#0f1723d1;border:1px solid rgba(148,163,184,.16);border-radius:20px;padding:12px 14px;box-shadow:0 18px 28px #02061738;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.doctor-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.doctor-copy{flex:1;min-width:0}.eyebrow{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#90a7d2;font-weight:700}.doctor-copy h2{margin:5px 0 4px;font-size:1.08rem;line-height:1.25;color:#f8fbff;letter-spacing:-.02em}.doctor-copy p{margin:0;font-size:.72rem;line-height:1.45;color:#b8c7e2}.doctor-status-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:92px}.doctor-status-row{display:flex;align-items:center;gap:8px;justify-content:flex-end}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:6px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.12em;border:1px solid transparent}.status-in{background:#22c55e1f;color:#8bf0b4;border-color:#22c55e38}.status-out{background:#f871711f;color:#ff9d9d;border-color:#f8717133}.status-date{color:#dfeafc;font-size:.7rem;font-weight:600}.doctor-name-panel{margin-top:14px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12)}.doctor-name-panel h3{margin:0;font-size:1.18rem;color:#f1f6ff;letter-spacing:-.02em}.doctor-availability{margin:6px 0 0;font-size:.7rem;line-height:1.5}.doctor-availability.available{color:#9bf1be}.doctor-availability.offline{color:#ffb5b5}.appointments-container{display:flex;flex-direction:column;gap:10px;padding:0 6px}.token-card{background:#111827e6;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:12px 12px 10px;box-shadow:0 12px 22px #02061724}.current-user-card{background:linear-gradient(135deg,#7cd3a72e,#5eb67d1f);border-color:#90e1af61}.arrived-card{background:linear-gradient(135deg,#0f8b52,#0d7a4e);border-color:#ecfdf580;box-shadow:0 12px 22px #10784747}.reserved-card{background:linear-gradient(135deg,#fde0471f,#fbbf2414);border-color:#facc1542}.token-main-row{display:flex;align-items:center;gap:12px}.token-number-box{min-width:78px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 8px 7px;text-align:center}.token-label{display:block;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:#b9c9eb;margin-bottom:2px}.token-number-box strong{font-size:1rem;line-height:1;color:#f5f8ff}.token-info{flex:1;min-width:0}.token-line-top{display:flex;align-items:center;gap:10px;min-width:0}.token-time{font-size:.72rem;font-weight:700;color:#edf4ff;white-space:nowrap}.token-name{font-size:.9rem;font-weight:700;color:#f8fbff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-line-bottom{margin-top:5px}.token-status-tag{display:inline-flex;align-items:center;font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:capitalize;color:#dfe9ff}.current-user-card .token-status-tag{color:#baf7d2}.arrived-card .token-status-tag,.arrived-card .token-time,.arrived-card .token-name,.arrived-card .token-number-box strong,.arrived-card .token-label{color:#3b2a1d}.arrived-card .token-number-box{background:#ffffff2e;border-color:#3b2a1d40}.reserved-card .token-status-tag{color:#f9e7a2}.status-arrived{color:#0f5ed7}.status-default{color:#dfe9ff}.token-meta-row{margin-top:8px;padding-top:8px;border-top:1px solid rgba(148,163,184,.12)}.delay-note{display:inline-block;font-size:.62rem;line-height:1.5;font-weight:600}.danger-note{color:#ffb0b0}.info-note{color:#9fe8ff}.empty-state{background:#111827c7;border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:16px 12px;text-align:center;color:#dfebff;font-weight:600}.error-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#020617ad;padding:20px;z-index:30}.error-content{background:#0f1723f5;border:1px solid rgba(148,163,184,.18);border-radius:16px;width:min(360px,100%);padding:18px 16px;box-shadow:0 18px 30px #0206175c}.error-content h3{margin:0 0 8px;color:#f2f7ff}.error-content p{margin:0 0 14px;color:#bdd0ef}.error-content button{width:100%;border:none;border-radius:10px;background:linear-gradient(135deg,#214b95,#4c7ae8);color:#fff;font-weight:700;padding:10px 12px}@media (max-width: 420px){.tracker-content{padding-left:10px;padding-right:10px}.doctor-summary-top{gap:8px}.doctor-status-box{min-width:76px}.token-main-row{gap:10px}.token-number-box{min-width:68px}}.live-tracker img{width:100px;margin-left:20%}.live-tracker .hospital-name h2{margin-top:10px;color:#283c64}.live-tracker .hospital-address p{color:#283c64;font-weight:700;font-size:14px}.reception-details .date-time{margin-top:30px;font-size:18px;font-weight:700;color:#283c64}.reception-details .request-para p{color:#e10000;width:250px;font-size:18px;font-weight:600}.reception-details .request-para{display:flex;align-content:center;justify-content:center}.live-tracker .card{background-color:#d0ecfc;width:85%;min-height:5rem;color:#283c64;display:flex;justify-self:center;margin-left:10px}.doctor-name h2{margin:5px 0}.live-tracker .next-icon{margin-top:10px;margin-right:5px}.live-tracker .next-icon p{font-weight:700;font-size:18px}.live-tracker .fa-check{font-size:18px;color:#000;padding-right:5px;padding-top:5px}.live-tracker .fa-times{font-size:18px;padding-right:5px;padding-top:5px}.live-tracker .doctor-name p{font-size:18px;font-weight:700}.live-tracker .next-icon span{font-size:18px;font-weight:400}.live-tracker .next-icon .check{display:flex;justify-content:end}.green-card{background-color:#14ba14!important;color:#fff!important;border-radius:5px}.arrived-card{background-color:#d4edda!important;border-color:#c3e6cb!important}.not-arrived-card{background-color:#f7e98f!important;border-color:#f7e98f!important}.logged-user{background-color:#4caf50!important;border-color:#388e3c!important;color:#fff!important}.logged-user h2,.logged-user p,.logged-user span{color:#fff!important}.m-t-1{margin-bottom:30px!important}.tracker-content{padding-bottom:20px;-webkit-overflow-scrolling:touch}.appointments-container{padding-bottom:80px}@media (max-width: 767px){.tracker-content{padding-left:3px;padding-right:3px}}.status-legend{margin-top:15px}.legend-item{display:flex;align-items:center;font-size:14px}.status-dot{display:inline-block;width:20px;height:20px;border-radius:4px;margin-right:5px}.available-dot{background-color:#8ae18a!important}.booked-dot{background-color:#f88fb8}.reserved-dot{background-color:#f7e98f}.date-filter input{width:50%}.date-filter .filter-btn{background-color:#283c64;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:25%;padding:10px 14px}.filter-btn:hover{background-color:#283c64;color:#fff}.current-user-card{background-color:#4caf50!important;color:#fff}.main{color:#282894}*{box-sizing:border-box}.tv-shell{min-height:100vh;background:linear-gradient(180deg,#fffdfc,#f3f7ff);padding:18px;color:#132238}.tv-layout{height:100%;margin:0}.doctor-panel{background:linear-gradient(135deg,#fffaf5,#eef7ff);border:1px solid #e9d9f8;border-radius:16px;box-shadow:0 8px 24px #a78bfa14;padding:12px 16px;margin-bottom:12px}.doc-name{font-size:clamp(1.3rem,1.8vw,2.2rem);font-weight:700;margin:0;line-height:1.2;color:#3c3a6d}.doc-help{margin:6px 0 0;font-size:clamp(.9rem,1vw,1.2rem);color:#6b7280;font-weight:600}.below-content{background:linear-gradient(90deg,#fdf2f8,#eefbf7);border:1px solid #eedcf4;border-radius:10px 10px 0 0;color:#3b3a5f;font-weight:700;padding:8px 14px;margin:0 0 8px}.below-content p{margin:0;font-size:clamp(1rem,1.2vw,1.5rem)}.token-list{display:flex;flex-direction:column;gap:8px}.token-row{background:#fff;border:2px solid #d9d8ff;border-left:8px solid #8aa7ff;border-radius:12px;box-shadow:0 8px 18px #4f46e514;padding:10px 14px}.token-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.token-number{display:inline-flex;align-items:center;justify-content:center;min-width:54px;min-height:40px;border-radius:10px;background:linear-gradient(135deg,#e0f2fe,#fdf2f8);color:#4f46e5;font-size:clamp(1.15rem,1.4vw,1.8rem);font-weight:800;padding:4px 10px}.token-name{font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.25;color:#2d3748;font-weight:700;flex:1}.token-time{font-size:clamp(.84rem,.95vw,1.2rem);font-weight:700;color:#4f46e5;background:#eef2ff;border:1px solid #dfe7ff;border-radius:8px;padding:4px 8px;min-width:64px;text-align:center}.token-status{margin-top:6px;font-size:clamp(.72rem,.8vw,.96rem);color:#5b6475;font-weight:600;line-height:1.4}.token-status small{font-size:.9em}.green-card{background:linear-gradient(135deg,#f0fdf4,#ecfeff);border-color:#7ad8a3;border-left-color:#34d399}.arrived-card{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#b7c3ff;border-left-color:#818cf8}.image-box{width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;background:#fff;border:1px solid #f4d9ee;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px #a855f70d}.image-box img{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;flex:1;background:#f8fafc;align-self:flex-start}.ad-footer{background:linear-gradient(90deg,#fff1f2,#f5f3ff);border-top:1px solid #f3dfe7;padding:10px 12px;text-align:center}.ad-footer h3{margin:0;font-size:clamp(1.1rem,1.5vw,1.7rem);color:#4a4c7d}@media screen and (max-width: 500px){.tv-shell{padding:8px}.doctor-panel{padding:12px 14px}.doc-name{font-size:1.2rem}.doc-help{font-size:.78rem}.below-content{padding:10px 12px}.below-content p{font-size:.9rem}.token-row{padding:10px 12px}.token-number{min-width:46px;min-height:36px;font-size:1rem;padding:4px 8px}.token-name{font-size:.9rem}.token-status{font-size:.68rem}.image-box{min-height:180px}}@media screen and (min-width: 501px) and (max-width: 779px){.tv-shell{padding:12px}.doc-name{font-size:1.4rem}.doc-help{font-size:.9rem}.below-content p{font-size:1rem}.token-name{font-size:1.1rem}.token-status{font-size:.78rem}}.mybooking-container{max-width:480px;margin:0 auto;background-color:#f8f9fa;min-height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.mybooking-scrollable-area{flex:1;overflow-y:auto;position:relative;height:calc(100vh - 160px);padding-bottom:70px}.mybooking-content{padding:10px}.mybooking-service-header{display:block;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border-bottom:1px solid #e1e4e8;position:sticky;top:0;z-index:10;margin-bottom:20px}.mybooking-service-header h2{font-size:20px;color:#3498db;margin:0}.mybooking-service-header p{font-size:14px;color:#555;margin:10px 0 0;border-radius:10px;text-align:center;padding:10px 3px;background-color:#fbedee;font-weight:700}.mybooking-profile-icon img{width:32px;height:32px;border-radius:50%}.mybooking-doctor-card{background-color:#3498db;border-radius:15px;margin:15px 0;padding:15px;color:#fff;box-shadow:0 2px 5px #0000001a}.mybooking-doctor-details{display:flex;position:relative}.mybooking-doctor-avatar img{width:60px;height:60px;border-radius:50%;background-color:#fff;object-fit:cover}.mybooking-doctor-info{flex:1;margin-left:15px}.mybooking-hospital-name{font-size:18px;margin:0 0 5px;font-weight:500}.mybooking-doctor-name{font-size:16px;margin-bottom:5px;font-weight:400}.mybooking-rating{margin-bottom:5px}.mybooking-star{color:#f8f9fa;margin-right:2px;font-size:16px}.mybooking-star.filled{color:#fc0}.mybooking-date-time{font-size:14px;margin-bottom:8px}.mybooking-date-time i{margin-right:5px}.mybooking-patient-details{margin-top:5px;background-color:#ffffff1a;padding:5px 8px;border-radius:5px}.mybooking-patient-info{margin:3px 0;font-size:13px;line-height:1.3}.mybooking-price-section{position:absolute;top:0;right:0;text-align:right}.mybooking-price{display:flex;flex-direction:column;align-items:flex-end}.mybooking-amount{font-size:22px;font-weight:700}.mybooking-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:100;height:60px;max-width:480px;margin:0 auto}.error-message{color:#dc3545;font-size:.8rem;margin-top:5px}.is-invalid{border-color:#dc3545}