body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    background-color: #f8fafc; 
}

.glass { 
    background: rgba(255, 255, 255, 0.9); 
    backdrop-filter: blur(12px); 
}

/* Chat Bubbles */
.chat-bubble-me { 
    background: #2563eb; 
    color: white; 
    border-radius: 16px 16px 0 16px; 
}
.chat-bubble-other { 
    background: #ffffff; 
    color: #1e293b; 
    border-radius: 16px 16px 16px 0; 
    border: 1px solid #e2e8f0; 
}

/* Status Online Dots */
.online-dot { 
    position: absolute; 
    width: 14px; 
    height: 14px; 
    border-radius: 50%; 
    border: 2px solid white; 
    right: -2px; 
    bottom: -2px;
}
.online-bg { background-color: #22c55e; }
.offline-bg { background-color: #94a3b8; }

/* Google Maps UI Reset */
.gmnoprint, .gm-fullscreen-control, .gm-style-cc { 
    display: none !important; 
}

/* =========================================
   ANIMASI CUSTOM TOAST NOTIFICATION 
   ========================================= */
.toast-enter { 
    animation: slideInRight 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; 
}
.toast-leave { 
    animation: fadeOut 0.3s ease-in forwards; 
}

@keyframes slideInRight {
    from { transform: translateX(120%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; transform: translateY(0) scale(1); }
    to { opacity: 0; transform: translateY(-10px) scale(0.95); }
}

/* Hide Scrollbar for clean look */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }