:root{--primary:#0d9488;--primary-dark:#0f766e;--primary-light:#ccfbf1;--bg:#f8fafc;--surface:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--error:#ef4444;--success:#22c55e;--warning:#f59e0b;--radius:12px;--shadow:0 1px 3px #00000014, 0 4px 12px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page{padding:32px 0}.page h1{align-items:center;gap:10px;margin-bottom:24px;font-size:1.75rem;display:flex}.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{color:var(--primary);align-items:center;gap:8px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.nav-links{align-items:center;gap:16px;display:flex}.nav-links a{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-links a:hover{color:var(--primary)}.user-badge{color:var(--primary-dark);background:var(--primary-light);border-radius:20px;padding:4px 12px;font-size:.85rem}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-danger{color:#fff;background:#dc3545}.btn-danger:hover{background:#bb2d3b}.btn-lg{padding:14px 28px;font-size:1rem}.btn-block{justify-content:center;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.hero{background:linear-gradient(135deg, var(--primary) 0%, #0891b2 100%);color:#fff;text-align:center;padding:80px 0}.hero h1{margin-bottom:16px;font-size:2.5rem}.hero p{opacity:.9;max-width:600px;margin:0 auto 32px;font-size:1.15rem}.hero-actions{justify-content:center;gap:16px;display:flex}.hero .btn-outline{color:#fff;border-color:#fff}.hero .btn-outline:hover{background:#ffffff26}.features{padding:64px 0}.features h2{text-align:center;margin-bottom:40px;font-size:1.75rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.feature-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:32px}.feature-card svg{color:var(--primary);margin-bottom:16px}.feature-card h3{margin-bottom:8px}.feature-card p{color:var(--text-muted);font-size:.9rem}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:32px;display:flex}.auth-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:440px;padding:40px}.auth-card h2{margin-bottom:4px}.auth-subtitle{color:var(--text-muted);margin-bottom:24px}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.9rem}.auth-footer a{color:var(--primary);font-weight:600}.demo-accounts{background:var(--bg);color:var(--text-muted);border-radius:8px;margin-top:20px;padding:12px;font-size:.8rem}.demo-accounts p{margin:2px 0}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:1.5px solid var(--border);border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.filters{margin-bottom:32px}.search-box{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;display:flex}.search-box input{background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.btn-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1rem}.btn-clear:hover{color:var(--text)}.specialty-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:20px;padding:6px 16px;font-size:.85rem;transition:all .2s}.chip.active,.chip:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.doctor-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.doctor-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);gap:16px;padding:24px;display:flex}.doctor-avatar{background:var(--primary-light);width:64px;height:64px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.doctor-info h3{margin-bottom:4px}.specialty-tag{background:var(--primary-light);color:var(--primary-dark);border-radius:12px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.doctor-bio{color:var(--text-muted);margin:8px 0;font-size:.85rem}.doctor-meta{color:var(--text-muted);flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.8rem;display:flex}.doctor-meta span{align-items:center;gap:4px;display:flex}.book-layout{grid-template-columns:1fr 2fr;gap:32px;display:grid}.doctor-summary{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);height:fit-content;padding:24px}.book-form{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.time-slots{flex-wrap:wrap;gap:8px;display:flex}.time-slot{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .2s}.time-slot.active,.time-slot:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.appointment-list{flex-direction:column;gap:16px;display:flex}.appointment-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.appointment-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.status-badge{border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:600}.status-pending{color:#92400e;background:#fef3c7}.status-confirmed{color:#1e40af;background:#dbeafe}.status-completed{color:#166534;background:#dcfce7}.status-cancelled{color:#991b1b;background:#fee2e2}.appointment-date{color:var(--text-muted);font-size:.9rem}.appointment-body p{margin-bottom:4px;font-size:.9rem}.appointment-actions{gap:8px;margin-top:12px;display:flex}.record-list{flex-direction:column;gap:16px;display:flex}.record-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.record-header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;display:flex}.record-code{background:var(--primary-light);color:var(--primary-dark);border-radius:6px;padding:2px 10px;font-family:monospace;font-size:.8rem;font-weight:700}.record-card p{margin-bottom:4px;font-size:.9rem}.alert{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:.9rem}.alert-error{color:#991b1b;background:#fee2e2}.loading,.empty-state{text-align:center;color:var(--text-muted);padding:48px}.time-slot.booked{opacity:.4;cursor:not-allowed;text-decoration:line-through}.text-muted{color:var(--text-muted);font-size:.85rem}.alert-success{color:#166534;background:#dcfce7}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow);padding:32px;overflow-y:auto}.modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.tab-bar{gap:8px;margin-bottom:24px;display:flex}.admin-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.admin-form{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.doctor-admin-list{flex-direction:column;gap:12px;margin-top:16px;display:flex}.doctor-admin-item{border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.doctor-admin-item p{margin:4px 0 0;font-size:.85rem}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.record-file{align-items:center;gap:12px;margin-top:8px;display:flex}@media (width<=768px){.hero h1{font-size:1.75rem}.hero-actions{flex-direction:column;align-items:center}.book-layout,.doctor-grid{grid-template-columns:1fr}.nav-links{gap:8px}.nav-links a span{display:none}.admin-grid,.form-row{grid-template-columns:1fr}}