.navbar{background-color:#f5fbfd;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.3rem;color:#1a73e8;transition:color .3s ease}.navbar-brand:hover{color:#1557b0}.navbar-icon{font-size:1.8rem}.navbar-title{background:linear-gradient(135deg,#1a73e8,#3d88f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;list-style:none;gap:30px}.navbar-link{text-decoration:none;color:#202124;font-weight:500;transition:color .3s ease;position:relative}.navbar-link:hover{color:#1a73e8}.navbar-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:#1a73e8;transition:width .3s ease}.navbar-link:hover:after{width:100%}.navbar-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:0;gap:6px}.navbar-toggle span{width:25px;height:3px;background-color:#202124;transition:all .3s ease;border-radius:2px}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:70px;left:0;right:0;background-color:#f5fbfd;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;box-shadow:0 4px 6px #0000001a}.navbar-menu.active{max-height:300px}.navbar-menu li{border-bottom:1px solid #e8eaed}.navbar-link{display:block;padding:15px 20px}.navbar-link:after{display:none}.navbar-title{display:none}.navbar-container{height:60px}}.doctor-card{border:1px solid #e8eaed;display:flex;flex-direction:column;height:100%}.doctor-card-header{display:flex;gap:15px;margin-bottom:15px}.doctor-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#1a73e8,#3d88f3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0;overflow:hidden}.doctor-avatar.doctor-image{background:none;color:inherit;padding:0;margin:0;width:60px;height:60px;object-fit:cover}.doctor-info h3{margin:0 0 3px;font-size:1rem}.doctor-specialization{margin:0;font-size:.85rem;color:#5f6368;font-weight:500}.divider{height:1px;background-color:#e8eaed;margin:10px -20px}.doctor-queue-info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.queue-item{display:flex;flex-direction:column;align-items:center;padding:10px;background-color:#e8f4f8;border-radius:4px}.queue-label{font-size:.75rem;color:#5f6368;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.queue-value{font-size:1.5rem;font-weight:700;color:#1a73e8}.wait-time{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;margin-bottom:15px;font-size:.9rem;font-weight:500}.wait-time.low{background-color:#e6f4ea;color:#137333}.wait-time.medium{background-color:#fff8e1;color:#7f6000}.wait-time.high{background-color:#fcebee;color:#c5192d}.wait-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:currentColor}.wait-text{flex:1}.doctor-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.doctor-card-actions button{padding:10px 15px;font-size:.9rem}.hero{background:linear-gradient(135deg,#81C784,#66BB6A);color:#fff;padding:80px 20px;text-align:center}.hero-content h1{font-size:48px;font-weight:700;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-content p{font-size:20px;opacity:.95;margin:0}.doctors-section{padding:60px 20px;background-color:#e8f4f8}.doctors-section h2{font-size:32px;font-weight:700;color:#333;margin-bottom:40px;text-align:center}.doctors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.loading-state,.error-state,.empty-state{text-align:center;padding:60px 20px}.loading-state p,.error-state p,.empty-state p{font-size:16px;color:#666;margin-top:20px}.spinner{border:4px solid #D0E8F0;border-top:4px solid #4CAF50;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}.stats-section{padding:60px 20px;background-color:#e8f4f8}.stats-section h2{font-size:32px;font-weight:700;color:#333;margin-bottom:40px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.stat-card{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;padding:30px;border-radius:8px;text-align:center;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-number{font-size:36px;font-weight:700;margin-bottom:10px}.stat-label{font-size:14px;opacity:.95}.features-section{padding:60px 20px;background-color:#e8f4f8}.features-section h2{font-size:32px;font-weight:700;color:#333;margin-bottom:40px;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;grid-auto-rows:auto}.feature-card{background:#F5FBFD;padding:30px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent;min-height:250px;display:flex;flex-direction:column;justify-content:center}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 12px 24px #0003;border-color:#4caf50}.feature-card.expanded{grid-column:span 1;background:linear-gradient(135deg,#E8F4F8,#F5FBFD);box-shadow:0 12px 32px #4caf5033;border-color:#4caf50;min-height:400px}.feature-card.expanded:hover{transform:translateY(-12px) scale(1.02)}.feature-card.secure-card{grid-column:2;grid-row:2}.feature-card.main-feature{grid-column:2;grid-row:1}.feature-icon{font-size:56px;margin-bottom:15px;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.feature-card:hover .feature-icon{animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.feature-card h3{font-size:20px;font-weight:700;color:#333;margin-bottom:10px;transition:color .3s ease}.feature-card:hover h3{color:#4caf50}.feature-card p{font-size:14px;color:#666;margin:0;line-height:1.6}.feature-details{margin-top:25px;text-align:left;animation:slideIn .4s ease-out}.feature-details ul{list-style:none;padding:0;margin:15px 0}.feature-details li{font-size:13px;color:#555;margin:10px 0;padding-left:25px;position:relative;font-weight:500}.feature-details li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700;font-size:16px}.feature-btn{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s ease;width:100%;text-transform:uppercase;letter-spacing:.5px}.feature-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #4caf5066;background:linear-gradient(135deg,#45a049,#3d8b40)}.feature-btn:active{transform:translateY(0)}.container{max-width:1200px;margin:0 auto}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card.main-feature{grid-column:1 / -1;grid-row:1}.feature-card.secure-card{grid-column:1;grid-row:2}}@media (max-width: 768px){.hero-content h1{font-size:32px}.hero-content p{font-size:16px}.doctors-section h2,.stats-section h2,.features-section h2{font-size:24px}.doctors-grid,.stats-grid,.features-grid{grid-template-columns:1fr}.feature-card.main-feature,.feature-card.secure-card{grid-column:auto;grid-row:auto}.feature-card{min-height:auto}.feature-icon{font-size:44px}.feature-card h3{font-size:18px}}.appointment-form{background:#F5FBFD;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a;max-width:600px;margin:0 auto}.form-section{margin-bottom:30px}.form-section h3{font-size:16px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px;font-size:14px;border:1px solid #ddd;border-radius:4px;font-family:inherit;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-group input.error,.form-group select.error{border-color:#f44336}.error-text{display:block;font-size:12px;color:#f44336;margin-top:5px}.btn-block{width:100%;margin-top:20px}.btn-primary{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:4px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;cursor:pointer;transition:all .3s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.appointment-form{padding:20px}.form-section h3{font-size:14px}.form-group input,.form-group select{font-size:16px}}.book-appointment-page{min-height:100vh;background-color:#e8f4f8;padding:40px 20px}.page-header{text-align:center;margin-bottom:50px}.page-header h1{font-size:36px;font-weight:700;color:#333;margin-bottom:10px}.page-header p{font-size:16px;color:#666;margin:0}.page-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.form-container{background:#F5FBFD;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000001a}.success-message{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;padding:40px;border-radius:8px;text-align:center}.success-icon{font-size:48px;margin-bottom:15px}.success-message h3{font-size:24px;font-weight:600;margin:15px 0}.success-message p{margin:0;opacity:.95}.error-banner{background-color:#ffebee;border-left:4px solid #f44336;padding:15px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-banner p{color:#c62828;margin:0;font-size:14px}.btn-text{background:none;border:none;color:#f44336;cursor:pointer;font-weight:600;padding:0;font-size:14px}.btn-text:hover{text-decoration:underline}.selected-doctor-info{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);padding:20px;border-radius:8px;margin-bottom:30px}.selected-doctor-info h3{font-size:14px;font-weight:600;color:#2e7d32;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.doctor-info-card{background:#F5FBFD;padding:15px;border-radius:4px}.doctor-name{font-size:18px;font-weight:600;color:#333}.doctor-spec{font-size:14px;color:#4caf50;margin:5px 0}.doctor-email{font-size:12px;color:#999;margin-top:8px}.form-help{background:#E8F4F8;padding:20px;border-radius:4px;margin-top:30px}.form-help h4{font-size:14px;font-weight:600;color:#333;margin-top:0;margin-bottom:15px}.form-help ul{list-style:none;padding:0;margin:0}.form-help li{font-size:13px;color:#666;margin-bottom:10px;padding-left:20px;position:relative}.form-help li:before{content:"•";position:absolute;left:0;color:#4caf50;font-weight:700}.booking-info{display:flex;flex-direction:column;gap:20px}.info-card{background:#F5FBFD;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.info-card h3{font-size:18px;font-weight:600;color:#333;margin-top:0;margin-bottom:15px}.info-card ol{margin:0;padding-left:20px}.info-card li{font-size:13px;color:#666;margin-bottom:12px;line-height:1.5}.info-card strong{color:#333;font-weight:600}.info-card ul{list-style:none;padding:0;margin:0}.info-card ul li{padding-left:0;margin-bottom:10px}.loading-state{text-align:center;padding:60px 20px}@media (max-width: 1024px){.page-content{grid-template-columns:1fr}}@media (max-width: 768px){.book-appointment-page{padding:20px 15px}.page-header h1{font-size:28px}.page-content{gap:20px}.form-container,.info-card{padding:20px}}.queue-list{overflow-x:auto}.queue-table{width:100%;border-collapse:collapse;background-color:#f5fbfd}.queue-table thead{background-color:#e8f4f8;border-bottom:2px solid #e8eaed}.queue-table th{padding:15px;text-align:left;font-weight:600;color:#202124;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.queue-table tbody tr{border-bottom:1px solid #e8eaed;transition:background-color .2s ease}.queue-table tbody tr:hover{background-color:#e8f4f8}.queue-table td{padding:15px;color:#202124}.token-cell{text-align:center}.token-badge{display:inline-block;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a73e8,#3d88f3);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.queue-row.status-waiting .token-badge{background:linear-gradient(135deg,#5f6368,#818181)}.queue-row.status-in-progress .token-badge{background:linear-gradient(135deg,#fbbc04,#fde9a8);color:#7f6000}.queue-row.status-completed .token-badge{background:linear-gradient(135deg,#34a853,#81c995)}.patient-info{display:flex;align-items:center;gap:10px}.patient-name{margin:0;font-weight:500;color:#202124}.status-cell{text-align:center}.badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-waiting{background-color:#e8f0fe;color:#1a73e8}.status-in-progress{background-color:#fff8e1;color:#7f6000}.status-completed{background-color:#e6f4ea;color:#137333}.status-cancelled{background-color:#fcebee;color:#c5192d}.wait-time-cell{text-align:center;font-weight:500;color:#1a73e8}.action-cell{text-align:center;display:flex;gap:5px;justify-content:center}.action-cell button{padding:6px 12px;font-size:.8rem}.queue-row.status-completed,.queue-row.status-cancelled{color:#9aa0a6;background-color:#f8f9fa}@media (max-width: 768px){.queue-table{font-size:.9rem}.queue-table th,.queue-table td{padding:10px}.action-cell{flex-direction:column}.action-cell button{width:100%}}.queue-status-page{min-height:100vh;background-color:#e8f4f8;padding:30px 20px}.page-header{background:#F5FBFD;padding:30px;border-radius:8px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:20px}.header-content h1{font-size:32px;font-weight:700;color:#333;margin:0 0 10px}.doctor-selector-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.select-label{font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.doctor-select{padding:10px 14px;border:2px solid #2563eb;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:280px;box-shadow:0 2px 4px #0000001a}.doctor-select:hover{border-color:#1d4ed8;box-shadow:0 4px 8px #2563eb33}.doctor-select:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px #2563eb1a}.doctor-select option{padding:8px;background-color:#fff;color:#1f2937}.doctor-header{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.doctor-name{font-size:16px;font-weight:600;color:#4caf50}.doctor-name:before{content:"👨‍⚕️ "}.doctor-spec{font-size:14px;color:#666;padding:4px 12px;background:#f0f0f0;border-radius:4px}.header-controls{display:flex;gap:10px}.btn-refresh{padding:10px 16px;font-size:14px;font-weight:600;border:2px solid #4CAF50;background:#F5FBFD;color:#4caf50;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-refresh:hover{background:#D0E8F0}.btn-refresh.active{background:#4CAF50;color:#fff}.spinner-mini{display:inline-block;animation:spin 1s linear infinite}.btn-primary{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:4px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.queue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-box{background:#F5FBFD;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a;border-top:4px solid #4CAF50}.stat-box.wait-low{border-top-color:#4caf50}.stat-box.wait-medium{border-top-color:#ffc107}.stat-box.wait-high{border-top-color:#f44336}.stat-value{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.loading-state,.error-state{background:#F5FBFD;padding:60px 20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a}.error-icon{font-size:48px;margin-bottom:15px}.error-state p{font-size:16px;color:#666;margin:15px 0}.empty-queue{background:#F5FBFD;padding:60px 20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a}.empty-icon{font-size:48px;display:block;margin-bottom:15px}.empty-queue h3{font-size:24px;font-weight:600;color:#333;margin:15px 0}.empty-queue p{font-size:14px;color:#666;margin:0}.queue-container{background:#F5FBFD;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.queue-info{background:#F5FBFD;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.queue-info h4{font-size:16px;font-weight:600;color:#333;margin-top:0;margin-bottom:15px}.queue-info ul{list-style:none;padding:0;margin:0}.queue-info li{font-size:13px;color:#666;margin-bottom:10px;padding-left:20px;position:relative;line-height:1.5}.queue-info li:before{content:"•";position:absolute;left:0;color:#4caf50;font-weight:700}.queue-info strong{color:#333;font-weight:600}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.header-controls{width:100%;flex-wrap:wrap}.doctor-selector-wrapper{width:100%}.doctor-select{min-width:100%}.queue-stats{grid-template-columns:1fr 1fr}.stat-value{font-size:24px}}@media (max-width: 480px){.queue-stats{grid-template-columns:1fr}}.admin-dashboard{min-height:100vh;background-color:#e8f4f8;padding:30px 20px}.dashboard-header{text-align:center;margin-bottom:30px}.dashboard-header h1{font-size:36px;font-weight:700;color:#333;margin-bottom:8px}.dashboard-header p{font-size:14px;color:#666;margin:0}.dashboard-controls{background:#F5FBFD;padding:20px;border-radius:8px;margin-bottom:20px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;box-shadow:0 2px 8px #0000001a}.doctor-selector{flex:1;min-width:300px;display:flex;gap:10px;align-items:center}.doctor-selector label{font-weight:600;color:#333;white-space:nowrap}.doctor-selector select{flex:1;padding:10px 12px;font-size:14px;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-family:inherit}.btn-auto-refresh{padding:10px 16px;font-size:14px;font-weight:600;border:2px solid #4CAF50;background:#F5FBFD;color:#4caf50;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-auto-refresh:hover{background:#D0E8F0}.btn-auto-refresh.active{background:#4CAF50;color:#fff}.error-banner{background-color:#ffebee;border-left:4px solid #f44336;padding:15px;border-radius:4px;margin-bottom:20px;color:#c62828}.error-banner.error{display:flex;justify-content:space-between;align-items:center}.error-banner p{margin:0;font-size:14px}.success-banner{background-color:#e8f5e9;border-left:4px solid #4CAF50;padding:15px;border-radius:4px;margin-bottom:20px;color:#2e7d32;animation:slideIn .3s ease}.success-banner p{margin:0;font-size:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.current-patient-card{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:2px solid #4CAF50;border-radius:8px;padding:20px;margin-bottom:20px}.card-header{font-size:12px;font-weight:600;color:#2e7d32;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px}.patient-info{text-align:center}.patient-name{font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.patient-token{font-size:14px;color:#666;margin-bottom:15px}.btn-mark-complete{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:4px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;cursor:pointer;transition:all .3s ease}.btn-mark-complete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.stat-card{background:#F5FBFD;padding:20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a;border-top:4px solid #9e9e9e}.stat-card.waiting{border-top-color:#ffc107}.stat-card.inprogress{border-top-color:#2196f3}.stat-card.completed{border-top-color:#4caf50}.stat-number{font-size:32px;font-weight:700;color:#333;margin-bottom:5px}.stat-label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.next-patient-section{background:#fff3cd;border:1px solid #ffc107;padding:20px;border-radius:8px;margin-bottom:20px;text-align:center}.next-patient-section p{font-size:14px;color:#856404;margin-bottom:15px}.btn-next-patient{padding:12px 24px;font-size:16px;font-weight:700;border:none;border-radius:4px;background:linear-gradient(135deg,#ffc107,#ffb300);color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-next-patient:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.queue-section{background:#F5FBFD;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.queue-section h3{font-size:18px;font-weight:600;color:#333;margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.empty-queue-message{text-align:center;padding:40px;color:#4caf50;font-size:18px;font-weight:600}.quick-actions{background:#F5FBFD;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.quick-actions h4{font-size:16px;font-weight:600;color:#333;margin-top:0;margin-bottom:15px}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.action-btn{padding:12px 16px;font-size:14px;font-weight:600;border:none;border-radius:4px;background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff;cursor:pointer;transition:all .3s ease}.action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.refresh{background:linear-gradient(135deg,#2196f3,#1976d2)}.loading-state{background:#F5FBFD;padding:60px 20px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000001a}.spinner{border:4px solid #f0f0f0;border-top:4px solid #4CAF50;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@media (max-width: 768px){.dashboard-controls{flex-direction:column}.doctor-selector{min-width:unset;flex-direction:column;width:100%}.doctor-selector select,.btn-auto-refresh{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{grid-template-columns:1fr}}.doctor-queue-page{min-height:100vh;background:linear-gradient(135deg,#E8F4F8 0%,#D0E8F0 100%);padding:20px}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;background:#F5FBFD;padding:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.btn-back{background:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;flex-shrink:0}.btn-back:hover{background:#1d4ed8;transform:translate(-2px)}.header-content{flex:1}.doctor-header-info{display:flex;align-items:center;justify-content:space-between;gap:40px}.doctor-info-left{flex:1}.header-content h1{margin:0;font-size:28px;color:#1f2937}.doctor-details{margin-top:12px}.doctor-name{margin:0;color:#1f2937;font-size:18px;font-weight:600}.doctor-specialization{margin:4px 0 0;color:#6b7280;font-size:14px}.doctor-image-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.doctor-profile-image{width:140px;height:140px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.doctor-profile-image:hover{transform:scale(1.05)}.page-content{max-width:1200px;margin:0 auto}.error-banner{display:flex;justify-content:space-between;align-items:center;background:#fee2e2;border-left:4px solid #dc2626;padding:16px;border-radius:6px;margin-bottom:20px;color:#991b1b}.queue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-item{background:#F5FBFD;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:10px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.stat-value{font-size:32px;font-weight:700;color:#2563eb}.btn-toggle{background:#e5e7eb;color:#374151;border:2px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;align-self:flex-start}.btn-toggle.active{background:#10b981;color:#fff;border-color:#059669}.btn-toggle:hover{transform:translateY(-2px)}.queue-container{background:#F5FBFD;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden}.empty-queue{padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-queue h3{font-size:24px;color:#1f2937;margin:0 0 8px}.empty-queue p{color:#6b7280;margin:0}.queue-table-wrapper{overflow-x:auto}.queue-table{width:100%;border-collapse:collapse;font-size:14px}.queue-table thead{background:#f3f4f6;border-bottom:2px solid #e5e7eb}.queue-table th{padding:16px;text-align:left;font-weight:600;color:#374151}.queue-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .3s ease}.queue-table tbody tr:hover{background:#f9fafb}.queue-table td{padding:16px;color:#1f2937}.token-number{font-weight:600}.badge{background:#2563eb;color:#fff;padding:4px 12px;border-radius:12px;font-weight:600}.patient-name{font-weight:500;color:#1f2937}.patient-email,.appointment-time{color:#6b7280;font-size:13px}.status{text-align:center}.status-badge{padding:6px 12px;border-radius:6px;font-weight:500;font-size:12px}.status-badge.status-waiting{background:#fef3c7;color:#92400e}.status-badge.status-in-progress{background:#dbeafe;color:#1e40af}.status-badge.status-completed{background:#dcfce7;color:#166534}.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.position-badge{background:#f3f4f6;color:#1f2937;padding:4px 12px;border-radius:6px;font-weight:600}.queue-table tbody tr.status-waiting{--row-color: #fffbeb}.queue-table tbody tr.status-in-progress{--row-color: #f0f9ff}.queue-table tbody tr.status-completed{--row-color: #f0fdf4}.queue-table tbody tr.status-cancelled{--row-color: #fef2f2}.queue-table tbody tr:hover{background:var(--row-color, #f9fafb)}.actions{text-align:center}.btn-action{padding:8px 14px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-action:disabled{opacity:.6;cursor:not-allowed}.btn-in-progress{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.btn-in-progress:hover:not(:disabled){background:#bfdbfe;box-shadow:0 2px 8px #3b82f64d}.btn-complete{background:#dcfce7;color:#166534;border:1px solid #22c55e}.btn-complete:hover:not(:disabled){background:#bbf7d0;box-shadow:0 2px 8px #22c55e4d}.queue-legend{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;padding:20px;background:#F5FBFD;border-radius:12px;box-shadow:0 2px 8px #0000001a}.legend-item{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.legend-dot{width:16px;height:16px;border-radius:4px}.legend-dot.status-waiting{background:#fef3c7;border:2px solid #92400e}.legend-dot.status-in-progress{background:#dbeafe;border:2px solid #1e40af}.legend-dot.status-completed{background:#dcfce7;border:2px solid #166534}.legend-dot.status-cancelled{background:#fee2e2;border:2px solid #991b1b}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;padding:20px}.doctor-header-info{flex-direction:column;width:100%;gap:20px}.doctor-image-container{width:100%;justify-content:center}.doctor-profile-image{width:120px;height:120px}.header-content h1{font-size:22px}.queue-stats{grid-template-columns:1fr}.queue-table{font-size:12px}.queue-table th,.queue-table td{padding:12px 8px}.queue-legend{gap:16px}}.app-container{background-color:#e8f4f8;min-height:100vh}.main-content{padding:30px 20px}.page-header{margin-bottom:30px}.page-header h1{margin-bottom:10px}.page-header p{color:#5f6368;font-size:1.1rem}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:.95rem}.breadcrumb a{color:#1a73e8;text-decoration:none;cursor:pointer}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-separator{color:#dadce0}.section{margin-bottom:30px}.section-title{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e8eaed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#F5FBFD;padding:20px;border-radius:8px;text-align:center;box-shadow:0 1px 3px #0000001f}.stat-number{font-size:2rem;font-weight:700;color:#1a73e8;margin-bottom:5px}.stat-label{color:#5f6368;font-size:.95rem}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:500}.badge-waiting{background-color:#e8f0fe;color:#1a73e8}.badge-in-progress{background-color:#fff8e1;color:#7f6000}.badge-completed{background-color:#e6f4ea;color:#137333}.badge-cancelled{background-color:#fcebee;color:#c5192d}.wait-indicator{display:flex;align-items:center;gap:10px;padding:10px;border-radius:4px}.wait-indicator.low{background-color:#e6f4ea;color:#137333}.wait-indicator.medium{background-color:#fff8e1;color:#7f6000}.wait-indicator.high{background-color:#fcebee;color:#c5192d}.wait-indicator-dot{width:12px;height:12px;border-radius:50%;background-color:currentColor}.empty-state{text-align:center;padding:60px 20px;color:#5f6368}.empty-state-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#202124;margin-bottom:10px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 768px){.two-column{grid-template-columns:1fr}.stat-card{min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#e8f4f8;color:#333;line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:20px}h1{font-size:2rem;color:#1a73e8;margin-bottom:10px}h2{font-size:1.5rem;color:#202124;margin-bottom:15px}h3{font-size:1.2rem;color:#3c4043;margin-bottom:10px}p{color:#5f6368;margin-bottom:10px}button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:500}.btn-primary{background-color:#1a73e8;color:#fff}.btn-primary:hover{background-color:#1557b0;transform:translateY(-2px);box-shadow:0 4px 12px #1a73e84d}.btn-secondary{background-color:#f8f9fa;color:#1a73e8;border:2px solid #1a73e8}.btn-secondary:hover{background-color:#f1f3f4}.btn-success{background-color:#34a853;color:#fff}.btn-success:hover{background-color:#2d8e47}.btn-warning{background-color:#fbbc04;color:#fff}.btn-warning:hover{background-color:#de9d0e}.btn-danger{background-color:#ea4335;color:#fff}.btn-danger:hover{background-color:#d33425}.btn-sm{padding:6px 12px;font-size:.9rem}.form-group{margin-bottom:20px}label{display:block;margin-bottom:5px;font-weight:500;color:#202124}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:#1a73e8}.spinner{border:4px solid #f3f3f3;border-top:4px solid #1a73e8;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background-color:#fcebee;color:#c5192d;padding:15px;border-radius:4px;border-left:4px solid #c5192d;margin-bottom:20px}.success-message{background-color:#e6f4ea;color:#137333;padding:15px;border-radius:4px;border-left:4px solid #137333;margin-bottom:20px}.warning-message{background-color:#fff8e1;color:#7f6000;padding:15px;border-radius:4px;border-left:4px solid #fbbc04;margin-bottom:20px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:#F5FBFD;border-radius:8px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;padding:20px;transition:all .3s ease}.card:hover{box-shadow:0 3px 6px #00000026,0 2px 4px #0000001f;transform:translateY(-4px)}@media (max-width: 768px){.main-content{padding:10px}h1{font-size:1.5rem}h2{font-size:1.2rem}.grid-2,.grid-3{grid-template-columns:1fr}}