AdminMenu {
	position: absolute;
	top: 90px;
	left: 55px;
	font-family: 'Baloo 2';

	.indicator {
		justify-content: center;
		align-items: center;
		padding: 10px 14px;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 4px;
		pointer-events: all;
		cursor: pointer;

		.glyph-content {
			flex-direction: column;
			align-items: center;

			Image {
				width: 32px;
				height: 32px;
				object-fit: contain;
			}
		}

		.glyph-text {
			color: #fff;
			font-size: 14px;
			margin-top: 5px;
			font-family: Poppins;
		}
	}

	.frame {
		flex-direction: column;
		border-radius: 0 25px 0 25px;
		font-size: 22px;
		font-weight: bold;
		backdrop-filter-blur: 18px;
		cursor: default;
		width: 480px;
		height: 600px;
		background-color: rgba(32, 34, 39, 0.95);
		position: relative;
	}

	.header {
		border-radius: 0 25px 0 0;
		width: 100%;
		padding: 1.5rem 2.5rem;
		background-color: rgba(32, 34, 39, 0.99);
		justify-content: space-between;
		align-items: center;
		color: #fff;
		font-size: 36px;
		gap: 1rem;
		flex-shrink: 0;

		.header-child {
			align-items: center;
			gap: 1rem;
		}

		.title {
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 0.25rem;
		}

		.close-btn {
			pointer-events: all;
			cursor: pointer;

			&:hover {
				color: #e05252;
			}
		}
	}

	.content {
		flex-direction: column;
		padding: 1.25rem 1.5rem 1.5rem 1.5rem;
		gap: 6px;
		overflow-y: scroll;
		overflow-x: hidden;
		flex: 1;
		min-height: 0;
		width: 100%;
	}

	.search-bar {
		align-items: center;
		gap: 10px;
		background-color: rgba(255, 255, 255, 0.05);
		border-radius: 0 12px 0 12px;
		padding: 8px 14px;
		flex-shrink: 0;
		width: 100%;
		pointer-events: all;

		i {
			font-size: 20px;
			color: rgba(255, 255, 255, 0.3);
			flex-shrink: 0;
		}

		.search-input {
			flex-grow: 1;
			background-color: transparent;
			color: #fff;
			font-size: 19px;
			font-family: 'Baloo 2';
			pointer-events: all;
		}
	}

	.search-hint {
		font-size: 16px;
		font-weight: 400;
		color: rgba(255, 255, 255, 0.2);
		padding: 12px 0;
		flex-shrink: 0;
		width: 100%;
	}

	.section-label {
		font-size: 13px;
		font-weight: 400;
		text-transform: uppercase;
		letter-spacing: 0.15rem;
		color: rgba(255, 255, 255, 0.3);
		padding: 0.75rem 4px 0.35rem 4px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.06);
		margin-bottom: 2px;
		flex-shrink: 0;
		width: 100%;
	}

	.action-btn {
		border-radius: 0 15px 0 15px;
		background-color: rgba(255, 255, 255, 0.04);
		color: rgba(255, 255, 255, 0.75);
		padding: 10px 16px;
		align-items: center;
		gap: 14px;
		font-size: 20px;
		font-weight: 500;
		pointer-events: all;
		cursor: pointer;
		width: 100%;
		flex-shrink: 0;

		i {
			font-size: 22px;
			color: rgba(255, 255, 255, 0.3);
			flex-shrink: 0;
		}

		&:hover {
			background-color: rgba(223, 169, 53, 0.1);
			color: #dfa935;

			i {
				color: #dfa935;
			}
		}

		&.danger {
			&:hover {
				background-color: rgba(220, 82, 82, 0.1);
				color: #e05252;

				i {
					color: #e05252;
				}
			}
		}
	}
}