body {
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    min-height: 100vh;
}
.glass-panel {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.room-card {
    transition: all 0.3s ease;
}
.room-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 40px rgba(59, 130, 246, 0.2);
}
.calendar-day {
    transition: all 0.2s;
}
.calendar-day:hover:not(.empty) {
    background: rgba(59, 130, 246, 0.2);
}
.booking-block {
    animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
.tag {
    animation: popIn 0.2s ease-out;
}
@keyframes popIn {
    from { transform: scale(0); }
    to { transform: scale(1); }
}
.sidebar-item {
    transition: all 0.2s;
}
.sidebar-item:hover, .sidebar-item.active {
    background: rgba(59, 130, 246, 0.2);
    border-left: 3px solid #3b82f6;
}
.modal-enter {
    animation: modalSlide 0.3s ease-out;
}
@keyframes modalSlide {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}
.pulse-ring {
    position: absolute;
    border-radius: 50%;
    animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
@keyframes pulse-ring {
    0% { transform: scale(0.33); opacity: 1; }
    80%, 100% { transform: scale(2); opacity: 0; }
}