@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css";
:root{--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--color-forest-dark:#0f241a;--color-forest-medium:#1b4332;--color-forest:#1b4332;--color-emerald:#2d6a4f;--color-sage:#95d5b2;--color-sage-light:#d8f3dc;--color-amber:#e85d04;--color-gold:#ffb703;--color-sand:#fbf8f3;--color-cream:#f4efe2;--color-mud:#4a3e3d;--color-gray-medium:#e5e5e5;--color-gray-dark:#333;--color-white:#fff;--status-free-bg:#2d6a4f26;--status-free-border:#2d6a4f;--status-free-text:#1b4332;--status-booked-bg:#e85d041f;--status-booked-border:#e85d04;--status-booked-text:#a13d00;--status-blocked-bg:#4a3e3d1f;--status-blocked-border:#4a3e3d;--status-blocked-text:#2c2524;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 10px 25px #0f241a1f;--shadow-lg:0 20px 40px #0f241a2e;--shadow-inset:inset 0 2px 4px #0000000f;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;scrollbar-gutter:stable;overflow-y:scroll}*{box-sizing:border-box;margin:0;padding:0}a,a:visited{color:inherit;text-decoration:none}body{font-family:var(--font-body);background-color:var(--color-sand);color:var(--color-mud);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-forest-dark);font-weight:700;line-height:1.25}.glass-header{-webkit-backdrop-filter:blur(12px);color:var(--color-white);background:#0f241ae6;border-bottom:1px solid #95d5b233}.glass-card{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);background:#fbf8f3d9;border:1px solid #1b43321a}.glass-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-forest-medium), var(--color-emerald));color:var(--color-white);box-shadow:0 4px 15px #2d6a4f4d}.btn-primary:hover{background:linear-gradient(135deg, var(--color-emerald), var(--color-forest-medium));transform:translateY(-1px);box-shadow:0 6px 20px #2d6a4f73}.btn-secondary{background-color:var(--color-cream);color:var(--color-forest-dark);border:1px solid #1b433226}.btn-secondary:hover{background-color:#ede6d5;transform:translateY(-1px)}.btn-danger{color:var(--color-white);background:linear-gradient(135deg,#c32f27,#9b1c1c)}.btn-danger:hover{background:linear-gradient(135deg,#e33d35,#c32f27);transform:translateY(-1px)}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{font-family:var(--font-display);color:var(--color-forest-dark);font-size:.9rem;font-weight:600}.form-control{font-family:var(--font-body);border-radius:var(--radius-md);background-color:var(--color-white);color:var(--color-gray-dark);transition:var(--transition-fast);border:1.5px solid #4a3e3d26;outline:none;width:100%;padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--color-emerald);box-shadow:0 0 0 4px #2d6a4f1f}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-sand)}::-webkit-scrollbar-thumb{background:var(--color-emerald);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-forest-medium)}.btn-overlay-save{color:#fff!important;background-color:#059669!important;border:1px solid #047857!important}.btn-overlay-save:hover{color:#fff!important;background-color:#10b981!important}.btn-overlay-discard{color:#fff!important;background-color:#dc2626!important;border:1px solid #b91c1c!important}.btn-overlay-discard:hover{color:#fff!important;background-color:#ef4444!important}.top-view-switch-header{z-index:1000!important;box-sizing:border-box!important;background-color:#0f241a!important;border-bottom:1px solid #95d5b233!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:48px!important;padding:0 24px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.top-view-switch-container{justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0!important;display:flex!important}.top-view-switch-buttons{white-space:nowrap!important;flex-flow:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin:0 auto!important;display:flex!important}.view-switch-btn,.view-switch-btn:hover,.view-switch-btn:active,.view-switch-btn:focus{white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important;border-radius:12px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:155px!important;height:36px!important;margin:0!important;padding:6px 16px!important;font-family:Outfit,sans-serif!important;font-size:.88rem!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;transition:background-color .15s,border-color .15s,opacity .15s!important;display:inline-flex!important;transform:none!important}.view-switch-btn.active-btn{color:#fff!important;box-shadow:none!important;background:linear-gradient(135deg,#2d6a4f,#1b4332)!important;border:1px solid #fff3!important}.view-switch-btn.active-btn .btn-icon,.view-switch-btn.active-btn span{color:#fff!important}.view-switch-btn.inactive-glass-btn{-webkit-backdrop-filter:blur(8px)!important;color:#fff!important;background-color:#ffffff26!important;border:1px solid #ffffff59!important}.view-switch-btn.inactive-glass-btn .btn-icon,.view-switch-btn.inactive-glass-btn span{color:#fff!important;opacity:1!important}.view-switch-btn.inactive-glass-btn:hover{color:#fff!important;background-color:#ffffff40!important;border-color:#ffffff80!important;transform:none!important}@media (max-width:768px){.top-view-switch-spacer,.top-view-switch-buttons{display:none!important}.top-view-switch-container{justify-content:center!important}.top-view-switch-logout-wrapper{flex:none!important;justify-content:center!important;width:100%!important;min-width:0!important;display:flex!important}}