body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#0a1929;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{background:#fff;box-shadow:0 4px 20px #0003;color:#1e40af;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.header-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1400px;width:100%}.logo-section{display:flex;flex:1 1;flex-direction:column;min-width:150px}.logo{color:#2563eb;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;line-height:1.2}.tagline{color:#3b82f6;color:#64748b;color:#fffc;font-size:.75rem;font-size:.8rem;font-weight:400;margin-left:5px;opacity:.9}.desktop-nav{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem}.nav-btn{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.4rem 1.8rem;transition:all .3s;white-space:nowrap}.nav-btn:hover{background:#ffffff4d;transform:translateY(-2px);:hover{background:#eef2ff;color:#1e40af;transform:translateY(-2px)}}.nav-btn.admin-btn:hover,.nav-btn.doctor-btn:hover,.nav-btn.home-btn:hover{background:#ffffff4d}@media (min-width:769px){.home-mobile-menu-btn{display:none}}@media (min-width:768px) and (max-width:1366px){.desktop-nav{gap:.3rem}.nav-btn{font-size:.8rem;padding:.3rem .8rem}}.appointment-status-badge{border-radius:30px;display:inline-block;font-size:11px;font-weight:600;min-width:70px;padding:4px 10px;text-align:center;text-transform:capitalize}.appointment-status-badge.pending_verification{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.appointment-status-badge.confirmed{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.appointment-status-badge.completed{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.appointment-status-badge.cancelled{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.appointments-view{margin:0 auto;max-width:800px;padding:1rem}.appointments-view h2{color:#111827;font-size:1.5rem;margin-bottom:1.5rem}.appointment-card{border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;padding:1.2rem;transition:all .3s}.appointment-card:hover{box-shadow:0 8px 16px #0000001a}.appointment-header{border-bottom:1px solid #f1f5f9;padding-bottom:.8rem}.appointment-id{color:#94a3b8;font-size:.8rem}.appointment-body,.doctor-info{display:flex;gap:1rem}.doctor-info{flex:1 1}.doctor-icon{font-size:2rem}.patient-info{flex:1 1}.patient-info p{color:#475569;font-size:.9rem;margin:.3rem 0}.patient-info strong{color:#1f2937;display:inline-block;min-width:70px}.view-records-btn{background:#f1f5f9;border:none;border-radius:30px;color:#2563eb;cursor:pointer;font-size:.8rem;margin-top:.5rem;padding:.4rem 1rem;transition:all .2s}.view-records-btn:hover{background:#dbeafe}.home-mobile-menu-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:none;font-size:24px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.home-mobile-menu-btn:hover{background:#ffffff1a}.home-mobile-menu-btn.open{color:#fbbf24}.mobile-menu{animation:slideDown .3s ease;background:#fff;box-shadow:0 4px 12px #00000026;left:0;max-height:calc(100vh - 70px);overflow-y:auto;position:fixed;right:0;top:70px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0}.mobile-menu-title{color:#1e293b;font-size:18px;font-weight:600}.mobile-menu-close{background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:18px;height:32px;width:32px}.mobile-menu-close:hover{background:#e2e8f0;color:#1e293b}.mobile-menu-section{border-bottom:1px solid #f1f5f9;padding:15px 20px}.mobile-menu-section-title{color:#059669;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.mobile-menu-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:5px 0}.mobile-menu-arrow{color:#64748b;font-size:12px}.mobile-doctors-list{margin-top:10px}.mobile-nav-item{align-items:center;background:none;border:none;border-bottom:1px solid #f1f5f9;color:#334155;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 0;text-align:left;width:100%}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-item:hover{color:#059669;transform:translateX(5px)}.mobile-nav-icon{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.mobile-nav-text{flex:1 1}.mobile-doctor-name{font-size:14px}.mobile-doctor-specialty{font-size:11px}.mobile-doctor-fee{background:#f0fdf4;border-radius:12px;color:#059669;font-size:11px;font-weight:600;padding:4px 8px}.mobile-menu-footer{background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:auto;padding:15px 20px;text-align:center}.mobile-version{color:#94a3b8;font-size:11px}.app-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:clamp(16px,4vw,32px);box-shadow:0 20px 40px #0003;margin:1rem auto;max-width:1400px;padding:clamp(.5rem,3vw,2rem);width:95%}.booking-flow .progress-steps{align-items:flex-start;display:flex;justify-content:space-between;margin:20px 0 30px;position:relative;width:100%}.booking-flow .step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;text-align:center}.booking-flow .step:not(:last-child):after{background:#e2e8f0;content:"";height:2px;position:absolute;right:-30%;top:20px;width:60%;z-index:1}.booking-flow .step.active:not(:last-child):after{background:#2563eb}.booking-flow .step.completed:not(:last-child):after{background:#10b981}.booking-flow .step-circle{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px;z-index:2}.booking-flow .step.active .step-circle{background:#2563eb;border-color:#fff!important;color:#fff!important}.booking-flow .step.completed .step-circle{background:#10b981;border-color:#10b981;color:#fff!important}.booking-flow .step-label{color:#64748b;font-size:.8rem;font-weight:500;white-space:nowrap}.booking-flow .step.active .step-label{color:#2563eb;font-weight:600}.booking-flow .step.completed .step-label{color:#10b981}.step-content{background:#fff;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 10px 30px #0000000d;margin-top:1rem;padding:.5rem}.step-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,5vw,2rem);font-weight:800;margin-bottom:.5rem}.step-description{color:#64748b;font-size:clamp(.9rem,3vw,1.1rem);margin-bottom:1.5rem}@media (max-width:767px){.home-doctors-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.home-doctor-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.home-doctor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.home-doctor-card-inner{align-items:flex-start;display:flex;flex-direction:row;gap:15px;line-height:1.2;padding:5px}.home-doctor-card .home-doctor-image-section{flex-shrink:0}.home-doctor-card .home-doctor-image-container{background:#f1f5f9;border-radius:23px;height:140px;overflow:hidden;width:100px}.home-doctor-card .home-doctor-image-container img{height:100%;object-fit:cover;width:100%}.home-doctor-card .home-doctor-content{display:flex;flex:1 1;flex-direction:column;gap:5px}.home-doctor-card .home-doctor-name{color:#1e40af;font-size:16px;font-weight:700;margin:0;padding-top:5px}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.doctor-info-icon{flex-shrink:0;font-size:11px;width:18px}.doctor-info-text{font-size:10px;font-weight:500;line-height:1.3;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .price-book-row{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:6px;width:100%}.home-doctor-card .price-amount{color:#059669;font-size:13px;font-weight:800;white-space:nowrap}.home-doctor-card .price-amount span{color:#6b7280;font-size:9px;font-weight:400}.home-doctor-card .home-book-btn{background-color:#2563eb;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:10px;margin-right:3px;padding:4px 20px}.home-doctor-card .home-book-btn:hover{background-color:#1d4ed8}}@media (max-width:480px){.home-doctor-card-inner{align-items:flex-start;gap:10px;padding:5px}.home-doctor-card .home-doctor-image-container{border-radius:23px;height:140px;width:100px}.home-doctor-card .home-doctor-name{font-size:15px;margin-bottom:2px;padding-top:3px}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:2px}.doctor-info-icon{flex-shrink:0;font-size:10px;width:16px}.doctor-info-text{font-size:9px;font-weight:500;line-height:1.2;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .price-book-row{gap:6px;margin-top:4px}.home-doctor-card .price-amount{font-size:12px}.home-doctor-card .price-amount span{font-size:8px}.home-doctor-card .home-book-btn{font-size:9px;margin-right:2px;padding:4px 20px}}@media (min-width:768px) and (max-width:810px){.home-doctors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.home-doctor-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 2px 8px #0000000d;margin:0 auto;max-width:530px;overflow:hidden;transition:all .3s ease;width:100%}.home-doctor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.home-doctor-card-inner{align-items:stretch;display:flex;flex-direction:row;gap:20px;min-height:180px;padding:16px}.home-doctor-card .home-doctor-image-section{align-items:stretch;display:flex;flex-shrink:0}.home-doctor-card .home-doctor-image-container{background:#f1f5f9;border-radius:23px;height:100%;min-height:160px;overflow:hidden;width:140px}.home-doctor-card .home-doctor-image-container img{height:100%;object-fit:cover;width:100%}.home-doctor-card .home-doctor-content{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.home-doctor-card .home-doctor-name{color:#1e40af;font-size:18px;font-weight:700;margin:0}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.doctor-info-icon{flex-shrink:0;font-size:13px;width:20px}.doctor-info-text{font-size:12px;font-weight:500;line-height:1.4;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .price-book-row{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin-top:6px;width:100%}.home-doctor-card .price-amount{color:#059669;font-size:18px;font-weight:800;white-space:nowrap}.home-doctor-card .price-amount span{color:#6b7280;font-size:11px;font-weight:400}.home-doctor-card .home-book-btn{background-color:#2563eb;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:7px 32px;white-space:nowrap}.home-doctor-card .home-book-btn:hover{background-color:#1d4ed8}}@media (min-width:811px) and (max-width:1024px){.home-doctors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.home-doctor-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 2px 8px #0000000d;height:auto;max-height:none;overflow:hidden;transition:all .3s ease;width:100%}.home-doctor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.home-doctor-card-inner{align-items:stretch;display:flex;flex-direction:row;gap:14px;min-height:150px;padding:14px}.home-doctor-card .home-doctor-image-section{align-items:stretch;display:flex;flex-shrink:0}.home-doctor-card .home-doctor-image-container{background:#f1f5f9;border-radius:23px;height:100%;min-height:130px;overflow:hidden;width:95px}.home-doctor-card .home-doctor-image-container img{height:100%;object-fit:cover;width:100%}.home-doctor-card .home-doctor-content{display:flex;flex:1 1;flex-direction:column;gap:6px;justify-content:center}.home-doctor-card .home-doctor-name{color:#1e40af;font-size:15px;font-weight:700;margin:0}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.doctor-info-icon{flex-shrink:0;font-size:11px;width:18px}.doctor-info-text{font-size:10px;font-weight:500;line-height:1.3;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .price-book-row{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin-top:5px;width:100%}.home-doctor-card .price-amount{color:#059669;font-size:15px;font-weight:800;white-space:nowrap}.home-doctor-card .price-amount span{color:#6b7280;font-size:10px;font-weight:400}.home-doctor-card .home-book-btn{background-color:#2563eb;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:5px 16px;white-space:nowrap}.home-doctor-card .home-book-btn:hover{background-color:#1d4ed8}}@media (min-width:1024px) and (max-width:1366px){.home-doctors-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.home-doctor-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.home-doctor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.home-doctor-card-inner{align-items:stretch;display:flex;flex-direction:row;gap:18px;min-height:170px;padding:18px}.home-doctor-card .home-doctor-image-section{align-items:stretch;display:flex;flex-shrink:0}.home-doctor-card .home-doctor-image-container{background:#f1f5f9;border-radius:23px;height:100%;min-height:160px;overflow:hidden;width:130px}.home-doctor-card .home-doctor-image-container img{height:100%;object-fit:cover;width:100%}.home-doctor-card .home-doctor-content{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.home-doctor-card .home-doctor-name{color:#1e40af;font-size:17px;font-weight:700;margin:0}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:5px}.doctor-info-icon{flex-shrink:0;font-size:12px;width:19px}.doctor-info-text{font-size:11px;font-weight:500;line-height:1.3;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .price-book-row{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin-top:6px}.home-doctor-card .price-amount{color:#059669;font-size:17px;font-weight:800;white-space:nowrap}.home-doctor-card .price-amount span{color:#6b7280;font-size:11px;font-weight:400}.home-doctor-card .home-book-btn{background-color:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:12px;padding:7px 22px}}@media (max-width:540px){.home-doctors-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.home-doctor-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.home-doctor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.home-doctor-card-inner{align-items:stretch;display:flex;flex-direction:row;gap:12px;min-height:140px;padding:12px}.home-doctor-card .home-doctor-image-section{align-items:stretch;display:flex;flex-shrink:0}.home-doctor-card .home-doctor-image-container{background:#f1f5f9;border-radius:18px;height:100%;min-height:115px;overflow:hidden;width:110px}.home-doctor-card .home-doctor-image-container img{height:100%;object-fit:cover;width:100%}.home-doctor-card .home-doctor-content{display:flex;flex:1 1;flex-direction:column;gap:5px;justify-content:center}.home-doctor-card .home-doctor-name{color:#1e40af;font-size:14px;font-weight:700;margin:0}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:3px}.doctor-info-icon{flex-shrink:0;font-size:10px;width:16px}.doctor-info-text{font-size:9px;font-weight:500;line-height:1.3;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .price-book-row{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;margin-top:4px}.home-doctor-card .price-amount{color:#059669;font-size:12px;font-weight:800;white-space:nowrap}.home-doctor-card .price-amount span{color:#6b7280;font-size:8px;font-weight:400}.home-doctor-card .home-book-btn{background-color:#2563eb;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:9px;padding:4px 16px}}@media (min-width:541px) and (max-width:720px){.home-doctors-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.home-doctor-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.home-doctor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.home-doctor-card-inner{align-items:stretch;display:flex;flex-direction:row;gap:10px;min-height:130px;padding:10px}.home-doctor-card .home-doctor-image-section{align-items:stretch;display:flex;flex-shrink:0}.home-doctor-card .home-doctor-image-container{background:#f1f5f9;border-radius:18px;height:100%;min-height:110px;overflow:hidden;width:80px}.home-doctor-card .home-doctor-image-container img{height:100%;object-fit:cover;width:100%}.home-doctor-card .home-doctor-content{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center}.home-doctor-card .home-doctor-name{color:#1e40af;font-size:13px;font-weight:700;margin:0}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}.doctor-info-icon{flex-shrink:0;font-size:9px;width:15px}.doctor-info-text{font-size:8px;font-weight:500;line-height:1.2;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .price-book-row{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;margin-top:3px}.home-doctor-card .price-amount{color:#059669;font-size:11px;font-weight:800;white-space:nowrap}.home-doctor-card .price-amount span{color:#6b7280;font-size:7px;font-weight:400}.home-doctor-card .home-book-btn{background-color:#2563eb;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:8px;padding:3px 12px}}@media (min-width:1367px) and (max-width:1920px){.home-doctors-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}.home-doctor-card{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.home-doctor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.home-doctor-card-inner{align-items:stretch;display:flex;flex-direction:row;gap:22px;min-height:200px;padding:22px}.home-doctor-card .home-doctor-image-section{align-items:stretch;display:flex;flex-shrink:0}.home-doctor-card .home-doctor-image-container{background:#f1f5f9;border-radius:23px;height:100%;min-height:170px;overflow:hidden;width:140px}.home-doctor-card .home-doctor-image-container img{height:100%;object-fit:cover;width:100%}.home-doctor-card .home-doctor-content{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center}.home-doctor-card .home-doctor-name{color:#1e40af;font-size:19px;font-weight:700;margin:0}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.doctor-info-icon{flex-shrink:0;font-size:14px;width:22px}.doctor-info-text{font-size:13px;font-weight:500;line-height:1.4;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .price-book-row{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin-top:6px;width:100%}.home-doctor-card .price-amount{color:#059669;font-size:19px;font-weight:800;white-space:nowrap}.home-doctor-card .price-amount span{color:#6b7280;font-size:12px;font-weight:400}.home-doctor-card .home-book-btn{background-color:#2563eb;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:14px;padding:10px 32px}}@media (min-width:1921px){.home-doctors-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1400px}.home-doctor-card{background:#fff;border:1px solid #eef2f6;border-radius:24px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.home-doctor-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.home-doctor-card-inner{align-items:stretch;display:flex;flex-direction:row;gap:24px;min-height:220px;padding:24px}.home-doctor-card .home-doctor-image-section{align-items:stretch;display:flex;flex-shrink:0}.home-doctor-card .home-doctor-image-container{background:#f1f5f9;border-radius:23px;height:100%;min-height:190px;overflow:hidden;width:160px}.home-doctor-card .home-doctor-image-container img{height:100%;object-fit:cover;width:100%}.home-doctor-card .home-doctor-content{display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.home-doctor-card .home-doctor-name{color:#1e40af;font-size:21px;font-weight:700;margin:0}.doctor-info-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.doctor-info-icon{flex-shrink:0;font-size:16px;width:24px}.doctor-info-text{font-size:15px;font-weight:500;line-height:1.4;word-break:break-word}.doctor-specialty-text{color:#2563eb;font-weight:600}.doctor-degree-text{color:#8b5cf6;font-weight:500}.doctor-experience-text{color:#10b981;font-weight:500}.doctor-location-text{color:#6b7280;font-weight:500}.home-doctor-card .slots-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.home-doctor-card .slots-time{color:#6b7280;font-size:14px}.home-doctor-card .price-book-row{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;margin-top:6px;width:100%}.home-doctor-card .price-amount{color:#059669;font-size:21px;font-weight:800;white-space:nowrap}.home-doctor-card .price-amount span{color:#6b7280;font-size:13px;font-weight:400}.home-doctor-card .home-book-btn{background-color:#2563eb;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:14px;padding:10px 32px}}.booking-form{margin:0 auto;max-width:800px;padding:1rem}.form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1.5rem;padding:1.5rem}.form-section h3{align-items:center;color:#0f172a;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1.2rem}.form-section h3:before{content:"📋";font-size:1.2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.form-group{gap:.4rem;margin-bottom:.5rem}.form-group label{align-items:center;color:#334155;display:flex;font-size:.85rem;gap:.3rem}.form-group label:before{color:#2563eb;content:"•";font-weight:700}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;font-family:inherit;font-size:.95rem;padding:.8rem 1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{min-height:100px;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.slot-warning{align-items:center;background:#fee2e2;border-left:4px solid #dc2626;border-radius:10px;color:#b91c1c;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.6rem 1rem}.slot-warning:before{content:"⚠️";font-size:1rem}.form-actions{border-top:2px solid #e2e8f0;display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.home-doctor-summary{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #2563eb;border-radius:16px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.2rem 1.5rem}.home-doctor-summary-info{flex:1 1}.home-doctor-summary-info h2{color:#475569;font-size:1rem;font-weight:500;margin-bottom:.2rem}.home-doctor-summary-info h3{color:#1d4ed8;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.3rem}.home-doctor-summary-info p{color:#475569;font-size:.95rem}.home-consultation-fee{color:#fff;font-size:1.2rem;font-weight:700;padding:.5rem 1.2rem;white-space:nowrap}.home-consultation-fee,.primary-btn{background:#2563eb;border-radius:40px;box-shadow:0 4px 10px #2563eb4d}.primary-btn{font-size:.9rem;padding:.7rem 1.5rem;transition:all .3s}.primary-btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 8px 20px #2563eb66;transform:translateY(-2px)}.primary-btn:disabled{cursor:not-allowed;opacity:.5}.secondary-btn{background:#fff;border:2px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:600;padding:.7rem 1.5rem;transition:all .3s}.secondary-btn:hover{background:#f8fafc;border-color:#94a3b8}.home-payment-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr;margin:0 auto;max-width:900px;padding:1rem}.home-payment-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 10px 25px #0000000d;padding:2rem}.home-payment-summary h3{align-items:center;color:#0f172a;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.home-payment-summary h3:before{content:"💰";font-size:1.5rem}.home-summary-item{border-bottom:1px solid #e2e8f0;color:#475569;display:flex;font-size:1rem;justify-content:space-between;padding:1rem 0}.home-summary-item:last-of-type{border-bottom:none}.home-summary-item.total{border-top:2px solid #2563eb;color:#0f172a;font-size:1.2rem;font-weight:700;margin-top:1rem;padding-top:1.5rem}.home-summary-item.total span:last-child{color:#2563eb;font-size:1.3rem}.commission-note{background:#f1f5f9;border-radius:8px;color:#64748b;font-size:.9rem;margin-top:1rem;padding:.5rem;text-align:center}.home-patient-summary{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 25px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.home-patient-summary h4{align-items:center;color:#0f172a;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1.2rem}.home-patient-summary h4:before{content:"👤";font-size:1.2rem}.home-patient-info-item{align-items:center;border-bottom:1px dashed #e2e8f0;display:flex;gap:1rem;padding:.7rem 0}.home-patient-info-item:last-child{border-bottom:none}.home-patient-info-item strong{color:#475569;font-size:.9rem;font-weight:600;min-width:80px}.home-patient-info-item span{color:#0f172a;font-size:.95rem;font-weight:500;word-break:break-word}.payment-actions{display:flex;gap:1rem;margin-top:1.5rem;width:100%}.payment-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;box-shadow:0 4px 10px #10b9814d;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s}.payment-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.payment-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.payment-btn:before{content:"💳";font-size:1.2rem}.upi-payment-container{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:600px;padding:30px}.qr-code-image{border:1px solid #e2e8f0;border-radius:16px;height:200px;margin:0 auto 15px;padding:10px;width:200px}.payment-instructions{background:#f0f9ff;border-left:4px solid #2563eb;border-radius:16px;margin-bottom:20px;padding:20px}.confirmation-card{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:500px;padding:1.5rem}.success-icon{animation:bounce 1s ease infinite;font-size:3rem;margin-bottom:1rem;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.details-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);margin:1.5rem 0}.detail-item{background:#f8fafc;border-radius:12px;padding:.8rem}.detail-label{display:block;font-size:.65rem;font-weight:600;margin-bottom:.2rem}.detail-value{color:#0f172a;font-size:.9rem}.app-footer{background:#0f172a;border-top:1px solid #ffffff1a;color:#94a3b8;margin-top:3rem;padding:2.5rem 1rem 1.5rem;width:100%}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1400px;padding:0 1rem}.footer-section{display:flex;flex-direction:column;gap:.5rem}.footer-section h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.footer-section h4{font-size:1rem;font-weight:600;margin-bottom:.5rem}.footer-section p{font-size:.85rem;line-height:1.6;margin-bottom:.3rem}.footer-section button{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:30px;color:#94a3b8;cursor:pointer;font-size:.8rem;padding:.3rem .8rem;transition:all .3s}.footer-section button:hover{background:#fff3;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#64748b;font-size:.75rem;margin:2rem auto 0;max-width:1400px;padding-top:1.5rem;text-align:center}.waiting-card.minimal{margin:0 auto;max-width:320px;padding:2rem 1rem;text-align:center}.waiting-icon{font-size:3rem;margin-bottom:.5rem}.waiting-card.minimal h3{color:#1e293b;font-size:1.3rem;margin-bottom:.8rem}.small-msg{background:#fef9e7;color:#221b0f;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem}.amount-chip,.small-msg{border-radius:30px;display:inline-block}.amount-chip{background:#e2e8f0;color:#0f172a;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem;padding:.6rem 1.2rem}.home-btn.small{background:#2563eb;border:none;border-radius:30px;color:#fff!important;cursor:pointer;font-size:.95rem;font-weight:600;padding:.7rem 1.5rem;transition:all .3s;width:100%}.home-btn.small:hover{background:#1d4ed8;box-shadow:0 4px 10px #2563eb4d;transform:translateY(-2px)}.home-doctor-card{position:relative}.home-doctor-status-badge{border-radius:20px;font-family:monospace;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 10px;position:absolute;right:12px;top:12px;z-index:10}.home-doctor-status-badge.active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.home-doctor-status-badge.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.view-all-slots-btn-primary{background:none;border:1px solid #2563eb;border-radius:30px;color:#2563eb;cursor:pointer;font-size:12px;font-weight:500;margin-left:8px;padding:5px 14px;transition:all .2s;white-space:nowrap}.view-all-slots-btn-primary:hover{background:#eef2ff;transform:translateY(-1px)}.view-all-slots-btn{background:none;border:none;border-radius:20px;color:#2563eb;cursor:pointer;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px;transition:all .2s}.view-all-slots-btn:hover{background:#eef2ff;text-decoration:underline}.slots-modal{display:flex;flex-direction:column;max-height:85vh;max-width:650px;position:relative;width:90%}.slots-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px;position:relative}.slots-modal .modal-header h2{color:#1e293b;font-size:1.2rem;line-height:1.3;margin:0;padding-right:30px}.slots-modal .close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.slots-modal .close-btn:hover{background:#e2e8f0;color:#1e293b}.slots-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px}.slots-grid{grid-gap:10px;display:grid;gap:10px}.slot-item{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;cursor:pointer;font-size:13px;font-weight:500;padding:10px 8px;text-align:center;transition:all .2s;width:100%}.slot-item:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px)}.email-modal{max-width:450px}.email-modal .modal-body p{color:#64748b;margin-bottom:20px}.email-modal input{border:2px solid #e2e8f0;border-radius:12px;font-size:16px;padding:12px 16px;width:100%}.email-modal input:focus{border-color:#2563eb;outline:none}@media (max-width:768px){.tagline{color:#3b82f6;color:#64748b;font-size:.75rem;margin-left:5px}}@media (max-width:768px){.modal-overlay{align-items:flex-start!important;padding:20% 10px 10px!important}.email-modal{border-radius:20px!important;margin:0 auto!important;max-width:350px!important;width:90%!important}.email-modal .modal-header{flex-direction:column!important;padding:15px 15px 10px!important;text-align:center!important}.email-modal .modal-header h2{font-size:1.2rem!important;margin-bottom:10px!important}.email-modal .close-btn{position:absolute!important;right:10px!important;top:10px!important}.email-modal .modal-body{padding:10px 15px 20px!important}.email-modal .modal-body p{font-size:.85rem!important;text-align:center!important}.email-modal input{box-sizing:border-box!important;font-size:16px!important}.email-modal .primary-btn,.email-modal .secondary-btn,.email-modal input{padding:12px!important;width:100%!important}.booking-form input[type=date],.booking-form input[type=time]{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;min-height:48px;padding:12px;width:100%}.booking-form .form-group{margin-bottom:1rem}.booking-form .form-group label{display:block;font-weight:600;margin-bottom:6px}}@media (max-width:767px){.home-doctors-grid{gap:16px;grid-template-columns:1fr}.home-doctor-card-inner{flex-direction:row;padding:12px}.home-doctor-card .home-doctor-image-container{height:120px;width:100px}.booking-form{padding:.5rem}.form-row{gap:.8rem;grid-template-columns:1fr}.form-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}@media (max-width:768px){.desktop-nav{display:none}.home-mobile-menu-btn{display:flex}.logo{font-size:1.2rem}.tagline{font-size:.7rem}.header-content{justify-content:space-between;width:100%}}@media (min-width:769px){.home-mobile-menu-btn,.mobile-menu{display:none}}@media (max-width:480px){.email-modal{max-width:320px!important;width:95%!important}.email-modal .modal-header h2{font-size:1rem!important}.booking-form input[type=date],.booking-form input[type=time]{font-size:14px;padding:10px}.home-doctor-card .home-doctor-name{font-size:14px}}@media (max-width:1024px) and (min-width:769px){.booking-flow .step-label{font-size:.7rem;white-space:nowrap}.booking-flow .step:not(:last-child):after{right:-25%;width:50%}}@media (max-width:768px){.booking-flow .progress-steps{margin:15px 0 20px}.booking-flow .step-circle{font-size:.8rem;height:32px;margin-bottom:6px;width:32px}.booking-flow .step:not(:last-child):after{right:-20%;top:16px;width:40%}.booking-flow .step-label{font-size:.55rem;letter-spacing:-.3px;white-space:nowrap}}@media (max-width:480px){.booking-flow .step-circle{font-size:.7rem;height:28px;margin-bottom:5px;width:28px}.booking-flow .step:not(:last-child):after{right:-15%;top:14px;width:30%}.booking-flow .step-label{font-size:.5rem;white-space:nowrap}}@media (max-width:360px){.booking-flow .step-circle{font-size:.6rem;height:24px;width:24px}.booking-flow .step:not(:last-child):after{right:-10%;top:12px;width:20%}.booking-flow .step-label{font-size:.45rem;white-space:nowrap}}@media (max-width:1024px){.booking-form{padding:.8rem}.form-section{padding:1.2rem}}@media (max-width:767px){.booking-form{padding:.5rem}.form-row{gap:.8rem;grid-template-columns:1fr;margin-bottom:.5rem}.form-section{border-radius:16px;margin-bottom:1rem;padding:1rem}.form-section h3{font-size:1rem;margin-bottom:.8rem}.form-group{margin-bottom:.3rem}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{border-radius:10px;font-size:16px;padding:.7rem .8rem}.form-group textarea{min-height:80px}.slot-warning{font-size:.75rem;padding:.5rem .8rem}.form-actions{flex-direction:column;gap:.8rem;margin-top:1.5rem;padding-top:1rem}.primary-btn,.secondary-btn{justify-content:center;padding:.7rem 1rem;text-align:center;width:100%}}@media (max-width:480px){.booking-form{padding:.3rem}.form-section{border-radius:14px;padding:.8rem}.form-section h3{font-size:.9rem}.form-group label{font-size:.75rem}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:15px;padding:.6rem .7rem}.date-hint{font-size:.65rem}.slot-warning{font-size:.7rem;padding:.4rem .6rem}.primary-btn,.secondary-btn{font-size:.85rem;padding:.6rem .8rem}}@media (max-width:1024px){.home-doctor-summary{padding:1rem 1.2rem}.home-doctor-summary-info h3{font-size:1.3rem}.home-consultation-fee{font-size:1.1rem;padding:.4rem 1rem}}@media (max-width:767px){.home-doctor-summary{flex-direction:column;gap:.8rem;padding:1rem;text-align:center}.home-doctor-summary-info{text-align:center}.home-doctor-summary-info h2{font-size:.9rem}.home-doctor-summary-info h3{font-size:1.2rem}.home-doctor-summary-info p{font-size:.85rem}.home-consultation-fee{font-size:1rem;padding:.4rem 1rem;white-space:normal}.primary-btn,.secondary-btn{font-size:.85rem;padding:.6rem 1.2rem;text-align:center;width:100%}}@media (max-width:480px){.home-doctor-summary{border-radius:12px;padding:.8rem}.home-doctor-summary-info h2{font-size:.8rem}.home-doctor-summary-info h3{font-size:1rem}.home-doctor-summary-info p{font-size:.75rem}.home-consultation-fee{font-size:.9rem;padding:.3rem .8rem}.primary-btn,.secondary-btn{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:1024px){.home-payment-container{gap:1.5rem;padding:.8rem}.home-payment-summary{padding:1.5rem}.home-payment-summary h3{font-size:1.3rem}}@media (max-width:767px){.home-payment-container{gap:1rem;grid-template-columns:1fr;padding:.5rem}.home-payment-summary{border-radius:16px;padding:1rem}.home-payment-summary h3{font-size:1.2rem;margin-bottom:1rem}.home-summary-item{font-size:.9rem;padding:.8rem 0}.home-summary-item.total span:last-child{font-size:1.1rem}.home-patient-summary{padding:1rem}.home-patient-summary h4{font-size:1rem}.home-patient-info-item{align-items:flex-start;flex-direction:column;gap:.3rem}.home-patient-info-item strong{min-width:auto}.payment-actions{flex-direction:column}.payment-btn{font-size:1rem;padding:.8rem 1rem;width:100%}}@media (max-width:480px){.home-payment-container{gap:.8rem}.home-payment-summary{padding:.8rem}.home-payment-summary h3{font-size:1rem}.home-summary-item{font-size:.8rem;padding:.6rem 0}.home-summary-item.total span:last-child{font-size:1rem}.commission-note{font-size:.7rem}.home-patient-summary h4{font-size:.9rem}.home-patient-info-item strong{font-size:.8rem}.home-patient-info-item span{font-size:.85rem}.payment-btn{font-size:.9rem;padding:.7rem .8rem}.payment-btn:before{font-size:1rem}}@media (max-width:767px){.upi-payment-container{border-radius:20px;margin:10px;padding:20px}.qr-code-image{height:150px;width:150px}.payment-instructions{font-size:.9rem;padding:15px}}@media (max-width:480px){.upi-payment-container{padding:15px}.qr-code-image{height:120px;width:120px}.payment-instructions{font-size:.85rem;padding:12px}}@media (max-width:767px){.confirmation-card{border-radius:20px;margin:10px auto;max-width:90%;padding:1rem}.success-icon{font-size:2.5rem}.details-grid{gap:.6rem;grid-template-columns:1fr;margin:1rem 0}.detail-item{padding:.6rem}.detail-label{font-size:.6rem}.detail-value{font-size:.85rem}}@media (max-width:480px){.confirmation-card{padding:.8rem}.success-icon{font-size:2rem}.detail-item{padding:.5rem}.detail-label{font-size:.55rem}.detail-value{font-size:.8rem}}@media (max-width:768px){.app-footer{margin-top:2rem;padding:1.5rem .5rem 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr;padding:0 .5rem;text-align:center}.footer-section{align-items:center;text-align:center}.footer-section h3,.footer-section h4{font-size:1rem}.footer-section p{font-size:.75rem}.footer-section button{font-size:.7rem;padding:.25rem .6rem}.footer-bottom{font-size:.65rem;margin-top:1rem;padding-top:1rem}}@media (max-width:480px){.waiting-card.minimal{max-width:90%;padding:1rem}.waiting-icon{font-size:2.5rem}.waiting-card.minimal h3{font-size:1.1rem}.small-msg{font-size:.8rem;padding:.4rem .8rem}.amount-chip{font-size:1rem;padding:.4rem 1rem}.home-btn.small{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:768px){.home-doctor-status-badge{font-size:9px;padding:3px 8px;right:10px;top:10px}}@media (max-width:480px){.home-doctor-status-badge{font-size:8px;padding:2px 6px;right:8px;top:8px}}@media (min-width:768px) and (max-width:1024px){.home-doctor-status-badge{font-size:10px;padding:4px 10px;right:12px;top:12px}}@media (max-width:480px){.view-all-slots-btn-primary{font-size:9px;margin-left:4px;padding:4px 10px}}@media (max-width:375px){.view-all-slots-btn-primary{font-size:8px;padding:3px 8px}}@media (min-width:1200px){.slots-grid{gap:12px;grid-template-columns:repeat(5,1fr)}}@media (min-width:992px) and (max-width:1199px){.slots-grid{gap:12px;grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:991px){.slots-grid{gap:10px;grid-template-columns:repeat(4,1fr)}.slot-item{font-size:12px;padding:8px 6px}.slots-modal .modal-header h2{font-size:1.1rem}}@media (min-width:481px) and (max-width:767px){.slots-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.slot-item{font-size:12px;padding:8px 6px}.slots-modal .modal-header{padding:14px 16px}.slots-modal .modal-header h2{font-size:1rem}.slots-modal .modal-body{padding:16px}}@media (min-width:321px) and (max-width:480px){.slots-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.slot-item{font-size:11px;padding:8px 5px}.slots-modal .modal-header{padding:12px 14px}.slots-modal .modal-header h2{font-size:.9rem}.slots-modal .close-btn{font-size:14px;height:28px;width:28px}.slots-modal .modal-body{padding:14px}}@media (max-width:320px){.slots-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.slot-item{font-size:10px;padding:8px 4px}}@media (max-width:768px){.email-modal{max-width:90%;width:90%}.email-modal .modal-body p{font-size:.85rem;margin-bottom:15px}.email-modal input{font-size:16px;padding:10px 12px}.booking-form .form-group{margin-bottom:1.2rem}.booking-form .form-group label{display:block;font-weight:600;margin-bottom:.4rem}.booking-form input[type=date],.booking-form input[type=time],.booking-form select{border:1px solid #ccc;border-radius:10px;font-size:16px;padding:.7rem;width:100%}.slot-warning{font-size:.75rem;margin:.5rem 0;padding:.5rem}.form-actions{flex-direction:column;gap:.8rem}.form-actions button{padding:.8rem;width:100%}}.booking-form input[type=date],.booking-form input[type=time]{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;display:block;font-size:16px;min-height:48px;padding:12px;width:100%}.booking-form input[type=date]:focus,.booking-form input[type=time]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.booking-form .form-group{margin-bottom:1rem}.booking-form .form-group label{display:block;font-weight:600;margin-bottom:6px}@supports (-webkit-touch-callout:none){.booking-form button,.booking-form input,.booking-form select{border-radius:12px}}@media (max-width:768px){.appointment-header{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}.appointment-id{font-size:10px!important}.appointment-body{flex-direction:column!important;gap:10px!important}.doctor-info{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.doctor-icon{font-size:24px!important}.patient-info p{font-size:13px!important;margin:3px 0!important;word-break:break-word!important}.patient-info strong{display:inline-block!important;min-width:70px!important}.view-records-btn{font-size:12px!important;padding:8px!important;width:100%!important}}*{max-width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}body.dark-theme{background:#0a1929}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}.admin-login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}.admin-login-header{margin-bottom:30px;text-align:center}.admin-icon{display:block;font-size:48px;margin-bottom:10px}.admin-login-header h1{color:#111827;font-size:28px;margin-bottom:5px}.admin-login-header p{color:#6b7280;font-size:14px}.admin-login-form .form-group{margin-bottom:20px}.admin-login-form label{color:#4b5563;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.admin-login-form input{border:2px solid #e5e7eb;border-radius:12px;font-size:15px;padding:12px 16px;transition:all .3s;width:100%}.admin-login-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.admin-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s;width:100%}.admin-login-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7}.demo-credentials{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-top:30px;padding:20px;text-align:center}.demo-credentials p{color:#4b5563;margin:5px 0}.demo-credentials code{background:#e5e7eb;border-radius:6px;color:#dc2626;font-weight:600;padding:4px 8px}.error-message{border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-weight:500}.admin-dashboard{background:#f3f4f6;min-height:100vh}.admin-header{align-items:center;background:#fff;border-bottom:1px solid #eef2f6;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header-left{flex:1 1}.admin-header-left h1{color:#1e293b;font-size:1.3rem;font-weight:600;letter-spacing:-.3px;margin-bottom:2px}.admin-header-left p{color:#64748b;font-size:.75rem;font-weight:500}.admin-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.commission-due-btn,.commission-report-btn,.logout-btn,.payment-enforcement-btn{align-items:center;background:#f7f4f3;border:none;border-radius:10px;box-shadow:none;color:#334155;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:8px 18px;position:relative;transition:all .2s ease}.commission-due-btn:hover,.commission-report-btn:hover,.logout-btn:hover,.payment-enforcement-btn:hover{background:#f1f5f9;color:#1f2937;transform:translateY(-1px)}.commission-due-btn:active,.commission-report-btn:active,.logout-btn:active,.payment-enforcement-btn:active{transform:translateY(0)}.logout-btn:hover{background:#fef2f2;color:#b91c1c}.notification-badge{align-items:center;background:#ef4444;border:1px solid #fff;border-radius:8px;color:#fff;display:flex;font-size:.6rem;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.admin-mobile-menu-btn{background:#f8fafc;border:none;border-radius:30px;color:#475569;cursor:pointer;display:none;font-size:1.5rem;line-height:1;padding:8px 12px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s;z-index:101}.admin-mobile-menu-btn:hover{background:#f1f5f9}.mobile-menu-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-drawer{background:#1b0a0a;box-shadow:-2px 0 20px #0000001a;display:flex;flex-direction:column;height:100%;overflow-y:auto;position:fixed;right:-280px;top:0;transition:right .3s ease;width:280px;z-index:1000}.mobile-menu-drawer.open{right:0}.mobile-menu-items{display:flex;flex-direction:column;gap:8px;padding:20px 16px}.mobile-menu-btn-item{align-items:center;background:#f8fafc;border:none;border-radius:30px;color:#334155;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-align:left;transition:all .2s;width:100%}.mobile-menu-btn-item:hover{background:#f1f5f9;transform:translateX(4px)}.mobile-menu-btn-item.due,.mobile-menu-btn-item.payment,.mobile-menu-btn-item.report{color:#3b82f6}.mobile-menu-btn-item.logout{color:#ef4444}.mobile-menu-btn-item.logout:hover{background:#fef2f2}.menu-notification-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:.6rem;font-weight:600;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.mobile-menu-close-top{align-items:center;align-self:flex-end;background:#f8fafc;border:none;border-radius:30px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;gap:8px;margin-bottom:8px;padding:8px 16px;transition:all .2s}.mobile-menu-close-top:hover{background:#f1f5f9}@media (max-width:1024px) and (min-width:769px){.commission-due-btn,.commission-report-btn,.logout-btn,.payment-enforcement-btn{font-size:.75rem;padding:6px 14px}}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 16px;position:relative}.admin-header-left{padding-right:50px;width:100%}.admin-header-left h1{font-size:1.1rem}.admin-header-left p{font-size:.65rem}.admin-mobile-menu-btn{align-items:center;display:flex!important;justify-content:center;padding:6px 12px}.admin-header-right,.commission-due-btn,.commission-report-btn,.logout-btn,.payment-enforcement-btn{display:none!important}}@media (min-width:769px){.admin-mobile-menu-btn{display:none!important}.admin-header-right,.commission-due-btn,.commission-report-btn,.logout-btn,.payment-enforcement-btn{display:flex!important}.admin-header-left{padding-right:0}}.admin-tabs{background:#fff;border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb;box-shadow:none;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px;margin:0;padding:12px 24px}.admin-tabs button{align-items:center;background:none;border:none;border-radius:30px;color:#5f6368;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 20px;transition:all .2s ease;white-space:nowrap;width:auto!important}.admin-tabs button:hover{background:#f1f3f4;color:#1a73e8}.admin-tabs button.active{background:#e8f0fe;color:#1a73e8;font-weight:600}.tab-badge{background:#ea4335;border-radius:30px;color:#fff;font-size:.7rem;font-weight:600;margin-left:6px;padding:2px 8px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:30px}.stat-card{border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 15px #00000008}.stat-card:hover{border-color:#3b82f6;box-shadow:0 10px 25px #0000000d}.stat-card.highlight{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-icon{align-items:center;background:#3b82f61a;border-radius:18px;display:flex;font-size:42px;height:70px;justify-content:center;width:70px}.stat-card.highlight .stat-icon{background:#fff3}.stat-card h3{color:#6b7280;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-card.highlight h3{color:#ffffffe6}.stat-number{color:#111827;font-size:32px}.stat-card.highlight .stat-number{color:#fff}.verification-summary-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:20px;box-shadow:0 10px 25px #3b82f64d;color:#fff;margin:20px 30px;padding:25px 30px;transition:all .3s}.verification-summary-card.commission-card{background:#fff;border-left:5px solid #f59e0b;box-shadow:0 10px 25px #0000000d;color:#1f2937}.summary-header{flex-wrap:wrap;gap:20px}.summary-header,.summary-icon{align-items:center;display:flex}.summary-icon{background:#fff3;border-radius:18px;font-size:36px;height:70px;justify-content:center;width:70px}.commission-card .summary-icon{background:#fef3c7;color:#f59e0b}.summary-text{flex:1 1}.summary-text h3{font-size:22px;font-weight:700;margin-bottom:5px}.commission-card .summary-text h3{color:#1b48a4}.summary-text p{font-size:15px;opacity:.9}.summary-action{align-items:center;background:#fff3;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 25px;transition:all .3s}.commission-card .summary-action{background:#f59e0b;box-shadow:0 4px 10px #f59e0b33;color:#fff}.summary-action:hover{background:#ffffff4d;transform:translateX(5px)}.commission-card .summary-action:hover{background:#d97706;box-shadow:0 6px 15px #f59e0b4d;transform:translateX(5px)}.recent-appointments{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 15px #00000008;margin:30px;padding:25px}.recent-appointments h2{align-items:center;color:#111827;display:flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:20px}.recent-appointments h2:before{content:"📋";font-size:24px}.appointment-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:10px;padding:12px;transition:all .2s ease}.appointment-card:hover{box-shadow:0 4px 8px #00000014}.appointment-card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.appointment-id{background:#eff6ff;border-radius:6px;color:#3b82f6;font-family:monospace;font-size:.7rem;font-weight:600;padding:4px 8px}.appointment-status-mobile{border-radius:20px;font-size:.6rem;font-weight:600;padding:3px 8px;text-transform:uppercase}.appointment-status-mobile.pending,.appointment-status-mobile.pending_verification{background:#fef3c7;color:#92400e}.appointment-status-mobile.confirmed{background:#dbeafe;color:#1e40af}.appointment-status-mobile.completed{background:#d1fae5;color:#065f46}.appointment-status-mobile.cancelled{background:#fee2e2;color:#991b1b}.appointment-card-body{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.appointment-info-item{display:flex;flex-direction:column;gap:2px}.info-label{color:#6b7280;font-size:.55rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.info-value{color:#1f2937;font-size:.75rem;font-weight:500;line-height:1.3;word-break:break-word}.appointment-card-footer{align-items:center;background:#0000;border-radius:0;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin:0;padding:8px 0 0}.appointment-amount{color:#059669;font-size:.9rem;font-weight:700}.appointment-commission{color:#6b7280;font-size:.65rem}.appointment-commission span{color:#059669;font-weight:600}.no-appointments-mobile{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px;color:#6b7280;font-size:.85rem;padding:30px 20px;text-align:center}.no-appointments-mobile p{margin:0}.appointments-table{border:1px solid #f0f0f0;border-radius:16px;overflow-x:auto}.appointments-table table{border-collapse:collapse;min-width:1000px;width:100%}.appointments-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#4b5563;font-size:13px;letter-spacing:.5px;padding:16px 15px;text-transform:uppercase}.appointments-table td{border-bottom:1px solid #f0f0f0;color:#1f2937;font-size:14px;padding:16px 15px}.appointments-table tr:hover td{background:#f9fafb}.appointments-table td.commission{color:#059669;font-weight:600}.payment-badge{background:#e0e7ff;border-radius:20px;color:#3730a3;display:inline-block;font-size:.7rem;font-weight:600;padding:4px 10px}.status-badge{border-radius:30px;padding:6px 14px}.status-badge.pending,.status-badge.pending_verification{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-badge.confirmed{border:1px solid #bfdbfe}.status-badge.completed{border:1px solid #a7f3d0}.status-badge.cancelled{border:1px solid #fecaca}.filters-section{background:#fff;border:1px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 15px #00000008;margin:20px 30px;padding:25px}.filters-section h2{align-items:center;color:#111827;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:20px}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filters-grid input,.filters-grid select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;padding:12px 15px;transition:all .3s;width:100%}.filters-grid input:focus,.filters-grid select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-btn{align-items:center;background:#3b82f6;border-radius:12px;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px 24px}.filter-btn:hover{background:#2563eb;box-shadow:0 4px 10px #3b82f64d}.doctors-tab{padding:30px}.doctors-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.doctors-header h2{align-items:center;color:#111827;display:flex;font-size:24px;font-weight:700;gap:8px}.doctors-header h2:before{content:"👨‍⚕️";font-size:28px}.doctors-actions{display:flex;flex-wrap:wrap;gap:12px}.refresh-btn{align-items:center;background:#4b5563;border:none;border-radius:12px;box-shadow:0 4px 10px #4b556333;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.refresh-btn:hover{background:#374151;box-shadow:0 6px 15px #4b55634d;transform:translateY(-2px)}.add-doctor-btn{align-items:center;background:#10b981;border:none;border-radius:12px;box-shadow:0 4px 10px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s}.add-doctor-btn:hover{background:#059669;box-shadow:0 6px 15px #10b9814d;transform:translateY(-2px)}.doctor-list-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-top:20px}.doctor-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.doctor-card:hover{border-color:#3b82f6;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.doctor-card:before{background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.doctor-card-header{align-items:center;background:linear-gradient(135deg,#fafbfc,#fff);border-bottom:1px solid #eef2f6;display:flex;gap:16px;padding:20px}.doctor-image-container{position:relative}.doctor-card-image{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 10px #00000014;height:80px;object-fit:cover;transition:all .3s;width:80px}.doctor-card:hover .doctor-card-image{box-shadow:0 8px 20px #3b82f633;transform:scale(1.03)}.doctor-status-badge{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;box-shadow:0 1px 3px #0000001a;height:16px;position:absolute;right:2px;width:16px}.doctor-card-title{flex:1 1}.doctor-card-title h3{color:#111827;font-size:1.1rem;font-weight:700;margin-bottom:6px}.doctor-specialization-badge{background:#e8f0fe;border-radius:30px;color:#1a73e8;display:inline-block;font-size:.7rem;font-weight:600;padding:4px 10px}.doctor-card-details{background:#fafbfc;border-bottom:1px solid #eef2f6;padding:16px 20px}.detail-row{align-items:flex-start;color:#4b5563;font-size:.85rem;gap:12px;margin:10px 0}.detail-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000008;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;width:28px}.detail-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.detail-label{color:#6b7280;font-size:.7rem;letter-spacing:.3px;text-transform:uppercase}.detail-value{color:#111827;font-size:.85rem;font-weight:600;word-break:break-word}.upi-text{background:#e8f0fe;border-radius:20px;color:#1a73e8;display:inline-block;font-size:.65rem;font-weight:500;padding:2px 8px}.commission-due-badge{align-items:center;background:#fef3c7;border-left:3px solid #f59e0b;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:12px;padding:10px 12px}.commission-due-badge strong{color:#92400e;font-size:.75rem}.commission-due-badge span{background:#fff;border-radius:30px;color:#f59e0b;font-size:1rem;font-weight:700;padding:4px 10px}.restricted-badge{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:.7rem;font-weight:600;margin-top:8px;padding:6px 12px;text-align:center}.doctor-card-stats{grid-gap:0;background:#fff;border-bottom:1px solid #eef2f6;display:grid;gap:0;grid-template-columns:repeat(3,1fr);padding:16px 20px}.stat-item{position:relative;text-align:center}.stat-item:not(:last-child):after{background:#e5e7eb;content:"";height:30px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.stat-value{color:#111827;font-size:1.2rem;margin-bottom:4px}.stat-label{color:#6b7280;font-size:.65rem}.stat-item.highlight .stat-value{color:#10b981;font-size:1.3rem}.doctor-card-actions{background:#fafbfc;border-top:1px solid #eef2f6;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;padding:8px 12px}.action-btn,.doctor-card-actions{align-items:center;justify-content:center}.action-btn{border:none;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;min-width:58px;padding:7px 0;position:relative;transition:all .2s;white-space:nowrap;width:58px}.action-btn:hover{box-shadow:0 2px 4px #0000001a;filter:brightness(.95);transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn span{font-size:.7rem}.action-btn.edit-btn,.action-btn.email-btn,.action-btn.password-btn,.action-btn.qr-btn,.action-btn.reset-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.action-btn.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-btn:hover:before{background:#1f2937;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:.55rem;left:50%;margin-bottom:4px;padding:3px 6px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{animation:slideUp .3s ease;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow:hidden}.modal-content.commission-modal{background:#fff;border-radius:24px;box-shadow:0 30px 60px -15px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1100px;overflow:hidden;padding:0;width:95%}.modal-content.commission-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 30px;width:100%}.modal-content.commission-modal .modal-header h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0}.modal-content.commission-modal .modal-header h2:before{content:"💰";font-size:2rem}.modal-content.commission-modal .close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;font-weight:600;height:44px;justify-content:center;margin:0;position:relative;right:0;transition:all .2s;width:44px}.modal-content.commission-modal .close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.modal-content.commission-modal .modal-body{flex:1 1;overflow-y:auto;padding:30px}.commission-filters{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:15px;margin-bottom:30px;padding:15px 20px}.commission-filters .month-select,.commission-filters .year-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:pointer;font-size:1rem;font-weight:500;min-width:120px;padding:10px 16px}.commission-filters .apply-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-left:auto;padding:10px 24px;transition:all .2s}.commission-filters .apply-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.commission-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a;padding:24px;text-align:center;transition:all .3s}.summary-card:hover{border-color:#3b82f6;box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-4px)}.summary-card span{color:#64748b;display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.summary-card strong{color:#0f172a;font-size:2.5rem;line-height:1.2}.summary-card.highlight{background:linear-gradient(135deg,#059669,#10b981);border-color:#059669}.summary-card.highlight span,.summary-card.highlight strong{color:#fff}.platform-upi-card{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:30px;padding:24px 28px}.platform-upi-info{align-items:center;display:flex;gap:15px}.platform-upi-icon{align-items:center;background:#059669;border-radius:14px;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.platform-upi-text h4{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:4px}.platform-upi-text p{border-radius:30px;color:#111827;font-family:monospace;font-size:18px;font-weight:600;padding:6px 14px}.copy-upi-btn,.platform-upi-text p{background:#fff;border:1px solid #e5e7eb}.copy-upi-btn{align-items:center;border-radius:30px;color:#4b5563;display:flex;font-size:13px;font-weight:500;gap:5px;padding:8px 16px;transition:all .2s}.copy-upi-btn:hover{background:#059669;border-color:#059669;color:#fff}.total-due-amount{color:#059669;font-size:42px;font-weight:800}.doctor-commission-list{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:20px;overflow:hidden}.doctor-commission-list h3{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#1f2937;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0;padding:18px 24px}.doctor-commission-list h3:before{content:"👥";font-size:1.2rem}.table-wrapper{border-radius:0 0 16px 16px;max-height:350px;overflow-x:auto;overflow-y:auto;scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin}.table-wrapper::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#64748b}.doctor-commission-list table{border-collapse:collapse;min-width:900px;width:100%}.doctor-commission-list th:first-child{width:18%}.doctor-commission-list th:nth-child(2){width:22%}.doctor-commission-list th:nth-child(3){width:12%}.doctor-commission-list th:nth-child(4){width:18%}.doctor-commission-list th:nth-child(5){width:20%}.doctor-commission-list th:nth-child(6){width:10%}.doctor-commission-list th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.doctor-commission-list td{border-bottom:1px solid #f0f0f0;color:#334155;font-size:.95rem;padding:16px 20px;vertical-align:middle}.doctor-commission-list tbody tr:hover{background:#f8fafc}.doctor-commission-list tbody tr:last-child td{border-bottom:none}.doctor-commission-list td:first-child{color:#1f2937;font-weight:600}.doctor-commission-list td:nth-child(2){font-size:.85rem;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doctor-commission-list td:nth-child(3){color:#059669;font-size:1rem;font-weight:700;text-align:center;white-space:nowrap}.doctor-commission-list td:nth-child(4){color:#0f172a;font-weight:600}.doctor-commission-list td:nth-child(5){color:#059669;font-weight:700}.doctor-commission-list td:last-child{min-width:280px;padding:12px}.commission-total{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;gap:30px;justify-content:flex-end;margin-top:25px;padding:20px 24px}.commission-total,.total-item{align-items:center;display:flex}.total-item{gap:12px}.total-label{color:#64748b;font-size:1rem;font-weight:500}.total-value{color:#059669;font-size:1.8rem;font-weight:700}.commission-action{align-items:center;display:flex;gap:10px;width:100%}.commission-action input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:2 1;font-size:.95rem;height:44px;min-width:140px;padding:12px 14px;transition:all .2s}.commission-action input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.commission-action input::placeholder{color:#94a3b8;font-size:.85rem}.commission-action .mark-paid-btn{align-items:center;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:8px;box-shadow:0 2px 5px #05966933;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:.95rem;font-weight:600;gap:4px;height:44px;justify-content:center;min-width:100px;padding:12px 18px;transition:all .2s;white-space:nowrap}.commission-action .mark-paid-btn:hover{background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 10px #0596694d;transform:translateY(-2px)}.commission-action .mark-paid-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.5}.paid-badge{align-items:center;background:#d1fae5;border:1px solid #a7f3d0;border-radius:30px;box-shadow:0 2px 5px #0596691a;color:#059669;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;height:44px;padding:10px 20px}.paid-badge:before{content:"✅";font-size:1rem}.commission-note{align-items:center;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;font-size:.95rem;gap:10px;margin-top:20px;padding:16px 24px}.commission-note:before{content:"⚠️";font-size:1rem}.qr-display{padding:20px;text-align:center}.qr-image-large{background:#fff;border:2px solid #e5e7eb;padding:10px}.qr-image-large,.qr-placeholder-large{border-radius:16px;height:250px;margin:20px auto;width:250px}.qr-placeholder-large{align-items:center;background:#f9fafb;border:2px dashed #9ca3af;display:flex;flex-direction:column;justify-content:center}.qr-placeholder-large .qr-icon{font-size:64px;margin-bottom:10px}.qr-details{background:#f9fafb;border-radius:12px;margin:15px 0;padding:15px}.qr-details p{color:#4b5563;margin:8px 0}.print-btn{align-items:center;background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-top:10px;padding:12px 30px;transition:all .3s}.print-btn:hover{background:#2563eb;box-shadow:0 4px 10px #3b82f64d;transform:translateY(-2px)}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:20px 0}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full-width{grid-column:span 2}.form-group label{color:#374151;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:12px;font-size:14px;padding:12px 15px;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.form-group .hint,.form-group .note{color:#9ca3af;font-size:12px;margin-top:4px}.specialization-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:14px;padding:12px 15px;width:100%}.image-upload-container{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:16px;padding:20px;text-align:center}.file-input{display:none}.file-input-label{background:#10b981;border-radius:30px;box-shadow:0 4px 10px #10b98133;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;transition:all .3s}.file-input-label:hover{background:#059669;box-shadow:0 6px 15px #10b9814d;transform:translateY(-2px)}.image-preview{margin-top:15px;text-align:center}.image-preview img{border:2px solid #10b981;border-radius:12px;box-shadow:0 4px 10px #0000001a;max-height:150px;max-width:150px}.preview-note{color:#6b7280;font-size:12px;margin-top:5px}.url-input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;margin-top:10px;padding:10px;width:100%}.modal-actions{display:flex;gap:15px;margin-top:20px}.cancel-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s}.cancel-btn:hover{background:#f3f4f6}.submit-btn{background:#10b981;border:none;border-radius:12px;box-shadow:0 4px 10px #10b98133;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s}.submit-btn:hover:not(:disabled){background:#059669;box-shadow:0 6px 15px #10b9814d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.reset-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin:20px 0;padding:25px;text-align:center}.reset-details p{color:#374151;font-size:15px;margin:12px 0}.reset-details code{background:#f3f4f6;border:2px solid #059669;border-radius:10px;color:#059669;display:inline-block;font-size:20px;font-weight:700;margin-top:10px;padding:12px 20px}.reset-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.reset-actions .email-btn{background:#3b82f6;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.reset-actions .email-btn:hover{background:#2563eb;transform:translateY(-2px)}.notification{border-radius:12px;box-shadow:0 4px 15px #0003;z-index:9999}.notification.success{background:#10b981}.notification.error{background:#ef4444}.admin-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:18px;justify-content:center;min-height:100vh}.spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.ml-10{margin-left:10px}.mr-10{margin-right:10px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-10{gap:10px}.gap-20{gap:20px}.w-100{width:100%}.shadow-sm{box-shadow:0 2px 4px #0000000d}.border{border:1px solid #e5e7eb}.payment-enforcement-modal{background:#fff;border-radius:24px;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;position:relative;width:95%}.payment-enforcement-modal .modal-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.payment-enforcement-modal .modal-header h2{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:10px;margin:0}.payment-enforcement-modal .modal-header h2:before{content:"💰";font-size:1.8rem}.payment-enforcement-modal .close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:600;height:40px;justify-content:center;margin:0;position:relative;right:0;top:0;transition:all .2s;width:40px}.payment-enforcement-modal .close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.payment-enforcement-modal .modal-body{flex:1 1;max-height:calc(85vh - 80px);overflow-y:auto;padding:24px 30px}.enforcement-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.enforcement-summary-grid .summary-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:16px;padding:24px;transition:all .2s}.enforcement-summary-grid .summary-card:hover{box-shadow:0 10px 20px #0000000a;transform:translateY(-2px)}.enforcement-summary-grid .summary-card.restricted{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.enforcement-summary-grid .summary-card.overdue{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fde68a}.enforcement-summary-grid .summary-card.fees{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0}.enforcement-summary-grid .summary-icon{align-items:center;background:#fff;border-radius:18px;box-shadow:0 4px 10px #00000005;display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.enforcement-summary-grid .summary-content{flex:1 1}.enforcement-summary-grid .summary-label{color:#64748b;display:block;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.enforcement-summary-grid .summary-value{color:#0f172a;font-size:2.2rem;font-weight:700;line-height:1.2}.enforcement-summary-grid .summary-card.restricted .summary-value{color:#b91c1c}.enforcement-summary-grid .summary-card.overdue .summary-value{color:#b45309}.enforcement-summary-grid .summary-card.fees .summary-value{color:#047857}.enforcement-section{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin:24px 0 16px;padding-bottom:12px}.enforcement-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.2rem;font-weight:600;gap:8px;margin:0}.enforcement-section h3:before{content:"💰";font-size:1.3rem}.refresh-btn.small{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;color:#475569;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.refresh-btn.small:hover{background:#f1f5f9;transform:translateY(-1px)}.enforcement-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;width:100%}.enforcement-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.enforcement-table td{border-bottom:1px solid #f0f0f0;color:#334155;font-size:.95rem;padding:16px 20px}.enforcement-table tbody tr:hover{background:#f8fafc}.enforcement-table .amount{font-weight:600}.enforcement-table .amount.fees{color:#dc2626}.enforcement-table .amount.total{color:#059669;font-size:1rem}.enforcement-table .actions{display:flex;flex-wrap:wrap;gap:8px}.enforcement-table .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:8px 14px;transition:all .2s}.enforcement-table .action-btn.unblock{background:#dbeafe;color:#1e40af}.enforcement-table .action-btn.unblock:hover{background:#bfdbfe;transform:translateY(-1px)}.enforcement-table .action-btn.remind{background:#fef3c7;color:#92400e}.enforcement-table .action-btn.remind:hover{background:#fde68a;transform:translateY(-1px)}.reminder-dropdown{display:inline-block;position:relative}.reminder-dropdown:hover .dropdown-content{display:block}.dropdown-content{background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:100%;box-shadow:0 8px 16px #0000001a;display:none;left:0;margin-bottom:8px;min-width:160px;overflow:hidden;position:absolute;z-index:10}.dropdown-content button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:10px 16px;text-align:left;transition:all .2s;width:100%}.dropdown-content button:hover{background:#f3f4f6}.dropdown-content button:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.dropdown-content button:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.loading-spinner{color:#6b7280;padding:40px;text-align:center}.loading-spinner,.no-data{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:16px;font-size:.95rem}.no-data{color:#9ca3af;font-style:italic}.overdue-summary{background:#fffbeb;border:1px solid #fde68a;border-radius:16px;margin-top:30px;padding:20px 24px}.overdue-summary h4{align-items:center;color:#92400e;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:16px}.overdue-summary h4:before{content:"⚠️";font-size:1.1rem}.overdue-mini-list{display:flex;flex-direction:column;gap:10px}.overdue-item{align-items:center;background:#fff;border:1px solid #fde68a;border-radius:12px;display:flex;font-size:.9rem;justify-content:space-between;padding:12px 16px;transition:all .2s}.overdue-item:hover{box-shadow:0 2px 8px #f59e0b1a;transform:translateX(4px)}.overdue-item .days{background:#fee2e2;border-radius:20px;color:#dc2626;font-size:.8rem;font-weight:600;padding:4px 10px}.table-responsive{border-radius:16px;margin:16px 0}.period-selector{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 1px 2px #00000008;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:16px 20px}.period-selector select{-webkit-appearance:none;appearance:none;background:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #e2e8f0;border-radius:30px;color:#334155;cursor:pointer;font-size:.9rem;font-weight:500;min-width:130px;padding:10px 16px;transition:all .2s}.period-selector select:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.period-selector select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.period-selector .apply-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;color:#334155;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;margin-left:auto;padding:10px 24px;transition:all .2s}.period-selector .apply-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1f2937;transform:translateY(-1px)}.period-selector .apply-btn:active{transform:translateY(0)}@media (max-width:768px){.period-selector{gap:10px;padding:12px 16px}.period-selector select{font-size:.85rem;min-width:120px;padding:8px 14px}.period-selector .apply-btn{font-size:.85rem;padding:8px 20px}}@media (max-width:480px){.period-selector{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.period-selector select{min-width:auto;width:100%}.period-selector .apply-btn{justify-content:center;margin-left:0;width:100%}}@media print{.no-print{display:none!important}.print-only{display:block!important}body{background:#fff;padding:20px}.modal-overlay{background:none;padding:0;position:static}.modal-content{border:1px solid #ddd;box-shadow:none}.commission-modal,.table-wrapper{max-height:none;overflow:visible}.doctor-commission-list th{background:#f0f0f0;color:#000;position:static}.doctor-commission-list th,.summary-card{-webkit-print-color-adjust:exact;print-color-adjust:exact}.summary-card{break-inside:avoid;page-break-inside:avoid}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr;padding:20px}.verification-summary-card{margin:15px 20px;padding:20px}.summary-header{flex-direction:column;gap:15px;text-align:center}.summary-icon{font-size:30px;height:60px;margin:0 auto;width:60px}.summary-text{text-align:center}.summary-text h3{font-size:18px}.summary-text p{font-size:13px}.summary-action{justify-content:center;padding:12px 20px;width:100%}.appointments-table{display:none!important}.appointments-cards{display:block!important}.filters-section,.recent-appointments{margin:20px;padding:20px}.filters-grid{grid-template-columns:1fr}.doctors-tab{padding:20px}.doctors-header{align-items:flex-start;flex-direction:column}.doctors-actions{flex-direction:column;width:100%}.add-doctor-btn,.refresh-btn{justify-content:center;padding:10px 20px;width:100%}.doctor-list-grid{gap:16px;grid-template-columns:1fr}.doctor-card{border-radius:16px}.doctor-card-header{gap:12px;padding:16px}.doctor-card-image{height:65px;width:65px}.doctor-card-title h3{font-size:1rem}.doctor-card-details,.doctor-card-stats{padding:12px 16px}.stat-value{font-size:1rem}.stat-label{font-size:.6rem}.doctor-card-actions{gap:6px;padding:8px 10px}.action-btn{border-radius:5px;font-size:.7rem;min-width:62px;padding:7px 0;width:62px}.modal-body{padding:15px}.commission-summary{gap:12px}.summary-card{padding:18px}.summary-card strong{font-size:2rem}.platform-upi-card{align-items:flex-start;flex-direction:column;gap:15px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.modal-actions{flex-direction:column}.modal-content.commission-modal{border-radius:0;height:100vh;max-height:100vh;width:100%}.modal-content.commission-modal .modal-header{padding:16px 20px}.modal-content.commission-modal .modal-header h2{font-size:1.4rem}.modal-content.commission-modal .close-btn{font-size:1.5rem;height:40px;width:40px}.modal-content.commission-modal .modal-body{padding:20px}.commission-filters{flex-wrap:wrap;gap:10px}.commission-filters .month-select,.commission-filters .year-select{flex:1 1;min-width:120px}.commission-filters .apply-btn{margin-left:0;width:100%}.commission-summary{gap:15px;grid-template-columns:1fr;margin-bottom:20px}.doctor-commission-list h3{font-size:1rem;padding:15px 20px}.table-wrapper{max-height:300px}.doctor-commission-list th{font-size:.85rem;padding:14px 12px}.doctor-commission-list td{font-size:.9rem;padding:14px 12px}.doctor-commission-list td:nth-child(2){max-width:150px}.doctor-commission-list td:last-child{min-width:240px}.commission-action{flex-wrap:wrap}.commission-action input{min-width:0}.commission-action .mark-paid-btn,.commission-action input{flex:1 1 100%;font-size:.9rem;height:42px}.paid-badge{font-size:.9rem;height:42px;justify-content:center;width:100%}.commission-note{font-size:.9rem;padding:14px 20px}.commission-total{align-items:flex-end;flex-direction:column;gap:15px;padding:16px 20px}.total-value{font-size:1.5rem}.payment-enforcement-modal .modal-header{padding:16px 20px}.payment-enforcement-modal .modal-header h2{font-size:1.2rem}.payment-enforcement-modal .close-btn{font-size:1.2rem;height:36px;width:36px}.payment-enforcement-modal .modal-body{padding:16px 20px}.enforcement-summary-grid{gap:12px;grid-template-columns:1fr}.enforcement-summary-grid .summary-card{padding:16px}.enforcement-summary-grid .summary-icon{font-size:2rem;height:50px;width:50px}.enforcement-summary-grid .summary-value{font-size:1.8rem}.enforcement-table td,.enforcement-table th{font-size:.85rem;padding:12px}.enforcement-table .actions{flex-direction:column}.enforcement-table .action-btn{justify-content:center;width:100%}.dropdown-content{bottom:auto;margin-top:5px;top:100%}.overdue-item{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.stat-number{font-size:24px}.stat-icon{font-size:30px;height:60px;width:60px}.verification-summary-card{border-radius:16px;margin:12px 15px;padding:16px}.commission-card{border-left-width:3px}.summary-icon{border-radius:14px;font-size:24px;height:50px;width:50px}.summary-text h3{font-size:16px}.summary-text p{font-size:12px}.summary-action{border-radius:25px;font-size:13px;padding:10px 16px}.recent-appointments{margin:12px;padding:12px}.recent-appointments h2{font-size:1.1rem;margin-bottom:12px}.appointment-card{border-radius:10px;margin-bottom:8px;padding:10px}.appointment-card-header{margin-bottom:8px;padding-bottom:6px}.appointment-id{font-size:.65rem;padding:3px 6px}.appointment-status-mobile{font-size:.55rem;padding:2px 6px}.appointment-card-body{gap:6px;grid-template-columns:1fr;margin-bottom:8px}.appointment-info-item{align-items:center;background:#f9fafb;border-radius:8px;flex-direction:row;gap:8px;justify-content:space-between;padding:6px 10px}.info-label{font-size:.6rem}.info-value{flex:1 1;font-size:.7rem;font-weight:600;text-align:right}.appointment-card-footer{align-items:center;flex-direction:row;gap:8px;justify-content:space-between;padding-top:8px}.appointment-amount{font-size:.85rem}.appointment-commission{font-size:.6rem}.doctors-tab{padding:12px}.doctor-card-header{flex-direction:column;gap:12px;text-align:center}.doctor-card-image{height:70px;width:70px}.doctor-card-title h3{font-size:.95rem}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-icon{display:none}.detail-label{font-size:.6rem;min-width:auto}.detail-value{font-size:.8rem}.doctor-card-stats{gap:8px;grid-template-columns:1fr}.stat-item{align-items:center;background:#f9fafb;border-radius:10px;display:flex;justify-content:space-between;padding:8px 12px}.stat-item:not(:last-child):after{display:none}.stat-value{margin-bottom:0}.commission-due-badge{flex-direction:column;text-align:center}.doctor-card-actions{gap:7px;padding:6px 10px}.action-btn{border-radius:5px;font-size:.5rem;min-width:48px;padding:5px 0;width:48px}.action-btn span{font-size:.3rem}.summary-card{padding:14px 0}.summary-card strong{font-size:1.5rem}.summary-card span{font-size:.75rem;margin-bottom:6px}.total-due-amount{font-size:32px}.paid-badge{justify-content:center;width:100%}.qr-image-large{height:200px;width:200px}.modal-header h2{font-size:18px}.modal-header{padding:15px 20px}.modal-body{padding:15px}.modal-content.commission-modal .modal-header h2{font-size:1.2rem}.modal-content.commission-modal .close-btn{font-size:1.3rem;height:36px;width:36px}.doctor-commission-list th{font-size:.75rem;padding:12px 8px}.doctor-commission-list td{font-size:.85rem;padding:12px 8px}.doctor-commission-list td:nth-child(2){max-width:120px}.doctor-commission-list td:last-child{min-width:220px}.commission-action .mark-paid-btn,.commission-action input{font-size:.85rem;height:40px;padding:10px 12px}.paid-badge{font-size:.85rem;height:40px;padding:8px 16px}.commission-note{font-size:.85rem;padding:12px 16px}.commission-total{padding:14px 16px}.total-label{font-size:.9rem}.total-value{font-size:1.3rem}.payment-enforcement-modal .modal-header{padding:12px 16px}.payment-enforcement-modal .modal-header h2{font-size:1rem}.payment-enforcement-modal .close-btn{font-size:1rem;height:32px;width:32px}.payment-enforcement-modal .modal-body{padding:12px 16px}.enforcement-section{align-items:flex-start;flex-direction:column;gap:12px}.refresh-btn.small{justify-content:center;width:100%}}@media (min-width:1400px){.modal-content.commission-modal{max-width:1200px}.doctor-commission-list td:last-child{min-width:420px}}.admin-status-badge{border-radius:30px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:4px 12px}.admin-status-badge.active{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.admin-status-badge.inactive{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.doctor-login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.doctor-login-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.05)'%3E%3Cpath d='M12 2 2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:60px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.doctor-login-container:after{background:radial-gradient(circle at 30% 40%,#3b82f626,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.doctor-login-card{animation:slideUp .5s ease;background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000026;max-width:500px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.doctor-login-header{margin-bottom:30px;text-align:center}.doctor-login-header h1{color:#047857;font-size:28px;font-weight:700;margin-bottom:5px}.doctor-login-header p{color:#64748b;font-size:14px}.doctor-login-form .form-group{margin-bottom:20px}.doctor-login-form label{color:#334155;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.doctor-login-form input{border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:12px 16px;transition:all .3s;width:100%}.doctor-login-form input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.doctor-login-btn{background:#059669;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s;width:100%}.doctor-login-btn:hover{background:#047857;box-shadow:0 10px 20px #0596694d;transform:translateY(-2px)}.error-message{background:#fee2e2;border-left:4px solid #b91c1c;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.password-field{position:relative}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding:12px 45px 12px 15px!important;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:35px;justify-content:center;padding:5px;position:absolute;right:10px;transition:all .3s;width:35px}.password-toggle-btn:hover{background-color:#f0f0f0;color:#333}.back-to-home{margin-top:20px;text-align:center}.back-to-home a{align-items:center;color:#64748b;display:inline-flex;font-size:14px;font-weight:500;gap:6px;text-decoration:none;transition:all .3s ease}.back-to-home a:hover{color:#2563eb;transform:translateX(-3px)}.back-to-home a:before{font-size:16px;transition:transform .3s ease}.back-to-home a:hover:before{transform:translateX(-3px)}@media (max-width:768px){.doctor-login-card{margin:10px;max-width:100%;padding:25px}.doctor-login-header h1{font-size:35px}}.doctor-dashboard{background:#f5f7fb;display:flex;min-height:100vh}.mobile-menu-btn{display:none}.doctor-sidebar{background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:1px 0 0 0 #0000000d,2px 0 8px -2px #00000008;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;scrollbar-width:thin;top:0;width:260px;z-index:1000}.doctor-sidebar::-webkit-scrollbar{width:3px}.doctor-sidebar::-webkit-scrollbar-track{background:#e2e8f0}.doctor-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sidebar-header{background:#fff;border-bottom:1px solid #eef2f6;flex-shrink:0;overflow:hidden;padding:0;text-align:center;width:100%}.sidebar-logo-img{border-radius:0;display:block;height:120px;margin:0;object-fit:cover;object-position:center;pointer-events:none;width:100%}.sidebar-profile{border-bottom:1px solid #eef2f6;flex-shrink:0;padding:16px 20px}.sidebar-profile-inline{align-items:center;display:flex;gap:12px}.sidebar-avatar-small{border:2px solid #059669;border-radius:50%;box-shadow:0 2px 4px #0000000d;height:44px;object-fit:cover;width:44px}.sidebar-doctor-name{color:#1e293b;font-size:14px;font-weight:600;line-height:1.3}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.sidebar-nav-item:hover{background:#eef2ff;color:#059669}.sidebar-nav-item.active{background:#059669;color:#fff}.sidebar-nav-icon{font-size:18px;min-width:24px}.sidebar-nav-badge{background:#f59e0b;border-radius:20px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;padding:2px 8px}.sidebar-footer{border-top:1px solid #eef2f6;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:16px 12px;position:relative}.sidebar-btn{align-items:center;background:#f8fafc;border:none;border-radius:10px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;transition:all .2s ease;width:100%}.sidebar-btn:hover{background:#eef2ff;transform:translateX(2px)}.sidebar-btn-danger{background:#fef2f2;color:#dc2626}.sidebar-btn-danger:hover{background:#fee2e2;color:#b91c1c}.sidebar-btn-settings{background:#eef2ff;color:#3b82f6}.sidebar-btn-settings:hover{background:#e0e7ff;color:#2563eb}.settings-menu-container{position:relative;width:100%}.settings-dropdown-menu{background:#151414;border:1px solid #e2e8f0;border-radius:12px;bottom:100%;box-shadow:0 10px 25px #00000026;left:0;margin-bottom:8px;overflow:hidden;position:absolute;right:0;z-index:1000}.settings-menu-item{align-items:center;background:#fff;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease}.settings-menu-item:hover{background:#f1f5f9}.settings-menu-item .menu-icon{font-size:18px;min-width:24px}.doctor-main-content{background:#f8fafc;flex:1 1;height:100vh;margin-left:260px;overflow-y:auto;padding:24px 32px}.doctor-main-content::-webkit-scrollbar{width:6px}.doctor-main-content::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.doctor-main-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.doctor-main-content::-webkit-scrollbar-thumb:hover{background:#64748b}.stats-grid{grid-gap:20px;display:grid;gap:20px;padding:20px}@media (min-width:1025px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;padding:25px;transition:all .3s}.stat-card:hover{border-color:#059669;box-shadow:0 10px 25px #05966926;transform:translateY(-5px)}.stat-icon{font-size:45px;min-width:60px}.stat-card h3{color:#666;font-size:14px;margin-bottom:5px}.stat-number{color:#059669;font-size:28px;margin:0}.today-schedule{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin:20px;padding:25px}.today-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:15px}.today-stat{background:#f0fdf4;border-radius:12px;padding:20px;text-align:center}.today-stat .label{color:#666;display:block;font-size:14px;margin-bottom:5px}.today-stat .value{color:#059669;font-size:36px;font-weight:700;line-height:1.2}.upcoming-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin:20px;padding:25px}.upcoming-list{display:flex;flex-direction:column;gap:15px}.upcoming-card{align-items:center;background:#f0fdf4;border-left:4px solid #059669;border-radius:12px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px}.upcoming-time .date{color:#333;font-size:16px;font-weight:600}.upcoming-time .time{color:#666;font-size:14px}.patient-name{color:#333;font-size:16px;font-weight:600}.patient-phone{color:#666;font-size:14px}.complete-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.commission-due-widget{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin:20px;padding:20px}.due-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.due-label{color:#1e293b;font-size:16px;font-weight:600}.due-amount{color:#f59e0b;font-size:24px;font-weight:700}.due-details{background:#f8fafc;border-radius:8px;margin-bottom:15px;padding:10px}.due-details p{font-size:14px;margin:5px 0}.view-due-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px;width:100%}.verification-tab{padding:20px}.verification-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.stat-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:30px;display:flex;gap:8px;padding:8px 15px}.stat-chip .stat-label{color:#64748b;font-size:12px}.stat-chip .stat-value{color:#0f172a;font-size:14px;font-weight:600}.stat-chip.total-pending .stat-value{color:#f59e0b}.tab-description{color:#64748b;font-size:15px;margin-bottom:20px}.verification-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.verification-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;padding:20px;position:relative;transition:all .3s}.verification-card:before{background:linear-gradient(90deg,#f59e0b,#fbbf24);content:"";height:4px;left:0;position:absolute;right:0;top:0}.verification-card:hover{border-color:#f59e0b;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.patient-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.patient-info-header h3{color:#1f2937;font-size:18px;margin:0}.amount{color:#059669;font-size:18px;font-weight:700}.card-details{margin:15px 0}.detail-row{align-items:center;border-bottom:1px dashed #e2e8f0;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{font-size:14px;min-width:80px}.detail-value{color:#1f2937;font-size:14px}.verification-section{background:#fef3c7;border-radius:12px;margin:20px 0;padding:20px}.verify-btn{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s;width:100%}.verify-btn:hover{background:#d97706;transform:translateY(-2px)}.commission-hint{color:#059669;font-size:12px;font-weight:600;margin-top:8px;text-align:center}.appointments-tab{padding:20px}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.filter-section{display:flex;flex-wrap:wrap;gap:10px}.filter-input,.filter-select{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;min-width:200px;padding:10px 15px;transition:all .3s}.filter-input:focus,.filter-select:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a;outline:none}.filter-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.filter-btn:hover{background:#047857;transform:translateY(-2px)}.table-responsive{border-radius:12px;margin:0 -20px;overflow-x:auto;padding:0 20px}.appointments-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-width:800px;overflow:hidden;width:100%}.appointments-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#555;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.appointments-table td{border-bottom:1px solid #e0e0e0;padding:15px}.status-badge{border-radius:20px;font-size:12px;padding:6px 12px}.status-badge.pending_verification{background:#fef3c7;color:#92400e}.status-badge.confirmed{background:#d1fae5;color:#065f46}.payment-method-badge,.status-badge.completed{background:#dbeafe;color:#1e40af}.payment-method-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.payment-status-badge{border-radius:12px;display:inline-block;font-size:10px;margin-top:4px;padding:2px 6px}.payment-status-badge.verified{background:#d1fae5;color:#065f46}.payment-status-badge.pending{background:#fef3c7;color:#92400e}.action-buttons-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.reject-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.reject-btn:hover{background:#b91c1c}.verify-btn.small{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.verify-btn.small:hover{background:#059669}.action-completed{background:#e2e8f0;color:#475569}.action-cancelled,.action-completed{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px}.action-cancelled{background:#fee2e2;color:#991b1b}.status-select{background:#fff;border:2px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;min-width:100px;padding:8px 12px}.patients-grid{grid-gap:20px;display:grid;gap:20px;margin-top:20px}@media (min-width:1025px){.patients-grid{grid-template-columns:repeat(3,1fr)}}.patient-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:25px;transition:all .3s}.patient-card:hover{border-color:#059669;box-shadow:0 10px 25px #05966926;transform:translateY(-5px)}.patient-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.patient-avatar{font-size:50px;min-width:60px}.patient-contact{color:#64748b;font-size:13px;margin-top:4px}.patient-email{color:#94a3b8;font-size:11px;word-break:break-all}.patient-stats{grid-gap:15px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:20px 0;padding:15px 0}.view-details-btn{background:#059669;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;width:100%}@media (min-width:1025px){.records-grid{grid-template-columns:repeat(3,1fr)}}.record-card{border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 8px #0000001a;gap:15px;padding:20px}.record-icon{font-size:40px;min-width:60px}.record-info h4{color:#1e293b;font-size:16px;margin:0 0 5px}.record-patient{color:#64748b;font-size:12px;margin:3px 0}.record-date{font-size:11px;margin:0}.view-btn{border-radius:6px;display:inline-block;font-size:12px;font-weight:600;padding:8px 16px}.earnings-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:30px}.total-earnings{background:linear-gradient(135deg,#059669,#047857);border-radius:12px;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.total-earnings h1{font-size:48px;margin:10px 0 0}.commission-breakdown{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:20px}.commission-item{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 0}.commission-item.net{border-bottom:none;color:#059669;font-weight:700}.earnings-breakdown{grid-gap:20px;display:grid;gap:20px}@media (min-width:1025px){.earnings-breakdown{grid-template-columns:repeat(3,1fr)}}.breakdown-item{background:#f9fafb;border:1px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center}.breakdown-item strong{color:#059669;display:block;font-size:28px;margin-top:8px}.payment-history-tab{margin-top:20px}.payment-history-list{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:20px}.payment-history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s ease}.payment-history-item:hover{background:#f1f5f9;border-left:3px solid #059669;transform:translateX(5px)}.payment-date{color:#64748b;font-size:12px;margin-bottom:8px}.payment-amount{color:#059669;font-size:20px;font-weight:700;margin-bottom:8px}.payment-txn{color:#475569;font-family:monospace;font-size:12px;word-break:break-all}.payment-status{color:#3b82f6;font-size:12px;font-weight:500;margin-top:8px}.commission-report-tab{margin-top:20px}.commission-report-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:30px}.amount-due-card{background:linear-gradient(135deg,#f97316,#dc2626);border-radius:20px;color:#fff;margin-bottom:25px;padding:30px;text-align:center}.amount-label{font-size:14px;letter-spacing:1px;opacity:.9;text-transform:uppercase}.amount-value{font-size:48px;font-weight:700;margin:10px 0}.commission-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:25px 0}.stat-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:12px;padding:18px;transition:all .3s}.stat-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-3px)}.stat-info{flex:1 1}.stat-label{color:#64748b;font-size:11px;font-weight:600}.stat-number{color:#1e293b;font-size:20px;font-weight:700}.commission-details{background:#f8fafc;border-radius:16px;margin-top:20px;padding:20px}.commission-details h3{color:#1e293b;font-size:16px;margin-bottom:15px}.commission-details>div{border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;padding:10px 0}.commission-details>div:last-child{border-bottom:none;border-top:2px solid #e2e8f0;margin-top:5px;padding-top:12px}.commission-details strong{color:#059669}.availability-tab{padding:20px}.availability-grid{display:flex;flex-direction:column;gap:15px;margin:20px 0}.availability-day{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:20px}.day-header label{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px}.day-header input[type=checkbox]{accent-color:#059669;cursor:pointer;height:18px;width:18px}.time-slots{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-left:30px;margin-top:10px}.time-slots input{border:2px solid #e2e8f0;border-radius:10px;font-family:monospace;font-size:14px;padding:8px 12px}.save-availability-btn{background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:14px;width:100%}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:90vw;min-width:300px;overflow-y:auto;padding:30px;position:relative;width:auto}.modal-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.modal-header h2{color:#1e293b;font-size:1.3rem;margin:0}.modal-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .3s;width:32px}.modal-header .close-btn:hover{background:#f1f5f9;color:#475569}.logo-upload-modal{max-width:500px;width:90%}.logo-upload-modal .modal-body{text-align:center}.current-logo-img{border:3px solid #4caf50;border-radius:50%;box-shadow:0 2px 10px #0000001a;height:100px;object-fit:cover;width:100px}.upload-section{margin:20px 0}.upload-section input[type=file]{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;display:block;padding:10px;width:100%}.upload-section input[type=file]:hover{background:#f0fdf4;border-color:#059669}.upload-logo-btn{background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.upload-logo-btn:hover:not(:disabled){box-shadow:0 8px 20px #0596694d;transform:translateY(-2px)}.upload-logo-btn:disabled{cursor:not-allowed;opacity:.6}.upi-modal{max-width:450px;width:90%}.pay-commission-modal{max-width:500px;width:90%}.platform-upi{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin:15px 0;padding:12px}.platform-upi code{background:#f0fdf4;border-radius:6px;color:#059669;font-family:monospace;font-size:14px;padding:4px 8px}.copy-upi-btn{background:#3b82f6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.payment-steps{background:#f1f5f9;border-radius:12px;margin:15px 0;padding:16px 20px}.payment-steps ol{color:#475569;font-size:13px;margin-left:20px}.show-qr-btn{background:#8b5cf6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;margin-top:12px;padding:8px 16px}.qr-code-section{background:#f8fafc;border-radius:12px;margin:15px 0;padding:20px;text-align:center}.qr-code-section img{height:180px;width:180px}.payment-form{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0}.payment-form input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:14px;padding:12px 16px}.pay-commission-btn{background:#059669;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.no-data{border:2px dashed #e0e0e0;border-radius:12px;color:#666;font-size:16px;padding:40px}.doctor-empty-state,.no-data{background:#fff;margin:20px 0;text-align:center}.doctor-empty-state{border-radius:16px;padding:60px 20px}.doctor-empty-icon{font-size:64px;margin-bottom:20px}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;height:50px;margin-bottom:20px;width:50px}.notification{animation:slideIn .3s ease;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:2000}.notification.success{background:#059669}.notification.error{background:#dc2626}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (min-width:768px) and (max-width:1024px){.doctor-sidebar{box-shadow:none;height:100vh;left:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:280px;z-index:1000}.doctor-sidebar.open{box-shadow:-2px 0 15px #00000026;transform:translateX(0)}.doctor-main-content{margin-left:0;padding:80px 20px 20px}.mobile-menu-btn{background:#059669;border:none;border-radius:10px;box-shadow:0 2px 10px #00000026;color:#fff;cursor:pointer;display:block;font-size:22px;height:45px;left:auto;position:fixed;right:16px;top:16px;width:45px;z-index:1001}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.active{display:block}.mobile-top-header{display:none!important}.stats-grid{grid-gap:16px;display:grid;gap:16px;padding:16px}@media (min-width:900px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:899px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{align-items:center;display:flex;gap:15px;padding:20px}.stat-icon{font-size:40px;min-width:50px}.stat-number{font-size:28px}.stat-card h3{font-size:13px}.earnings-breakdown,.patients-grid,.records-grid,.verification-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:900px) and (max-width:1024px){.commission-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:899px){.commission-stats-grid{grid-template-columns:repeat(2,1fr)}}.commission-stats-grid{gap:12px}.today-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.filter-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.filter-input,.filter-select{min-width:160px}.table-responsive{margin:0 -16px;overflow-x:auto;padding:0 16px}.appointments-table{min-width:700px}.appointments-cards{display:none}.appointments-table{display:table}.time-slots{align-items:center;display:flex;flex-direction:row;gap:10px}.time-slots input{width:auto}.modal-content{max-width:80vw}.commission-due-widget,.today-schedule,.upcoming-section{margin:16px}}@media (min-width:768px) and (max-width:820px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:16px}.stat-icon{font-size:32px}.stat-number{font-size:24px}}@media (min-width:820px) and (max-width:1024px){.doctor-main-content{padding:80px 24px 24px}.stats-grid{gap:20px}}@media (min-width:834px) and (max-width:1024px){.doctor-main-content{padding:80px 28px 28px}}@media (min-width:1024px) and (max-width:1366px){.doctor-sidebar{left:0;position:fixed;right:auto;transform:none!important;width:260px}.doctor-main-content{margin-left:260px;padding:24px}.mobile-menu-btn,.mobile-top-header{display:none}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.earnings-breakdown,.patients-grid,.records-grid{grid-template-columns:repeat(3,1fr)}.verification-grid{grid-template-columns:repeat(2,1fr)}.commission-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.doctor-sidebar{height:100vh;left:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:280px;z-index:1000}.doctor-sidebar.open{box-shadow:-2px 0 15px #00000026;transform:translateX(0)}.doctor-main-content{margin-left:0;padding:75px 15px 15px}.mobile-menu-btn{display:none}.mobile-top-header{display:block}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.active{display:block}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr;padding:12px}.stat-card{padding:16px}.stat-icon{font-size:32px;min-width:45px}.stat-number{font-size:22px}.earnings-breakdown,.patients-grid,.records-grid,.verification-grid{gap:12px;grid-template-columns:1fr}.commission-stats-grid{gap:10px}.commission-stats-grid,.today-summary{grid-template-columns:1fr}.filter-section{flex-direction:column;width:100%}.filter-btn,.filter-input,.filter-select{width:100%}.appointments-table{display:none}.appointments-cards{display:flex;flex-direction:column;gap:12px}.time-slots{align-items:flex-start;flex-direction:column;margin-left:20px}.time-slots input{width:100%}.modal-content{max-width:95%;padding:20px;width:95%}.patient-header,.record-card{flex-direction:column;text-align:center}.payment-form{flex-direction:column}.pay-commission-btn,.payment-form input{width:100%}.platform-upi{flex-direction:column;text-align:center}.amount-value{font-size:28px}.due-amount{font-size:20px}}.mobile-top-header{background:#fff;border-bottom:1px solid #eef2f6;box-shadow:0 2px 8px #00000014;display:none;left:0;padding:12px 16px;position:fixed;right:0;top:0;z-index:1002}.mobile-top-header-content{align-items:center;display:flex;justify-content:space-between}.mobile-doctor-info{display:flex;flex-direction:column}.mobile-doctor-name{color:#1e293b;font-size:16px;font-weight:600}.mobile-doctor-specialty{color:#64748b;font-size:12px}.mobile-menu-icon{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#1e293b;cursor:pointer;display:flex;font-size:22px;height:45px;justify-content:center;transition:all .2s ease;width:45px}.mobile-menu-icon:hover{background:#e2e8f0}@media (max-width:768px){.mobile-top-header{display:block}.doctor-main-content{padding-top:75px}}@media (min-width:769px){.mobile-top-header{display:none}}.appointments-cards,.doctor-header,.refresh-indicator,.sidebar-overlay{display:none}.edit-logo-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin-top:8px;padding:4px 12px;transition:all .3s ease;width:auto}.edit-logo-btn:hover{background:#ffffff4d;transform:scale(1.05)}.logo-preview-img{border:2px solid #059669;border-radius:50%;height:100px;margin-top:10px;object-fit:cover;width:100px}@media (max-width:480px){.amount-value{font-size:28px}.stat-item{padding:12px}.stat-number{font-size:16px}.payment-history-item{padding:12px}.payment-amount{font-size:16px}.edit-logo-btn{font-size:10px;padding:3px 8px}.sidebar-logo-text{font-size:14px}.mobile-logo-text{font-size:16px}.mobile-logo-img{height:40px;width:40px}}.status-modal{max-width:550px;width:90%}.status-options{display:flex;flex-direction:column;gap:16px;margin:20px 0}.status-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.status-option:hover{background:#f8fafc;border-color:#2563eb}.status-option.active{background:#eff6ff;border-color:#2563eb}.status-option-icon{font-size:32px;min-width:50px}.status-option-content{flex:1 1}.status-option-content h4{color:#1e293b;font-size:16px;margin:0 0 4px}.status-option-content p{color:#64748b;font-size:12px;margin:0}.status-check{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.status-note{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;margin:16px 0;padding:16px}.status-note p{color:#92400e;font-weight:600;margin-bottom:8px}.status-note ul{margin:0;padding-left:20px}.status-note li{color:#92400e;font-size:12px;margin:4px 0}.save-status-btn{background:#2563eb;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:all .2s;width:100%}.save-status-btn:hover{background:#1d4ed8}@media (max-width:768px){.status-modal{max-width:95%}.status-option{gap:12px;padding:12px}.status-option-icon{font-size:28px;min-width:40px}.status-option-content h4{font-size:14px}.status-option-content p{font-size:11px}.status-check{font-size:12px;height:20px;width:20px}.status-note{padding:12px}.status-note p{font-size:13px}.status-note li{font-size:11px}.save-status-btn{font-size:14px;padding:10px}}@media (max-width:480px){.status-option{gap:10px;padding:10px}.status-option-icon{font-size:24px;min-width:35px}.status-option-content h4{font-size:13px}.status-option-content p{font-size:10px}.save-status-btn{font-size:13px;padding:8px}}.upload-record-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:32px;padding:24px}.upload-record-section h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:20px}.upload-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.upload-form-grid .form-group:last-of-type{grid-column:span 2}.upload-record-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 24px;transition:all .3s ease;width:100%}.upload-record-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.file-size-limit{color:#6b7280;display:block;font-size:11px;margin-top:6px}.file-size-limit.warning{color:#f59e0b}@media (max-width:768px){.upload-form-grid{gap:12px;grid-template-columns:1fr}.upload-form-grid .form-group:last-of-type{grid-column:span 1}.upload-record-section{padding:16px}}.records-grid{grid-gap:20px;gap:20px;margin-top:20px}@media (min-width:1025px){.records-grid{grid-template-columns:repeat(3,minmax(280px,320px));justify-content:center;margin-left:auto;margin-right:auto;max-width:1040px}.record-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:14px;transition:all .3s ease}.record-icon{font-size:30px;height:48px;width:48px}.record-title{font-size:14px}.record-date,.record-patient,.record-size{font-size:11px}}@media (min-width:768px) and (max-width:1024px){.records-grid{gap:16px;grid-template-columns:repeat(2,1fr);padding:0 16px}.record-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:14px}.record-icon{font-size:28px;height:45px;width:45px}.record-title{font-size:14px}.record-date,.record-patient,.record-size{font-size:11px}}@media (max-width:767px){.records-grid{gap:14px;grid-template-columns:1fr;padding:0 12px}.record-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;padding:16px}.record-card,.record-header{flex-direction:column;text-align:center}.record-header{gap:8px}.record-icon{font-size:36px;height:60px;margin:0 auto;width:60px}.record-title{font-size:16px;text-align:center}.file-type-badge{display:inline-block;font-size:10px;margin:0 auto;padding:3px 10px}.record-date,.record-patient,.record-size{flex-wrap:wrap;justify-content:center}.record-date .label,.record-patient .label,.record-size .label{font-size:12px;width:auto}.record-date .value,.record-patient .value,.record-size .value{font-size:12px}.delete-btn,.view-btn{font-size:12px;padding:8px 12px}}@media (max-width:480px){.records-grid{gap:12px;padding:0 10px}.record-card{padding:14px}.record-icon{font-size:32px;height:55px;width:55px}.record-title{font-size:15px}.record-date,.record-patient,.record-size{font-size:11px}.delete-btn,.view-btn{font-size:11px;padding:6px 10px}}.record-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.record-header{gap:12px;margin-bottom:12px}.record-header,.record-icon{align-items:center;display:flex}.record-icon{background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center}.record-title-section{flex:1 1}.record-title{color:#1e293b;font-weight:700;line-height:1.3;margin-bottom:4px}.file-type-badge{border-radius:12px;display:inline-block;font-size:9px;font-weight:600;padding:2px 8px;text-transform:uppercase}.file-type-badge.xray{background:#e0f2fe;color:#0369a1}.file-type-badge.mri{background:#f3e8ff;color:#6b21a5}.file-type-badge.ct{background:#ffe4e6;color:#be123c}.file-type-badge.ultrasound{background:#fce7f3;color:#be185d}.file-type-badge.ecg{background:#dcfce7;color:#15803d}.file-type-badge.prescription{background:#fef3c7;color:#b45309}.file-type-badge.lab_report{background:#e0e7ff;color:#4338ca}.file-type-badge.vaccination{background:#cffafe;color:#0891b2}.file-type-badge.discharge_summary,.file-type-badge.other{background:#f1f5f9;color:#475569}.record-info{margin-bottom:12px}.record-date,.record-patient,.record-size{align-items:center;display:flex;gap:8px;margin-bottom:6px}.record-date .label,.record-patient .label,.record-size .label{color:#64748b;flex-shrink:0;font-weight:500}.record-date .value,.record-patient .value,.record-size .value{color:#1e293b;font-weight:500}.record-actions{border-top:1px solid #e2e8f0;gap:10px;margin-top:8px;padding-top:12px}.delete-btn,.view-btn{border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;text-align:center;transition:all .2s}.view-btn{background:#2563eb;text-decoration:none}.view-btn:hover{background:#1d4ed8}.delete-btn{background:#fee2e2;border:1px solid #fecaca}.delete-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.patient-search-section{align-items:center;display:flex;gap:10px;margin-bottom:20px}.patient-search-input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s}.patient-search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.clear-search-btn{background:#f1f5f9;border:none;border-radius:8px;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .2s}.clear-search-btn:hover{background:#e2e8f0}.selected-patient-banner{align-items:center;background:#e0f2fe;border-left:4px solid #2563eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.selected-patient-banner span{color:#1e293b;font-size:14px}.selected-patient-banner strong{color:#2563eb}.show-all-btn{background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:12px;padding:6px 14px;transition:all .2s}.show-all-btn:hover{background:#2563eb;color:#fff}.selected-patient-input{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;cursor:not-allowed;font-size:14px;padding:12px 16px;width:100%}.upload-note{color:#64748b;display:block;font-size:12px;margin-top:8px}.upload-note strong{color:#2563eb}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh}.patient-records-container{background:#f8fafc;min-height:100vh;padding:1.5rem}.records-header{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem}.header-left h1{color:#059669;font-size:1.75rem;margin-bottom:.25rem}.patient-greeting{color:#64748b;font-size:.875rem;margin-top:.25rem}.header-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.back-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.back-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.patient-summary-card{background:linear-gradient(135deg,#059669,#047857);border-radius:1rem;box-shadow:0 4px 12px #05966940;color:#fff;margin:1.5rem 0;padding:1.5rem}.summary-stats{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;text-align:center}.stat{flex:1 1;min-width:100px}.stat-label{color:#fffc;display:block;font-size:.7rem;font-weight:500;letter-spacing:.3px;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:#fff;display:block;font-size:1.75rem;font-weight:700}.records-tabs{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:.75rem;margin:1.5rem 0;padding:.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.tab-btn.active{background:#ecfdf5;box-shadow:0 1px 2px #0000000d;color:#059669}.tab-btn:hover:not(.active){background:#f8fafc;color:#047857}.appointments-list{display:flex;flex-direction:column;gap:1rem}.appointment-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:1.25rem;transition:all .2s}.appointment-card:hover{border-color:#059669;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.appointment-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.doctor-info h3{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem}.specialization{background:#ecfdf5;border-radius:1rem;color:#059669;display:inline-block;font-size:.75rem;padding:.25rem .75rem}.appointment-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.detail-row{align-items:baseline;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;min-width:120px}.detail-label{color:#64748b;font-size:.75rem;font-weight:500;min-width:65px}.detail-value{color:#1e293b;font-size:.875rem;font-weight:500}.detail-value.amount{color:#059669;font-weight:700}.appointment-footer{border-top:1px dashed #e2e8f0;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:.7rem;gap:.5rem;justify-content:space-between;padding-top:.75rem}.status-badge{border-radius:2rem;display:inline-block;font-size:.7rem;font-weight:600;padding:.25rem .875rem;text-transform:capitalize}.status-badge.confirmed{background:#dbeafe;color:#1e40af}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#fee2e2;color:#991b1b}.records-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1rem}.record-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;padding:1rem;transition:all .2s}.record-card:hover{border-color:#059669;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.record-icon{font-size:2.5rem;min-width:3rem;text-align:center}.record-info{flex:1 1}.record-info h3{color:#059669;font-size:1rem;font-weight:600;margin-bottom:.25rem}.record-doctor{color:#475569;font-size:.75rem;margin-bottom:.25rem}.record-date{color:#94a3b8;font-size:.7rem;margin-bottom:.5rem}.record-description{background:#f8fafc;border-radius:.5rem;color:#475569;font-size:.75rem;font-style:italic;margin:.5rem 0;padding:.5rem}.record-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.record-type{background:#ecfdf5;color:#059669;font-weight:600;text-transform:uppercase}.record-size,.record-type{border-radius:1rem;font-size:.6rem;padding:.25rem .625rem}.record-size{background:#f1f5f9;color:#64748b}.record-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.tag{background:#e0f2fe;border-radius:1rem;color:#0369a1;font-size:.6rem;font-weight:500;padding:.2rem .5rem}.record-actions{align-items:center;display:flex}.view-btn{background:#059669;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.view-btn:hover{background:#047857;transform:translateY(-1px)}.empty-state,.no-records{background:#fff;border:1px dashed #cbd5e1;border-radius:1rem;margin:2rem auto;max-width:400px;padding:3rem 1.5rem;text-align:center}.empty-icon,.no-records-icon{font-size:3.5rem;margin-bottom:1rem}.empty-state h3,.no-records h2{color:#1e293b;font-size:1.25rem;margin-bottom:.5rem}.empty-state p,.no-records p{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.primary-btn{background:#059669;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.5rem;transition:all .2s}.primary-btn:hover{background:#047857;transform:translateY(-1px)}.patient-home-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.patient-home-btn:hover{background:#e2e8f0}.records-loading{align-items:center;background:#f8fafc;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#059669;height:2.5rem;margin-bottom:1rem;width:2.5rem}@keyframes spin{to{transform:rotate(1turn)}}.error-container{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin:5rem auto;max-width:400px;padding:3rem 1.5rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h2{color:#dc2626;font-size:1.25rem;margin-bottom:.5rem}.error-container p{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}@media (max-width:768px){.patient-records-container{padding:1rem}.records-header{flex-direction:column;padding:1rem;text-align:center}.header-left{width:100%}.header-left h1{font-size:1.5rem}.back-btn,.header-buttons{width:100%}.back-btn{justify-content:center}.summary-stats{flex-direction:column;gap:1rem}.stat{min-width:auto}.stat-value{font-size:1.5rem}.stat-label{font-size:.65rem}.records-tabs{flex-direction:column}.tab-btn{justify-content:center}.appointment-header{align-items:flex-start;flex-direction:column}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.records-grid{grid-template-columns:1fr}.record-card{align-items:center;flex-direction:column;text-align:center}.record-actions{justify-content:center;width:100%}.view-btn{width:100%}}@media (max-width:480px){.patient-records-container{padding:.75rem}.header-left h1{font-size:1.25rem}.patient-greeting{font-size:.75rem}.appointment-card{padding:1rem}.doctor-info h3{font-size:.875rem}.record-icon{font-size:2rem}.record-info h3{font-size:.875rem}.empty-state,.error-container,.no-records{margin:1rem;padding:2rem 1rem}.empty-icon,.error-icon,.no-records-icon{font-size:2.5rem}.empty-state h3,.error-container h2,.no-records h2{font-size:1.125rem}}@media (max-width:768px){.patient-info p{font-size:13px!important;line-height:1.4!important;margin:4px 0!important;overflow-wrap:break-word!important;word-break:break-word!important}.patient-info strong{display:inline-block!important;font-size:12px!important;min-width:70px!important}.appointment-card{overflow-x:hidden!important;padding:12px!important}.appointment-body{flex-direction:column!important;gap:10px!important}.doctor-info{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}}
/*# sourceMappingURL=main.b1cef40d.css.map*/