@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,400&display=swap);:root{--primary:#0ea5e9;--primary-dark:#0284c7;--accent:#f43f5e;--success:#10b981;--warning:#f59e0b;--bg:#f8fafc;--bg-card:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 4px 24px #0ea5e914;--shadow-hover:0 8px 40px #0ea5e92e;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text);font-family:DM Sans,sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:Syne,sans-serif}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 24px}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary{background:#0ea5e9;background:var(--primary);color:#fff}.btn-primary:hover{background:#0284c7;background:var(--primary-dark);box-shadow:0 8px 40px #0ea5e92e;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #0ea5e9;border:2px solid var(--primary);color:#0ea5e9;color:var(--primary)}.btn-outline:hover{background:#0ea5e9;background:var(--primary);color:#fff}.btn-danger{background:#f43f5e;background:var(--accent);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:#10b981;background:var(--success);color:#fff}.btn-sm{font-size:.85rem;padding:8px 16px}.btn:disabled{cursor:not-allowed;opacity:.6}.card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 24px #0ea5e914;box-shadow:var(--shadow);padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:.95rem;padding:12px 16px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0ea5e9;border-color:var(--primary);box-shadow:0 0 0 3px #0ea5e91a;outline:none}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 12px}.badge-primary{background:#0ea5e91a;color:#0ea5e9;color:var(--primary)}.badge-success{background:#10b9811a;color:#10b981;color:var(--success)}.badge-danger{background:#f43f5e1a;color:#f43f5e;color:var(--accent)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.loading-screen{align-items:center;display:flex;height:100vh;justify-content:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#0ea5e9;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.page-header{background:linear-gradient(135deg,#0f172a,#0e3a5a);color:#fff;margin-bottom:40px;padding:60px 0 40px}.page-header h1{font-size:2.5rem;margin-bottom:8px}.page-header p{font-size:1.1rem;opacity:.7}.grid-2{grid-gap:24px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:24px}.grid-3{grid-gap:24px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header h1{font-size:1.8rem}}.status-booked{color:#0ea5e9;color:var(--primary)}.status-completed{color:#10b981;color:var(--success)}.status-cancelled{color:#f43f5e;color:var(--accent)}.slot-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.slot-btn{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px;text-align:center;transition:all .2s}.slot-btn.available:hover{background:#0ea5e90d;color:#0ea5e9;color:var(--primary)}.slot-btn.available:hover,.slot-btn.selected{border-color:#0ea5e9;border-color:var(--primary)}.slot-btn.selected{background:#0ea5e9;background:var(--primary);color:#fff}.slot-btn.booked{background:#f8fafc;background:var(--bg);color:#64748b;color:var(--text-muted);cursor:not-allowed;text-decoration:line-through}@media (max-width:1024px){.container{padding:0 18px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 14px}.grid-2,.grid-3,.grid-4{gap:16px;grid-template-columns:1fr}h1{font-size:2rem!important;line-height:1.2}h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}@media (max-width:768px){.doctor-grid .btn{width:auto}}.card{padding:16px}.page-header{padding:40px 0 30px;text-align:center}.page-header h1{font-size:1.6rem}.page-header p{font-size:.95rem}.slot-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){h1{font-size:1.7rem!important}.slot-grid{grid-template-columns:repeat(2,1fr)}.btn{font-size:.9rem;padding:10px 16px}.badge{font-size:.7rem;padding:3px 10px}}.navbar{background:#0ea5e9;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between}.nav-logo{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;display:flex;gap:20px;list-style:none}.logout-btn,.nav-links li a{color:#fff;font-size:1rem;text-decoration:none}.logout-btn{background:#0000;border:1px solid #fff;border-radius:5px;cursor:pointer;padding:6px 10px}.hamburger{color:#fff;cursor:pointer;display:none;font-size:26px}@media (max-width:768px){.hamburger{display:block}.nav-links{align-items:center;background:#0ea5e9;display:none;flex-direction:column;padding:20px 0;position:absolute;right:0;top:60px;width:100%}.nav-links.active{display:flex}.nav-links li{margin:10px 0}}@media (max-width:480px){:root{--radius:12px;--radius-sm:8px}.container{padding:0 12px!important}h1{font-size:1.5rem!important;line-height:1.2}h2{font-size:1.25rem!important}h3{font-size:1rem!important}.page-header{padding:32px 0 24px}.page-header h1{font-size:1.5rem;margin-bottom:8px}.page-header p{font-size:.9rem}.form-group{margin-bottom:16px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:10px 12px}.card{border-radius:12px;padding:12px}.btn{font-size:.85rem;min-height:44px;padding:10px 14px;width:100%!important}.btn-sm{font-size:.8rem;padding:8px 12px}.grid-2,.grid-3,.grid-4{gap:12px}.badge{font-size:.65rem;padding:3px 8px}.navbar{padding:8px 12px}.navbar .nav-container{padding:0}.nav-logo{font-size:1.1rem}.slot-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.slot-btn{font-size:.75rem;padding:8px}.page-header .badge{font-size:.65rem}.nav-links{gap:0}.logout-btn{font-size:.9rem;padding:8px 12px}}@media (min-width:480px) and (max-width:640px){.container{padding:0 14px}.slot-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.btn{min-height:44px}.page-header h1{font-size:1.6rem}.page-header p{font-size:.95rem}}@media (min-width:640px) and (max-width:768px){.container{padding:0 16px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.slot-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1024px){.container{padding:0 18px}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}body{margin:0;overflow-x:hidden!important;padding:0;width:100%}html{overflow-x:hidden}.nav-links{flex-wrap:wrap}img{display:block;height:auto;max-width:100%}table{overflow-x:auto;width:100%}input[type=date],input[type=email],input[type=number],input[type=tel],input[type=time],select,textarea{-webkit-appearance:none;appearance:none}.btn:focus,input:focus,select:focus,textarea:focus{outline:2px solid #0ea5e9;outline:2px solid var(--primary);outline-offset:2px}a,h1,h2,h3,h4,h5,h6,p,span{overflow-wrap:break-word;word-break:break-word}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%230f172a' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}@media (max-width:768px){.nav-links li{text-align:center;width:100%}.btn,.logout-btn,.nav-links li a,button{min-height:44px}form{width:100%}}@media (hover:none){.card{box-shadow:0 4px 24px #0ea5e914;box-shadow:var(--shadow)}.card:active{box-shadow:0 8px 40px #0ea5e92e;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn:active{opacity:.9}}@media (max-width:480px){.page-header{margin-bottom:24px}.page-header .badge{display:block;margin-bottom:8px}}@media (max-width:768px){.btn-primary:hover,.card:hover{transform:none}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #0ea5e9;outline:2px solid var(--primary);outline-offset:2px}.doctor-grid .card{display:block!important;min-height:200px;opacity:1!important;overflow:visible!important;position:static!important;visibility:visible!important;width:100%!important}}.doctor-grid{display:grid!important}@media (max-width:768px){.doctor-grid{display:block!important}}.card{box-sizing:border-box;overflow:hidden;width:100%}
/*# sourceMappingURL=main.d3be3179.css.map*/