@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap);:root{--bg-page:#f8fafc;--bg-card:#fff;--primary:#3b82f6;--primary-dark:#1e40af;--cta:#10b981;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:12px}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;background-color:var(--bg-page);color:#0f172a;color:var(--text-main);font-family:Nunito,sans-serif;margin:0}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;outline:none}.layout{display:flex;min-height:100vh}.sidebar{background:#fff;background:var(--bg-card);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;padding:24px;position:-webkit-sticky;position:sticky;top:0;width:270px;z-index:100}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:32px;width:100%}@media (max-width:768px){.sidebar{background:#fff;border-right:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);bottom:0;box-shadow:0 -4px 20px #0000000d;flex-direction:row;height:auto;justify-content:space-around;padding:12px;position:fixed;top:auto;width:100%;z-index:999}.desktop-only{display:none!important}.main-content{padding:20px 20px 100px}.nav-btn{flex-direction:column;font-size:.7rem;gap:4px;padding:8px}.grid-2-col{grid-template-columns:1fr!important}}h1{color:#0f172a;color:var(--text-main);font-size:1.8rem;font-weight:800;margin:0}h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #00000005;margin-bottom:24px;padding:24px}.grid-2-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.grid-booking{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:768px){.grid-booking{grid-template-columns:1fr}}.label{color:#0f172a;color:var(--text-main);display:block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;font-size:1rem;padding:12px;transition:.2s;width:100%}.input:focus{border-color:#3b82f6;border-color:var(--primary)}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:.2s}.btn-primary{background:#3b82f6;background:var(--primary);color:#fff}.btn-cta{background:#10b981;background:var(--cta);color:#fff;font-size:1.1rem;padding:16px;width:100%}.nav-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-weight:700;gap:12px;padding:12px 16px;width:100%}.nav-btn.active{background:#eff6ff;color:#3b82f6;color:var(--primary)}.login-wrap{align-items:center;background:#f3f4f6;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:24px;box-shadow:0 10px 25px -5px #0000001a;max-width:400px;padding:40px;width:100%}.avatar-area{cursor:pointer;height:90px;margin:0 auto 20px;position:relative;width:90px}.avatar-img{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 6px #0000001a;height:100%;object-fit:cover;width:100%}.avatar-plus{background:#3b82f6;background:var(--primary);border-radius:50%;bottom:0;color:#fff;padding:6px;position:absolute;right:0}.slot{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-weight:600;padding:12px;text-align:center}.slot.selected{background:#3b82f6;background:var(--primary);border-color:#3b82f6;border-color:var(--primary);color:#fff}.slots-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));margin-top:10px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:popUp .3s cubic-bezier(.175,.885,.32,1.275);background:#fff;border-radius:24px;max-width:350px;padding:30px;text-align:center;width:90%}@keyframes popUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.spinner{animation:spin 1s linear infinite;border:3px solid #0000001a;border-left:3px solid var(--primary);border-radius:50%;height:30px;margin:0 auto;width:30px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.536415b2.css.map*/