#loginOverlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;pointer-events: none;}#loginOverlay.active {display: block;pointer-events: auto;}#loginOverlayBackdrop {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);opacity: 0;transition: opacity 0.3s ease;}#loginOverlay.active #loginOverlayBackdrop {opacity: 1;}#loginPanel {position: absolute;background: #fff;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);border-radius: 8px;padding: 24px;min-width: 320px;max-width: 400px;opacity: 0;transition: opacity 0.3s ease, transform 0.3s ease;}@media (min-width: 768px) {#loginPanel {top: 80px;right: 20px;transform: translateY(-10px);}#loginOverlay.active #loginPanel {opacity: 1;transform: translateY(0);}}@media (max-width: 767px) {#loginPanel {position: fixed;bottom: 0;left: 0;right: 0;top: auto;max-width: 100%;border-radius: 16px 16px 0 0;transform: translateY(100%);padding: 20px;height: 60dvh;}#loginOverlay.active #loginPanel {opacity: 1;transform: translateY(0);}}#loginCloseBtn {position: absolute;top: 12px;right: 12px;background: none;border: 0;font-size: 1.5rem;line-height: 1;color: #6c757d;cursor: pointer;padding: 4px 8px;z-index: 10;}#loginCloseBtn:hover {color: #000;}#loginPanelContent {margin-top: 8px;}.user-info-panel {text-align: center;padding: 16px 0;}.user-avatar {margin-bottom: 16px;}.user-avatar .elst-user-circle {font-size: 3rem;color: #6c757d;}.user-details {margin-bottom: 24px;}.user-name {margin: 0 0 8px 0;font-size: 1.1rem;font-weight: 600;color: #212529;}.user-email {margin: 0;font-size: 0.9rem;color: #6c757d;}.user-actions {display: flex;flex-direction: column;gap: 8px;}.user-actions .btn {display: flex;align-items: center;justify-content: center;font-size: 0.9rem;padding: 8px 16px;border-radius: 6px;text-decoration: none;transition: all 0.2s ease;}.user-actions .btn:hover {transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.user-actions .btn i {margin-right: 8px;}