body{background-color:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;display:flex}.doctor-dashboard{background-color:#fff;border-radius:12px;flex-direction:column;gap:20px;width:80vw;padding:30px;display:flex;box-shadow:0 4px 20px #0000000a}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.doctor-dashboard h2{color:#032b53;font-size:1.6rem;font-weight:700}.header-status{color:#334155;gap:15px;font-size:.85rem;font-weight:600;display:flex}.status-live{color:#16a34a;align-items:center;gap:5px;display:flex}.status-live .dot{background-color:#16a34a;border-radius:50%;width:6px;height:6px;display:inline-block}.card{border-radius:8px;padding:20px}.current-patient-card{background-color:#f0fdf4;border:1px solid #dcfce7;align-items:center;gap:20px;display:flex}.avatar{background-color:#e8f5e9;border-radius:50%;width:65px;height:65px;padding:14px}.active-patient-info{align-items:center;gap:15px;display:flex}.active-patient-info h3{color:#15803d;font-size:.9rem;font-weight:600;position:absolute;transform:translateY(-22px)}.active-token{color:#16a34a;margin-top:10px;font-size:2.2rem;font-weight:700}.name{color:#032b53;margin-top:14px;font-size:1.4rem;font-weight:700}.next-patient-card.card{padding:0}.next-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background-color:#10b981;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1.05rem;font-weight:700;transition:background-color .2s;display:flex}.next-btn:hover:not(:disabled){background-color:#059669}.next-btn:disabled{cursor:not-allowed;background-color:#a7f3d0}.queue-card{background-color:#fff;border:1px solid #e2e8f0}.queue-title{align-items:center;gap:8px;padding:5px 15px 15px;display:flex}.queue-title .title{color:#032b53;font-size:1rem;font-weight:700}.queue-card ol{flex-direction:column;list-style:none;display:flex}.queue-card li{background-color:#fff;border-top:1px solid #f1f5f9;justify-content:flex-start;align-items:center;gap:25px;padding:14px 15px;display:flex}.token-no{color:#16a34a;background-color:#dcfce7;border-radius:4px;justify-content:center;align-items:center;width:34px;height:26px;font-size:.9rem;font-weight:700;display:flex}@media (width<=800px){body{align-items:flex-start;padding:12px}.doctor-dashboard{gap:5px;width:95vw;margin:auto;padding:15px}.doctor-dashboard h2{font-size:1.3rem}.name,.active-token{font-size:1.2rem}.current-patient-card{flex-direction:column;align-items:flex-start;gap:10px}.active-patient-info{flex-direction:column;align-items:flex-start;gap:4px;width:100%;display:flex}.active-patient-info h3{margin-bottom:5px;position:static;transform:none}.active-token{margin-top:0;font-size:1.8rem}.name{word-break:break-word;margin-top:0;font-size:1.3rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.patient-dashboard-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:24px;width:80vw;padding:50px;display:flex}.dashboard-header{justify-content:space-between;align-items:center;display:flex}.header-title-group{align-items:center;gap:12px;display:flex}.logo-icon{width:50px;height:50px;font-size:1.8rem}.dashboard-header h2{color:#032b53;font-size:1.8rem;font-weight:700}.card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.form-card{border:1px solid #ccead5}.form-header{color:#16a34a;align-items:center;gap:8px;margin-bottom:16px;font-size:1.05rem;font-weight:600;display:flex}.input-group{gap:16px;display:flex}.input-group input{color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:14px 18px;font-size:1rem;transition:border-color .2s}.input-group input:focus{background-color:#fff;border-color:#10b981;outline:none}.join-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.join-btn:hover{background-color:#059669}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.card-accent-header{color:#15803d;margin-bottom:12px;font-size:.95rem;font-weight:700}.card-accent-header.accent-blue{color:#1d4ed8}.card-body-row{align-items:center;gap:20px;display:flex}.current-patient-card{background-color:#f0fdf4;border:1px solid #dcfce7}.waiting-count-card{background-color:#eff6ff;border:1px solid #dbeafe}.avatar{background-color:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.2rem;display:flex}.blue-bg{background-color:#e0f2fe}.active-token{color:#16a34a;font-size:2.4rem;font-weight:800;line-height:1.1}.active-name{color:#032b53;margin-top:4px;font-size:1.25rem;font-weight:700}.waiting-count{color:#1d4ed8;font-size:2.4rem;font-weight:800;line-height:1.1}.waiting-label{color:#032b53;margin-top:4px;font-size:1.1rem;font-weight:700}.queue-header{align-items:center;gap:10px;display:flex}.queue-header h3{color:#032b53;font-size:1.1rem;font-weight:700}.queue-list{flex-direction:column;list-style:none;display:flex}.queue-item{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.item-left{align-items:center;gap:20px;display:flex}.token-badge{color:#16a34a;background-color:#dcfce7;border-radius:6px;justify-content:center;align-items:center;width:36px;height:28px;font-size:.95rem;font-weight:700;display:flex}.patient-name{color:#334155;font-size:1rem;font-weight:600}.chevron{color:#94a3b8;font-size:1.4rem;font-weight:300}.current-patient-card .card-body-row{align-items:center;gap:20px;display:flex}.current-patient-card .patient-details{flex-direction:column;gap:4px;display:flex}.current-patient-card .card-accent-header{color:#15803d;margin-bottom:0;font-size:.95rem;font-weight:700}.current-patient-card .active-token{color:#16a34a;margin:4px 0;font-size:2.4rem;font-weight:800;line-height:1}.current-patient-card .active-name{color:#032b53;font-size:1.25rem;font-weight:700}@media (width<=800px){body{align-items:flex-start;padding:12px}.patient-dashboard-container{gap:5px;width:95vw;margin:auto;padding:15px}.dashboard-header h2{font-size:1.4rem}.input-group{flex-direction:column;gap:12px}.join-btn{justify-content:center;padding:14px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.card-body-row{gap:16px}.active-token,.waiting-count{font-size:2rem}.active-name,.waiting-label{word-break:break-word;font-size:1.1rem}.queue-item{padding:14px 16px}.item-left{gap:14px}}